/*
Theme Name: DateBook Theme
Description: DateBook is a professional dating WordPress theme for creating online matchmaking business.
Theme URI: https://demo1.pagickthemes.com
Author: Pagick Themes
Author URI: https://www.pagickthemes.com
Version: 4.9.1
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8+
License: GNU General Public License version 3.0
License URI: http: //www.gnu.org/licenses/gpl-3.0.html
Text Domain: datebook-theme
Domain Path: /languages
Tags: left-sidebar, two-columns, custom-colors, custom-menu, custom-logo, footer-widgets, post-formats, theme-options, translation-ready
*/


/* -------------------------------------------------- 
   Table of Contents
----------------------------------------------------- */


/*
01. Fonts
02. Shared Styles
03. WordPress Core
04. Buttons
05. Alert Boxes
06. Panel
07. Navbar
08. Tabs
09. Popover
10. Thumbnails
11. Pagination
12. Elements
13. Top Menu
14. Front page
15. Left Sidebar
16. Widgets
17. Blog
18. Footer
19. Responsive style
*/


/* -----------------------------------------
	01. Fonts
----------------------------------------- */


/* Fonts can be set in the Theme Options */


/* -----------------------------------------
	02. Shared Styles
----------------------------------------- */

body {
    word-break: break-word;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body.modal-open {
    overflow: hidden;
}

.clear {
    clear: both;
}

em {
    margin-right: 5px;
}


/* img { */


/* max-width: 100%; */


/* height: auto; */


/* } */

.media,
.media .media {
    margin-top: 0;
}

.media-list {
    color: inherit;
}

.custom-select:focus,
.form-control:focus {
    box-shadow: none
}

table {
    margin-bottom: 1rem;
}

.well {
    background-color: #F3F3F3;
    box-shadow: none;
    color: inherit;
}

.tab-content {
    padding: 0;
}

.md-form label {
    font-size: inherit;
}


/* -----------------------------------------
	03. WordPress Core
----------------------------------------- */


/* Post Elements */

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.wp-block-cover {
    margin-bottom: 1rem
}

.wp-block-cover-text {
    color: rgba(255, 255, 255, 1.00) !important;
}

.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image .aligncenter>figcaption,
.wp-block-image.is-resized>figcaption,
.wp-block-image figcaption,
.wp-block-gallery figcaption {
    color: rgba(154, 147, 148, 1.00)
}

.wp-block-pullquote {
    position: relative;
    padding: 0;
}

.wp-block-pullquote::before {
    background: #fff;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    color: #dddddd;
    display: inline-block;
    font-size: 2rem;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto 1.5rem auto;
    text-align: center;
    height: 3.3rem;
    width: 3.3rem;
}

.wp-block-pullquote.is-style-solid-color::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.wp-block-pullquote.is-style-solid-color {
    padding: 3rem 2rem;
}

.wp-block-pullquote blockquote p {
    line-height: 1.178571429;
    letter-spacing: -0.041785714em;
    max-width: 100%;
}

.wp-block-pullquote blockquote {
    border: none;
    margin: 0;
    padding: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 60%;
}

.wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 100%;
    text-align: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    margin-top: 0;
    margin-bottom: 10px;
}

.wp-block-quote[style="text-align:right"] {
    border-left: none;
    border-right: .25rem solid #eceeef
}

.datebook-blogs-page .datebook-article-content .wp-block-quote[style="text-align:right"]::before {
    float: right;
    margin-left: 10px;
}

