/*!
Theme Name: realland
Author: Appnotick
Author URI: https://appnotick.com/
Description: This Realland theme is a perfect choice if you are looking forward to upgrade your bussiness. The Realland theme is well-designed and informative making it helpfull to attract potential customers. This theme is ideal solution for architects, engineers, builders and developers.
     Homepage of this theme provide overview about your work, projects. The sections used in this theme are blog, testimonials, portpolio which showcase your latest and fabulous work gaining you right customers. To describe the services your team offers, the service section of this theme has informative layout.
    This theme is easily customizable without any coding knowledge. At the core of the theme we use such codes which will be advantageous in SEO optimization.This worthwhile theme is totally compatible with various browsing platforms such as Google, Yahoo, Bing, Firefox, etc. This adds more to the versatile nature of this theme.
    This theme is fully responsive and user-friendly.Opting for this theme will be great choice for your business.
Version: 1.0.16
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: realland
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

RealLand is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    padding: 10px
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*,
::before,
::after {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

p {
    margin-bottom: 1.5em
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

body {
    background: #f8f7eb;
    font-family: "Sawarabi Mincho", cursive !important
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

embed,
iframe,
object {
    max-width: 100%
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

a {
    color: #000
}

a:visited {
    color: #000
}

a:hover,
a:focus,
a:active {
    color: #000
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

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: #aaa #bbb #bbb
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

.main-navigation {
    display: block;
    width: 100%
}

.main-navigation ul {
    display: none;
    list-style: none
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto
}

.main-navigation li {
    position: relative;
    padding: 30px 20px 20px 20px
}

.main-navigation li a {
    display: block;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Sawarabi Mincho, serif
}

.menu-toggle,
.main-navigation.toggled ul {
    display: block
}

.site-header {
    display: flex;
    width: 100%;
    background-color: #000
}

.site-branding {
    width: 40%;
    padding-left: 4%
}

.menu li a::before {
    content: "";
    display: block;
    text-decoration: none;
    height: 3px;
    width: 0%;
    background-color: #faf8fa;
    position: absolute;
    transition: all ease-in-out 250ms;
    margin: 0
}

.menu li a:hover {
    color: #f4c430
}

.menu li a:hover::before {
    width: 55%
}

.site-branding img {
    height: 85px
}

@media screen and (min-width:37.5em) {
    .menu-toggle {
        display: none
    }

    .main-navigation ul {
        display: flex
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.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: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.gallery-caption {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#primary[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em
}

html,
body {
    scroll-behavior: smooth
}

h1,
h2,
h4,
h3 {
    font-family: "Sawarabi Mincho", cursive !important
}

h5,
h6,
p,
a {
    font-family: "Sawarabi Mincho", cursive !important
}

@media (max-width:1000px) {
    body.admin-bar #site-navigation.toggled .nav-container {
        padding-top: 90px;
        background: #fff
    }

    body.admin-bar #site-navigation button.menu-toggle.open {
        margin-right: 5px
    }

    .bottom-header-part-wrapper .navigation-part {
        align-items: center
    }

    .bottom-header-part-wrapper .social-icons-part {
        display: none
    }

    #site-navigation button.menu-toggle {
        width: 35px;
        height: 35px;
        position: relative;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer;
        margin-right: 20px;
        margin-top: 25px;
        background: 0 0;
        border: 0;
        float: right
    }

    #site-navigation button.menu-toggle span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out
    }

    #site-navigation button.menu-toggle span:nth-child(1) {
        top: calc(50% - 15px)
    }

    #site-navigation button.menu-toggle span:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
        background: #fff
    }

    #site-navigation button.menu-toggle span:nth-child(3) {
        bottom: calc(50% - 15px);
        background: #fff
    }

    #site-navigation button.menu-toggle.open {
        z-index: 18;
        right: 20px
    }

    #site-navigation button.menu-toggle.open span {
        background-color: #fff
    }

    #site-navigation button.menu-toggle.open span:nth-child(1) {
        top: 14px;
        width: 0%;
        left: 50%
    }

    #site-navigation button.menu-toggle.open span:nth-child(2) {
        transform: rotate(45deg);
        background: #fff
    }

    #site-navigation button.menu-toggle.open span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        background: #fff
    }

    #site-navigation .nav-container {
        position: fixed;
        right: -130%;
        height: 650px;
        top: 0;
        background-color: #ffc107 !important;
        min-width: 300px;
        padding-top: 60px;
        padding-right: 195px;
        width: 85%;
        transition: all 400ms ease;
        display: block;
        border-right: 1px solid #fff;
        z-index: 13;
        box-shadow: 2px 0 18px 0 rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden
    }

    #site-navigation.toggled .nav-container {
        right: 0;
        left: auto;
        overflow-x: auto;
        opacity: 1;
        visibility: visible
    }

    #site-navigation.toggled .nav-container li>a,
    #site-navigation.toggled .nav-container li>a {
        color: #000 !important;
        font-weight: 700
    }

    #site-navigation.toggled .nav-container li.current_page_item>a,
    #site-navigation.toggled .nav-container li.current-menu-item>a {
        color: #000 !important;
        font-weight: 700
    }

    .navigation-part {
        width: 100%
    }

    .main-navigation button {
        display: inline-block
    }

    .main-navigation .menu li .children li,
    .main-navigation .menu li .sub-menu li {
        padding: 5px;
        border-bottom: 1px solid #d3d3d3
    }

    .main-navigation .menu li .children>li .children,
    .main-navigation .menu li .children>li .sub-menu,
    .main-navigation .menu li .sub-menu>li .children,
    .main-navigation .menu li .sub-menu>li .sub-menu {
        left: -999em;
        top: 0;
        margin-top: 0;
        margin-left: 30px
    }

    .main-navigation .menu li.menu-item-has-children>a::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        font-family: Sawarabi Mincho;
        font-weight: 900;
        line-height: inherit;
        vertical-align: baseline;
        content: "";
        display: inline-block;
        margin-left: 10px
    }

    .main-navigation .menu>li:hover>.children,
    .main-navigation .menu>li:hover>.sub-menu {
        margin: 0;
        margin-top: 0;
        left: 0
    }

    .main-navigation .menu>li:focus-within>.children,
    .main-navigation .menu>li:focus-within>.sub-menu {
        margin: 0;
        margin-top: 0;
        left: 0
    }

    .main-navigation .menu .children,
    .main-navigation .menu .sub-menu {
        box-shadow: 0 3px 3px rgba(0, 0, 0, .2)
    }

    .main-navigation .menu .children li.menu-item-has-children>a,
    .main-navigation .menu .sub-menu li.menu-item-has-children>a {
        padding-right: 25px
    }

    .main-navigation .menu .children li.menu-item-has-children>a::after,
    .main-navigation .menu .sub-menu li.menu-item-has-children>a::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        font-family: Sawarabi Mincho;
        font-weight: 900;
        line-height: inherit;
        vertical-align: baseline;
        content: "";
        display: inline-block;
        margin-left: 10px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    .main-navigation .menu .children>li:hover>.children,
    .main-navigation .menu .children>li:hover>.sub-menu,
    .main-navigation .menu .sub-menu>li:hover>.children,
    .main-navigation .menu .sub-menu>li:hover>.sub-menu {
        left: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .main-navigation .menu .children>li:focus-within>.children,
    .main-navigation .menu .children>li:focus-within>.sub-menu,
    .main-navigation .menu .sub-menu>li:focus-within>.children,
    .main-navigation .menu .sub-menu>li:focus-within>.sub-menu {
        left: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .main-navigation .menu li {
        position: relative;
        padding: 16px 8px;
        text-align: left
    }

    .main-navigation .menu li>a {
        font-weight: 700
    }

    .menu-toggle {
        display: block
    }

    .main-navigation ul {
        display: none;
        width: 100%
    }

    .main-navigation li {
        position: relative
    }

    #site-navigation.toggled .nav-container {
        right: 0;
        left: auto;
        overflow-x: auto;
        opacity: 1;
        visibility: visible;
        background: #fff
    }

    .top-header {
        display: none
    }

    .blog-grid.grid-layout.grid-column-3 {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
    }

    .blog-grid.grid-layout {
        grid-gap: 20px
    }

    .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
        cursor: pointer;
        color: var(--black);
        background-color: #ffc107;
        margin: 0;
        padding: 3px;
        font-size: 16px;
        border-radius: 0 3px 3px 0;
        font-family: "Sawarabi Mincho", sans-serif !important
    }

    .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
        border: 1px solid #d3ced2;
        padding: 3px;
        font-size: .9rem;
        border-radius: 3px 0 0 3px
    }

    .wp-block-search__input {
        padding: 8px;
        flex-grow: 1;
        width: 100%;
        min-width: 0;
        border: 1px solid #949494;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }
}

.blog-div {
    width: 100%;
    height: auto;
    padding: 40px 0
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    transition: .3s;
    border-radius: 5px
}

.container {
    background: #f8f7eb;
    padding: 2%
}

img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-radius: 12px
}

.singlepage img {
    height: 400px;
    padding-top: 8%
}

.searchpage img {
    height: 400px
}

.archivepage img {
    height: 350px
}

.archive-div {
    display: inline-flex
}

.archive-div a {
    font-size: 12px;
    color: #000
}

.blog-grid.grid-layout.grid-column-3 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    overflow-y: auto
}

.blog-grid.grid-layout {
    display: grid;
    grid-gap: 20px
}

.archive-div span {
    padding-left: 5px
}

.entry-comments {
    font-size: 12px;
    padding-top: 4px
}

.entry-time {
    font-size: 12px;
    padding-top: 4px
}

.entry-title a {
    color: #000;
    font-weight: 700
}

.comments-link {
    padding-right: 30px;
    font-weight: 700
}

.edit-link {
    font-weight: 700
}

.cat-links {
    display: none
}

.widget-area {
    border: 1px solid #d3d3d3;
    padding: 10px
}

.wp-block-search .wp-block-search__label {
    display: none
}

.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
    cursor: pointer;
    color: var(--black);
    background-color: #000;
    margin: 0;
    padding: 10px 25px;
    border-radius: 0 3px 3px 0;
    font-size: 1.2rem;
    font-family: "Philosopher", sans-serif !important
}

.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
    border: 1px solid #d3ced2;
    padding: 6px 16px;
    font-size: .9rem;
    border-radius: 3px 0 0 3px
}

.widget ol:not(.magazine-tabs) li,
.widget ul:not(.magazine-tabs) li {
    margin-bottom: 7px;
    padding-bottom: 7px;
    font-size: 14px;
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

ol.wp-block-latest-comments,
.wp-block-archives,
.wp-block-categories {
    padding-left: 0
}

.sidebar-div,
.single_sidebar,
.search_sidebar {
    background: #000;
    padding: 10px 10px;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #d3d3d3;
    padding: 10px
}

.sidebar-div li a,
.single_sidebar li a,
.search_sidebar li a {
    color: #fff
}

.site-header {
    width: 100%;
    height: auto;
    color: #fff !important
}

.home-content2 {
    margin-top: 175px
}

.homecont-headings {
    padding-top: 10px
}

.homecont-headings p {
    font-family: "Edu NSW ACT Foundation", cursive !important
}

.homecont-headings h1 {
    font-family: "Lobster Two", cursive !important
}

footer {
    padding: 10px 0
}

.logged-in-as {
    font-size: large !important;
    font-family: "Mulish", sans-serif !important;
    line-height: 2rem !important
}

.submit {
    align-items: center;
    background: #000 !important;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    box-shadow: rgba(0, 0, 0, .02)0 1px 3px 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-flex;
    font-family: "Mulish", sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    margin-bottom: 20px;
    min-height: 3rem;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto
}

.submit:hover,
.submit:focus {
    border-color: rgba(0, 0, 0, .15);
    box-shadow: rgba(0, 0, 0, .3)0 4px 12px;
    color: rgba(0, 0, 0, .65)
}

.submit:hover {
    transform: translateY(-2px)
}

.submit:active {
    background-color: #f0f0f1;
    border-color: rgba(0, 0, 0, .3);
    box-shadow: rgba(0, 0, 0, .06)0 2px 4px;
    color: rgba(0, 0, 0, .65);
    transform: translateY(0)
}

.friday {
    width: 100%;
    height: auto;
    padding: 1%;
    background: #e9e8e8
}

.friday h1,
.info h1 {
    width: 100%;
    color: #cd5888;
    margin-top: 20%;
    font-size: 50px
}

.friday p,
.info p,
.product p,
.login p,
footer .alladin p,
footer .alladin i,
.blogextra p,
.categories .card .card-details p,
.audiobook p,
.audiobook .card p,
.audiobook .card .price,
.audiobook .card .time,
.magzines .card p,
.magzines .card .price,
.magzines .card .time {
    font-size: 20px;
    color: #6b6b6b
}

.friday button {
    width: 35%;
    height: 50px;
    margin-top: 5%;
    border: 1px solid;
    border-color: #b9b9b9;
    color: #cd5888;
    background: #e9e8e8;
    font-family: "Tenor Sans", sans-serif
}

.friday button:hover {
    color: #e9e8e8;
    background: #cd5888
}

.info {
    width: 100%;
    height: auto;
    background: #e9e8e8;
    padding: 2%
}

.info h1 {
    padding-top: 3%;
    margin-top: 0
}

.info button {
    width: 12%;
    height: 50px;
    margin-top: 2%;
    color: #cd5888;
    background: #e9e8e8;
    border: 1px solid;
    border-color: #c1c1c1;
    font-size: 20px;
    font-family: "Tenor Sans", sans-serif;
    -webkit-animation: blink-1 3s infinite both;
    animation: blink-1 3s infinite both
}

@media screen and (min-width:1024px) {
    .main-navigation a {
        font-size: 14px
    }
}

.post-details p {
    margin-bottom: 1.5em;
    font-size: small;
    margin-bottom: -.5em
}

.post-details {
    gap: 18px
}

.mainrow {
    background-color: #f4f4f4;
    padding: 10px 10px;
    margin: 0 0 20px;
    border: outset;
    border-radius: 5px
}

.maincontent p {
    line-height: 1.8rem;
    color: #7a7979
}

.maincontent header p a:hover {
    color: #cd5888
}

.maincontent header p a {
    color: #a1a1a1
}

.maincontent header p a::before {
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    content: "";
    border-radius: 50%;
    background-color: #a1a1a1;
    margin-left: -7px
}

.scrollup i {
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 999;
    bottom: 20px;
    margin: 0;
    font-size: 24px;
    padding: 9px 12px;
    right: 20px;
    background-image: linear-gradient(220deg, #000, #a9a9a9);
    border-radius: 10px
}

footer {
    background-color: #000;
    padding: 20px 0;
    color: #f4c430;
    text-align: center
}

.copyright a{
    color: #fff !important;
}

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #555
}

.nav-next a,
.nav-previous a {
    border: outset;
    outline: 0;
    cursor: pointer;
    color: #3c4257;
    background-color: #fff;
    box-shadow: rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/12%)0 1px 1px 0, rgb(60 66 87/16%)0 0 0 1px, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(60 66 87/8%)0 2px 5px 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 8px;
    display: inline-block;
    min-height: 28px;
    transition: background-color .24s, box-shadow .24s
}

.nav-previous a:hover,
.nav-next a:hover {
    box-shadow: #000;
    background-color: #a1a1a1;
    color: #000
}

.page .entry-header .entry-title {
    padding: 8%0 8% 45%;
    background: #f4f4f4
}

.home-section .container {
    background: 0 0;
    padding-top: 8%;
    padding-bottom: 8%
}

.comment-body {
    display: flex;
    gap: 10px;
    justify-content: normal
}

.comment-meta {
    width: 50%;
    height: 50%
}

.comment-content {
    padding: 10px
}

.comment-respond h3 small {
    font-size: 14px;
    padding-left: 40px
}

.reply {
    top: 70%;
    right: 20px;
    position: absolute
}

.wp-block-latest-comments__comment-meta {
    text-align: left
}

.sub-menu {
    background: #000;
    margin-left: 0;
    padding-left: 5px;
    display: inline !important;
    width: auto
}

.sub-menu li {
    padding: 10px 10px 0 10px
}

.about-section {
    background: #f8f7eb
}

@media screen and (min-width:300px) and (max-width:600px) {
    .menu {
        margin-top: 60px
    }

    .comment-body {
        display: block;
        justify-content: normal
    }

    .comment-meta {
        width: 100%;
        height: 50%
    }

    .comment-list {
        padding-left: 0 !important
    }
}

@media screen and (min-width:600px) and (max-width:912px) {
    .menu {
        margin-top: 25%
    }
}

.site-title a {
    color: #fff;
    font-size: 18px
}

.site-title a:hover {
    color: #fff
}