/*
Theme Name: Wallpapers.com
Author: Yuliia V
Version: 0.1
*/
/*-- normal --*/
/*!
 * Bootstrap Reboot v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}



abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}


a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
    background-color:transparent;
    border:none;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}


/*# sourceMappingURL=bootstrap-reboot.css.map */

/*-- end --*/
html,
body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu,
        Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    line-height: 1.6;
    font-size: 10px;
    width: 100%;
}

* {
    box-sizing: border-box;
}

a {
    color: #011010;
    text-decoration: none;
}

a.obvious {
    border-radius: 4px;
    background-color: #2464C5;
    color: white;
    text-decoration: none;
    padding: 5px 10px;
}

.center {
    text-align: center;
}

.pageTitleBlock {
    text-align: center;
}

p,
h3 {
    margin: 0;
}

p {
    font-size: 16px;
}

h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 20px 0 5px 0;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

h3 {
    font-size: 14px;
}

.container {
    margin: 0 auto;
    max-width: 107rem;
    padding: 0!important;
}

.footer {
    position: relative;
    font-size: 1.3rem;
    line-height: 1.2;
    padding: 3rem 1.5rem 1.5rem;
    border-top: 1px solid #ececec;
}

.footer p {
    display: block;
    margin: 1rem 0 1rem;
    font-size: 1.3rem;
    line-height: 1.2;
}

.footer nav ul {
    margin-bottom: 0;
}
.footer nav ul{
    line-height: 1.7;
    margin-left: -2.2rem;
}

.footer nav ul li {
    display: inline;
    padding-left: 2.2rem;
}
.footer nav ul li a{
    white-space: nowrap;
}

.footer nav ul li+li {
}

footer .no-gutters {
    display: flex;
    flex-direction: column;
    font-size: 1.3rem;
    line-height: 1.4;
    margin-top: 1rem;
}

footer .no-gutters>p {
    order: 1;
    margin: 1rem 0 0;
    font-size: 1.3rem;
    line-height: 1.2;
    letter-spacing: .4px;
}

footer .no-gutters> nav{
    order: 0;
    margin-top: 1rem;
}


header {
    border-bottom: 1px solid #F0F0F0;
}

header nav ul li a {
    padding: 0.7rem 1.5rem;
    font-weight: 700;
    font-size: 18px;
    display: block;
}

header nav form {
    padding: 0 10px;
    border-left: 1px solid #f0f0f0;
    display:none;
}

header .navbar>p {
    display: none;
}

footer nav ui li:after {
    content: '\00B7';
    padding-left: 5px;
}

header nav ul.navbar-nav {
    border-bottom: 1px solid #ececec;
}

header nav ul.navbar-nav>li {
    border-right: 6px solid #000;
}

header nav ul.navbar-nav>li.menu-item-has-children{
    position:initial;
}

header nav ul.navbar-nav>li+li {
    border-top: 1px solid #ececec;
}

header nav ul.navbar-nav>li:nth-child(1) {
    border-right-color: #F19725;
}

header nav ul.navbar-nav>li:nth-child(2) {
    border-right-color: #DF2A52;
}

header nav ul.navbar-nav>li:nth-child(3) {
    border-right-color: #1B76BC;
}

header nav ul.navbar-nav>li:nth-child(4) {
    border-right-color: #21CDCE;
}

header nav ul.navbar-nav>li:nth-child(5) {
    border-right-color: #29AB88;
}

header nav ul.navbar-nav>li:nth-child(6) {
    border-right-color: #8353C1;
}

header nav ul.navbar-nav>li:nth-child(7) {
    border-right-color: #29AB88;
}

header nav ul.navbar-nav>li:nth-child(8) {
    border-right-color: #52B03D;
}






header nav ul li a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7)
}

.hidden {
    display: none;
}

.section {
    margin: 40px 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 25px;
}

.logo-footer {
    position: absolute;
    margin-left: 50%;
    left: -25px;
    top: -25px;
    background: white;
    width: 70px;
    padding: 0 10px;
}

main {
    min-height: 600px;
}

