/*
Theme Name: WPDMP THEME
Theme URI: https://wpdmp.com/
Author: Domlogix
Author URI: https://domlogix.com
Description: A powerful Bootstrap 5 WordPress Theme with Domain Market Pro support.
Version: 5.1.3.0
Tested up to: 5.8.1
Requires PHP: 5.6
License: MIT License
License URI: https://github.com/crftwrk/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.  Temporary
2.  Header
3.  Body
4.  Alerts
5.  Breadcrumb
6.  To Top Button
7.  Single Post
8.  Comments
9. Archive
10. Widgets
11. Utilities
12. Colors
13. HTML Markups (Theme Unit Test Data)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Temporary
--------------------------------------------------------------*/

/* scroll-behaviour: smooth not supportet by Safari. 
jQuery smooth scroll script will be removed when Safari supports it */
html {
  scroll-behavior: auto !important;
}

/* Checks, select and form-range fix for webkit browsers. Doesn't compile correctly? */
.form-check-input, .form-select, .form-range {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

/*
Remove autop (WP 5.7 bug near shortcode)
https://wordpress.org/support/topic/how-to-stop-wp-from-adding-p-tag-automatically/
*/
p:empty:before {
  content: none;
}

/* To Top Button Fallback (done by classes) */
.top-button {
  position: fixed;
  z-index: 1020;
}

/* Dropdown Search (replaced by Collapse component in 5.1.0.0. Fallback to old headers) */
@media (max-width: 782px) {
  .logged-in.admin-bar .dropdown-search {
    top: 100px !important;
  }
}

@media (min-width: 783px) {
  .logged-in.admin-bar .dropdown-search {
    top: 86px !important;
  }
}

.dropdown-search.dropdown-menu[data-bs-popper] {
  top: 54px;
}

.dropdown-search .searchform {
  opacity: 0;
  transition: opacity 0.8s;
  transition-delay: 0.3s;
}

.dropdown-search.show .searchform {
  opacity: 1;
}

@media (max-width: 991px) {
  .btn-dropdown.right {
    padding-right: 0;
    border: none;
  }

  #dropdown-search:hover {
    color: currentColor;
    background-color: transparent;
    border-color: transparent;
  }

  #dropdown-search:focus {
    box-shadow: none;
  }
}
/* Dropdown Search Fallback End */

/* Offcanvas Backdrop */
.offcanvas-backdrop.fade {
  transition: opacity 0.4s ease-in-out;
}

.offcanvas-backdrop {
  cursor: pointer;
}
/* Offcanvas Backdrop END */

/*--------------------------------------------------------------
2. Header
--------------------------------------------------------------*/

@media (max-width: 782px) {
  #wpadminbar {
    position: fixed;
  }

  .logged-in.admin-bar .fixed-top,
  .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
  .logged-in.admin-bar .modal {
    top: 46px;
  }

  .logged-in.admin-bar .modal-fullscreen {
    height: calc(100% - 46px);
  }
}

@media (min-width: 783px) {
  .logged-in.admin-bar .fixed-top,
  .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
  .logged-in.admin-bar .modal {
    top: 32px;
  }

  .logged-in.admin-bar .modal-fullscreen {
    height: calc(100% - 32px);
  }
}

#nav-main .menu-item:last-child .nav-link {
  padding-right: 0;
}

/*--------------------------------------------------------------
3. Body
--------------------------------------------------------------*/

body {
  position: relative;
  word-break: break-word;
}

::-moz-selection {
  text-shadow: none;
}

::selection {
  text-shadow: none;
}

#content {
  min-height: 600px;
}

/*--------------------------------------------------------------
4. Alerts
--------------------------------------------------------------*/

.alert.alert-danger,
.alert.alert-warning,
.alert.alert-info,
.alert.alert-success {
  padding-left: 3.25rem;
}

.alert::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translate(0, -50%);
}

.alert-danger::before {
  content: '\f071';
}

.alert-warning::before {
  content: '\f06a';
}

.alert-info::before {
  content: '\f05a';
}

.alert-success::before {
  content: '\f058';
}

/*--------------------------------------------------------------
5. Breadcrumb
--------------------------------------------------------------*/

@media (max-width: 991px) {
  .breadcrumb {
    display: block !important;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
  }

  .breadcrumb::-webkit-scrollbar {
    display: none;
  }
}

/*--------------------------------------------------------------
6. To Top Button
--------------------------------------------------------------*/

.top-button {
  right: 5%;
  bottom: 30px;
  opacity: 0;
  transition: opacity 1s;
}

.top-button.visible {
  opacity: 1;
}

/*--------------------------------------------------------------
7. Single Post
--------------------------------------------------------------*/

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

