/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.login-heading+#login_error { display: none; }
.login #login_error { background-color: transparent; border: transparent; color: #ff0000; }
.login #login_error a, .login .message a { color: #ff0000; }
 
.clear_both { clear: both; font-size: 0; line-height: 0; }

/* ### CRAZY BUDDYPRESS TEMPLATE USES DIFFERENT LOOKING BUTTONS EVERYWHERE.
INTENTIONALLY SWAPPED regular AND hover COLORS HERE  ### */
/* Howell 21-Feb-2024 Donation */
a.donate.button:hover,
body.login .login-split__entry>p a:last-of-type:hover,
body.register .login-split__entry>p a:last-of-type:hover
{
    background-color: #5cd16a;
    color: #fff;
    border: 1px solid #20538D;
    padding: 8px 12px;
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#header-aside .bb-header-buttons .give { margin-left: 2em; }
/* Howell 21-Feb-2024 Donation */
a.donate.button,
body.login .login-split__entry>p a:last-of-type,
body.register .login-split__entry>p a:last-of-type {
    border-radius: 4px;
    border: solid 1px  #20538D;
   /* background: #fb8a05ad; */
   background: #ff7f09;
   padding:6px 10px;
   color: #00265e;
   /*  color: #00265e; */
    text-decoration: none;
    cursor: pointer;
    font-size: small;
    margin: auto;
    display: table;
}

/* ### GIVE PLUGIN ### */
iframe { display: block; width: 500px; max-width: 100%; margin: auto; }
body.give h1.entry-title { display: none; }
/* body.give #main { margin-top: 35px; } */
.iframe-loader{ display: none !important; }

.bs-bp-container-reg #buddypress #signup-form.standard-form div.error {
    background-color: #ffffff;
    color: #ef3e46;
    width: 100%;
    border-radius: 3px;
    font-size: 14px;
    padding: 6px 12px;
    margin-bottom: 3px;
    border: 0;
}