.top-button {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #2464C5;
    color: white;
    right: 10px;
    bottom: 160px;
    text-align: center;
    padding: 1px 0;
    z-index: 4;
    cursor: pointer;
    border-radius: 25px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.search-form {
    margin: 10px 0 20px 0;
    background: gray;
    height: 360px;
    justify-content: center;
    display: flex;
    padding: 60px 150px;
    flex-direction: column;
    align-items: center;
    background-image: url('./src/splash.jpg')
}

.search-form input {
    margin-top: 20px;
}

.category__title {
    font-weight: 700;
    padding: 1.5rem;
    display: flex;
}

.category__title a {
    font-size: 18px;
}

.category__list {
    /*                 min-height: 100px; */
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 40px;
}

.category__list__item:after {
    content: '\00B7';
    padding: 5px;
    font-weight: bolder;
}

.categories-card .card {
    max-width: 280px;
    min-height: 180px;
    color: white;
    position: relative;
}

/*.card-columns.posts a:hover {
				text-decoration: none;
				color: default;
			}
            .card:hover {
                -webkit-box-shadow: 4px 4px 11px 0px rgba(224,217,224,1);
                -moz-box-shadow: 4px 4px 11px 0px rgba(224,217,224,1);
                box-shadow: 4px 4px 11px 0px rgba(224,217,224,1);
            }*/

.card {
    border: none;
    padding-bottom: 2.2rem;
    border-bottom-color: #0b57ac!important;
}

.card+.card {
    padding-top: 3.7rem;
    border-top: 1px solid #ececec;
}

/* .card img {
    height: auto;
    width: 100%;
    background: lightgray;
    height: 25rem;
    object-fit: contain;
}
 */
.card.content img {
    height: auto;
    width: 100%;
    background: lightgray;
}

.card-body.normal {
    position: inherit;
    padding: 20px 0;
}

.card-body.normal.border {
    padding: 20px;
}

.card-body {
    /*                 position: absolute;
                bottom: 0px;
                left: 0;
                right: 0; */
    /*                 padding: 0; */
    padding: 1.5rem 1.5rem 0;
}

.categories-card .card-title a {
    color: white;
    display: block;
    padding-top: 100px;
    position: absolute;
    bottom: 25px;
    padding-bottom: 25px;
    min-width: 200px;
}

.categories-card .card-title a:hover {
    text-decoration: none;
}

.wps-col {
    margin: 3.7rem 0 0;
}



.section-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-weight: 700;
}

header {
    background: white;
   
}
.sticky-top{
    position: sticky;
    top: 0;
    z-index: 32;
}

.breadcrumb-item>a {
    border-bottom: 1px solid #feb300;
}

header nav ul.sub-menu {
    list-style: none;
}



header nav ul.sub-menu li {
    font-weight: normal;
}

header nav li.menu-item-has-children:hover > ul.sub-menu .sub-menu >li{
    flex:0 0 100%;
    
}

.sub-menu-mobile-wrap {
    position: absolute;
    background: white;
    top: 5.8rem;
    left: 0;
    right: 0;
    border-top: 1px solid #e0e0e0;
    display: none;
    height: 100%;
    z-index: 11;
}

.close-submenu {
    padding: 1.7rem 1.5rem;
    display: flex;
    font-size: 0;
    align-items: center;
    font-weight: 700;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1;
}

.sub-menu-mobile-wrap .submenu-content{
    height: calc(100vh - 11rem)!important;
}

.submenu-content ul li.col1 {
    grid-column: 1;
}

.submenu-content ul li.col2 {
    grid-column: 1;
}

.submenu-content ul li.col3 {
    grid-column: 2;
}

.submenu-content ul li.col4 {
    grid-column: 2;
}

.sub-menu-mobile-wrap .submenu-content .non-list > li > a {font-size: 1.8rem;font-weight: 700;}
.sub-menu-mobile-wrap .submenu-content .non-list li .sub-menu{
    display: block;
    position: relative;
    column-count: 2;
}

.submenu-content .non-list > li {
    width: 100%;
}

.wallpapers-modal {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 4000;
    background: white;
    text-align: center;
    height: 100%;
}

header .container {
    padding: 0;
}

.card-columns {
    column-count: 2;
}

.card-columns.posts {column-count: 1;}

nav img {
    max-width: 200px !important;
}





.container.non-mobile {
    padding: 0;
}

.bottom-list {
    float: left !important;
}

.collapsible-filter-menu {
    position: relative;
}

.filter-menu-item {
    border-bottom: 1px solid #e0e0e0;
}

.filter-menu-item>button {
    width: 100%;
    text-align: left;
    height: 46px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 10px;
}

.filter-menu-item>button:hover {
    color: white;
    background: #2464c4;
}

.filter-menu-item>button:hover svg {
    transform: rotate(270deg) !important;
}

.filter-menu-item>button:hover svg path {
    fill: #fff;
}

.btn:focus {
    box-shadow: none !important;
    color: #2464c4;
}

header nav li.menu-item-has-children.mobile .sub-menu {
    display: block;
}

header nav li.menu-item-has-children .sub-menu {
    display: none;
}

.card-body.normal {
    position: inherit;
    padding-top: 20px;
}

.card-body.normal.border {
    position: inherit;
    padding: 20px;
}



