/*
Theme Name: Westminster Rescue Mission
Theme URI: http://westminsterrescuemission.org
Version: 1.0
Description: Custom theme for Westminster Rescue Mission.
Author: Redstart Creative
Author URI: https://www.redstartcreative.com
Template: bb-theme
*/

/* Custom theme styles */

/* --- General --- */

/* Add your custom styles here... */

/* Define constants */
define( 'FL_CHILD_THEME_DIR', get_stylesheet_directory() );
define( 'FL_CHILD_THEME_URL', get_stylesheet_directory_uri() );

// Include necessary classes
require_once 'classes/class-fl-child-theme.php';

// Enqueue scripts
add_action( 'wp_enqueue_scripts', 'FLChildTheme::enqueue_scripts', 1000 );

// Add color presets for Beaver Builder
function my_builder_color_presets( $colors ) {
    $colors = array(
        '06407B', // Blue
        '1A961A', // Green
        'F4AE00', // Yellow
        '030911', // Dark Gray
        'ffffff', // White
        'FAF3E4'  // Light Beige
    );
    return $colors;
}

// Register the color presets with Beaver Builder
add_filter( 'fl_builder_color_presets', 'my_builder_color_presets' );

/* --- Typography --- */
h2 {
    font-weight: 600;
}

h4 {
    margin-bottom: 20px;
}

/* --- Buttonizer --- */
:not(#\ ):not(#\ ):not(#\ ).buttonizer-label-0-0-20,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-label-0-0-6,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-label-0-0-13 {
    line-height: 45px !important;
}

/* --- Top Bar --- */
nav.top-bar-nav {
    float: right;
}

.fl-page-bar .text-right .fl-page-bar-nav {
    font-weight: 600;
}

.fl-page-bar {
    border-bottom: 0px solid #e6e6e6;
    padding: 10px 0;
    font-size: 15px;
}

.menu-icon a {
    padding-left: 0px !important;
}

/* --- Header --- */
.fl-page-header-logo {
    max-width: 176px;
}

.header-menu .nav-button > a {
    background: #EEBB05;
    padding: 14px 20px;
    color: #ffffff;
    margin-left: 20px;
    border-radius: 80px;
    text-transform: uppercase;
    letter-spacing: .05em !important;
}

.header-menu .nav-button > a:hover {
    background: #4C1B72;
    color: #ffffff !important;
}

/* --- Navigation --- */
.fl-page-nav ul.sub-menu {
    width: 260px;
}

/* --- Main Content --- */

/* Home page */
.funnel a.fl-icon-text-link.fl-icon-text-wrap:hover {
    text-decoration: none;
    color: #06407B !important;
}

/* Featured Blog */
a.fl-post-grid-more {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    border: 0px;
}

a.fl-post-grid-more:hover {
    background: #BE8F1B !important;
    border: 0px;
}

.fl-post-grid-post {
    border: 0px solid #e6e6e6;
    padding-top: 0px;
}

.fl-post-more-link a {
    font-size: 17px;
    color: #F4AE00 !important;
}

.home-blog-image h2.fl-post-feed-title {
    display: none;
}

/* Featured Event */
ul.ecs-event-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.ecs-event-list span.tribe-event-date-start {
    display: none;
}

h4.entry-title.summary a {
    font-size: 26px;
}

span.ecs-all-events a {
    font-size: 17px;
    color: #F4AE00 !important;
}

/* Slider */
h1.fl-slide-title {
    font-size: 64px;
    font-weight: 900;
}

/* Number Counter */
.fl-number-string {
    font-weight: 600;
}

/* Logo Carousel */
.pp-image-carousel .pp-swiper-button {
    padding: 30px 0px 0px !important;
}

/* Team Member */
.pp-member-wrapper .pp-member-content {
    padding: 0px 30px 15px !important;
}

.pp-member-wrapper .pp-member-designation {
    font-weight: 500 !important;
}

.pp-member-wrapper .pp-member-name {
    margin-bottom: 0px !important;
}

.paoc-popup-modal-cnt {
    padding: 10px 20px 30px 20px;
}

/* --- Blog --- */
.fl-post-grid-text {
    margin-top: 20px;
}

blockquote {
    border-color: #1A961A;
}

.fl-post-grid-more {
    margin-top: 10px;
    background: #F4AE00;
    border-radius: 50px;
    border: solid 1px #F4AE00;
    padding: 12px 24px;
}

/* --- Sidebar --- */
h4.fl-widget-title {
    font-weight: 600;
    font-size: 30px;
}

#sidebar a {
    color: #F4AE00;
}

/* --- Footer --- */
.footer-widgets a {
    color: #ffffff;
}

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

.copyright {
    color: #ffffff;
    font-size: 15px;
}

.copyright a {
    color: #ffffff;
}

.copyright a:hover {
    text-decoration: underline;
}

.fl-form-field input[type="text"],
.fl-form-field input[type="email"] {
    border-radius: 80px !important;
    border: 0px solid #e6e6e6;
}

.fl-form-error-message,
.fl-form-success-message {
    color: #ffffff;
}

/* --- Mobile --- */

/* Large Desktop and Above */
@media all and (min-width: 1405px) {
  /* Custom styles for large desktop screens */
}

/* Standard Desktop Only */
@media all and (min-width: 1100px) and (max-width: 1405px) {
  /* Custom styles for standard desktop screens */
}

@media all and (min-width: 992px) {
  .fl-page-nav-right .fl-page-header-wrap {
    border-bottom: 0px solid rgba(0,0,0,0.13);
  }
}

/* Tablet and Below */
@media all and (max-width: 980px) {
  .fl-page-header-logo {
    max-width: 100% !important;
  }

  .col-sm-6.col-md-6.text-left.clearfix {
    width: 0%;
  }

  .col-sm-6.col-md-6.text-right.clearfix {
    width: 100%;
    text-align: center !important;
    padding-bottom: 10px !important;
  }
}

/* Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
  /* Custom styles for tablet screens */
}

/* Smartphone Only */
@media only screen and (max-width: 767px) {
  .fl-slide-content-wrap .fl-slide-cta-button .fl-button-left {
    text-align: center;
  }

  nav.top-bar-nav {
    float: none !important;
  }

  .fl-page-header-logo {
    max-width: 100% !important;
  }
}

/* Smartphone Portrait */
@media all and (max-width: 479px) {
  /* Custom styles for smartphone portrait screens */
}