/*
Theme Name: wp-diamsloc
Theme URI: https://www.diamsloc.com/
Description: wp-diamsloc is a free WordPress theme (based on Bootstrap 5) characterized by a clean design and professional image. Developed according to the responsive design technique, it offers an excellent UX on both desktop and mobile. The design was carried out with the best SEO practices, which is why it is a suitable theme for blogs, personal or professional projects and for those who, in general, deal with online writing.
Author: Diamsloc
Author URI: https://www.diamsloc.com/
Tags: blog, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready, threaded-comments, right-sidebar
Version: 2.8
Tested up to: 7.3
Requires PHP: 7.0
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: wp-diamsloc
*/

@font-face {
    font-family: 'Roboto Variable';
    src: url('assets/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 400 700;
    font-stretch: 75% 100%;
    font-style: normal;
}

:root {
  --text-primary: #687586;
  --hover-primary: #072222;
  --bg-primary: #2F4A54;
  --text-secondary: #4A6566;
  --hover-secondary: #244649;
  --bg-secondary: #a2b6b6;
  --bg-main: #6a7374;
  --text: #687586;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #687586!important;
}

body {
    font-family: 'Roboto Variable', sans-serif;
    color: var(--text);
    background-color: var(--bg-main);
    line-height: 2;
    font-size: 1rem;
}

a:link {
    color: #0A7CA6;
    background-color: transparent;
    text-decoration-style: dotted;
}

a:visited {
    color: #687586;
    background-color: transparent;
    text-decoration-style: dotted;
}

a:hover {
    color: #687586;
    background-color: transparent;
    text-decoration-style: dotted;
}

a:active {
    color: #687586;
    background-color: transparent;
    text-decoration-style: dotted;
}

.navbar-brand {
    width: 120px;
}

.nav-link {
    font-size: .85rem;
}

.navbar-light .navbar-nav .nav-item .nav-link {
    color: #687586;
    font-size: .5rem;
}

.navbar-light .navbar-nav .nav-item .nav-link.active {
    color: #0DCAF0;
    font-size: .5rem;
}

footer p, footer a {
    color: #ffffff !important;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

.hr-divider {
    display: flex;
    margin-bottom: 30px;
}
.hr-line {
    width: 100%;
    position: relative;
    margin: 15px;
    border-bottom: 2px solid #ccc;
}
.hr-divider .fa, .hr-divider a {
    color: var(--text)
}

#nav-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav-content ul li {
    position: relative;
}

#nav-content ul ul {
    display: none;
    position: absolute;
    top: 100%;
}

#nav-content ul li:hover > ul {
    display: block;
}

#nav-content .dropdown-menu .nav-item:not(:last-child) {
    border-bottom: solid 2px #eee;
    width: 100%;
}

.page-numbers {
    color: var(--bg-primary);
    text-decoration: none;
    margin-right: 10px;
}

.single-page-logo:hover {
    color: var(--hover-primary) !important;
}

.text-primary {
    color: var(--text-primary) !important;
}

.top-nav a {
    color: var(--text-primary) !important;
}

.top-nav a:hover {
    background-color: #fff;
    border-radius: 10px;
}

.top-nav .nav-item {
    margin-right: 1rem;
}

.top-nav .mobile-menu .btn-link {
    text-decoration: none;
    color: var(--text-primary);
}

.top-nav .dropdown-toggle::after {
    content: none;
}

@media (max-width: 992px) {
    .top-nav .left-menu, .top-nav .right-menu {
        display: none;
    }
    .top-nav .mobile-menu {
        display: block;
    }
    .main-content {
        padding: 1.5rem !important;
        margin-top: 20px;
    }
    .main-content .btn {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .top-nav .mobile-menu {
        display: none;
    }
    .sidebar {
        padding-left: 50px;
    }
}

.services .service-item.item-cyan .icon {
    color: #0dcaf0;
    border: 1px solid #0dcaf0;
    background: rgb(251, 251, 251);
}

.services .service-item .icon {
    font-size: 32px;
    border-radius: 10px;
    position: relative;
    margin-right: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    flex-shrink: 0;
}

.services .service-item {
    background-color: #80808008;
    border: 1px solid #6a768717;
    height: 100%;
    padding: 30px;
    transition: 0.3s;
    border-radius: 10px;
    display: flex;
}

/* calendar and form */

.wpbs-main-wrapper {
    max-width: 1320px;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.wpbs-container {
    flex: 0 0 auto;
    width: 100%!important;
    /*padding: 0 15px 0 15px;*/
}

@media (min-width: 991px) {
    .wpbs-container {
        flex: 0 0 auto;
        width: 50%!important;
    }
}

#wpbs-form-1 {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 991px) {
    #wpbs-form-1 {
        flex: 0 0 auto;
        width: 50%;
    }
}

.wpbs-main-wrapper .wpbs-form-container {
    padding: 0 15px 20px 15px!important;
    max-width: 100%!important;
}

.wpbs-form-field-input input[type="text"], .wpbs-form-field-input input[type="email"], .wpbs-form-field-input input[type="number"] {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#wpbs-form-submit-1 {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    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;
    color: #fff;
    background-color: #0DCAF0;
    border-color: #0DCAF0;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0DCAF0;
    --bs-btn-border-color: #0DCAF0;
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #687586!important;
    border-color: #687586!important;
}

.dropdown-menu {
    --bs-dropdown-min-width: 1rem;
}