.card-img-top.post {
    max-width: 280px;
    max-height: 280px;
    height: auto !important;
    width: auto !important;
    margin: auto;
    display: block;
}

.image-tags {
    padding: 1.25rem;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    color: white;
    padding: 1.25rem;
}

.image-tags a {
    color: white;
}

.card-columns .card-title a {
    color: white;
    display: block;
    padding-top: 100px;
    position: absolute;
    bottom: 55px;
    padding-bottom: 100px;
    min-width: 250px;
}

.card-columns .card-title a:hover {
    text-decoration: none;
}

.image-tag {
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-right: 10px;
}

.post-image {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.content-block {
    display: flex;
    flex-direction: row;
}

.user-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #e0e0e0;
    margin-right: 10px;
}

.nickname {
    color: #e0e0e0;
}

ol.breadcrumb {
    background: none;
    padding: 0;
    margin: 0;
    line-height: 1.8;
}

ol.breadcrumb .breadcrumb-item {
    display: inline;
    list-style: none;
}
ol.breadcrumb .breadcrumb-item.active span{
    color:#6c757d;
}

.dropdown-menu.dropdown-menu-wide {
    min-width: 100%;
    text-align: center;
}

ul.card-columns {
    padding-inline-start: 0;
}

.breadcrumb-item:nth-child(1)::before {
    content: none !important;
}

.breadcrumb-item::before {
    content: '\00B7' !important;
    font-weight: 900;
    margin: 0 .5rem 0 .4rem;
}

.search {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    position: relative;
}

p#searchArea {
    /* display: none; */
}

.search.show .searchInput {
    display: block;
}

.searchInput {
    height: 4.8rem;
    width: 100%;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    background-color: transparent;
    outline: none;
}
.searchInput:focus + .mobile-icon,.searchInput[autocomplete="off"] + .mobile-icon
{
    display:none;
}
.non-list {
    list-style: none;
    padding-left: 0;
    font-size: 1.4rem;
    padding: 0 1.5rem 0;
    transition: .1s all ease-out;
}





.info-block {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.card:hover .info-block {
    display: block;
}

label.btn .toggle-buttons {
    fill: #999;
}

label.btn.active .toggle-buttons {
    fill: #010101;
}

.bottom-list {
    float: right;
}

.filter-menu-item>button {
    width: 100%;
    text-align: left;
    height: 46px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 10px;
}

.btn:focus {
    box-shadow: none !important;
    color: #2464c4;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #e0e0e0;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.carousel-indicators .active {
    background-color: #2464C5;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -30px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    margin-top: 20px;
    background: white;
    max-width: 200px;
}

#module {
    font-size: 1rem;
    line-height: 1.5;
}

.sub-keywords #collapseSubs.collapse:not(.show) {
    display: flex;
    max-height: 57.5rem;
    overflow: hidden;
}

.sub-keywords #collapseSubs.collapsing {
    max-height: 57.5rem;
}

.sub-keywords>button.collapsed:after {
    content: 'View More';
}

.sub-keywords>button:not(.collapsed):after {
    content: 'View Less';
}

.wallpapers-modal input {
    width: 230px;
    height: 35px;
    border: #d5d5d5 solid 1px;
    border-radius: 4px;
    padding: 10px;
}

.wallpapers-modal button {
    width: 230px;
    height: 35px;
    border-radius: 4px;
    border: #0D6ECC solid 1px;
    background-color: #0D6ECC;
    color: white;
    margin-bottom: 12px;
}

.wallpapers-modal .google {
    text-align: 35px;
    width: 230px;
    height: 35px;
    border: #d5d5d5 solid 1px;
    border-radius: 4px;
    margin: 6px auto;
    line-height: 35px;
}

.wallpapers-modal .facebook {
    /*                 background-color: #3B5999; */
    width: 230px;
    height: 35px;
    line-height: 35px;
    margin: 6px auto;
    border: #d5d5d5 solid 1px;
    border-radius: 4px;
}

.wallpapers-modal * {
    box-sizing: border-box;
}

.wallpapers-modal a {
    color: #011010;
    text-decoration: none;
}

.wallpapers-modal a.obvious {
    color: #0e48ce;
    text-decoration: none;
    background-color: #fff !important;
}

.wallpapers-modal h1 {
    text-align: center;
}

.wallpapers-modal.show {
    display: block;
}

.wallpapers-modal article {
    background: white;
    width: 350px;
    margin: auto;
}

.footer-section-column {
    border-bottom: 1px solid #ececec;
}

.footer-section-column:first-child{
    border-top:1px solid #ececec;
    margin-top: 8rem;
}

.footer-section-column:last-child {
    border-right: none;
}
.footer-section-column svg path{
    fill:#0b57ac;
}