#buddypress #activity-stream .activity-comments .wpulike-default button.wp_ulike_btn, 
#buddypress #activity-stream .activity-inner .wpulike-default button.wp_ulike_btn, 
#buddypress #activity-stream .activity-meta .wpulike-default button.wp_ulike_btn {
    border-radius: 0;
    box-shadow: 0 0 0 0px #bdbdbd inset;
    font-size: initial;
    padding: 1em;
  	border: 0em;
}
button, .button, input[type="button"], input[type="submit"], .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type="button"], .buddypress .buddypress-wrap input[type="reset"], .buddypress .buddypress-wrap input[type="submit"], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_cancel, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment.action-save {
    font-family: inherit;
    font-size: 15px;
    background-color: var(--bb-primary-button-background-regular);
    color: var(--bb-primary-button-text-regular);
    border: 1px solid var(--bb-primary-button-border-regular);
    border-radius: var(--bb-button-radius);
    padding: 10px 20px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    outline: none;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

@media(max-width: 768px) { 
	.layout-wrap { flex-wrap:  wrap }
 }
.page-id-1629 .entry-title {

display: none;}

.page-id-3 .entry-title {

display: none;

}

/*---------------- Randall ------------------------------*/ 

<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

.post-meta-wrapper-main, .bb-subscribe-wrap, .comments-title {
    display: none;
}
/*** Howell Remove Post Title ***/
.postid-1629 .entry-title {  
display: none;  
}
/*** Howell Remove Post Title on about page ***/
.postid-2020 .entry-title {  
display: none;  
}

*{margin:0;padding:0;box-sizing: border-box;}
        body{font-size: 14px;line-height: 1.5;font-family: "Poppins", sans-serif;}
	/* howell 3.31.2025 **/
      /*   .text-center{text-align: center;} **/
        h1,.h1{font-size: 80px;font-weight: 800;line-height: 1.1;}
        h2{font-size: 50px;font-weight: 800;line-height: 1.1;color: #d15b89; !important}
		/* .know h2{font-size: 45px;font-weight: 900;line-height: 1.1;color:#d15b89; !important} */
        h3{font-size: 46px;font-weight: 600;line-height: 1.1; !important}
        h4{font-size: 24px;font-weight: 600;line-height: 1.1; !important}
        h5{font-size: 22px;font-weight: 600;line-height: 1.1; !important}
        h6{font-size: 18px;font-weight: 600;line-height: 1.1; !important}
.didyouknow {text-align: center;font-size: 50px;font-weight: 950;line-height: 1.1;}
.know{padding: 80px 0;background-image: url('//anccer.s3.amazonaws.com/wp-content/uploads/2024/06/12232622/shape-left.png'), url('//anccer.s3.amazonaws.com/wp-content/uploads/2024/06/12232623/shape-right.png'); background-position: left center, right center;background-repeat: no-repeat;}
    	.container{max-width: 100%; margin:0 auto;padding:0 0px;}
        .row{display: flex;flex-wrap: wrap;gap:40px 15px;}
        .col-3{width:calc(33.333% - 10px);}
        .know h3{color: #d25b89;font-weight: 600;}
        .know h2 {font-size: 45px;font-weight: 900;margin-bottom: 60px;line-height: 1.1;color: #d15b89;font-weight: 800;}
        .services_sec{padding: 100px 0;color: #fff;background-color: #496db6;}
        .services_sec h4{text-transform: uppercase;color: #fff; margin:25px 0 30px;line-height: 1.3}
        .link-btn{margin-top: auto;padding-top: 30px;}
        .link-btn a{text-transform: uppercase;color: #fff;display: inline-block;font-size: 12px;}
        a{transition: all ease 0.4s;}
        a:hover{text-decoration: none;}
        .col-4 {width: calc(25% - 12px);}  
        .services_sec img{-ms-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition: all .3s ease;}
        .services_sec img:hover {transform: scale(0.9);-webkit-transform: scale(0.9);}   
        .services_sec .col-4 {padding: 0 22px;display: flex;align-items: center;flex-direction: column;}
        .services_sec p{line-height: 25px;}
        @media(max-width: 1199px){
            .know h3 {font-size: 64px;}
        }
        @media(max-width: 1024px){
            .col-4 {width: calc(50% - 8px);}
            .services_sec h4 {margin: 15px 0;}
        }
        @media(max-width: 767px){
            h1,.h1{font-size: 48px;font-weight: 800;line-height: 1.1;}
            h2{font-size: 34px;font-weight: 800;line-height: 1.1;}
            h3{font-size: 24px;font-weight: 800;line-height: 1.1;}
            h4{font-size: 20px;font-weight: 800;line-height: 1.1;}
            h5{font-size: 18px;font-weight: 800;line-height: 1.1;}
            h6{font-size: 16px;font-weight: 800;line-height: 1.1;}
            .col-3,.col-4 {width: 100%;}
            .know h3 {font-size: 44px;}
            .know,.services_sec{padding: 50px 0;}
        } 


        .counter-container {
            display: flex;
            justify-content: space-around;
            width: 80%;
            gap: 20px;
        }
        .counter-box {
            background: white;
            border: 2px solid #ddd;
            padding: 50px 20px;
            text-align: center;
            width: 100%;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            gap: 20px;
        }
        .counter {
            
            margin-bottom: 0;
        }
        .label {
            font-size: 0;
        }

.login input[type="text"], .login input[type="email"], .login input[type="password"] {
background-color: #fcfcfc !important;
}

.login .login-heading h2 { text-decoration: none; color: var(--bb-login-register-link-color-regular); margin-right: auto; font-size: 15px !important;
}
body.register.buddypress #primary, body.register.buddypress #primary label, .bs-bp-container-reg #buddypress #signup-form.standard-form label, .bs-bp-container-reg #buddypress #signup-form.standard-form legend, body.buddypress.register article.page > .entry-header .entry-title, body.buddypress.activation article.bp_activate .entry-header h1, body.buddypress.activation article.bp_activate label { text-decoration: none; color: var(--bb-login-register-link-color-regular); margin-right: auto; font-size: 15px !important;
}

/* get rid of 60px band between header and homepage image */

.sticky-header .site-content,
body.buddypress.sticky-header .site-content,
.bb-buddypanel.sticky-header .site-content,
.single-sfwd-quiz.bb-buddypanel.sticky-header .site-content,
.single-sfwd-lessons.bb-buddypanel.sticky-header .site-content,
.single-sfwd-topic.bb-buddypanel.sticky-header .site-content { padding-top: 0 !imporant; }

/********Howell 3.29.2025 ***********/

.page-id-2020 .entry-title {

display: none;

}
.page-id-2020 .entry-content {
  max-width: 1100px;
  margin: 40px auto;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
  line-height: 1.6;
}
.page-id-3 .entry-content {
  max-width: 1100px;
  margin: 40px auto;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
  line-height: 1.6;
}
.page-id-11 .entry-title {

display: none;

}
.page-id-11 .entry-content {
  max-width: 1100px;
  margin: 40px auto;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
  line-height: 1.6;
}
