/* Theme Name:   Main Brokerforless Child Theme
 Theme URI: google.com
 Description: Child theme for Twenty Twenty-one
 Author: [Your Name]
 Author URI: [Your URL]
 Template: twentytwentyone
 Version: 1.0
*/
/* @import url("../twentytwentyone/style.css"); */

h1, h2, h3, h4, h5, h6 {     font-family: 'Work Sans', sans-serif !important;}
div#ajax_loading_imgs {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999999999999999999999999;
    background-color: rgba(38, 38, 38, 0.8);
    text-align: center;
    background-image: url(/wp-content/themes/brokerforless/images/new-loading-icons.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 250px;
}
div#ajax_loading_imgs {
    display: none;
}
a {
    cursor: pointer !important;
}
.page .status-publish a,
.page .status-publish a:hover,
.page .status-publish a:focus,
.page .status-publish a:active {
    /* color: #00CAE1; */
    text-decoration: none;
}

.page .status-publish table {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
}

.page .status-publish th,
.page .status-publish td {
    border: 1px solid white;
    padding: 8px;
    text-align: left;
    color: white;
}

.page .status-publish th {
    background-color: transparent;
}

.page .status-publish p,
.page .status-publish ul li,
.page .status-publish ul li::marker,
.page .status-publish ol li,
.page .status-publish ol li::marker,
.page .status-publish h2,
.page .status-publish h3 {
    color: #FFFFFF;
}

.page .status-publish {
    margin: 30px 100px 10px 100px;
    padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {

    /* Mobile phone styles go here */
    .page .status-publish {
        margin: 0px 20px 10px 20px;
    }

    .entry-title {
        font-size: 42px !important;
        line-height: 52px !important;
    }
}



body.page-id-27 div#page {
    background: #1f1e1d !important;
}

body.page-id-27 p.site-title a {
    color: #fff !important;
    text-decoration: none;
}

body.page-id-27 .site-name a {
    color: #fff !important;
}

body.page-id-27 .powered-by {

    display: none;
}

body.page-id-27 .site-info {
    border-top-color: #fff !important;
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media only screen and (min-width: 1800px) { */

/*body.page-template-shepherd-dashboard div#content.site-content {
        background: #201e1c !important;
        padding: 30px 0px;
    }*/

body.page-template-shepherd-dashboard {
    background: #252424;
}

.shepherd-Scheduled-meeting-page-container {
    padding-bottom: 30px;
}

[ref="buttonMessageContainer"].has-error {

    color: red;
}

/*}*/
button:disabled {
    background-color: #ccc;
    /* Light grey to indicate disabled state */
    cursor: not-allowed;
    /* Shows the not-allowed cursor */
    opacity: 0.6;
    /* Makes the button look dimmed */
    pointer-events: none;
    /* Ensures no interaction */
}



/*########################################################################################################################################*/
/* Common Css 20-01-2025*/
/*########################################################################################################################################*/
/* =========================
   1. GLOBAL STYLES
   ========================= */
/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
     
}*/
/*html,body{
    background-color: #000D12 !important;
    height: 100%;
}
html {
    font-size: 16px; /* Default font size */
/* scroll-behavior: smooth;
}*/

.site-main>* {
    margin: 0 auto;
}

/*@font-face {
    font-family: 'Effra';
    src: url('fonts/Effra_Std_Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
/* @font-face {
    font-family: 'Effra';
    src: url('fonts/Effra_Std_Rg.eot');
    src: url('fonts/Effra_Std_Rg.eot') format('embedded-opentype'),
        url('fonts/Effra_Std_Rg.woff2') format('woff2'),
        url('fonts/Effra_Std_Rg.woff') format('woff'),
        url('fonts/Effra_Std_Rg.ttf') format('truetype'),
        url('fonts/Effra_Std_Rg.svg#Effra_Std_Rg') format('svg');
}

@font-face {
    font-family: 'EffraBold';
    src: url('fonts/Effra_Std_Bd.ttf') format('truetype');  
}

@font-face {
    font-family: 'EffraMed';
    src: url('fonts/Effra_Std_Md.ttf') format('truetype');
} */

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1280px;
    margin: 0 auto;
    /* Center the content horizontally */
    padding: 0 15px;
    /* Add some padding for small screens */
}

/*
body {
    font-family: 'Effra', sans-serif; /* Change font-family as needed  
    color: #333;
    background-color: #000D12;
    line-height: 1.6;
   
    overflow-y: scroll;
    scrollbar-color: #bcbcbc #5b5a5a;
  	scrollbar-width: thin;

} */
/* 
body::-webkit-scrollbar {
	width: 5px;
}
body::-webkit-scrollbar-track {
  background-color: #5b5a5a;
  border-radius: 100px;
}
body::-webkit-scrollbar-thumb {
  background-color: #bcbcbc;
  border-radius: 100px;
}*/
#main {
    background-color: #000D12;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style-type: none;
}

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

/*html, body, p, ul, ol, div, h2, h3, h4, h5, h6 {
	font-family: 'Effra' !important;
	line-height: 1.55;
}*/
h1 {
    /* font-family: 'EffraBold' !important; */
    font-size: 60px !important;
    font-weight: 700 !important;
    line-height: 70px !important;
    color: #fff !important;
    margin-bottom: 40px !important;
    text-align: center;
}
.registerbannerd.resetpage h1 {
    font-size: 52px !important;
}

button {
    font: inherit;
    cursor: pointer;
}

/* =========================
   2. CONTAINER CLASS
   ========================= */
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}



/* =========================
   7. RESPONSIVE DESIGN
   ========================= */
@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }

    header .nav {
        flex-direction: column;
        gap: 10px;
    }

    .btn {
        padding: 8px 16px;
        font-size: 0.9rem;
    }
}

@media (min-width: 1350px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px !important;
        margin: 0 auto !important;
        padding: 0px !important;
    }
}

@media (min-width: 1300px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        /* max-width: 1260px!important;  */
        margin: 0 auto !important;
        padding: 0px !important;
    }

    .home .container {
        margin: 0 auto !important;
        padding: 0px 100px !important;
    }
}

/*#####################################################################################08-09-2025*/

#red_registration_form h1, #user_login_form_page h1, .forgot-wrapper h1 {
    font-size: 52px !important;
}
#red_registration_form label, #user_login_form_page label {
    margin-bottom: 10px;
    margin-top: 15px;
} 
.registerbanner.registerpage {
    padding-top: 100px;
}
.registerbanner.registerpage #register-title {
    margin-bottom: 40px !important;
}

/*########################################################################################################################################*/