.navbar-expand-lg {
    padding-left: 0;
    padding-right: 0;
}

.action-block {
    min-height: 300px;
    display: flex;
    justify-content: space-between;
}

.action-block main {
    padding: 10px;
    min-height: 400px;
    border: 1px dashed #e0e0e0;
    width: 100%;
}

.upload-action {
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 0;
}

.upload-action:hover,
.upload-action.highlight {
    background-color: #e0e0e0;
}

.upload-action button {
    height: 40px;
    background-color: #2464C5;
    color: white;
    border: none;
    padding: 5px;
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
    min-width: 40px;
    cursor: pointer;
}

.upload-action button:nth-child(1) {
    border-radius: 4px 0px 0px 4px;
}

.upload-action button:nth-child(2) {
    border-left: 1px solid #555;
    border-right: 1px solid #555;
}

.upload-action button:nth-child(3) {
    border-radius: 0px 4px 4px 0px;
}

.upload-action button svg {
    margin-left: 3px;
}

.step1,
.step2,
.step3 {
    display: none;
}

.step1.show,
.step2.show,
.step3.show {
    display: block;
}


.submit-input {
    width: 100%;
    border: #e0e0e0 solid 1px;
    padding: 10px;
}

.submit-input:first-child {
    height: 40px;
    border-radius: 4px 4px 0px 0;
}

.submit-input:nth-child(2) {
    border-radius: 0 0 4px 4px;
}

.step2 .card:hover {
    box-shadow: none !important;
}

.step2 .card:hover .remove-img {
    display: block;
}

.remove-img {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    right: 10px;
    border-radius: 15px;
    top: 10px;
    cursor: pointer;
}

.tag-manager {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 30px;
}

.user-profile .dropdown-menu {
    background: #F19824;
    border: none;
    border-radius: 0;
    padding: 0;
}

.user-profile .dropdown-item {
    color: white;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    line-height: 44px;
    border-bottom: 1px solid #F2AC4C;
}

.user-profile .dropdown-item:hover {
    background: #ec8c0f;
}

form>div {
    margin-bottom: 12px;
}

.dropdown.user-profile,form-inline > button {
    display: none;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 40px;
    cursor: pointer;
}

.next-button-block {
    display: none;
}

.next-button-block.show {
    display: block;
}

.info-upload-block {
    margin: auto;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: -50px;
    color: gray;
}

.add-keyword-button.hide,
.ui-menu.hide,
.progress.hide {
    display: none;
}

.ui-menu input.keywords-autocomplete {
    height: 40px;
    border-radius: 10px;
    border: none;
    padding: 10px;
}

.ui-menu input.keywords-autocomplete:focus {
    outline: none;
    border: none;
}

.btn.btn-primary:focus {
    color: white;
}

.pending-icon {
    position: absolute;
    bottom: 40px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 40px;
    border-radius: 24px;
    left: 23%;
}

.card-text {
    /* 				height: 50px; */
    overflow: hidden;
    height: 6rem;
    font-size: 1.4rem;
    line-height: 2rem;
}

main main {
    max-width: 90rem;
}

main aside {
    max-width: 22rem;
}

/* 			.card-title {
				height: 84px;
			} */

/* header */
.navbar {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    justify-content: space-between;
}

.navbar>p {
    margin-right: 1.5rem;
}

.navbar-collapse {
    position: absolute !important;
    top: 5.8rem;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 10;
    background-color: #fff;
    border-top: .1rem solid #ececec;
}

ul,
li {
    padding: 0;
    list-style: none;
}

.navbar-toggler {
    background-color: #fff;
    width: 5.8rem;
    height: 5.8rem;
    border: none;
    flex: 0 0 5.8rem;
}

.navbar-brand {
    padding: 0 1.5rem;
    flex: 0 0 auto;
}

.navbar-brand picture{
    display:block;
    overflow:hidden;
    max-width: 3.8rem;
}

.collapse:not(.show) {
    display: none;
}


.navbar-toggler-icon {
    background-color: #000;
    display: block;
    height: .2rem;
    position: relative;
    width: 60%;
    margin: auto;
}

.navbar-toggler-icon:before,
.navbar-toggler-icon:after {
    content: "";
    position: absolute;
    top: -0.7rem;
    left: 0;
    width: 100%;
    height: .2rem;
    display: block;
    background-color: #000;
}

.navbar-toggler-icon:after {
    top: auto;
    bottom: -.7rem;
}

.nav-breadcrumbs {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    line-height: 1.2;
}

.main-head {
    padding: 1rem 1.5rem 0;
    margin-top: 0;
    line-height: 1.5;
}

