@charset "UTF-8";
address,
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
border: 0;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
main,
nav {
display: block;
}
progress {
display: inline-block;
vertical-align: baseline;
}
a {
background-color: transparent;
}
a:active {
outline: 0;
}
a,
a:focus,
a:hover,
a:visited {
text-decoration: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
#comments .submit,
.search .search-submit {
padding: 10px 15px;
border-radius: 2px;
line-height: 1.85714285714286;
border: 0;
}
.archive .no-results .ast-search-submit,
.search .site-main .ast-search-submit {
display: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid var(--ast-border-color);
margin: 0 0;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
fieldset legend {
margin-bottom: 1.5em;
padding: 0 0.5em;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} /*!
* Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com)
*/
.ast-container {
max-width: 100%;
}
.ast-container,
.ast-container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.ast-row {
margin-left: -20px;
margin-right: -20px;
}
@media (min-width: 768px) and (max-width: 921px) {
.blog-layout-2 .ast-width-md-6,
.blog-layout-3 .ast-width-md-6 {
float: none;
width: 100%;
}
}
@media (min-width: 769px) and (max-width: 921px) {
.blog-layout-2,
.blog-layout-3 {
flex-direction: unset;
}
}
@media (max-width: 768px) {
.blog-layout-3 {
flex-direction: column;
}
}
.ast-grid-common-col {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
}
.ast-float {
float: left;
}
@media (max-width: 992px) {
.ast-width-sm-25 {
width: 25%;
}
.ast-width-md-50 {
width: 50%;
}
}
@media (max-width: 768px) {
.ast-width-md-25 {
width: 25%;
}
}
.ast-full-width {
width: 100%;
}
.ast-width-50 {
width: 50%;
}
@media (min-width: 768px) {
.ast-width-md-4 {
width: 33.3333333333%;
}
.ast-width-md-16 {
width: 16.6666666667%;
}
.ast-width-md-6 {
width: 50%;
float: left;
}
.ast-width-md-3 {
width: 25%;
}
.ast-width-md-66 {
width: 66.6666666667%;
}
}
@media (min-width: 769px) {
.ast-width-md-20 {
width: 20%;
}
}
@media (min-width: 992px) {
.ast-width-lg-33 {
width: 33.3333333333%;
}
.ast-width-lg-16 {
width: 16.6666666667%;
}
.ast-width-lg-50 {
width: 50%;
}
.ast-width-lg-66 {
width: 66.6666666667%;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
.entry-content h1,
h1 {
color: #808285;
font-size: 2em;
line-height: 1.2;
}
.entry-content h2,
h2 {
color: #808285;
font-size: 1.7em;
line-height: 1.3;
}
.entry-content h3,
h3 {
color: #808285;
font-size: 1.5em;
line-height: 1.4;
}
.entry-content h4,
h4 {
color: #808285;
line-height: 1.5;
font-size: 1.3em;
}
.entry-content h5,
h5 {
color: #808285;
line-height: 1.6;
font-size: 1.2em;
}
.entry-content h6,
h6 {
color: #808285;
line-height: 1.7;
font-size: 1.1em;
}
html {
box-sizing: border-box;
}
*,
:after,
:before {
box-sizing: inherit;
}
body {
color: #808285;
background: #fff;
font-style: normal;
}
ol,
ul {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 600;
}
dd {
margin: 0 1.5em 1em;
}
b,
strong {
font-weight: 700;
}
cite,
dfn,
em,
i {
font-style: italic;
}
blockquote,
q {
quotes: "" "";
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
}
blockquote {
border-left: 5px solid var(--ast-border-color);
padding: 20px;
font-size: 1.2em;
font-style: italic;
margin: 0 0 1.5em;
position: relative;
}
address {
margin: 0 0 1.5em;
}
address,
cite {
font-style: italic;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
pre {
background: var(--ast-code-block-background);
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: 1.6em;
overflow: auto;
max-width: 100%;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
img {
height: auto;
max-width: 100%;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.ast-button,
.button,
button,
input,
select,
textarea {
color: #808285;
font-weight: 400;
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
.normal-search {
margin-right: -5px;
}
big {
font-size: 125%;
}
ins,
mark {
background: 0 0;
text-decoration: none;
}
table,
td,
th {
border: 1px solid var(--ast-border-color);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: 600;
}
td,
th {
padding: 0.7em 1em;
border-width: 0 1px 1px 0;
}
.ast-button,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: var(--ast-border-color);
border-radius: 2px;
background: #e6e6e6;
padding: 0.6em 1em 0.4em;
color: #fff;
}
.ast-button:focus,
.ast-button:hover,
.button:focus,
.button:hover,
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
color: #fff;
border-color: var(--ast-border-color);
}
.ast-button:active,
.ast-button:focus,
.button:active,
.button:focus,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: var(--ast-border-color);
outline: 0;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
color: #666;
border: 1px solid var(--ast-border-color);
border-radius: 2px;
-webkit-appearance: none;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
textarea:focus {
color: #111;
}
textarea {
padding-left: 3px;
width: 100%;
}
a {
color: #4169e1;
}
a:focus,
a:hover {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover {
outline: 0;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 2px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 12.25px;
font-size: 0.875rem;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content[ast-blocks-layout] > embed,
.entry-content[ast-blocks-layout] > iframe,
.entry-content[ast-blocks-layout] > object,
embed,
iframe,
object {
max-width: 100%;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
::selection {
color: #fff;
background: #0274be;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body:not(.logged-in) {
position: relative;
}
#page {
position: relative;
}
a,
a:focus {
text-decoration: none;
}
.secondary a *,
.site-footer a *,
.site-header a *,
a {
transition: all 0.2s linear;
}
.capitalize {
text-transform: uppercase;
}
img {
vertical-align: middle;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-bottom: 20px;
}
p {
margin-bottom: 1.75em;
}
blockquote {
margin: 1.5em 1em 1.5em 3em;
font-size: 1.1em;
line-height: inherit;
position: relative;
}
.ast-button,
.button,
input[type="button"],
input[type="submit"] {
border-radius: 0;
padding: 18px 30px;
border: 0;
box-shadow: none;
text-shadow: none;
}
.ast-button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
box-shadow: none;
}
.ast-button:active,
.ast-button:focus,
.button:active,
.button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
box-shadow: none;
}
.site-title {
font-weight: 400;
}
.site-description,
.site-title {
margin-bottom: 0;
}
.site-description a,
.site-description:focus a,
.site-description:hover a,
.site-title a,
.site-title:focus a,
.site-title:hover a {
transition: all 0.2s linear;
}
.site-title a,
.site-title a:focus,
.site-title a:hover,
.site-title a:visited {
color: #222;
}
.site-description a,
.site-description a:focus,
.site-description a:hover,
.site-description a:visited {
color: #999;
}
.search-form .search-field {
outline: 0;
}
.ast-search-menu-icon {
position: relative;
z-index: 3;
}
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: 0;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
outline: thin dotted;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
input,
select {
line-height: 1;
}
.ast-button,
.ast-custom-button,
body,
button,
input[type="button"],
input[type="submit"],
textarea {
line-height: 1.85714285714286;
}
.site-title a {
line-height: 1.2;
}
.site-header .site-description {
line-height: 1.5;
}
.ast-single-post .entry-title,
.ast-single-post .entry-title a {
line-height: 1.2;
}
.entry-title,
.entry-title a {
font-weight: var(--ast-blog-title-font-weight, normal);
}
.ast-oembed-container {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.ast-oembed-container embed,
.ast-oembed-container iframe,
.ast-oembed-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ast-hidden {
display: none !important;
}
body {
background-color: #fff;
}
#page {
display: block;
}
#primary,
#secondary {
width: 100%;
}
#primary {
margin: 4em 0;
}
.ast-separate-container {
background-color: #f5f5f5;
}
.ast-separate-container #primary {
padding: 4em 0;
margin: 0;
border: 0;
}
.ast-separate-container .site-main > .ast-row {
margin-left: 0;
margin-right: 0;
}
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single:not(.ast-related-post) {
background-color: #fff;
}
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
border-bottom: 1px solid var(--ast-border-color);
margin: 0;
padding: 5.34em 6.67em;
}
.ast-separate-container .blog-layout-1 {
padding: 0;
border-bottom: 0;
}
.ast-separate-container .ast-article-single {
border-bottom: 0;
}
@media (max-width: 1200px) {
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
margin: 0;
padding: 3.34em 2.4em;
}
}
@media (min-width: 993px) {
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary {
margin: 4em 0;
padding: 0;
}
.ast-right-sidebar #primary {
padding-right: 60px;
}
.ast-left-sidebar #primary {
padding-left: 60px;
}
}
@media (max-width: 992px) {
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary {
padding-left: 0;
padding-right: 0;
}
.ast-right-sidebar #primary {
padding-right: 30px;
}
.ast-left-sidebar #primary {
padding-left: 30px;
}
}
.ast-search-icon .astra-search-icon {
font-size: 1.3em;
}
.main-navigation {
height: 100%;
-js-display: inline-flex;
display: inline-flex;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
position: relative;
}
.main-header-menu .menu-link,
.main-header-menu > a {
text-decoration: none;
padding: 0 1em;
display: inline-block;
transition: all 0.2s linear;
}
.main-header-menu .menu-item {
position: relative;
}
.main-header-menu .menu-item.focus > .sub-menu,
.main-header-menu .menu-item:hover > .sub-menu,
.main-header-menu .menu-item > .sub-menu.toggled-on {
right: auto;
left: 0;
visibility: visible;
}
.main-header-menu .menu-item.focus > .sub-menu .sub-menu.toggled-on,
.main-header-menu .menu-item:hover > .sub-menu .sub-menu.toggled-on,
.main-header-menu .menu-item > .sub-menu.toggled-on .sub-menu.toggled-on {
left: 100%;
right: auto;
visibility: visible;
}
.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu,
.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu {
right: 0;
left: auto;
}
@media (min-width: 769px) {
.main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu,
.main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu {
left: -100%;
}
.main-header-menu
.ast-left-align-sub-menu
.sub-menu
.menu-item.focus
> .sub-menu,
.main-header-menu
.ast-left-align-sub-menu
.sub-menu
.menu-item:hover
> .sub-menu {
left: -100%;
}
}
.main-header-menu .sub-menu {
width: 240px;
background: #fff;
left: -999em;
position: absolute;
top: 100%;
z-index: 99999;
visibility: hidden;
}
@media (min-width: 769px) {
.main-header-menu .sub-menu .menu-item.focus > .sub-menu,
.main-header-menu .sub-menu .menu-item:hover > .sub-menu {
left: 100%;
right: auto;
}
.main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu,
.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,
.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,
.main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu {
left: -100%;
}
.main-header-menu
.sub-menu
.main-header-menu
.ast-sub-menu-goes-outside.focus
> .sub-menu,
.main-header-menu
.sub-menu
.main-header-menu
.ast-sub-menu-goes-outside:hover
> .sub-menu {
left: -100%;
}
}
.main-header-menu .sub-menu .menu-link {
padding: 0.9em 1em;
display: block;
word-wrap: break-word;
}
.main-header-menu
.sub-menu
.menu-item:not(.menu-item-has-children)
.menu-link
.icon-arrow:first-of-type {
display: none;
}
#ast-desktop-header
.main-header-menu
.sub-menu
.menu-item.menu-item-has-children
> .menu-link
.icon-arrow {
display: none;
}
#ast-desktop-header
.main-header-menu
.sub-menu
.menu-item.menu-item-has-children
> .menu-link
.ast-header-navigation-arrow {
position: absolute;
right: 0.6em;
top: 50%;
transform: translate(0, -50%) rotate(270deg);
}
#ast-desktop-header
.main-header-menu
.sub-menu
.menu-item.menu-item-has-children
> .menu-link
.ast-header-navigation-arrow
.icon-arrow {
display: block;
}
#ast-desktop-header
.main-header-menu
.sub-menu
.menu-item.menu-item-has-children
> .menu-link
.ast-header-navigation-arrow
.icon-arrow
svg {
margin: 0;
}
#ast-desktop-header
.account-main-navigation
.sub-menu
.menu-item.menu-item-has-children
> .menu-link
.ast-header-navigation-arrow {
transform: translate(0, -50%) rotate(360deg);
}
.main-header-menu .sub-menu .sub-menu {
top: 0;
}
.submenu-with-border .sub-menu {
border-width: 1px;
border-style: solid;
}
.submenu-with-border .sub-menu .menu-link {
border-width: 0 0 1px;
border-style: solid;
}
.submenu-with-border .sub-menu .sub-menu {
top: -2px;
}
.ast-desktop
.submenu-with-border
.sub-menu
> .menu-item:last-child
> .menu-link {
border-bottom-width: 0;
}
.ast-header-break-point .main-navigation {
padding-left: 0;
}
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
padding: 0 20px;
display: inline-block;
width: 100%;
border: 0;
border-bottom-width: 1px;
border-style: solid;
border-color: var(--ast-border-color);
}
.ast-header-break-point
.main-navigation
ul
.menu-item
.menu-link
.icon-arrow:first-of-type {
margin-right: 5px;
}
.ast-header-break-point
.main-navigation
ul
.sub-menu
.menu-item:not(.menu-item-has-children)
.menu-link
.icon-arrow:first-of-type {
display: inline;
}
.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link {
padding-left: 30px;
}
.ast-header-break-point
.main-navigation
.sub-menu
.menu-item
.menu-item
.menu-link {
padding-left: 40px;
}
.ast-header-break-point
.main-navigation
.sub-menu
.menu-item
.menu-item
.menu-item
.menu-link {
padding-left: 50px;
}
.ast-header-break-point
.main-navigation
.sub-menu
.menu-item
.menu-item
.menu-item
.menu-item
.menu-link {
padding-left: 60px;
}
.ast-header-break-point .main-header-menu {
background-color: #f9f9f9;
border-top-width: 1px;
border-style: solid;
border-color: var(--ast-border-color);
}
.ast-header-break-point .main-header-menu .sub-menu {
background-color: #f9f9f9;
position: static;
opacity: 1;
visibility: visible;
border: 0;
width: auto;
}
.ast-header-break-point
.main-header-menu
.sub-menu
.ast-left-align-sub-menu.focus
> .sub-menu,
.ast-header-break-point
.main-header-menu
.sub-menu
.ast-left-align-sub-menu:hover
> .sub-menu {
left: 0;
}
.ast-header-break-point
.main-header-menu
.ast-sub-menu-goes-outside.focus
> .sub-menu,
.ast-header-break-point
.main-header-menu
.ast-sub-menu-goes-outside:hover
> .sub-menu {
left: 0;
}
.ast-header-break-point .submenu-with-border .sub-menu {
border: 0;
}
.ast-header-break-point .dropdown-menu-toggle {
display: none;
}
.ast-mobile-menu-buttons {
display: none;
}
.ast-button-wrap {
display: inline-block;
}
.ast-button-wrap button {
box-shadow: none;
border: none;
}
.ast-button-wrap .menu-toggle {
padding: 0;
width: 2.2em;
height: 2.1em;
font-size: 1.5em;
font-weight: 400;
border-radius: 2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 2px;
vertical-align: middle;
line-height: 1.85714285714286;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
padding: 0 0.5em;
width: auto;
text-align: center;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu {
font-size: 15px;
font-size: 1rem;
font-weight: 600;
}
.ast-button-wrap .menu-toggle .menu-toggle-icon {
font-style: normal;
display: inline-block;
vertical-align: middle;
line-height: 2.05;
}
.ast-button-wrap .menu-toggle .menu-toggle-icon:before {
content: "\e5d2";
font-family: Astra;
text-decoration: inherit;
}
.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) {
display: none;
}
.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before {
content: "\e5cd";
}
.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child {
display: none;
}
.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) {
display: block;
}
.ast-button-wrap .menu-toggle .mobile-menu-wrap {
display: inline-block;
}
.ast-button-wrap .menu-toggle:focus {
outline: thin dotted;
}
.header-main-layout-1 .ast-main-header-bar-alignment {
margin-left: auto;
}
.site-navigation {
height: 100%;
}
.site-header .menu-link * {
transition: none;
}
.ast-icon.icon-arrow svg {
height: 0.6em;
width: 0.6em;
position: relative;
margin-left: 10px;
}
.ast-icon.icon-search svg {
height: 1em;
width: 0.9em;
margin-top: 3px;
margin-right: 2px;
}
.ast-header-break-point .user-select {
clear: both;
}
.ast-header-break-point .ast-mobile-menu-buttons {
display: block;
align-self: center;
}
.ast-header-break-point .main-header-bar-navigation {
flex: auto;
}
.ast-header-break-point .ast-main-header-bar-alignment {
display: block;
width: 100%;
flex: auto;
order: 4;
}
.ast-header-break-point .ast-icon.icon-arrow svg {
height: 0.85em;
width: 0.95em;
position: relative;
margin-left: 10px;
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
position: relative;
text-align: left;
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
grid-column-start: 2;
text-align: right;
}
.ast-icon svg {
fill: currentColor;
}
.post-navigation a {
background: 0 0;
font-size: 1.06666rem;
font-size: 1rem;
padding: 0 var(--ast-post-nav-space, 1.5em);
height: 2.33333em;
line-height: calc(2.33333em - 3px);
}
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline {
display: none;
}
.group-blog .byline,
.single .byline {
display: inline;
}
.page-links {
clear: both;
margin-top: 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-link {
border-color: var(--ast-border-color);
background: 0 0;
}
.page-links .page-link {
padding: 0;
margin: 0 0 0.3em 0.3em;
border: 2px solid var(--ast-border-color);
color: #000;
background: 0 0;
font-size: 0.8em;
width: 2.5em;
height: 2.5em;
line-height: calc(2.5em - 4px);
display: inline-block;
text-align: center;
transition: all 0.2s linear;
}
.page-links .page-link:focus,
.page-links .page-link:hover {
color: #000;
}
@media (max-width: 768px) {
.page-links .page-link {
margin-bottom: 6px;
}
}
.entry-content > :last-child,
.entry-summary > :last-child,
.page-content > :last-child {
margin-bottom: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
margin: 20px auto;
}
.bypostauthor {
display: block;
}
body {
overflow-x: hidden;
}
.widget-title {
font-weight: 400;
margin-bottom: 1em;
line-height: 1.5;
}
.widget {
margin: 0 0 2.8em 0;
}
.widget:last-child {
margin-bottom: 0;
}
.widget select {
max-width: 100%;
}
.widget ul {
margin: 0;
list-style-type: none;
}
.no-widget-text {
margin-bottom: 0;
}
.widget_nav_menu ul ul.sub-menu {
margin-top: 0.25em;
}
.widget_nav_menu ul ul.sub-menu li {
padding-left: 20px;
}
.widget_nav_menu ul ul.sub-menu a:after {
left: -20px;
}
.widget_nav_menu ul ul.sub-menu ul a:after {
left: -40px;
}
.widget_nav_menu ul ul.sub-menu ul ul a:after {
left: -60px;
}
.widget_nav_menu li {
transition: all 0.2s linear;
}
#secondary .wp-block-search__input {
line-height: 1;
}
#secondary .wp-block-search__button {
padding: 0.7em 1em;
}
.widget_search .search-form {
position: relative;
padding: 0;
background: initial;
color: inherit;
}
.widget_search .search-form > label {
position: relative;
}
.widget_search .search-form i {
color: #3a3a3a;
}
.widget_search .search-form button {
position: absolute;
top: 0;
right: 15px;
border: none;
padding: 0;
cursor: pointer;
background: 0 0;
}
.widget_search .search-form input[type="submit"],
.widget_search .search-form input[type="submit"]:focus,
.widget_search .search-form input[type="submit"]:hover {
padding: 13px 20px;
border-radius: 2px;
border: none;
top: 0;
right: 0;
position: absolute;
color: transparent;
background: 0 0;
max-width: 45px;
z-index: 2;
}
.widget_search .search-form .search-field {
background: #fafafa;
border-width: 1px;
border-color: var(--ast-border-color);
border-radius: 2px;
}
.widget_search .search-field,
.widget_search .search-field:focus {
width: 100%;
padding: 12px 45px 12px 15px;
}
.widget_archive ul.children,
.widget_categories ul.children,
.widget_pages ul.children {
position: relative;
margin-top: 5px;
width: 100%;
}
.widget_archive ul.children li,
.widget_categories ul.children li,
.widget_pages ul.children li {
padding-left: 20px;
}
.widget_archive li ul.children a:after,
.widget_categories li ul.children a:after,
.widget_pages li ul.children a:after {
left: -20px;
}
.widget_archive li ul.children ul a:after,
.widget_categories li ul.children ul a:after,
.widget_pages li ul.children ul a:after {
left: -40px;
}
.widget_tag_cloud .tagcloud {
margin-top: 10px;
display: inline-block;
}
.widget_tag_cloud .tagcloud a {
border: 1px solid var(--ast-border-color);
padding: 0.5em 0.9em;
display: inline-block;
margin-bottom: 4px;
font-size: 14px;
margin-right: 4px;
line-height: 1.5;
transition: all 0.2s linear;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
}
.widget_calendar table,
.widget_calendar th {
border: none;
}
.widget_calendar td {
border-right: none;
border-left: none;
}
.widget_calendar caption {
line-height: 2.7em;
}
.widget_calendar thead {
line-height: 2.5em;
}
.widget_calendar thead a {
color: #0274be;
font-size: 1rem;
vertical-align: middle;
}
.widget_calendar thead td {
vertical-align: middle;
font-weight: 700;
}
.widget_calendar thead > tr > th {
line-height: 2.5em;
border-bottom: 2px solid var(--ast-border-color);
border-top: 2px solid var(--ast-border-color);
}
.widget_calendar tbody {
line-height: 2.1em;
text-align: center;
}
.widget_calendar tbody > tr > td {
width: 14.2857%;
}
.widget_calendar tbody > tr:first-child > td {
padding-top: 3px;
}
.widget_calendar #today {
color: #0274be;
font-weight: 700;
border-bottom: 2px solid #0274be;
}
.ast-builder-grid-row {
display: grid;
grid-template-columns: auto auto;
align-items: center;
grid-column-gap: 20px;
overflow-wrap: anywhere;
}
.ast-builder-grid-row > .site-header-section {
flex-wrap: nowrap;
}
.ast-builder-footer-grid-columns {
grid-column-gap: 50px;
}
.ast-builder-grid-row.ast-grid-center-col-layout {
grid-template-columns: 1fr auto 1fr;
}
.ast-builder-layout-element {
align-items: center;
}
.ast-builder-grid-row.ast-grid-center-col-layout-only {
-js-display: flex;
display: flex;
height: 100%;
justify-content: center;
}
.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center {
flex-grow: 1;
}
.site-header-section {
height: 100%;
min-height: 0;
align-items: center;
}
.site-header-section .ast-main-header-bar-alignment {
height: 100%;
}
.site-header-section > * {
padding: 0 10px;
}
.site-header-section > div:first-child {
padding-left: 0;
}
.site-header-section > div:last-child {
padding-right: 0;
}
.site-header-section .ast-builder-menu {
align-items: center;
}
.ast-builder-layout-element.ast-header-search {
height: auto;
}
.ast-grid-right-center-section {
justify-content: flex-start;
flex-grow: 1;
}
.ast-grid-right-section {
justify-content: flex-end;
}
.ast-grid-right-section .ast-site-identity > :first-child {
text-align: right;
}
.ast-grid-right-section
.ast-grid-right-center-section
.ast-site-identity
> :first-child {
text-align: left;
}
.ast-grid-left-center-section {
justify-content: flex-end;
flex-grow: 1;
}
.elementor-nav-menu .ast-icon,
.et_pb_menu__wrap .ast-icon,
.fl-widget .menu-item .ast-icon {
display: none;
}
.ast-logo-title-inline .ast-site-identity {
padding: 1em 0;
-js-display: inline-flex;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all 0.2s linear;
}
.ast-grid-section-center {
justify-content: center;
}
.ast-grid-section-center .ast-site-identity > :first-child {
text-align: center;
}
.ast-builder-social-element {
line-height: 1;
color: #3a3a3a;
background: 0 0;
vertical-align: middle;
transition: all 10ms;
margin-left: 6px;
margin-right: 6px;
justify-content: center;
align-items: center;
}
.ast-builder-social-element:hover {
color: #0274be;
}
.ast-builder-social-element .social-item-label {
padding-left: 6px;
}
.ast-social-stack-desktop .ast-builder-social-element,
.ast-social-stack-mobile .ast-builder-social-element,
.ast-social-stack-tablet .ast-builder-social-element {
margin-top: 6px;
margin-bottom: 6px;
}
.ahfb-svg-iconset {
-js-display: inline-flex;
display: inline-flex;
align-self: center;
}
.ahfb-svg-iconset svg {
width: 17px;
height: 17px;
transition: none;
}
.ahfb-svg-iconset svg > * {
transition: none;
}
.ast-footer-copyright p {
margin-bottom: 0;
}
.ast-builder-grid-row-container {
display: grid;
align-content: center;
}
.main-header-bar .main-header-bar-navigation {
height: 100%;
}
.ast-nav-menu .sub-menu {
line-height: 1.45;
}
.ast-builder-menu .main-navigation {
padding: 0;
}
.ast-builder-menu .main-navigation > ul {
align-self: center;
}
.ast-footer-copyright,
.ast-footer-social-wrap,
.site-footer-focus-item {
width: 100%;
}
#astra-footer-menu {
margin: 0;
list-style: none;
background: inherit;
}
#astra-footer-menu > ul {
margin: 0;
list-style: none;
background: inherit;
}
.ast-header-break-point #ast-mobile-header {
display: block;
}
.ast-header-break-point .main-header-bar-navigation {
line-height: 3;
}
.ast-header-break-point
.main-header-bar-navigation
.menu-item-has-children
> .ast-menu-toggle {
display: inline-block;
position: absolute;
font-size: inherit;
top: 0;
right: 20px;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 0.907em;
font-weight: 400;
line-height: inherit;
}
.ast-header-break-point
.main-header-bar-navigation
.menu-item-has-children
> .ast-menu-toggle
> .ast-icon.icon-arrow {
pointer-events: none;
}
.ast-header-break-point
.main-header-bar-navigation
.menu-item-has-children
.sub-menu {
display: none;
}
.ast-header-break-point
.ast-mobile-header-wrap
.ast-above-header-wrap
.main-header-bar-navigation
.ast-submenu-expanded
> .ast-menu-toggle::before,
.ast-header-break-point
.ast-mobile-header-wrap
.ast-main-header-wrap
.main-header-bar-navigation
.ast-submenu-expanded
> .ast-menu-toggle::before {
transform: rotateX(180deg);
}
.ast-header-break-point .ast-nav-menu .sub-menu {
line-height: 3;
}
.site-footer-section {
justify-content: center;
}
.site-footer-section > * {
margin-bottom: 10px;
}
.site-footer-section > :last-child {
margin-bottom: 0;
}
.site-primary-footer-wrap {
padding-top: 45px;
padding-bottom: 45px;
}
.site-above-footer-wrap,
.site-below-footer-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
.ast-hfb-header.ast-header-break-point .main-header-bar-navigation {
width: 100%;
margin: 0;
}
.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg {
display: none;
}
.ast-hfb-header .menu-toggle.toggled .ast-close-svg {
display: block;
}
.menu-toggle .ast-close-svg {
display: none;
}
.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon {
-js-display: inline-flex;
display: inline-flex;
align-self: center;
}
.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap {
-js-display: inline-flex;
display: inline-flex;
align-self: center;
margin-left: 0.4em;
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
-js-display: flex;
display: flex;
align-items: center;
width: auto;
height: auto;
}
.menu-toggle .mobile-menu-toggle-icon {
-js-display: inline-flex;
display: inline-flex;
align-self: center;
}
.menu-toggle .mobile-menu-wrap {
-js-display: inline-flex;
display: inline-flex;
align-self: center;
margin-left: 0.4em;
}
.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap {
align-items: center;
-js-display: flex;
display: flex;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
padding: 0.5em;
align-items: center;
-js-display: flex;
display: flex;
}
.ast-search-menu-icon.ast-inline-search .search-field {
width: 100%;
padding: 0.6em;
padding-right: 5.5em;
}
@media (min-width: 769px) {
.footer-nav-wrap .astra-footer-horizontal-menu li {
margin: 0;
}
.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a {
padding-left: 0;
}
.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a {
padding-right: 0;
}
.footer-nav-wrap .astra-footer-horizontal-menu a {
padding: 0 0.5em;
}
}
.site-header {
margin-top:-35px
}
.main-header-container {
position: relative;
}
.main-header-bar-wrap {
position: relative;
}
.main-header-bar {
background-color: #fff;
border-bottom-color: var(--ast-border-color);
border-bottom-style: solid;
}
.ast-header-break-point .main-header-bar {
border: 0;
}
.ast-header-break-point .main-header-bar {
border-bottom-color: var(--ast-border-color);
border-bottom-style: solid;
}
.main-header-bar {
margin-left: auto;
margin-right: auto;
}
.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
}
.ast-header-custom-item-inside .button-custom-menu-item .menu-link {
display: none;
}
.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item {
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.ast-header-custom-item-inside.ast-header-break-point
.button-custom-menu-item
.ast-custom-button-link {
display: none;
}
.ast-header-custom-item-inside.ast-header-break-point
.button-custom-menu-item
.menu-link {
display: block;
}
.ast-theme-transparent-header .post-password-form {
margin-top: 100px;
}
.site-branding {
line-height: 1;
align-self: center;
}
.ast-menu-toggle {
display: none;
background: 0 0;
color: inherit;
border-style: dotted;
border-color: transparent;
}
.ast-menu-toggle:focus,
.ast-menu-toggle:hover {
background: 0 0;
border-color: inherit;
color: inherit;
}
.ast-menu-toggle:focus {
outline: thin dotted;
}
.ast-main-header-nav-open .main-header-bar {
padding-bottom: 0;
}
.main-header-bar {
z-index: 4;
position: relative;
}
.main-header-bar .main-header-bar-navigation:empty {
padding: 0;
}
.main-header-bar .main-header-bar-navigation .sub-menu {
line-height: 1.45;
}
.main-header-bar
.main-header-bar-navigation
.menu-item-has-children
> .menu-link:after {
line-height: normal;
}
.custom-mobile-logo-link {
display: none;
}
.ast-site-identity {
padding: 1em 0;
}
.ast-header-break-point .site-header .main-header-bar-wrap .site-branding {
flex: 1;
align-self: center;
}
.ast-header-break-point .ast-site-identity {
width: 100%;
}
.ast-header-break-point .main-header-bar {
display: block;
line-height: 3;
}
.ast-header-break-point .main-header-bar .main-header-bar-navigation {
line-height: 3;
}
.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu {
line-height: 3;
}
.ast-header-break-point
.main-header-bar
.main-header-bar-navigation
.menu-item-has-children
.sub-menu {
display: none;
}
.ast-header-break-point
.main-header-bar
.main-header-bar-navigation
.menu-item-has-children
> .ast-menu-toggle {
display: inline-block;
position: absolute;
font-size: inherit;
top: -1px;
right: 20px;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 0.907em;
font-weight: 400;
line-height: inherit;
transition: all 0.2s;
}
.ast-header-break-point
.main-header-bar
.main-header-bar-navigation
.ast-submenu-expanded
> .ast-menu-toggle::before {
transform: rotateX(180deg);
}
.ast-header-break-point
.main-header-bar
.main-header-bar-navigation
.main-header-menu {
border-top-width: 1px;
border-style: solid;
border-color: var(--ast-border-color);
}
.ast-header-break-point .main-navigation {
display: block;
width: 100%;
}
.ast-header-break-point .main-navigation ul ul {
left: auto;
right: auto;
}
.ast-header-break-point .main-navigation .stack-on-mobile li {
width: 100%;
}
.ast-header-break-point .main-navigation .widget {
margin-bottom: 1em;
}
.ast-header-break-point .main-navigation .widget li {
width: auto;
}
.ast-header-break-point .main-navigation .widget:last-child {
margin-bottom: 0;
}
.ast-header-break-point .main-header-bar-navigation {
width: calc(100% + 40px);
margin: 0 -20px;
}
.ast-header-break-point .main-header-menu ul ul {
top: 0;
}
.ast-header-break-point .ast-builder-menu {
width: 100%;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
flex-wrap: wrap;
}
.ast-desktop .main-header-menu > .menu-item .sub-menu:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
transform: translateY(-100%);
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
color: #666;
padding: 0.75em;
height: auto;
border-width: 1px;
border-style: solid;
border-color: var(--ast-border-color);
border-radius: 2px;
background: var(--ast-comment-inputs-background);
box-shadow: none;
box-sizing: border-box;
transition: all 0.2s linear;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
background-color: #fff;
border-color: var(--ast-border-color);
box-shadow: none;
}
input[type="button"],
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"],
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"],
input[type="submit"]:focus,
input[type="submit"]:hover {
box-shadow: none;
}
textarea {
width: 100%;
}
input[type="search"]:focus {
outline: thin dotted;
}
input[type="range"] {
-webkit-appearance: none;
width: 100%;
margin: 5.7px 0;
padding: 0;
border: none;
}
input[type="range"]:focus {
outline: 0;
}
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 8.6px;
cursor: pointer;
box-shadow: 2.6px 2.6px 0.4px #ccc, 0 0 2.6px #d9d9d9;
background: rgba(255, 255, 255, 0.2);
border-radius: 13.6px;
border: 0 solid #fff;
}
input[type="range"]::-webkit-slider-thumb {
box-shadow: 0 0 0 rgba(255, 221, 0, 0.37), 0 0 0 rgba(255, 224, 26, 0.37);
border: 7.9px solid #0274be;
height: 20px;
width: 20px;
border-radius: 50px;
background: #0274be;
cursor: pointer;
-webkit-appearance: none;
margin-top: -5.7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
background: rgba(255, 255, 255, 0.2);
}
input[type="range"]::-moz-range-track {
width: 100%;
height: 8.6px;
cursor: pointer;
box-shadow: 2.6px 2.6px 0.4px #ccc, 0 0 2.6px #d9d9d9;
background: rgba(255, 255, 255, 0.2);
border-radius: 13.6px;
border: 0 solid #fff;
}
input[type="range"]::-moz-range-thumb {
box-shadow: 0 0 0 rgba(255, 221, 0, 0.37), 0 0 0 rgba(255, 224, 26, 0.37);
border: 7.9px solid #0274be;
height: 20px;
width: 20px;
border-radius: 50px;
background: #0274be;
cursor: pointer;
}
input[type="range"]::-ms-track {
width: 100%;
height: 8.6px;
cursor: pointer;
background: 0 0;
border-color: transparent;
color: transparent;
}
input[type="range"]::-ms-fill-lower {
background: rgba(199, 199, 199, 0.2);
border: 0 solid #fff;
border-radius: 27.2px;
box-shadow: 2.6px 2.6px 0.4px #ccc, 0 0 2.6px #d9d9d9;
}
input[type="range"]::-ms-fill-upper {
background: rgba(255, 255, 255, 0.2);
border: 0 solid #fff;
border-radius: 27.2px;
box-shadow: 2.6px 2.6px 0.4px #ccc, 0 0 2.6px #d9d9d9;
}
input[type="range"]::-ms-thumb {
box-shadow: 0 0 0 rgba(255, 221, 0, 0.37), 0 0 0 rgba(255, 224, 26, 0.37);
border: 7.9px solid #0274be;
height: 20px;
width: 20px;
border-radius: 50px;
background: #0274be;
cursor: pointer;
height: 8.6px;
}
input[type="range"]:focus::-ms-fill-lower {
background: rgba(255, 255, 255, 0.2);
}
input[type="range"]:focus::-ms-fill-upper {
background: rgba(255, 255, 255, 0.2);
}
input[type="color"] {
border: none;
width: 100px;
padding: 0;
height: 30px;
cursor: pointer;
}
input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
border: none;
}
input[type="color"]::-webkit-color-swatch {
border: none;
}
.page .entry-header {
margin-bottom: 1.5em;
}
.search .entry-header {
margin-bottom: 1em;
}
.ast-single-post .entry-header.ast-header-without-markup,
.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail {
margin-bottom: 0;
}
.entry-header {
margin-bottom: 1.2em;
word-wrap: break-word;
}
.entry-header + .ast-blog-featured-section {
margin-top: 0.5em;
}
.blog-layout-6 .entry-header + .ast-blog-featured-section {
margin-top: 0;
}
.entry-content {
word-wrap: break-word;
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-embedded-audio,
.entry-content .wp-embedded-video,
.entry-content .wp-video,
.entry-content p {
margin-bottom: 1.6em;
}
.entry-content .wp-embedded-audio,
.entry-content .wp-embedded-video {
display: inline-block;
}
.post-content > .cat-links,
.post-content > .read-more,
.post-content > .tags-links {
display: block;
margin-bottom: 0.8em;
font-weight: var(--ast-blog-meta-weight, "");
}
.ast-excerpt-container > p:last-child {
margin-bottom: 0;
}
.post-content > .read-more {
margin-top: 1.5em;
}
.ast-article-inner {
width: 100%;
overflow-wrap: break-word;
}
.read-more {
margin-bottom: 0;
}
.read-more a {
display: inline-block;
}
.read-more .ast-right-arrow {
font-size: 1em;
}
.ast-no-thumb .ast-blog-featured-section {
margin-bottom: 0;
}
.ast-no-thumb .entry-header + .ast-blog-featured-section {
margin-top: 0;
}
.ast-blog-featured-section {
margin-bottom: 1.5em;
}
.blog-layout-2 .ast-blog-featured-section,
.blog-layout-3 .ast-blog-featured-section {
margin-bottom: 0;
}
.error404 .page-header {
margin-bottom: 1.5em;
}
.error404 .page-header .page-title {
margin-bottom: 0;
}
.archive .entry-title,
.blog .entry-title,
.search .entry-title {
line-height: 1.3;
}
.archive .format-aside .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.blog .format-status .entry-title {
display: none;
}
.page-title {
margin-bottom: 1em;
font-weight: 400;
}
.entry-title {
margin-bottom: 0.2em;
}
.ast-article-post {
margin-bottom: 2.5em;
}
.ast-article-post:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.search .site-content .content-area .search-form {
margin-bottom: 3em;
}
.blog-layout-1 .post-thumb {
padding-left: 0;
padding-right: 0;
position: relative;
}
.blog .posted-on {
z-index: 1;
}
.ast-blog-featured-section .posted-on {
width: 5.714285714em;
height: 5.714285714em;
padding: 0.7em;
}
.ast-blog-featured-section .posted-on .date-month,
.ast-blog-featured-section .posted-on .date-year {
font-size: 0.8571428571em;
line-height: 1em;
}
.ast-blog-featured-section .posted-on .date-day {
font-size: 2.5em;
line-height: 0.9em;
font-weight: 900;
margin: 0.1em 0;
}
.ast-author-box img.avatar {
border-radius: 50%;
margin: 0 0 0 20px;
}
.ast-archive-description {
margin-bottom: 2.5em;
padding-bottom: 1.3333em;
border-bottom: 1px solid var(--ast-border-color);
}
.ast-archive-description .ast-archive-title {
margin-bottom: 4px;
font-size: 40px;
font-size: 2.85714rem;
font-weight: 300;
display: none;
}
.ast-archive-description p {
margin-bottom: 0;
font-size: 20px;
font-size: 1.42857rem;
line-height: 1.65;
font-weight: 300;
}
.ast-separate-container .ast-archive-description,
.ast-separate-container .ast-author-box {
background-color: #eee;
padding-bottom: 0;
border-bottom: 0;
}
@media (max-width: 1200px) {
.ast-separate-container .ast-archive-description {
margin: 0;
padding: 3.34em 2.4em;
}
}
@media (max-width: 992px) {
.ast-separate-container .ast-archive-description {
padding: 2.14em;
}
}
@media (min-width: 1201px) {
.ast-separate-container .ast-archive-description,
.ast-separate-container .ast-author-box {
margin: 0;
padding: 5em 6.67em 3.33333em;
}
}
.single .entry-header {
margin-bottom: 2em;
}
.single .post-navigation {
margin: 0;
padding: 2em 0 0;
border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color));
}
@media (max-width: 768px) {
.single .post-navigation {
padding-top: 1.5em;
}
}
.single .post-navigation a {
margin: 2px;
display: inline-block;
color: #000;
}
.single .post-navigation a p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media (min-width: 421px) {
.single .post-navigation .nav-links {
-js-display: flex;
display: flex;
width: 100%;
}
.single .post-navigation .nav-links:not(:has(.nav-previous)) {
justify-content: flex-end;
}
.single .post-navigation .nav-links .nav-previous + .nav-next {
width: 50%;
}
.single .post-navigation .nav-next,
.single .post-navigation .nav-previous {
width: 50%;
}
}
@media (max-width: 420px) {
.single .post-navigation .ast-left-arrow,
.single .post-navigation .ast-right-arrow {
display: none;
}
.single .post-navigation .nav-links:not(:has(.nav-previous)) {
justify-content: flex-end;
}
.single .post-navigation .nav-next,
.single .post-navigation .nav-previous {
width: 50%;
}
.single .post-navigation .nav-next a,
.single .post-navigation .nav-previous a {
max-width: 95%;
width: 100%;
}
.single .post-navigation .nav-previous {
margin-bottom: 1em;
}
}
.single .entry-header .post-thumb {
margin-bottom: 2em;
}
.single .entry-header .post-thumb img {
margin-top: 0;
margin-bottom: 0;
}
.page .has-post-thumbnail .post-thumb img {
margin-bottom: 1.5em;
}
.post-password-form {
text-align: center;
}
@media (max-width: 420px) {
.post-password-form input[type="password"] {
display: block;
margin: 10px auto;
}
}
.post-password-form input[type="submit"] {
padding: 10px 20px;
border-radius: 2px;
}
.ast-author-avatar {
margin: 0 5px;
}
.ast-author-avatar img {
border-radius: 100%;
width: var(--ast-author-avatar-size, 30px);
height: var(--ast-author-avatar-size, 30px);
}
.ast-separate-container .post-navigation {
border-top: 0;
padding-left: var(--ast-post-nav-space, 3.33333em);
padding-right: var(--ast-post-nav-space, 3.33333em);
}
@media (max-width: 420px) {
.ast-separate-container .post-navigation {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.ast-separate-container .entry-header {
margin-bottom: 1em;
}
}
.ast-404-layout-1 {
text-align: center;
margin: 4em auto;
}
.ast-404-layout-1 .page-sub-title {
font-size: 1.5rem;
font-weight: 700;
}
.ast-404-layout-1 .widget_search {
padding-top: 0.5em;
}
.ast-404-search {
margin-top: 1.5em;
}
.ast-404-search .widget_search {
max-width: 370px;
margin: 0 auto;
}
.ast-separate-container .error-404,
.ast-separate-container .no-results {
background-color: #fff;
}
@media (max-width: 1200px) {
.ast-separate-container .ast-404-layout-1,
.ast-separate-container .no-results {
margin: 0;
padding: 3.34em 2.4em;
}
}
@media (max-width: 768px) {
.ast-separate-container .ast-404-layout-1,
.ast-separate-container .no-results {
padding: 1.5em 2.14em;
}
}
@media (max-width: 544px) {
.ast-separate-container .ast-404-layout-1,
.ast-separate-container .no-results {
padding: 1.5em 1em;
}
}
@media (min-width: 1201px) {
.ast-separate-container .ast-404-layout-1,
.ast-separate-container .no-results {
margin: 0;
padding: 5.34em 6.67em;
}
}
.blog-layout-1 {
width: 100%;
display: inline-block;
padding-bottom: 2em;
vertical-align: middle;
border-bottom: 1px solid var(--ast-border-color);
}
.blog-layout-1 .posted-on {
left: 0;
}
.blog-layout-1 .post-content,
.blog-layout-1 .post-thumb {
padding-left: 0;
padding-right: 0;
}
.ast-flex {
-js-display: flex;
display: flex;
flex-wrap: wrap;
}
.ast-flex-1 {
flex: 1;
}
.ast-inline-flex {
-js-display: inline-flex;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
.ast-justify-content-flex-start {
justify-content: flex-start;
}
.ast-justify-content-flex-end {
justify-content: flex-end;
}
.ast-justify-content-center {
justify-content: center;
}
.ast-justify-content-space-between {
justify-content: space-between;
}
.ast-justify-content-space-around {
justify-content: space-around;
}
.ast-align-content-flex-start {
align-content: flex-start;
}
.ast-align-content-flex-end {
align-content: flex-end;
}
.ast-align-content-center {
align-content: center;
}
.ast-align-content-space-between {
align-content: space-between;
}
.ast-align-content-space-around {
align-content: space-around;
}
.ast-align-content-stretch {
align-content: stretch;
}
.ast-flex-grow-1 {
flex-grow: 1;
}
@charset "utf-8";
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0
}
img {
max-width: 100%
}
.base--space {
padding: 35px 0
}
.container,
.container-fluid {
max-width: 1920px;
width: 100%;
padding: 0 60px
}
.breadcrumb-wrapper .container {
max-width: 1400px
}
.p-l-r-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.text--center {
text-align: center !important
}
.text--left {
text-align: left !important
}
.text--right {
text-align: right !important
}
.error-msgtext {
font-size: 14px;
color: #c01048;
margin-top: 3px
}
.header-wrapper .logo img {
height: auto
}
.visually-hidden {
display: none
}
.header-wrapper ul li.tabMenu a {
font-size: 14px
}
.visible-xs {
display: none !important
}
main {
padding-top: 0 !important
}
.arrows li,
.footer-box ul li,
.header-wrapper ul li {
list-style-type: none
}
*,
li,
ol,
ul {
padding: 0;
list-style: none;
margin: 0
}
body,
header {
background: #fff
}
body.active {
overflow: hidden
}
.header--search,
.header-wrapper ul li.tabMenu a,
.headerdrop__arrow,
.headerdrop_right__arrow,
.pos__mobilewrapper,
body {
position: relative
}
.bgsprite-rss,
.bgsprite-web {
vertical-align: middle;
margin-right: 5px
}
*,
a,
a:focus,
a:hover,
button,
button:focus,
button:hover,
input,
input:focus,
input:hover,
select,
select:focus,
select:hover,
textarea,
textarea:focus,
textarea:hover {
outline: 0
}
@font-face {
font-family: Supreme-Regular;
src: url(../fonts/Supreme/Supreme-Regular.woff2) format("woff2"), url(../fonts/Supreme/Supreme-Regular.woff) format("woff"), url(../fonts/Supreme/Supreme-Regular.ttf) format("truetype"), url(../fonts/Supreme/Supreme-Regular.eot);
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Supreme-Medium;
src: url(../fonts/Supreme/Supreme-Medium.woff2) format("woff2"), url(../fonts/Supreme/Supreme-Medium.woff) format("woff"), url(../fonts/Supreme/Supreme-Medium.ttf) format("truetype"), url(../fonts/Supreme/Supreme-Medium.eot);
font-weight: 500;
font-style: normal
}
@font-face {
font-family: Supreme-Bold;
src: url(../fonts/Supreme/Supreme-Bold.woff2) format("woff2"), url(../fonts/Supreme/Supreme-Bold.woff) format("woff"), url(../fonts/Supreme/Supreme-Bold.ttf) format("truetype"), url(../fonts/Supreme/Supreme-Bold.eot);
font-weight: 700;
font-style: normal
}
@font-face {
font-family: Supreme-Extrabold;
src: url(../fonts/Supreme/Supreme-Extrabold.woff2) format("woff2"), url(../fonts/Supreme/Supreme-Extrabold.woff) format("woff"), url(../fonts/Supreme/Supreme-Extrabold.ttf) format("truetype"), url(../fonts/Supreme/Supreme-Extrabold.eot);
font-weight: 800;
font-style: normal
}
* {
border-collapse: collapse;
border: 0;
box-sizing: border-box
}
body {
margin: 0;
font-family: Supreme-Medium !important;
font-weight: 400;
font-size: 14px;
-webkit-font-smoothing: antialiased;
color: #000;
line-height: 1.6
}
a,
a:focus,
a:hover {
text-decoration: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
header {
top: 0;
left: 0;
right: 0;
width: 100%;
height: 60px;
z-index: 999;
background: #f9fafb
}
header.header-scrolled {
box-shadow: rgba(0, 0, 0, .2) 0 0 20px 0
}
.menu-block {
position: relative;
background: #f9fafb;
z-index: auto;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.menu-block__wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
min-height: 60px;
margin: 0 20px
}
.login__btnnew a {
background-color: #fff5f6;
border: 1px solid #feccd6;
padding: 10px 13px;
color: #e31b54;
font-size: 12px;
font-weight: 500;
line-height: 18px;
border-radius: 4px
}
.login__btnnew a:focus,
.login__btnnew a:hover {
color: #e31b54
}
.menu-block__logo {
flex: 0 0 10%
}
.menu-block__logo .logo--img {
display: inline-block;
position: relative
}
.mobile__topwrapper {
max-width: 800px;
width: 35%;
margin-right: 125px
}
.mobile__topwrapper input {
border-radius: 3px;
height: 30px;
width: 100%;
padding: 3px;
font-size: 13px;
font-weight: 500
}
.global__searchleft ul li a,
.globalsearch--drop li a,
.globalsearch__bloglist a {
font-size: 14px;
color: #383838;
display: block
}
.mobile__topwrapper input::placeholder {
opacity: .5
}
.search-input {
border: 2px solid rgba(21, 58, 91, .1)
}
.globalsearch--drop li,
.globalsearch__bloglist {
border-bottom: 1px solid #e4e7ec
}
.globalsearch--drop {
position: initial;
width: 100%;
background: #fff;
color: #1d2a33;
border-radius: 3px;
height: 225px;
overflow-y: auto
}
.global__search,
.homesearch__btn {
border-radius: 4px;
position: absolute
}
.globalsearch--drop li {
cursor: pointer;
text-align: left;
margin: 0 0 6px
}
.globalsearch--drop li:last-child {
border-bottom: 0
}
.globalsearch--drop li a {
position: relative;
font-size: 14px;
font-weight: 500;
padding: 4px 10px;
display: block;
line-height: 21px;
margin-bottom: 6px;
letter-spacing: -.019em;
border-radius: 4px;
color: #1d2939
}
.globalsearch--drop li a:hover {
background-color: #f2f4f7
}
.cate__text {
position: absolute;
right: 10px;
top: 20px;
font-weight: 500;
font-size: 12px;
color: #8a95a8
}
.globalsearch--drop li p {
font-size: 10px;
font-weight: 500;
line-height: 15px;
letter-spacing: -.019em;
color: #a4acba;
margin-bottom: 0
}
.globalsearch--drop::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 4px;
background-color: #f5f5f5
}
.globalsearch--drop::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5
}
.globalsearch--drop::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #999
}
.global__search {
display: flex;
visibility: visible;
opacity: 1;
height: auto;
-webkit-transition: .7s, background, 2s linear .5s;
transition: .7s, background 2s linear .5s;
right: 0;
top: 50px;
box-shadow: 0 0 4px 0 #0000001a;
width: 606px;
background-color: #fff;
z-index: 999;
padding: 20px 10px 8px 24px;
gap: 42px
}
.global__search:after {
content: "";
position: absolute;
right: 0;
top: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff
}
.slide__down {
opacity: 0;
height: 0;
visibility: hidden
}
.global__searchleft {
flex: 0 0 30%;
position: relative
}
.global__searchleft:after {
content: "";
position: absolute;
top: 0;
right: -21px;
height: 100%;
border-right: 1px solid #e4e7ec
}
.global__searchleft ul li {
display: block;
margin-bottom: 2px
}
.global__searchleft ul li a {
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
line-height: 21px;
letter-spacing: -.019em;
color: #667085;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
position: relative
}
.global__searchleft ul li a:after {
content: "";
position: absolute;
right: 10px;
top: 16px;
width: 6px;
height: 6px;
padding: 4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg)
}
.global__searchleft ul li a.active {
background-color: #f2f4f7;
color: #e31b54;
border: 1px solid #e4e7ec
}
.global__searchleft ul li a.active:after {
width: 6px;
height: 6px;
padding: 4px;
border-top: 1px solid #e31b54;
border-right: 1px solid #e31b54
}
.global__searchleft ul li a:hover {
background-color: #f2f4f7;
color: #e31b54 !important;
border: 1px solid #e4e7ec
}
.global__searchleft ul li a:hover:after {
width: 6px;
height: 6px;
padding: 4px;
border-top: 1px solid #e31b54;
border-right: 1px solid #e31b54
}
.global__searchright {
flex: 1
}
.globalsearch__blog {
height: 250px;
overflow-y: auto
}
.globalsearch__blog::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 4px;
background-color: #f5f5f5
}
.globalsearch__blog::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5
}
.globalsearch__blog::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #999
}
.globalsearch__bloglist a {
font-weight: 500
}
.globalsearch__bloglist p {
color: #383838;
font-size: 12px;
font-weight: 400;
opacity: .7;
display: block;
margin-bottom: 0
}
.globalsearch__bloglist a:hover {
color: #175cd3
}
.load__moresearch {
text-align: center
}
.load-more-button {
background-color: transparent;
color: #1570ef;
position: relative;
padding-right: 10px
}
.load-more-button:after {
content: "";
position: absolute;
right: 0;
top: 9px;
width: 5px;
height: 5px;
padding: 3px;
border-top: 1px solid #1570ef;
border-right: 1px solid #1570ef;
transform: rotate(45deg)
}
.global__searchleft ul li a:not([href]):not([class]) {
color: #667085
}
.menu-block__logo .logo--img img {
max-width: 115px;
width: auto;
height: auto
}
.menu-block__language {
width: 92px
}
.menu-block__language .stockdrop__down span,
.menu-block__language .toggle-box a {
display: inline-block
}
.menu-block__language .language-web {
background: url(../images/menu/lang-icon.svg) left top no-repeat;
display: inline-block;
width: 24px;
vertical-align: middle;
height: 24px
}
.menu-block__language input {
display: none
}
.menu-block__language .language__wrapper {
position: relative;
padding-right: 15px;
cursor: pointer
}
.menu-block__language .language__wrapper .language__down {
font-size: 14px;
display: block
}
.menu-block__language .language__wrapper .language__down:after {
content: "";
position: absolute;
top: 5px;
right: 5px;
border: solid #153a5b;
border-width: 0 0 1px 1px;
display: inline-block;
padding: 3px;
transform: rotate(-45deg)
}
.menu-block__language .language__wrapper .dropdown__langwrapper {
background: #fff;
border-radius: 0 0 4px 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
padding-left: 6px;
position: absolute;
width: 100px;
left: 0;
top: 40px
}
.menu-block__language .language__wrapper .dropdown__langwrapper input[type=radio]+label {
display: block;
cursor: pointer;
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 15px;
padding: 7px 5px
}
.menu-block__language .language__wrapper .dropdown__langwrapper input[type=radio]+label:hover {
font-weight: 700;
color: #3d4051
}
.menu-block__opendemat {
position: relative
}
.menu-block__opendemat a {
background-color: #c01048;
padding: 10px 13px;
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 18px;
border-radius: 4px
}
.menu-block__opendemat a:hover {
color: #fff
}
.menu-block__search {
max-width: 288px;
width: 100%;
padding-left: 20px;
position: relative
}
.menu-block__search input {
background: #f2f4f7;
box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .03);
border-radius: 4px;
height: 36px;
display: block;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #8a95a8;
width: 100%;
padding: 8px 8px 8px 35px;
min-height: 100%;
border: 0
}
.menu-block__search input::placeholder {
color: #8a95a8;
font-size: 12px
}
.menu-block__search .menusearch__btn {
width: 30px;
height: 26px;
background-color: transparent;
position: absolute;
border-radius: 4px;
top: 5px;
left: 25px
}
.menu-block__search .menusearch__btn .menusearch__icon {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
position: relative;
transform: rotate(-45deg);
transition: .4s cubic-bezier(.65, -.6, .24, 1.65)
}
.menu-block__search .menusearch__btn .menusearch__icon:before {
position: absolute;
content: "";
width: 1px;
height: 8px;
left: 11px;
top: 14px;
border-radius: 2px;
background: #475467
}
.menu-block__search .menusearch__btn .menusearch__icon:after {
position: absolute;
content: "";
width: 14px;
height: 14px;
left: 5px;
top: 1px;
border-radius: 16px;
border: 1px solid #475467
}
.menu-block .mobile-block__btnclick {
display: none
}
.menu-block .mobile-block__btnclick:focus {
border: 0;
outline: 0
}
.menu-block .body-overflow {
overflow: hidden
}
.menu-block .nav-icon {
width: 20px;
height: 15px;
position: relative;
margin: 0;
transform: rotate(0);
transition: .5s ease-in-out;
cursor: pointer;
z-index: 9999
}
.menu-block .nav-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #071a46;
opacity: 1;
left: 0;
transform: rotate(0);
transition: .25s ease-in-out
}
.menu-block .nav-icon span:first-child {
top: 0
}
.menu-block .nav-icon span:nth-child(2) {
top: 7px;
margin: 0 auto;
left: 50%;
transform: translateX(-50%)
}
.menu-block .nav-icon span:nth-child(3) {
top: 14px
}
.nav-icon.open span:first-child {
top: 8px;
transform: rotate(135deg)
}
.nav-icon.open span:nth-child(2) {
opacity: 0;
left: -60px
}
.nav-icon.open span:nth-child(3) {
top: 8px;
transform: rotate(-135deg)
}
.mobile__menuopen {
display: none;
position: fixed;
top: 46px;
left: 0;
bottom: 0;
width: 100%;
background-color: #fff;
height: 100%;
overflow: auto;
padding-bottom: 100px
}
.mobile__linkswrapper {
display: flex;
justify-content: right;
gap: 15px;
padding: 20px 15px;
align-items: center
}
.mobile__btnaction {
display: flex;
gap: 10px;
padding: 40px 15px 14px;
align-items: center
}
.mobile__btnaction a {
font-weight: 700;
font-size: 14px;
flex: 1;
text-align: center;
line-height: 150%;
border: 1.2px solid #c01048;
border-radius: 4px;
color: #c01048;
padding: 10px;
min-width: 160px
}
.mobile__btnaction a.darkred__btn {
background-color: #c01048;
color: #fff
}
.dashboard__btn {
padding: 15px
}
.dashboard__btn a {
display: block;
padding: 10px 20px;
text-align: center;
background-color: #c01048;
border-radius: 2px;
font-weight: 500;
font-size: 15px;
color: #fff
}
.gloginmobile {
text-align: center
}
.subMenu {
display: none
}
ul.menu-block__list {
display: block;
float: right;
margin: 0 -10px 0 0;
padding: 0;
list-style-type: none
}
ul.menu-block__list:after {
content: "";
clear: both;
display: block
}
ul.menu-block__list li {
display: inline-block;
margin: 0;
padding: 0;
transition: all ease .8s
}
ul.menu-block__list li a {
padding: 18px 10px;
font-size: 14px;
display: inline-block;
color: #667085;
transition: all ease .8s;
position: relative;
text-decoration: none;
border-bottom: 3px solid transparent
}
ul.menu-block__list li a:hover {
color: #344054;
transition: initial;
font-weight: 600
}
ul.menu-block__list li a.active {
color: #344054;
transition: initial;
font-weight: 600
}
ul.menu-block__list li.active a:after {
position: absolute;
bottom: 1px;
content: "";
left: 0;
right: 0;
width: 100%;
bottom: -3px;
border-bottom: 3px solid #c01048
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
ul.menu-block__list li.menu-block__dropdown:hover {
cursor: pointer
}
ul.menu-block__list li.menu-block__dropdown:hover a {
box-shadow: none
}
ul.menu-block__list li.menu-block__dropdown ul.menu-block__dropdownlist {
display: none;
position: absolute;
top: 59px;
left: 0;
margin: 0;
padding: 20px;
background: #f9fafb;
border-radius: 0 0 4px 4px;
width: 100%;
animation: fadeIn .8s;
z-index: -1;
box-shadow: 0 2px 6px 0 #0000001a
}
ul.menu-block__list li.menu-block__dropdown ul.menu-block__dropdownlist li a {
display: block;
font-size: 14px;
color: #344054;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
transition: all ease .8s;
padding: 9px 12px
}
ul.menu-block__list li.menu-block__dropdown.active-dropdown ul.menu-block__dropdownlist {
display: block !important
}
.active .submenu__wrapperbox ul li a:after {
content: none !important
}
.rightboxwrapper {
position: relative
}
.rightboxwrapper:before {
content: "";
position: absolute;
left: -25%;
top: 0;
height: 100%;
border-left: 1px solid #e4e7ec
}
.rightboxwrapper .submenu__wrapperbox ul li a {
padding: 2px 10px !important
}
.rightboxwrapper .submenu__wrapperbox ul li a.linkcolor {
color: #1570ef !important;
align-items: center;
gap: 2px !important;
padding-left: 44px !important
}
.rightboxwrapper .submenu__wrapperbox ul li a.linkcolor:hover {
background-color: transparent !important;
border: 1px solid transparent !important
}
.submenu__catgorywrapper ul li a {
margin-bottom: 15px !important
}
.menu-block__submenu .menu-block-tab {
display: flex;
border-bottom: 1px solid #f2f4f7
}
.menu-block__submenu .menu-block-tab a {
flex: 1;
font-weight: 500;
font-size: 14px;
line-height: 150%;
color: #8a95a8;
text-align: center;
padding: 6px;
border-bottom: 0 !important;
border-right: 1px solid #f2f4f7
}
.menu-block__submenu .menu-block-tab a.active {
background-color: #f3f8ff;
color: #1570ef
}
.menu-block__submenu .menu-block-tab a:last-child {
border-right: 0
}
.menu-block__submenu .menu__subwrapper {
display: none
}
.menu-block__submenu .menu__active.menu__subwrapper {
display: block
}
.menu-block__submenu .menu__subwrapper ul li a {
border-bottom: 0
}
.mobile-menu {
padding: 0 15px
}
.mobile-menu li {
display: block
}
.mobile-menu li a {
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: #344054;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #e4e7ec;
display: block;
position: relative
}
.mobile-menu li a .headerdrop__arrow {
content: "";
position: absolute;
top: 3px;
right: 0;
border: solid #475467;
border-width: 0 0 2px 2px;
display: inline-block;
padding: 4px;
transform: rotate(-45deg)
}
.mobile-menu li a.active {
color: #c01048
}
.mobile-menu li a.active .headerdrop__arrow {
top: 6px;
transform: rotate(135deg);
border: solid #c01048;
border-width: 0 0 2px 2px
}
.mobile-menu .nav-link {
background: #f8f9fb;
border-radius: 4px;
padding: 8px 10px;
border-bottom: 0;
text-align: left !important
}
.bgsprite-homebg_play {
width: 21px;
height: 25px;
display: inline-block;
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -423px
}
.bgsprite-homebg_twitter {
width: 26px;
height: 21px;
display: inline-block;
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -123px
}
.bgsprite-instagram,
.bgsprite-linkedin {
width: 28px;
height: 28px;
display: inline-block
}
.bgsprite-linkedin {
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -606px
}
.bgsprite-instagram {
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -654px
}
.bgsprite-rss {
width: 20px;
height: 20px;
display: inline-block;
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -43px
}
.bgsprite-5paisa_official,
.bgsprite-twitter,
.bgsprite-web,
.bgsprite-youtube {
width: 28px;
height: 28px;
display: inline-block
}
.bgsprite-twitter {
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -702px
}
.bgsprite-youtube {
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -750px
}
.bgsprite-5paisa_official {
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -798px
}
.bgsprite-web {
background: url(https://storage.googleapis.com/5paisa-prod-storage/03-02-2022/home-global-sprite.webp) -10px -846px
}
.bgsprite-google,
.bgsprite-ios {
width: 98px;
display: inline-block
}
.bgsprite-google {
height: 32px;
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -944px
}
.bgsprite-ios {
height: 32px;
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -996px
}
.bgsprite-facebook {
width: 28px;
display: inline-block;
height: 28px;
background: url(https://www.5paisa.com/themes/custom/fivepaisa/images/home-global-sprite.webp) -10px -558px
}
.mobilesignup__wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative
}
.mobilesignup__wrapper .mobilesignupgoogle {
flex: 0 0 85%
}
.google_user__profile1 .profile_dropdown {
display: none;
position: absolute;
top: 40px;
right: 0;
left: 115px;
min-width: 134px;
height: auto;
z-index: 1;
background: #1570ef;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}
.google-buttons {
position: relative;
display: flex
}
.google_user__profile1 .arrow-down {
content: "";
position: absolute;
top: 15px;
right: 0;
left: 236px;
border: solid #153a5b;
border-width: 0 0 2px 2px;
display: inline-block;
padding: 3px;
transform: rotate(-45deg)
}
#apply_promo,
.google_user__profile1 .arrow-down:hover {
cursor: pointer
}
.google_user__profile1 .btn-explore {
border-radius: 5px;
padding: 10px 20px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #fff
}
.submenu__wrapper {
display: flex;
max-width: 1038px;
gap: 154px;
margin: auto
}
.tab-menu li {
display: block;
width: 100%
}
.headingtxtmenu {
font-family: Supreme-Regular;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: -.019em;
color: #667085;
margin-bottom: 6px;
max-width: 1038px;
margin: auto
}
.submenu__wrapperbox {
display: flex;
gap: 90px
}
.submenu__wrapperbox ul {
flex: 1
}
.submenu__wrapperbox.aligncenter ul li a {
align-items: center
}
ul.menu-block__list li.menu-block__dropdown ul.menu-block__dropdownlist li a {
display: flex;
gap: 10px;
border-radius: 4px;
padding: 10px 12px;
border: 1px solid transparent;
margin-bottom: 4px
}
ul.menu-block__list li.menu-block__dropdown ul.menu-block__dropdownlist li a:hover {
background-color: #f2f4f7;
border: 1px solid #e4e7ec
}
ul.menu-block__list li.menu-block__dropdown ul.menu-block__dropdownlist li a:hover .menuspantext span {
color: #101828
}
ul.menu-block__list li.menu-block__dropdown ul.menu-block__dropdownlist li a:hover .menuspantext p {
color: #344054
}
.menuspantext span {
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: -.019em;
color: #000;
font-weight: 400
}
.menuspantext p {
font-family: Supreme-Regular;
font-size: 10px;
font-weight: 400;
line-height: 15px;
letter-spacing: -.019em;
color: #667085;
margin-bottom: 0
}
.tabsubmenu .submenu__wrapperbox {
display: flex;
gap: 120px
}
.tabsubmenu .submenu__wrapperbox .submenulinks__tabs {
flex: 0 0 24%;
position: relative
}
.tabsubmenu .submenu__wrapperbox .submenulinks__tabs:after {
content: "";
position: absolute;
right: -80px;
top: 0;
border-right: 1px solid #e4e7ec;
height: 100%
}
.tabsubmenu .submenu__tabcontent ul li a {
padding: 3px 10px !important
}
.tabsubmenu .submenutab__wrapper {
display: flex;
flex: 0 0 65%
}
.tabsubmenu .submenulinks__tabs {
flex: 1
}
.tabsubmenu .submenulinks__tabs li a:hover {
background: #f2f4f7 url(../images/icons/arrow-forword.svg) no-repeat;
background-position: 95% 45%;
transition: none !important
}
.tabsubmenu .submenulinks__tabs li a.active {
background: #f2f4f7 url(../images/icons/arrow-forword.svg) no-repeat;
border: 1px solid #e4e7ec !important;
background-position: 95% 45%;
transition: none !important
}
.tabsubmenu .submenu__tabcontent {
display: flex;
gap: 42px
}
.submenu__tabcontent .submenu__catgorywrapper {
flex: 1
}
.tabsubmenu .submenu__tabcontent .menuspantext span {
font-size: 12px;
color: #000
}
.submenu__catgorywrapper ul li a.linkcolor {
color: #1570ef !important;
align-items: center;
gap: 2px !important;
padding-left: 44px !important
}
@media(min-width:768px) and (max-width:991px) {
ul.menu-block__list li a {
font-size: 14px
}
}
.lead__viewbox {
display: none !important
}
.legal__ticker {
padding: 20px 0;
overflow: hidden;
height: auto
}
.legal__ticker .custom-attention {
font-size: 16px;
color: #1f517e;
margin-bottom: 10px;
text-align: center;
font-weight: 500
}
.legal__ticker ul {
display: inline-block;
white-space: nowrap
}
.legal__ticker ul li {
font-size: 14px;
color: rgba(0, 0, 0, .7);
display: inline-block;
font-weight: 400
}
.page-node-type-blog div#nv_banner_img_0,
.page-node-type-news div#nv_banner_img_0 {
display: none
}
.page-node-9971 .paisa__styleaccordian input:checked~.accordian-content {
max-height: max-content
}
.desktopsignupgoogle {
position: relative !important;
top: 0 !important;
right: auto !important;
left: 0 !important
}
.page-node-52 .stick__btnwrppaer {
display: none
}
.page-node-55 #home-oda-form #apply_btn {
width: 60px !important;
display: none
}
.page-node-55 #home-oda-form .free_txt {
font-size: 25px
}
.page-node-55 h2.home-form-title {
margin-bottom: 20px
}
section#block-views-block-latest-news-11-block-4 .grid--article {
display: inline-block !important
}
.quick_reg2 .req-mobile2,
.quick_reg2 div#req-name2 {
color: red !important
}
#mobile-niftysensex {
display: none
}
.stockgraph img,
.trend__flexhead .bsegraph img {
filter: none
}
.stock__tabwrapper {
border-left: 0
}
.page-node-55 #benefits-txt label {
font-size: 23px !important;
font-weight: 500
}
.page-node-55 ._head_form a {
color: #000
}
.page-node-4653 .homepage__dealwrapper,
.page-node-4653 div#benefits-txt {
display: none
}
._million_data li {
padding: 15px 30px
}
.page-node-type-market-guide .market-middle p {
font-size: 14px;
line-height: 1.5em
}
.page-node-type-market-guide .demat-account {
display: none
}
.page-node-type-market-guide .market-g-info a,
.page-node-type-market-guide .view-id-learn_about ul li a {
font-size: 14px
}
.page-node-type-market-guide .list-bottom a {
padding-bottom: 10px;
margin: 10px 0
}
.page-node-type-market-guide .market-heading {
font-size: 32px !important
}
.page-node-type-advance-page .demat-upload-doc,
.page-node-type-advance-page p.check-link {
display: none
}
.page-node-6521 a.login-blankpage {
display: none !important
}
.page-node-3201 .demat-account {
background: 0;
padding: 0
}
.api-child>.flex--box>.flex-content>.developer--para {
padding: 20px;
word-break: break-all
}
.new-footer {
background-color: #fffdfd;
padding: 35px 20px
}
.new-footer__wrapper {
display: flex;
gap: 25px
}
.new-footer__left {
flex: 0 0 73.5%
}
.new-footer__right {
flex: 0 0 23.5%
}
.new-footer__moreinfo {
font-family: Supreme-Regular;
font-weight: 400;
font-size: 12px;
padding-top: 25px
}
.new-footer__moreinfo h4 {
color: #000;
font-size: 18px;
font-family: Supreme-Medium;
font-weight: 500
}
.new-footer__moreinfo p {
color: rgba(0, 0, 0, .7);
font-size: 12px !important;
line-height: 1.6
}
.support-info .support-info__box {
background-color: #fff;
border: 1px solid rgba(192, 15, 72, .2);
border-radius: 4px;
padding: 20px 10px;
margin-bottom: 10px
}
.support-info .support-info__box p {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #000;
margin-bottom: 0;
padding-left: 35px;
position: relative
}
.newfooter__social {
display: block;
margin-top: 30px
}
.newfooter__social span {
display: block;
font-weight: 500;
font-size: 18px !important;
line-height: 22px;
color: #000;
margin-bottom: 10px
}
.new__social-icons {
display: flex;
gap: 5px
}
.newfooter__icon {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px
}
.teligram__icon {
background: url(../images/telegram.png) left top no-repeat
}
.instagram__icon {
background: url(../images/instagram.png) left top no-repeat
}
.youtube__icon {
background: url(../images/youtube.png) left top no-repeat
}
.twitter__icon {
background: url(../images/twitter.png) left top no-repeat
}
.facebook__icon {
background: url(../images/facebook.png) left top no-repeat
}
.linkedin__icon {
background: url(../images/linkedin.png) left top no-repeat
}
.newfooter__iconapp {
display: inline-block;
vertical-align: middle;
width: 147px;
height: 41px
}
.playstore__icon {
background: url(../images/footer-googleplay.svg) left top no-repeat
}
.appstore__icon {
background: url(../images/footer-appstore.svg) left top no-repeat
}
.new-footer__copy {
display: flex;
padding: 20px 0;
gap: 15px;
justify-content: space-between;
color: #000;
font-size: 12px;
border-top: 1px solid rgba(192, 15, 72, .2)
}
.global__accordian {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
position: relative;
gap: 0 15px
}
.global__accordianlinks {
flex: 0 0 32.31%
}
.accordion-title {
border-bottom: 1px solid rgba(192, 15, 72, .2);
padding: 15px 10px;
cursor: pointer;
position: relative;
margin: 0;
color: #000
}
.accordion-title,
.newfooter__social span {
line-height: 22px;
font-size: 18px !important;
font-weight: 500
}
.accordion-content {
overflow: hidden;
transition: max-height .3s ease-in-out;
color: rgba(221, 221, 221, .8);
position: absolute;
width: 100%;
min-height: 350px;
left: 0;
top: 52px;
background: #ffffff21;
display: none
}
.accordion-title a,
.accordion-title a:hover,
.newfooter-content__box span a {
color: #000
}
.global__accordianlinks.is-open .accordion-content {
display: block
}
.newfooter-content__boxwrapper {
padding-top: 15px;
border-top: 1px solid rgba(192, 15, 72, .2)
}
.newfooter-content__box {
padding: 0 10px;
margin-bottom: 10px
}
.newfooter-content__box {
width: 100%;
flex: 1;
text-align: left
}
.newfooter-content__boxwrapper,
.stock-directory__list {
display: flex;
flex-wrap: wrap
}
.newfooter-content__box span {
font-weight: 500;
font-size: 14px;
color: #000
}
.accordion-title a,
.accordion-title a:hover,
.newfooter-content__box span a {
color: #000
}
.accordion-title a {
color: #000
}
.newfooter-content__box ul li a {
color: rgba(0, 0, 0, .7);
text-decoration: none;
font-size: 12px;
font-family: Supreme-Regular;
font-weight: 400;
line-height: 20px
}
.accordion-title::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transition: .2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: translateY(-50%) rotate(135deg)
}
.global__accordianlinks.is-open .accordion-title::after {
transform: translateY(-50%) rotate(315deg);
top: 56%;
border-top: 2px solid #d93065;
border-right: 2px solid #d93065
}
.global__accordianlinks.calculators.is-open .accordion-content,
.global__accordianlinks.indices.is-open .accordion-content,
.global__accordianlinks.top-stocks.is-open .accordion-content {
top: 105px
}
.global__accordianlinks.more.is-open .accordion-content {
top: 158px
}
.global__accordianlinks.share-market.is-open {
min-height: 719px
}
.global__accordianlinks.market-guide.is-open {
min-height: 651px
}
.global__accordianlinks.mutual-funds.is-open {
min-height: 855px
}
.global__accordianlinks.calculators.is-open {
min-height: 543px
}
.global__accordianlinks.top-stocks.is-open {
min-height: 630px
}
.global__accordianlinks.indices.is-open {
min-height: 523px
}
.global__accordianlinks.more.is-open {
min-height: 775px
}
.openacdarkred__btn {
font-weight: 700;
font-size: 14px;
flex: 1;
text-align: center;
line-height: 150%;
border: 1.2px solid #c01048;
border-radius: 4px;
background-color: #c01048;
color: #fff;
padding: 10px;
min-width: 160px
}
.openacdarkred__btn:active,
.openacdarkred__btn:hover {
color: #fff
}
.hide {
display: none !important
}
.menu-block__profile {
padding-left: 24px;
border-left: 1px solid #e4e7ec;
position: relative
}
.menu-block__profilebox {
display: flex;
align-items: center;
cursor: pointer
}
.nametext {
display: flex;
width: 36px;
height: 36px;
border-radius: 50%;
justify-content: center;
align-items: center;
color: #fcfcfd;
background-color: #a4acba;
border: 1px solid #e4e7ec;
font-size: 18px;
font-weight: 500;
line-height: 22px;
text-align: center
}
.profile__open {
position: absolute;
top: 54px;
right: 0;
border-radius: 3px;
display: none;
z-index: 2;
width: 220px;
background-color: #f9fafb;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.profile__open ul {
padding: 5px 10px
}
.profile__open ul li:first-child {
margin-bottom: 10px;
margin-bottom: 10px;
padding-left: 40px;
position: relative
}
.profile__open ul li:first-child .nametext {
position: absolute;
left: -1px;
top: 5px;
color: #fcfcfd
}
.profile__open ul li a {
display: block;
color: #667085;
padding: 5px 0
}
.profile__open ul li a:hover {
color: #000
}
.profile__open ul li span {
font-size: 18px;
line-height: 24px;
color: #000
}
.profile__open ul li span.emailtext {
font-size: 12px;
line-height: 18px;
color: #667085
}
.directory__listwrapper {
padding-top: 15px
}
.directory__listwrapper .custom-stocklist {
font-weight: 500;
font-size: 14px;
color: #000;
margin-bottom: 10px
}
.directory__listwrapper .stock-directory__list a {
flex: 1;
display: block;
text-align: center;
padding: 5px;
border-radius: 3px;
color: #000;
font-size: 14px;
font-weight: 500
}
.directory__listwrapper .stock-directory__list a:hover {
background-color: #c01048;
color: #fff
}
.homepage-form__box,
.homepage-form__input input {
background: #fff;
box-shadow: 0 0 2px rgba(51, 55, 57, .42);
border-radius: 4px
}
.homepage-form__box {
padding: 10px;
margin-top: 20px
}
.block__rightwrapper {
display: flex;
flex: 0 0 90%;
align-items: center;
gap: 15px;
justify-content: flex-end
}
.noTitle {
padding-top: 70px
}
.arrows li {
padding-right: 30px;
position: relative
}
.breadcrumb {
background-color: transparent;
align-items: center
}
.breadcrumb li {
font-size: 14px;
color: #f62160;
font-weight: 400;
font-family: Supreme-Regular
}
.breadcrumb li:last-child {
color: #344054
}
.top-title.breadcrumb li a,
.top-title.breadcrumb li span {
color: #f62160;
font-size: 14px;
font-weight: 400;
font-family: Supreme-Regular
}
.arrows.breadcrumb li:after {
content: "";
width: 7px;
height: 7px;
position: absolute;
border: solid #344054;
border-width: 0 0 1px 1px;
transform: rotate(-135deg);
right: 15px;
top: 8px
}
.arrows.breadcrumb li:last-child:after {
content: none
}
.homepage-form__box h2,
.homepage-form__box h3 {
font-size: 22px;
margin-bottom: 0;
font-weight: 500
}
.stockfooter__list .textalignmod {
text-align: right;
padding-right: 0
}
.homepage-form__box,
.homepage-form__input input {
background: #fff;
box-shadow: 0 0 2px rgba(51, 55, 57, .42);
border-radius: 4px
}
#btn_apply,
#ipo_shaky_desktop,
#ipo_shaky_mobile,
.stick__btnwrppaer a {
background: linear-gradient(266.4deg, #c0083e -5.36%, #ff2565 110.14%)
}
.homeform__code {
cursor: pointer;
font-size: 12px;
font-weight: 500;
color: #405067
}
.homepage-form__wrapper {
max-width: 1030px;
margin: auto auto 20px
}
.homepage-form__promo li {
flex: 1;
position: relative
}
.homepage-form__box {
padding: 10px;
margin-top: 20px
}
.homepage-form__box h2,
.homepage-form__content {
color: #153a5b
}
.homepage-form__box h3 {
color: #b94250
}
.homepage-form__input {
padding: 10px 0
}
.homepage-form__input input {
padding: 12px 9px;
width: 100%;
height: 38px;
font-size: 18px;
font-weight: 600
}
.homepage-form__input input::placeholder {
color: #a1a4b9;
font-weight: 400;
font-size: 12px
}
.homepage-form__input a {
font-size: 14px
}
#msg-promocode-err,
.homepage-form__error,
.req-mobile {
font-size: 12px !important;
line-height: 14px;
color: rgba(229, 69, 93, .95);
margin-top: 5px
}
.homepage-form__promo-sec {
padding: 12px 0
}
.homepage-form__promo {
display: flex
}
.homepage-form__promo li:last-child {
margin-left: 15px;
background: #e3e3e3;
border: 1px solid #e3e3e3;
border-radius: 4px;
font-size: 12px;
line-height: 14px;
color: #405067;
padding: 7px;
text-align: center
}
.homepage-form__promo li strong {
font-weight: 700;
color: #00162b
}
.homepage-form__promo li input {
padding: 10px 9px;
width: 105%;
font-size: 12px;
font-weight: 600;
height: 31px;
border-bottom: 1px solid #e0e1eb
}
.homepage-form__promo input::placeholder {
color: #a1a4b9;
font-size: 12px;
font-weight: 400
}
.homepage-form__tick {
content: "";
display: inline-block;
width: 7px;
height: 12px;
border-style: solid;
border-color: #00b29e;
border-width: 0 2px 2px 0;
position: absolute;
transform: rotate(45deg);
top: 7px;
right: 10px
}
.homepage-form__btn {
margin-top: 10px
}
.homepage-form__btn button {
width: 100%;
box-shadow: none;
font-size: 14px !important;
text-transform: capitalize;
border-radius: 4px !important
}
.homepage-form__checkbox {
display: block;
margin: 5px 0
}
.support-info .support-info__box p span.email-icon {
background: url(../images/email-icon.png)
}
.support-info .support-info__box p span.call-icon {
background: url(../images/call-icon.png)
}
.support-info .support-info__box p span {
position: absolute;
top: -2px;
left: 0;
width: 24px;
height: 24px;
display: inline-block;
transform: scale(.9)
}
@media only screen and (min-width:1780px) and (max-width:1920px) {
.menu-block__right {
margin-right: 2%
}
.menu-block__search {
max-width: 450px;
margin-right: 1%
}
ul.menu-block__list {
display: flex;
gap: 18px
}
}
@media only screen and (min-width:1620px) and (max-width:1779px) {
.menu-block__search {
max-width: 440px;
margin-right: 1%
}
}
@media only screen and (max-width:1429px) {
.menu-block__search {
max-width: 244px;
margin-right: 20px
}
.menu-block__profile {
padding-left: 15px
}
.menu-block__logo {
flex: 0 0 7%
}
.block__rightwrapper {
flex: 0 0 93%
}
}
@media only screen and (max-width:1367px) {
.global__accordianlinks {
flex: 0 0 32%
}
}
@media only screen and (max-width:1280px) {
.menu-block__search {
max-width: 244px;
margin-right: 14px
}
.menu-block__logo .logo--img img {
max-width: 102px
}
.menu-block__logo {
flex: 0 0 7%
}
.menu-block__logo .logo--img img {
max-width: 74px
}
ul.menu-block__list li a {
font-size: 12px
}
.menu-block__search input {
font-size: 12px;
height: 30px
}
.menu-block__search .menusearch__btn .menusearch__icon {
top: -2px
}
.login__btnnew a {
padding: 6px 13px
}
.menu-block__opendemat a {
padding: 7px 13px
}
.menu-block__language .language__wrapper .language__down {
font-size: 12px
}
.menu-block__language .language__wrapper .dropdown__langwrapper input[type=radio]+label {
font-size: 12px
}
.nametext {
width: 32px;
height: 32px;
font-size: 16px
}
.global__accordianlinks {
flex: 0 0 32%
}
.accordion-title,
.newfooter__social span {
font-size: 14px !important
}
.block__rightwrapper {
flex: 0 0 94%
}
}
@media only screen and (max-width:767px) {
.base--space {
padding: 45px 0 25px
}
.header-wrapper .logo img {
max-width: 100% !important
}
.small-logo .header-wrapper .logo img {
width: 65px !important
}
.hidden-xs {
display: none !important
}
.visible-xs {
display: block !important
}
.wrapper {
overflow-x: hidden
}
main {
padding-top: 0 !important
}
.m-order-1 {
-ms-flex-order: 1;
order: 1
}
.m-order-2 {
-ms-flex-order: 2;
order: 2
}
.headingtxtmenu {
margin-bottom: 10px;
background: #f8f9fb7a;
border-radius: 4px;
padding: 5px 10px
}
header {
height: 46px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.menu-block {
margin: 0 15px;
box-shadow: none
}
.menu-block__wrapper {
justify-content: right;
padding: 0;
margin: 0;
min-height: 46px
}
.menu-block__logo .logo--img {
position: absolute;
left: 0;
top: 11px
}
.menu-block__language .language__wrapper {
border: 1px solid #e4e7ec;
border-radius: 4px;
padding: 4px
}
.menu-block__language .language__wrapper .language__down:after {
content: none
}
.block-sticky .lead__case-2 span {
font-weight: bolder
}
.lead__viewbox {
display: block !important
}
.block-sticky button {
width: auto !important
}
.lead__case-2 {
background-color: #ccc0c0 !important
}
.block-sticky .lead__case-2 button {
background-color: #10834f
}
.block-sticky .lead__case-2 span {
color: #3f3232
}
.block-sticky .lead__case-2 .req-mobile--mob {
color: #d51e45
}
.footer__leadfix {
padding: 10px
}
.copyright-box {
padding: 30px 0 10px
}
.page-node-type-blog .tooltip--header,
.page-node-type-news .tooltip--header {
margin: 0
}
.page-node-type-blog .homepage__tooltipdata,
.page-node-type-news .homepage__tooltipdata {
position: relative;
left: 155px
}
._million_data li,
.page-node-55 ._million_data li {
padding: 10px 5px !important
}
.page-node-55 #benefits-txt label {
font-size: 23px !important
}
.carousel-form-container>.banner-form .form-content {
padding: 14px
}
#mobile-niftysensex,
.sec-bg-1 .check-link {
display: block
}
.page-node-type-blog #mobile-niftysensex {
display: none
}
.page-node-type-blog section#block-niftysensexwidget {
display: none !important
}
.moblie__viewbox {
max-width: 49px;
margin-right: 18px;
width: auto
}
.moblie__viewbox input {
width: 0;
display: inline-block;
box-shadow: none;
background: 0
}
.mobile__langpopup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
background-color: rgba(45, 45, 45, .58);
width: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden
}
.mobile__langpopup .stock__langwrapper {
background: #fff;
border-radius: 8px;
border: 1px solid #e0e1eb;
padding: 10px;
position: relative;
top: 50%;
left: 50%;
max-width: 315px;
transform: translate(-50%, -50%)
}
.close__dropwrapper {
position: absolute;
right: 0;
top: -35px;
line-height: 18px;
font-size: 20px;
font-weight: 500;
display: inline-block;
padding: 10px 15px;
background-color: #fff;
color: #000
}
.paisadropdwon__wrapper input[type=radio] {
display: none !important
}
.paisadropdwon__wrapper input[type=radio]+label {
display: block;
cursor: pointer;
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 15px;
padding: 7px 5px
}
.opacity__visible {
opacity: 1;
visibility: visible
}
.dropdown__mobilewrapper {
font-weight: 500;
font-size: 14px;
line-height: 150%;
color: #475467;
padding: 2px;
border: 1px solid #e4e7ec;
border-radius: 4px
}
footer {
padding: 0 0 82px !important
}
.new-footer__wrapper {
display: block
}
.content {
text-align: left;
word-break: break-all
}
.global__accordian {
display: block
}
.accordion-title {
border-right: 0;
font-size: 16px !important
}
.accordion-content {
position: relative;
left: 0;
top: 1px;
background: 0
}
.newfooter-content__boxwrapper {
display: block;
border-top: 0
}
.global__accordianlinks.is-open .accordion-title {
background: 0
}
.global__accordianlinks.is-open .accordion-content {
max-width: 100%;
top: 1px !important
}
.newfooter-content__boxwrapper {
display: block;
border-top: 0
}
.footer__leadfix {
position: fixed;
bottom: 0;
left: 0;
background-color: #1570ef !important;
padding: 10px 10px 15px;
z-index: 4;
display: none;
width: 100%
}
.block-sticky .footer__inputfix {
display: block;
justify-content: space-between !important;
gap: 10px;
position: relative
}
.block-sticky .footer__inputfix button {
background-color: #072251;
width: 100%;
border-radius: 3px;
font-size: 14px;
margin-top: 0 !important
}
#block-copyright {
display: block;
padding-bottom: 30px
}
.new-footer__moreinfo {
padding-left: 10px;
padding-right: 10px
}
.legal__ticker {
padding-left: 10px;
padding-right: 10px
}
.new-footer__right {
padding: 0 10px
}
.newfooter__social {
margin: 20px 0
}
.new-footer__copy {
display: block;
padding-left: 10px;
padding-right: 10px
}
.new-footer__copy span {
display: block
}
.global__search {
right: -46px;
width: 350px;
padding: 10px 5px;
gap: 15px
}
.global__search:after {
right: 40px
}
.menu-block__search input {
font-size: 12px
}
.global__searchleft ul li a {
font-size: 11px;
line-height: 18px;
padding: 5px 5px 5px 3px;
margin-bottom: 3px
}
.global__searchleft:after {
right: -10px
}
.global__searchleft ul li a:after {
top: 11px;
padding: 3px
}
.global__searchleft ul li a.active:after {
padding: 3px
}
.global__searchleft ul li a:hover:after {
padding: 3px;
right: 3px
}
.globalsearch--drop li a {
padding: 4px 10px;
font-size: 12px
}
.globalsearch--drop li p {
font-size: 11px;
display: flex
}
.cate__text {
top: initial;
bottom: -6px;
font-size: 11px
}
.menu-block__wrapper {
display: flex
}
#MenuHamburger {
order: 2
}
.pos__mobilewrapper {
order: 1
}
.directory__listwrapper {
padding: 15px 10px 0
}
.directory__listwrapper .custom-stocklist {
margin-bottom: 5px
}
.directory__listwrapper .stock-directory__list a {
flex: initial;
padding: 5px 10px;
line-height: 18px;
font-size: 12px
}
.menu-block__profile {
padding-left: 0;
border-left: 0;
margin: 0 10px
}
.profile__open {
top: 45px;
right: 10px;
width: 320px
}
.emailtext {
display: block
}
.menu-block__profilebox {
gap: 9px;
padding-bottom: 20px;
padding: 5px 10px;
border: 1px solid #dadce0;
margin-bottom: 15px;
border-radius: 5px
}
.block__rightwrapper {
gap: 0
}
.arrows.breadcrumb li:after {
right: 10px;
width: 6px;
height: 6px;
top: 6px
}
main .top-title.breadcrumb {
padding-left: 0;
padding-right: 0
}
.container,
.container-fluid,
.footer-container,
.related-articles .three-col {
padding: 0 15px
}
}
@media(min-width:375px) and (max-width:409px) {
.global__search {
width: 365px
}
}
@media(min-width:410px) and (max-width:430px) {
.global__search {
width: 405px
}
}
.user-logged-in header {
position: relative;
z-index: 1
}
.nav-search-container input[type=search] {
height: 30px;
min-height: 0;
outline: 0;
margin: 0;
width: 100%;
padding: 3px;
font-size: 13px;
font-weight: 500;
border-radius: 3px;
border: 2px solid rgba(21, 58, 91, .1);
}
.nav-search-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 600px;
min-width: 35%;
margin-right: 125px;
position: relative;
}
.ast-primary-header-bar
{
border-color: transparent !important;
background-color: transparent !important;
}
.ast-builder-menu-1 .menu-item > .menu-link
{
color:#000 !important;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper {
margin-top : -39px !important;
}
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu
{
border-color : transparent !important;
}
.ast-scroll-top-icon
{
display:none !important;
}
@media (max-width: 767px) {
.search-open
{
border-color: transparent !important;
background-color: transparent !important;
}
.main-header-menu
{
background-color:#fff !important;
border-color: transparent !important;
margin-top: 32px !important;
}
.ast-menu-toggle
{
color : #000 !important;
}
button
{
box-shadow: transparent !important;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper {
margin-top : 0px !important;
}
.visuallyHidden
{
display:none !important;
}
.opacity__visible {
opacity: 1;
visibility: visible;
}
.mobile__langpopup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
background-color: rgba(45, 45, 45, .58);
width: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
}
}
.site-main
{
margin-top: -61px;
}
.posts-archive {
margin-top: 118px ;
ul {
@include reset-list;
}
.posts {
@media (min-width: $breakpoint-tablet) {
@include grid(2);
}
@media (min-width: $breakpoint-tablet-horizontal) {
@include grid(3);
}
}
.posts-empty {
padding: 40px 0 0;
}
.post {
margin-bottom: $gutter-width;
@media (min-width: $breakpoint-tablet) {
margin-bottom: 0;
}
&-link {
display: block;
text-decoration: none;
}
.figure {
background-color: $color-text;
margin-bottom: 0;
}
&-inner {
@include reset-content-margins;
padding: $gutter-width 0;
}
&-excerpt {
margin-bottom: 0.75rem;
}
}
.ws-cats {
display: flex;
flex-direction: column;
}
.ws-cat {
margin-bottom: 40px;
}
.ws-cat h2 {
background-image: linear-gradient(45deg, #385d82, transparent);
color: #fff;
padding: 5px;
margin-bottom: 5px;
a {
color: #fff;
}
}
.ws-cat-posts {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
list-style: none;
padding: 0;
margin: 0;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.ws-cat-posts {
scrollbar-width: auto;
scrollbar-color: #385d82 #ededed;
}
/* Chrome, Edge, and Safari */
.ws-cat-posts::-webkit-scrollbar {
width: 16px;
}
.ws-cat-posts::-webkit-scrollbar-track {
background: #ededed;
border-radius: 5px;
}
.ws-cat-posts::-webkit-scrollbar-thumb {
background-color: #385d82;
border-radius: 10px;
border: 3px solid #ffffff;
}
.ws-cat-posts .post {
width: 240px;
flex-shrink: 0;
scroll-snap-align: center;
user-select: none;
@media (min-width: $breakpoint-tablet) {
width: 280px;
}
}
.ws-cat-posts .view-more {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex: 1;
scroll-snap-align: center;
user-select: none;
}
.ws-cat-posts .view-more a {
display: flex;
align-items: center;
color: #f5205f;
padding-left: 20px;
min-width: 220px;
text-decoration: none;
flex: 1;
}
.ws-cat-posts .view-more svg {
width: 32px;
}
.post-type-archive picture *,
.ws-cat-posts picture *,.post-type-archive img,
.ws-cat-posts img {
width: 100%;
height: auto;
}
html.tax-web_story_category & {
.ws-cat-posts {
flex-wrap: wrap;
justify-content: center;
}
}
@import 'Partials/filter';
@import 'Partials/paginationButtons';
}
[is='flynt-grid-posts-archive'] {
width: 1440px;
ul {
@include reset-list;
}
.posts {
@media (min-width: $breakpoint-tablet) {
@include grid(2);
}
@media (min-width: $breakpoint-tablet-horizontal) {
@include grid(3);
}
}
.posts-empty {
padding: 40px 0 0;
}
.post {
margin-bottom: $gutter-width;
@media (min-width: $breakpoint-tablet) {
margin-bottom: 0;
}
&-link {
display: block;
text-decoration: none;
}
.figure {
background-color: $color-text;
margin-bottom: 0;
}
&-inner {
@include reset-content-margins;
padding: $gutter-width 0;
}
&-excerpt {
margin-bottom: 0.75rem;
}
}
.ws-cats {
display: flex;
flex-direction: column;
}
.ws-cat {
margin-bottom: 40px;
}
.ws-cat h2 {
background-image: linear-gradient(45deg, #385d82, transparent);
color: #fff;
padding: 5px;
margin-bottom: 5px;
a {
color: #fff;
}
}
.ws-cat-posts {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
list-style: none;
padding: 0;
margin: 0;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.ws-cat-posts {
scrollbar-width: auto;
scrollbar-color: #385d82 #ededed;
}
/* Chrome, Edge, and Safari */
.ws-cat-posts::-webkit-scrollbar {
width: 16px;
}
.ws-cat-posts::-webkit-scrollbar-track {
background: #ededed;
border-radius: 5px;
}
.ws-cat-posts::-webkit-scrollbar-thumb {
background-color: #385d82;
border-radius: 10px;
border: 3px solid #ffffff;
}
.ws-cat-posts .post {
width: 240px;
flex-shrink: 0;
scroll-snap-align: center;
user-select: none;
@media (min-width: $breakpoint-tablet) {
width: 280px;
}
}
.ws-cat-posts .view-more {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex: 1;
scroll-snap-align: center;
user-select: none;
}
.ws-cat-posts .view-more a {
display: flex;
align-items: center;
color: #f5205f;
padding-left: 20px;
min-width: 220px;
text-decoration: none;
flex: 1;
}
.ws-cat-posts .view-more svg {
width: 32px;
}
.post-type-archive picture *,
.ws-cat-posts picture *,.post-type-archive img,
.ws-cat-posts img {
width: 100%;
height: auto;
}
html.tax-web_story_category & {
.ws-cat-posts {
flex-wrap: wrap;
justify-content: center;
}
}
@import 'Partials/filter';
@import 'Partials/paginationButtons';
}
@media only screen and (min-width: 922px) {
.main-header-menu > .menu-item > a {
height: auto;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
text-align: center;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
line-height: 1.5;
}
.menu-item-description {
color: #777;
clear: both;
font-size: 12px;
flex: 0 0 100%;
}
}
@media only screen and (max-width: 921px) {
.menu-item-description {
display: none;
}
}