.wp-block-archives-dropdown select {
    margin-bottom: 1rem;
    display: inline-block;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wp-block-media-text {
    margin-bottom: 1rem
}

.wp-block-preformatted {
    white-space: pre;
}


/* Captions */

.blocks-gallery-caption {
    width: 100%;
}

.wp-caption,
.blocks-gallery-caption {
    margin-bottom: 1.75em !important;
    border: 1px solid #dedede;
    max-width: 100%;
    /* Image does not overflow the content area */
    padding: 5px 3px !important;
    text-align: center;
}

.wp-caption img {
    display: block;
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text {
    color: #686868;
    font-style: italic;
    line-height: 1.6153846154;
    margin: 0;
    padding-top: 0.5384615385em;
}


/* Galleries */

.gallery {
    margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #686868;
    display: block;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/* Posts. Post Landing Page */

.datebook-blogs-page .post.sticky {
    background-color: #f0f0f0;
}

.datebook-blogs-page .post.sticky .datebook-article-meta .datebook-blog-info li {
    background: rgba(255, 255, 255, 0);
}

.datebook-blogs-page .post.sticky .datebook-article-meta-footer {
    background-color: #F1F1F1;
}

.post:not(.sticky) .icon-thumb-tack {
    display: none;
}

.datebook-blogs-page .icon-thumb-tack {
    display: block;
    height: 18px;
    left: -1.5em;
    position: absolute;
    top: 1.65em;
    width: 20px;
}

.bypostauthor>.comment-body>.comment-meta>.comment-author .avatar {
    border: 1px solid #333;
    padding: 2px;
}

.bypostauthor>article .fn:after {
    content: "\f304";
    left: 3px;
    position: relative;
    top: 5px;
}

.wp-block-button {
    margin-bottom: 1rem
}


/* Alignments */

.alignleft {
    float: left;
    margin: 0 20px 10px 0 !important;
}

.alignright {
    float: right;
    margin: 0 0 10px 20px !important;
}

.aligncenter,
div.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignnone {
    display: inline-block;
    margin: 5px auto 10px auto !important;
}

.datebook-article-content iframe {
    display: block;
    max-width: 100%;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: #FFF !important;
}

.is-style-outline a:not([href]):not([tabindex]),
.is-style-outline a:not([href]):not([tabindex]):focus,
.is-style-outline a:not([href]):not([tabindex]):hover {
    color: inherit !important;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-search,
.wp-calendar-nav {
    margin-bottom: 1rem;
}

.wp-block-calendar caption {
    caption-side: top;
    font-size: 18px;
    font-weight: 700;
}

.wp-block-group.has-background {
    margin-bottom: 1rem;
    padding: 15px;
}

.postform {
    margin-bottom: 1rem;
    display: inline-block;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wp-block-search__input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.wp-block-search__button {
    background-color: #e3ebf7;
    border-radius: .25rem;
}

button {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.is-style-squared .wp-block-button__link {
    border-radius: 0%;
}

.alignfull iframe {
    width: 100%;
}


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Search Form (Widget) */

.searchform .screen-reader-text {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: inherit;
    /*font-family: inherit;*/
    line-height: 1.3;
    border-bottom: 1px solid #eee;
}

.searchform input[type="text"] {
    float: left;
    display: block;
    width: 75%;
    /* margin-right: 0; */
    padding: 6px 12px;
    border: 1px solid #e9e9e9;
    border-right: none;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
    /* color: #555; */
    /* height: 34px; */
    /* line-height: 1.42857; */
}

.searchform input[type="submit"] {
    /* display: inline-block; */
    /* width: 35%; */
    /* font-size: 13px; */
    /* font-weight: 400; */
    /* height: 34px; */
    /* line-height: 1.42857; */
    /* margin-bottom: 0; */
    padding: 6px 12px;
    /* text-align: center; */
    /* vertical-align: middle; */
    /* white-space: nowrap; */
    background-color: #ebeef1;
    /* color: #707a81; */
    border: 1px solid #e9e9e9;
    border-left: none;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

.page-links {
    display: inline-block;
    width: 100%;
    background-color: #f0f0f0;
    padding: 5px 10px;
}

.page-links a {
    display: inline-block;
    border: 1px solid #DDD;
    padding: 5px 10px;
    line-height: 1;
    margin: 0 5px;
    background-color: #FFFFFF
}

.page-links a:hover {
    background: #222;
    color: #FFF;
    border-color: #222;
}


/* -----------------------------------------
	04. Buttons
----------------------------------------- */

.btn {
    text-transform: none
}

.btn-contact {
    font-size: 16px;
    font-weight: 300;
    padding: 9px 18px 9px 12px;
}

.btn-contact a {
    color: #FFF;
}

.btn-wide {
    padding-left: 40px;
    padding-right: 40px;
}


/* -----------------------------------------
	05. Alert Boxes
----------------------------------------- */

.alert {
    color: inherit;
}

.alert h4 {
    font-weight: 500;
    margin-bottom: 10px;
}

.has-success .form-control,
.has-success .form-control-feedback,
.has-success .form-control:focus {
    border-color: #05AE0E;
    color: #05AE0E;
}

.has-error .form-control,
.has-error .form-control-feedback,
.has-error .form-control:focus,
.has-error .text-error,
.has-error .selecter .selecter-selected {
    border-color: #dc3545;
    color: #dc3545;
}

.has-error .selecter .selecter-selected,
.has-error .btn-group,
.has-error .dropdown-toggle,
.has-error .custom-select {
    border: 1px solid #dc3545;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.alert .alert-link {
    cursor: pointer;
    filter: alpha(opacity=65);
    opacity: 0.65;
    text-decoration: underline;
}

.alert .alert-link:hover,
.alert .alert-link:focus {
    filter: alpha(opacity=45);
    opacity: 0.45;
}

.alert .btn-link,
.alert .btn-link:hover,
.alert .btn-link:focus {
    color: #000;
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.alert .btn-link:focus,
.alert .btn-link:hover {
    filter: alpha(opacity=40);
    opacity: 0.4;
    text-decoration: none;
}

.alert-dismissable .close {
    color: #000;
}


/* -----------------------------------------
	06. Panel
----------------------------------------- */

.card .list-group-item-warning {
    background-color: #ffce54;
    border-color: #f6bb42 transparent transparent;
    color: #fff;
}

.card a.list-group-item-warning {
    color: #fff;
}

.card>.card-body+.table,
.card>.card-body+.table-responsive {
    border-top-color: #e6e9ed;
}


/* -----------------------------------------
	07. Navbar
----------------------------------------- */

.datebook-header-user-panel .navbar.navbar-dark a {
    color: #FFFFFF;
}

#datebook-header .navbar-dark .dropdown-menu {
    border: none;
    background-color: #212121
}

.dropdown-item:hover {
    background: none;
}

#datebook-header .navbar.navbar-dark .dropdown-menu a:focus,
#datebook-header .navbar.navbar-dark .dropdown-menu a:hover {
    color: rgba(255, 255, 255, .75);
}

.nav>li.fa {
    padding-left: 15px;
}

.nav>li.fa a {
    display: inline-block;
    padding-left: 8px;
}

.datebook-user-navbar.left {
    justify-content: flex-start;
}

.datebook-user-navbar.center {
    justify-content: center;
}

.datebook-user-navbar.right {
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .datebook-user-navbar,
    .datebook-user-navbar.left,
    .datebook-user-navbar.center,
    .datebook-user-navbar.right {
        justify-content: center;
    }
    .datebook-user-navbar .navbar-nav {
        display: inline;
    }
}


/* -----------------------------------------
	08. Tabs
----------------------------------------- */


/* -----------------------------------------
	09. Popover
----------------------------------------- */

.popover {
    min-width: 195px;
    border: none !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
}

.popover-header {
    font-weight: 400;
    background-color: transparent;
    border-bottom: none;
    padding-bottom: 0;
}

.popover.bottom .arrow {
    visibility: hidden;
}

.popover .arrow {
    display: none;
}

.popover-body {
    padding-top: 8px;
    padding-bottom: 6px;
}


/*
.popover i {
	color: inherit;
}
*/


/* -----------------------------------------
	10. Thumbnails
----------------------------------------- */

.thumbnail {
    position: relative;
    display: inline-block;
    width: auto
}

a.thumbnail:hover,
a.thumbnail:focus {
    border-color: #fff;
}


/* -----------------------------------------
	11. Pagination
----------------------------------------- */

.pagination,
.navigation {
    margin: 0;
}

.pager li {
    margin-left: 10px
}

.pager li>a,
.pager li>span {
    background-color: #333;
    border: none;
    color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.pager .previous>a,
.pager .previous>span,
.pager .next>a,
.pager .next>span {
    float: none
}


/* -----------------------------------------
	12. Elements
----------------------------------------- */

.datebook-wrapper {
    position: relative;
    width: 100%;
}

.datebook-padding-less {
    padding-left: 8px;
    padding-right: 8px;
}

.datebook-clear5 {
    width: 100%;
    clear: both;
    height: 5px;
}

.datebook-clear10 {
    width: 100%;
    clear: both;
    height: 10px;
}

.datebook-clear15 {
    width: 100%;
    clear: both;
    height: 15px;
}

.datebook-clear20 {
    width: 100%;
    clear: both;
    height: 20px;
}

.datebook-clear25 {
    width: 100%;
    clear: both;
    height: 25px;
}

.datebook-clear30 {
    width: 100%;
    clear: both;
    height: 30px;
}

.datebook-margin-top10 {
    margin-top: 10px;
}

.datebook-margin-top20 {
    margin-top: 20px;
}

.datebook-margin-top30 {
    margin-top: 30px;
}

.datebook-margin-right10 {
    margin-right: 10px;
}

.datebook-margin-right15 {
    margin-right: 15px;
}

.datebook-margin-right20 {
    margin-right: 20px;
}

.datebook-margin-bottom10 {
    margin-bottom: 10px;
}

.datebook-margin-bottom20 {
    margin-bottom: 20px;
}

.datebook-margin-bottom30 {
    margin-bottom: 30px;
}

.datebook-padding10 {
    padding: 10px;
}

.datebook-padding15 {
    padding: 15px;
}

.datebook-padding20 {
    padding: 20px;
}

.datebook-no-border {
    border: none;
}

.datebook-line-shadow {
    border-top: 1px solid #fff;
    clear: both;
    display: block;
    height: 0;
    width: 100%;
}

.datebook-logo-block .datebook-logo {
    display: block;
    height: auto;
    padding: 6px 0;
}

.datebook-logo-block h1 {
    margin: 0;
    padding: 0;
}

.datebook-logo-block h1 a {
    margin: 0;
    padding: 0;
}

.datebook-entry-content {
    margin: 20px auto
}


/* -----------------------------------------
	13. Top Menu
----------------------------------------- */


/* -----------------------------------------
	14. Front page
----------------------------------------- */

#datebook-header {
    position: relative
}


/* -----------------------------------------
	15. Left Sidebar
----------------------------------------- */

.sidebarbox .welcomepanel h3 {
    margin-bottom: 0;
}

.sidebarbox a.list-group-item .list-group-item-heading {
    color: #876000;
}

.sidebarbox .list-group,
.sidebarbox .table {
    margin-bottom: 0;
}

.sidebarbox .list-group-item {
    border-color: #e9e9e9;
    border-left: none;
    border-right: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.sidebarbox .list-group-item:last-child {
    border-bottom: none;
}


/* -----------------------------------------
	16. Widgets
----------------------------------------- */

.widget p img {
    width: 100%;
}

.widget select {
    width: 99%;
    padding: 6px 12px;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 0.8125rem;
    height: 34px;
}

.widget .tagcloud a {
    margin-right: 3px;
}

.widget hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.widget ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.widget ul li {
    padding: 3px 0;
    /*border-bottom: 1px solid #eee;*/
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget ul li ul {
    padding-left: 5px
}

.widget .sub-menu {
    margin-top: 5px;
    padding-left: 5px
}

.widget .sub-menu li {
    padding: 0;
    border: none
}

.widget .sub-menu li a {
    display: block;
    padding: 4px 0;
}

.widget .sub-menu>li>.sub-menu {
    margin-top: 0;
}

.widget ul li>ul>li {
    padding: 8px 0 0 0;
    border-bottom: none;
}

.widget ul li>ul>li a {
    word-break: normal
}

.widget_calendar table {
    width: 100%
}

.widget_calendar caption {
    caption-side: top;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    padding-bottom: 15px;
    width: 100%;
}

.widget_calendar th,
.widget_calendar td {
    padding: 2%;
    text-align: center;
}

.widget_calendar tfoot td {
    padding: 5px 5%;
}

.widget_calendar tfoot #prev {
    text-align: left;
}

.widget_calendar tfoot #next {
    text-align: right;
}

.widget_archive label {
    display: none;
    visibility: hidden;
}

.widget_calendar .wp-calendar-nav {
    margin-bottom: 0;
}


/* -----------------------------------------
	17. Blog
----------------------------------------- */

.datebook-blogs-page .datebook-blog-horizontal .datebook-blogs-item,
.datebook-blogs-page .datebook-blog-classic .datebook-blogs-item,
.datebook-blogs-page .datebook-blog-overlap .datebook-blogs-item {
    display: flex
}

.datebook-article-media .datebook-article-meta {
    margin: -39px 0 0 9px;
    padding: 0 5px;
}

.datebook-blogs-page .datebook-blog-classic .col-md-3 .datebook-article-media .datebook-article-meta {
    margin: -57px 0 0 9px;
}

.datebook-blogs-page .datebook-blog-overlap .datebook-custom-card.card {
    box-shadow: none !important;
    background: transparent;
}

.datebook-blogs-page .datebook-article-content input[type="text"],
.datebook-blogs-page .datebook-article-content input[type="password"] {
    width: auto;
    padding: 6px 12px;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    line-height: 1.42857;
}

.datebook-blogs-page .datebook-article-content input[type="submit"] {
    background-color: #ebeef1;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
}

.datebook-blogs-page .datebook-article-media.thumbnail {
    margin: 0;
    margin-bottom: 18px;
    padding: 0;
    min-height: 200px;
    border: none;
    background: -moz-linear-gradient(315deg, #e1e1e1 0%, #9e9e9e 50%, #e1e1e1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 315deg, color-stop(0%, #e1e1e1), color-stop(50%, #9e9e9e), color-stop(100%, #e1e1e1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(315deg, #e1e1e1 0%, #9e9e9e 50%, #e1e1e1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(315deg, #e1e1e1 0%, #9e9e9e 50%, #e1e1e1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(315deg, #e1e1e1 0%, #9e9e9e 50%, #e1e1e1 100%);
    /* IE10+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#e1e1e1', GradientType='1');
    /* for IE */
    background: linear-gradient(135deg, #e1e1e1 0%, #9e9e9e 50%, #e1e1e1 100%);
    /* W3C */
    overflow: hidden;
}

.datebook-blogs-page .datebook-blogs-item .datebook-article-media.thumbnail a>img,
.datebook-blogs-page .datebook-blogs-item .datebook-article-media.thumbnail>img {
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.datebook-post-page .datebook-article-content {
    position: relative;
}

.datebook-post-page .datebook-article-content input[type="text"],
.datebook-post-page .datebook-article-content input[type="password"] {
    width: auto;
    padding: 6px 12px;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    line-height: 1.42857;
}

.datebook-post-page .datebook-article-content input[type="submit"] {
    background-color: #ebeef1;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
}

.datebook-post-page .datebook-article-media.thumbnail {
    margin-bottom: 15px;
    padding: 0;
    border: none
}

.datebook-post-page .datebook-article-media.thumbnail a>img,
.datebook-post-page .datebook-article-media.thumbnail>img {
    width: auto;
}


/* Chat Posts */

.datebook-post-page .format-chat p {
    background: #e7ecee;
    border-left: 5px solid #6c848e;
    margin-bottom: 2px;
    padding: 8px;
}

.datebook-post-page .format-chat p:nth-child(odd) {
    background: #f5f5f5;
    border-left-color: #d9d9d9;
}

.datebook-blogs-page .datebook-comments-area {
    position: relative
}

.datebook-blogs-page .datebook-comments-area .trackback .comment-edit-link,
.datebook-blogs-page .datebook-comments-area .pingback .comment-edit-link {
    margin-left: 0.8125rem;
    padding: 0.1rem 0.8125rem;
    border: 1px solid #e0e0e0;
    background: #f5f5f5;
}

.datebook-blogs-page .datebook-comments-area {
    padding: 0;
}

.datebook-comments-area pre {
    white-space: pre-wrap;
    /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
}

.comment-panel .comment-subscription-form {
    margin-top: 25px;
    margin-bottom: 0
}

.comment-subscription-form .subscribe-label {
    font-weight: 300;
}

.datebook-blogs-page .datebook-article-aside {
    border: 4px solid #ededed;
}

.datebook-blogs-page .datebook-article-aside p {
    margin: 0;
}

.datebook-blogs-page .datebook-article-quote blockquote,
.datebook-comments-area blockquote {
    border-left: 0.25rem solid #dddddd;
    background-color: #FFF
}

.datebook-blogs-page .datebook-article-quote blockquote::before,
.datebook-article-content .blockquote::before {
    display: block;
    float: left;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    color: #dddddd;
    margin-right: 10px;
    font-weight: 900;
}

.wp-block-pullquote.is-style-solid-color blockquote::before,
.wp-block-pullquote.is-style-solid-color .blockquote::before,
.datebook-article-content .wp-block-pullquote blockquote::before,
.datebook-article-content .wp-block-pullquote .blockquote::before {
    max-width: 100%;
    text-align: inherit;
    float: none;
    content: "";
    margin-right: 0;
}

.children {
    padding-left: 67px
}

.datebook-blogs-page .media-comment-body ul {
    margin-bottom: 1rem;
}

.datebook-blogs-page .comment-awaiting-moderation {
    margin-top: 0;
    margin-bottom: 10px
}

.datebook-blogs-page .datebook-article-content ul,
.datebook-blogs-page .datebook-article-content ol {
    margin-bottom: 20px;
    padding-left: 20px;
}

.datebook-blogs-page .date {
    color: #A4A4A4
}

.datebook-blogs-page .media-list li {
    list-style: none
}

.datebook-blogs-page .media-list li.pingback {
    padding: 8px 10px;
    background-color: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* -----------------------------------------
	18. Footer
----------------------------------------- */

.datebook-footer-container {
    width: 100%;
}

.datebook-footerbox {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.datebook-footerbox.widget:empty,
.datebook-footer div:empty,
.datebook-footer div div:empty,
.datebook-footer div div div:empty {
    display: none
}

.datebook-footerbox .card {
    background: none
}

.datebook-footerbox .card-header {
    color: inherit;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.1;
    margin-top: 0;
    padding: 0;
    padding-bottom: 15px;
    border: none;
    background: none;
}

.datebook-footerbox .card-body {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 0 8px;
}

.datebook-footerbox .list-group .list-group-item {
    border-left: none;
    border-right: none;
}

.datebook-footerbox .card-header h3 {
    margin: 0;
    padding: 0;
}

.datebook-footerbox .datebook-related-profiles-bycity-widget .card-body .card-body,
.datebook-footerbox .datebook-featured-profile-widget .card-body .card-body,
.datebook-footerbox .datebook-tours-widget .list-group-item,
.datebook-footerbox .datebook-edit-sidebar .list-group-item,
.datebook-footerbox .datebook-latest-profiles-widget .list-group-item {
    padding: 10px 0;
}

#datebook-footer .navbar-default {
    background: none;
    border: none;
}

.datebook-footerbox .table>thead>tr>th,
.datebook-footerbox .table>tbody>tr>th,
.datebook-footerbox .table>tfoot>tr>th,
.datebook-footerbox .table>thead>tr>td,
.datebook-footerbox .table>tbody>tr>td,
.datebook-footerbox .table>tfoot>tr>td {
    border-top: 1px solid #eee;
    padding: 10px 0;
}

.datebook-footer-above {
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    border: none;
}

.datebook-footer-above:empty {
    display: none
}

.datebook-footer .bootstrap-select .btn {
    font-size: 0.8125rem;
}

.bootstrap-select>.dropdown-toggle {
    z-index: auto;
}

.datebook-footer-above .dropdown-menu {
    border: none;
}

.datebook-footer-above .dropdown-menu a {
    font-size: 0.8125rem;
}

.datebook-footer-above .navbar-default .navbar-collapse {
    text-align: center;
}

.datebook-footer a {
    color: #D7DADF;
}

#datebook-footer .navbar .dropdown-menu a:focus,
#datebook-footer .navbar a,
#datebook-footer .navbar a:not([href]):not([tabindex]) {
    color: #212529;
}


/* -----------------------------------------
	19. Responsive style
----------------------------------------- */

@media screen and (max-width: 767px) {
    .datebook-wrapper #datebook-header .dropdown-menu .divider {
        background: none;
        margin: 0
    }
    .datebook-front-search-panel {
        margin-top: 0;
    }
    .datebook-front-search-panel h1 {
        text-align: center;
    }
    .datebook-logo a {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }
    .datebook-defaultphoto {
        margin-bottom: 20px;
    }
    .datebook-blogs-page .datebook-blog-horizontal .datebook-article-media {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .datebook-footer-above,
    .datebook-footer {
        text-align: center;
    }
    .datebook-footer-above .dropdown-menu>li>.dropdown-menu {
        left: auto;
    }
    .datebook-footer p,
    .datebook-footer .bootstrap-select {
        margin-bottom: 20px;
    }
    .datebook-footer .datebook-footer-pages {
        float: none !important;
    }
    .datebook-footer-above .list-inline {
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 979px) {
    .navbar .nav>li.dropdown.wide.open,
    .nav>li.dropdown.wide:hover {
        position: static;
    }
    .datebook-wrapper .navbar .nav>li.dropdown.wide:hover .dropdown-menu {
        display: table;
        left: 0;
        padding: 10px;
        right: 0;
        width: 100%;
    }
    .datebook-wrapper .navbar .wide .dropdown-menu>li {
        display: table-cell;
        float: left;
    }
    .datebook-wrapper .navbar-user-panel .dropdown-menu {
        min-width: 100%;
    }
    .datebook-wrapper ul.nav li:hover>ul.dropdown-menu {
        display: block;
    }
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom: none;
    }
    .datebook-blogs-page .datebook-blog-horizontal .datebook-article-media {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

@media screen and (min-width: 768px) {
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 28px;
    }
}