.main-head+.wps-col {
    margin-top: 2.4rem;
}

.card figure {
    position: relative;
    margin: 0;
}

.card figure a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    font-size: .1rem;
    line-height: 0;
    color: transparent;
}

/* .card figure img {
    width: 100%;
    height: 18rem;
    display: block;
} */
.card figure img{
    width:100%;
    height:auto;
    min-height: 13.5rem;
}

.card-subtitle {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #0b57ac;
}

h2.card-title {
    height: auto;
    font-size: 2rem;
    line-height: 1.2;
}


.main-head h1 {
    margin: 0;
    font-size: 3rem;
    line-height: 1.2;
}

.wps-title {
    font-size: 2.4rem;
    line-height: 3.6rem;
    display: flex;
    padding: 0 1.5rem;
    margin-bottom: 1.5rem;
}

.wps-title>svg {
    margin-right: 1rem;
}

.card-columns~.wp-btn {
    margin-top: 3rem;
}

.wp-btn {
    font-size: 1.8rem;
    line-height: 1;
    background-color: #2464c4;
    display: block;
    padding: 1.4rem 1rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: .5rem;
}

.tool-actions {
    padding: 3rem 1.5rem;
    border-top: 1px solid #ececec;
}

.single-post .container main * {
    letter-spacing: .3px;
}

.single-post .container main{
    padding-left:1.5rem;
    padding-right:1.5rem;
}

.single-post .container main h1{
    font-size: clamp(2.8rem, 2vw, 3.6rem);
    line-height:1.2;
    margin:0
}

.single-post .container main h2{
    margin-top:5rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    font-size: clamp(2.6rem,2vw,3.2rem);
}
.single-post .container main h3{
    font-size: 2.4rem;
    line-height:1.4;
    margin-top: 2rem;
}
.single-post .container main h3 + .wp-block-image{
    margin-top: 1rem;
}
.single-post .container main h4 {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
}

.single-post .container main p {
    font-size: 1.6rem;
    line-height: 2;
}
.single-post .container main a{
    font-size:1.6rem;
    line-height: 1.4;
    color:#0b57ac;
}
.single-post .container main figcaption{
    font-size: 1.4rem;
    line-height: 1.4;
}
.single-post .container main figcaption a{
    font-size:inherit;
    line-height:inherit;
}

.single-post .container main ol,
.single-post .container main ul{
    padding: 1rem 0 1rem 1.3rem;
}

.single-post .container main ol li,
.single-post .container main ul li{
    font-size: 1.6rem;
}
.single-post .container main ul > li{
    list-style: disc;
}
.single-post .container main ol li ul > li{
    list-style: circle;
}
.single-post .container main ul li + li{
    margin-top:1rem;
}
.single-post .container main ul + ul{
    padding-bottom:0;
    padding-top:1rem;
}
.single-post .container main ol > li{
    list-style-type: decimal;
}
.single-post .container main ol {
    padding-left: 1.9rem;
}

.related-block{
    padding: 4rem 1.5rem 0;
    border-top: 1px solid #ececec;
    margin-top: 4rem;
}

.related-block .wps-title{
    padding:0;
}

.related-block .card{
    border: 1px solid #ececec!important;
    padding: 0;
}
.related-block .card + .card{
    margin-top:2.5rem;
}

.submenu-content .non-list {
    padding: 0;
    padding: 1.3rem 0 0;
}

.submenu-content .non-list a {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    padding: 1.3rem 1.5rem;
}

.single-post .container main .card-img-top {
    width: 100%;
    display: block;
    background-color: #ececec;
    max-height: none!important;
    height: 35.6rem;
    object-fit: cover;
}

.single-post .container main .card-img-top + figcaption{
    color:transparent;
    line-height: 0;
    padding:0;
    margin: 0;
}