.wp-post-image {
  width: 100%;
}

.page-image img,
.post-image img {
  width: 100%;
  object-fit: contain;
  height: auto;
}

.featured-full-width-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

[rel='prev']:before {
  content: '« ';
}

[rel='next']:after {
  content: ' »';
}

/*--------------------------------------------------------------
8. Comments
--------------------------------------------------------------*/

ul.comment-list {
  list-style: none;
  padding: 0;
}

ul.comment-list li {
  list-style: none;
}

.avatar {
  width: 80px;
}

.comment-list ul.children {
  padding-left: 96px;
}

@media (max-width: 991px) {
  .comment-list ul.children ul.children {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .comment-list ul.children ul.children ul.children {
    padding-left: 0;
  }
}

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

#cancel-comment-reply-link {
  margin-left: 1rem;
}

/* 
    Adding width to comment. 
    When using <pre> in comment, comment-content will not crashed
*/

.comment-content {
  width: calc(100% - 96px);
}

/*--------------------------------------------------------------
9. Archive
--------------------------------------------------------------*/

@media (max-width: 767px) {
  .card-img-left img {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) {
  .card-img-left img {
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .card-img-left-md img {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    width: 100%;
    height: auto;
  }
}

@media (min-width: 992px) {
  .card-img-left-md img {
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

/*--------------------------------------------------------------
10. Widgets
--------------------------------------------------------------*/

.widget-area ul,
.bootscore-footer ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.widget-area ul li ul li {
  padding: 0 1rem;
}

#footer-menu li a {
  padding-left: 0;
}

/*--------------------------------------------------------------
11. Utilities
--------------------------------------------------------------*/

/* 
Add width-100 class to element to stretch it to the entire width 
of the screen when element is in .container.
https://bootscore.me/documentation/width-height-classes/
*/

/* Hide horizontal scrollbars on Windows Chrome & Firefox */

body {
  overflow-x: hidden;
}

.width-100 {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
}

/* 
Hide racaptcha v3 badge 
*/

.grecaptcha-badge {
  display: none !important;
}

/* 
Clear
*/

.clear-both {
  clear: both;
}

/* 
z-index
*/

.zi-1000 {
  z-index: 1000 !important;
}

.zi-1020 {
  z-index: 1020 !important;
}

.zi-1030 {
  z-index: 1030 !important;
}

.zi-1040 {
  z-index: 1040 !important;
}

.zi-1050 {
  z-index: 1050 !important;
}

.zi-1060 {
  z-index: 1060 !important;
}

.zi-1070 {
  z-index: 1070 !important;
}

.zi-n1 {
  z-index: -1 !important;
}

/*
Cursor
*/

.cursor-pointer {
  cursor: pointer;
}

/*
Focus
*/

.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

/* 
Hover 
*/

.hover {
  transition: filter 0.3s;
}

.hover:hover {
  filter: brightness(0.95);
}

/*--------------------------------------------------------------
12. Colors
--------------------------------------------------------------*/

::selection {
  color: #fff;
  background-color: var(--bs-primary);
}

::-moz-selection {
  color: #fff;
  background-color: var(--bs-primary);
}

pre {
  background-color: var(--bs-light);
}

:focus {
  outline: none !important;
  outline: -webkit-focus-ring-color none !important;
  outline-color: -webkit-focus-ring-color none !important;
  outline-style: none !important;
  outline-width: 0 !important;
}

/*--------------------------------------------------------------
13. HTML Markups (Theme Unit Test Data)
--------------------------------------------------------------*/

/*
pre
*/

pre {
  padding: 1rem;
  border-radius: 0.25rem;
}

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

iframe {
  max-width: 100%;
}

pre {
  max-width: 100%;
  border-radius: 0.25rem;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

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

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

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.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-caption {
  display: block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*='wp-image-'] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  overflow: auto;
  padding: 0.5rem;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

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

.bypostauthor {
  display: block;
}

/*-------------------------------------------------------------
## WPDMP Interface
--------------------------------------------------------------*/
.header-title a {
	text-decoration: none;
}
.header-1 {
	color: black;
	font-size: 18px;
}
.header-2 {
	color: darkslategray;
}
.bin-options-heading {
	font-size: 22px;
	padding: 10px;
	border-bottom: thin;
}
.pay-btn-div {
	margin-bottom: 10px;
}

.page-numbers { padding: 5px 10px 10px 10px; margin: 10px; background-color: black; color: white; }
a.page-numbers { text-decoration: none; }
a.page-numbers:hover { background: #3050CC; color: white; text-decoration: none; }
.current { background-color: #3050CC; color: white; }