header nav ul.navbar-nav>li.menu-item-has-children > a{
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header nav ul.navbar-nav>li.menu-item-has-children > a:after{
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    border: 3px solid #52B03D;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
.search-gp{
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    padding: 0;
    font-size: 1.6rem;
    border: 1px solid #ececec;
    background-color: #f8f8f8;
    padding: 0 1.4rem;
    height: 4.8rem;
    border-radius: .5rem;
    position: relative;
}
.search-gp .mobile-icon{
    position: absolute;
    top: 0;
    left: 72px;
    background: no-repeat top .7rem left -3rem /16rem auto;
    width: 14rem;
    height: 100%;
    right: 1rem;
    pointer-events: none;
}

.wp-block-group.key-takeaway {
    border-left: 4px solid #55ad3c;
    padding-left: 4rem;
    margin-bottom: 1rem;
}

.wp-block-group.key-takeaway ul,.wp-block-group.key-takeaway li, .wp-block-group.tips ul,.wp-block-group.tips li {
    padding-left: 0!important;
    list-style: none!important;
}

.wp-block-group.key-takeaway ul {
    margin-bottom: 0;
    padding-bottom: 0!important;
}

.wp-block-group.key-takeaway ul li + li,
.wp-block-group.tips ul li + li{
    margin-top:1rem;
}

.wp-block-group.tips .wp-block-group__inner-container{
    background-color:#fef8e8;
    padding:3.4rem;
}

.wp-block-group.tips .wp-block-group__inner-container > p {
    font-size: 2rem;
    line-height: 1.2;
}
.single-post .container main .tools-action{
    border-top:1px solid #ececec;
    margin-top:4rem;
    padding-top:4rem;
}
.single-post .container main .tools-title{
    font-size:2.4rem;
    font-weight:700;
}
.single-post .container main .tools-action .tools-col{
    font-size:0;
    line-height:0;
    margin-top:1rem;
}
.single-post .container main .tools-action .tools-col + .tools-col{
    margin-top:.5rem
}
.single-post .container main .tools-action .tool-col a{
    font-size:1.6rem;
    line-height:1.2;
    display:block;
    
}

.single-post .container main .tools-action .tools-col svg{
    display:inline-block;
    width:auto;
    height:1rem;
    vertical-align: baseline;
    margin-right: .5rem;
}

.single-post .container main .tools-action .tools-col svg path{
    fill:#0b57ac;
}
.text-muted{
    font-size: 1.2rem;
    line-height: 2;
}
.text-muted + .text-muted{
    margin-left: .2rem;
    border-left: 1px solid #ececec;
    padding-left: .5rem;
}

.text-muted > strong{text-transform: uppercase;}

#stickyunit {
    position: fixed;
    width: 100%;
    bottom: 5px;
    left: 0;
    text-align: center;
    height: 105px;
    z-index: 10000;
    background: #f8f8f8;
    transform: translateY(100%);
    margin: 0;
    padding: 0;
    opacity: 1;
    vertical-align: baseline;
    overflow: visible;
    transition: bottom 0.2s ease-in
}

#stickyunit .ads-ee {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px -1px, rgba(0, 0, 0, 0.1) 0px -1px 2px -1px
}

#stickyunit .ads-ee .ads-btn {
    display: block;
    position: absolute;
    width: 48px;
    height: 24px;
    left: 0;
    bottom: 0;
    background: #fafafa;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px -1px
}

.ads-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 80%;
    font-weight: bold
}

.ads-container::before,
.ads-container::after {
    display: block;
    min-height: 0.5rem;
    text-transform: uppercase;
    color: #888
}

.ads-container::before {
    content: " "
}

.ads-container::after {
    content: " "
}

.ads-unit-hr {
    width: 320px;
    height: 320px
}

.ads-unit-hr {
    width: 320px;
    height: 90px
}

.ads-card {
    height: 300px;
    display: flex;
    justify-content: center
}

.ads-sticky {
    display: none
}

.ads-mobi {
    display: flex
}

.ads-desk {
    display: none
}

.ads-desk.ads-kw {
    display: flex
}

.single .ads-mobi.nc {
    display: none
}

.r-kw {
    margin-bottom: 2rem
}

#ads-001-a.ads-mobi {
    min-height: 350px
}

.ads-top{
	width:320px;
	height:250px;
}

@media screen and (min-width:800px) {
.sticky-top{
    position:relative;
    top:auto;
}
	.wallpapers-modal {
        display: none;
        position: fixed;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        padding: 120px;
        height: 100%;
    }

    .card-columns.posts {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2.4%;
        row-gap: 2.6rem;
    }



    .refine-button {
        border-right: 1px solid #e0e0e0;
    }

    .sort-by {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

    .collapsible-filter-menu {
        position: absolute;
        z-index: 4;
        background: white;
    }
	header nav form button{
		display:none;
	}

    header nav li.menu-item-67.menu-item-has-children:hover > ul.sub-menu {
        display: flex;
        border-bottom: .6rem solid #52B03D;
    }

     header nav li.menu-item-67.menu-item-has-children:hover > ul.sub-menu > li{
        flex: 0 0 20%;
        max-width: 20%;
        border-left: 1px solid #ececec;
        padding-bottom: 2rem;
    }
  
     header nav li.menu-item-67.menu-item-has-children:hover > ul.sub-menu > li:first-child{
        flex: 0 0 60%;
        max-width: 60%;
        border-left: none;
    }
     header nav li.menu-item-67.menu-item-has-children:hover > ul.sub-menu > li > a{
         color: #52B03D;
         text-align:left;
         position: relative;
     }
    header nav li.menu-item-67.menu-item-has-children:hover > ul.sub-menu > li > a:after{
        content:"";
        display:inline-block;
        width: .8rem;
        height: 0.8rem;
        border: .2rem solid #52B03D;
        position: initial;
        vertical-align: middle;
        margin-left: .5rem;
        transform: rotate(45deg);
        border-left: none;
        border-bottom: none;
    }

    header nav ul.sub-menu {
        list-style: none;
        display: none;
        position: absolute;
        background: #fff;
        top: 49px;
        left: 1.5rem;
        right: 1.5rem;
    }
    header nav ul.sub-menu .sub-menu{
        flex:0 0 25%;
        
    }
     header nav li.menu-item-has-children:hover > ul.sub-menu .sub-menu{
         position: inherit;
         display: flex;
         flex-wrap: wrap;
     }
    header nav li.menu-item-67.menu-item-has-children:hover > ul.sub-menu > li:first-child .sub-menu li{
        flex: 20%;
        max-width: 20%;
    }
     header nav li.menu-item-has-children:hover > ul.sub-menu .sub-menu li a{
         text-align:left;
         padding:.5rem 1.3rem;
         font-size:1.6rem;
         font-weight: 400;
     }

/*     header nav li.menu-item-has-children ul::before {
        content: 'Wallpaper Categories >';
        color: #52B03D;
        font-size: 1.2rem;
        padding-left: 29px;
        white-space: pre;
        grid-column-start: 1;
        grid-column-end: 5;
    } */
    
    header .navbar-toggler {
        display: none;
    }
    .navbar-brand{
        flex: 0 0;
        order: 2;
        padding: .7rem 1.5rem;
    }

    .collapse:not(.show) {
        display: block;
        position: relative !important;
        top: auto;
        height: auto;
        left: auto;
        right: auto;
        flex: 0 0 auto;
        padding-right: 1.5rem;
    }

    header nav .navbar-collapse.collapse:not(.show){
        position:initial!important;
        width: 100%;
        display: flex;
        padding: 0;
    }

    header nav ul.navbar-nav {
        display: flex;
        border: none;
        margin: 0;
    }

    header nav ul.navbar-nav>li,
    header nav ul.navbar-nav>li+li {
        border: none;
        border-top: 6px solid #52B03D;
        width: 100%;
    }

    header nav ul.navbar-nav>li:nth-child(1) {
        border-top-color: #F19725;
    }

    header nav ul.navbar-nav>li:nth-child(2) {
        border-top-color: #DF2A52;
    }

    header nav ul.navbar-nav>li:nth-child(3) {
        border-top-color: #1B76BC;
    }

    header nav ul.navbar-nav>li:nth-child(4) {
        border-top-color: #21CDCE;
    }

    header nav ul.navbar-nav>li:nth-child(5) {
        border-top-color: #29AB88;
    }

    header nav ul.navbar-nav>li:nth-child(6) {
        border-top-color: #8353C1;
    }

    header nav ul.navbar-nav>li:nth-child(7) {
        border-top-color: #29AB88;
    }
    header nav ul li a{
        font-size: 1.8rem;
        line-height:1.2;
        padding: 1.021rem 1.5rem;
        white-space: nowrap;
        text-align: center;
    }
    header .container{
        max-width:none
    }
    header .navbar{
        flex-wrap: wrap;
        align-items: flex-start;
    }

    header nav form{
        display:block;
        flex: 1 1;
        padding: 0;
        border: none;
        border-top: 6px solid #0b57ac;
        padding-right: 1.5rem;
    }
    .main-head+.wps-col{
        margin-top:3.6rem;
    }
    .card-columns.column3{
        flex-wrap:nowrap;
        column-gap: 4%;
    }
     .card-columns .card{
         flex: 1 1 100%;
         min-width: 0!important;
         border: none;
         max-width: 23.2%;
         border: 1px solid #ececec!important;
         padding-bottom: 0;
     }
    .card-columns.column3 .card{
        padding-bottom: 0;
        max-width: 30.67%;
        border: none!important;
        border-bottom: 3px solid #0b57ac!important;
    }
    .card-columns.column3 .card figure img{
        height: 18rem;
        min-height: 18rem;
    }
    .card+.card{
        padding-top:0;
    }
   
    .tool-actions{padding-left:0;padding-right:0;border: none;}

    .tool-actions .wp-btn{
        max-width:360px;
        margin:0 auto;
    }
    .wps-col {
    padding: 0 1.5rem;
        
}
  
    .card-body{
        padding:1.5rem;
    }
  
    footer .no-gutters{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 0!important;
        border-top: none!important;
        position: relative;
    }
    
    .footer .no-gutters:before{
        content:"";
        display:block;
        border-top:1px solid #ececec;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    footer .container{
        padding: 4rem 1.5rem 1.5rem;
        max-width: none;
    }
    .wps-title{
        padding-left:0;
        padding-right:0;
    }
    main .mt-2 .container{
        display:flex;
    }
    main aside{
        flex:0 0 30rem;
        max-width:30rem;
    }
    main main{
        flex:1 1 auto;
    }
    .related-block .card + .card{
        margin-top:0;
    }
    .bottom-menu-gp {
            margin-top:10rem;
            border-bottom: 1px solid #ececec;
            padding-bottom: 0!important;
    }
    .bottom-menu-gp .row{
    display: flex;
    align-items: flex-start;
    position: relative;
}
     .bottom-menu-gp .footer-section-column{
         border-left:1px solid #ececec;
         border-bottom: none;
         flex: 1 1;
         display: block;
         min-height: 35.6rem;
     }
    .bottom-menu-gp .footer-section-column:first-child{
    margin-top: 0;
        border:none;
}
    .bottom-menu-gp .category__title .btn{
        display:none;
    }
    footer .no-gutters>p{
        order:0;
    }
    header nav ul.navbar-nav>li.menu-item-has-children a{
        padding-right: 3rem;
    }
    header nav ul.navbar-nav>li.menu-item-has-children a:after{
        position:absolute;
        right: 1rem;
        top: 1.5rem;
    }
    .dropdown.user-profile, form-inline > button{
        display: none;
        justify-content: right;
    }
    .user-profile .dropdown-menu{
        position:absolute;
        display:none;
        
    }
    .searchInput{
        display: block;
        position: relative;
        right: auto;
        top: auto;
        margin: 0;
        border: 1px solid #2464c4 !important;
        border-top-left-radius: .5rem;
        appearance: none;
        -webkit-appearance: none;
        padding: 0 2rem;
        border-bottom-left-radius: 0.5rem;
        flex: 1 1 auto;
    }
    .search-gp{
        border: 0;
        order: 3;
        padding-right: 1.5rem;
        padding: .5rem 2rem 1rem 0;
        height: auto;
        background-color: #fff;
    }
    p#searchArea{
    display: block;
    background-color: #3663be;
    width: 8.1rem;
    text-align: center;
    padding: 1rem;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: 0.5rem;
    border: 1px solid #3663be;
}
    p#searchArea path{
        fill:#fff;
    }
    .navbar-brand picture{
        max-width:none
    }
    .mobile-icon{
        display:none;
    }
    footer{
            border-top:1px solid #ececec;
    }
    .home footer{
        margin-top:4rem;
    }
	
	#stickyunit {
    height: 95px
}

.ads-unit-hr {
    width: 970px;
    height: 90px
}

.ads-container {
    height: 90px
}

.ads-container.ads-verti {
    height: auto
}

.ads-unit-vt {
    min-width: 300px;
    width: 300px;
    height: auto
}

.ads-sticky {
    position: sticky;
    top: 96px;
    display: block
}

.ads-mobi {
    display: none
}

.ads-desk {
    display: flex
}

.r-kw {
    margin-top: 0em;
    margin-bottom: 2em
}

.ads-desk.r-kw {
    display: none
}

.ads-desk.r-kw .ads-unit-hr {
    width: 728px;
    height: 90px
}

.ads-container.ads-page {
    height: 300px
}

.ads-container.ads-page .ads-unit-hr {
    width: 970px;
    height: 300px
}

.ads-container.ads-page .ads-unit-hr-lg {
    width: 1200px;
    height: 300px
}

.modal .ads-container {
    width: 300px;
    height: 250px
}

.modal .ads-container .ads-unit-sq {
    width: 300px;
    height: 250px
}


	
	.ads-enable {
	  display: flex;
	  max-width: none;
	}
	.ads-enable aside {
	  flex: 0 0 340px;
	  max-width: 340px;
	 width:300px;
	}
	.ads-enable > main {
	  flex:1 1 auto;
	}
	
	.ads-top{
		width:auto;
		height:300px;
	}
	.ads-sticky{
		top:0;
		width:300px;
		height:600px;
	}
}

figure.wp-block-table table {
    border-collapse: collapse;
}

figure.wp-block-table table, .wp-block-table th, .wp-block-table td {
    border: 1px solid black;
	padding: 10px;
}

figure.wp-block-table td, 
figure.wp-block-table th {
    font-size: 1.6rem;
    line-height: 2;
}

.single-post .container main figure.wp-block-table a {
    font-size: 1.6rem;
    line-height: 2;
}