/*

================================================================
| style.css - Main Theme Stylesheet
================================================================
- This file contains the theme information and the custom CSS
  we've used for the design.
- Create a file named style.css in your theme folder and paste
  this code into it.
*/ 

/*
Theme Name: Get Skills Academy Theme
Theme URI: https://getskillsacademy.com
Author: John Hocking / AI Assistant
Author URI: https://getskillsacademy.com
Description: A custom, lightweight theme for Get Skills Academy, designed to be used with the PageLayers page builder.
Version: 1.6
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: getskillsacademy
*/

/* --- Global Custom CSS for PageLayers Designs --- */

/* Hero & Section Backgrounds */
.hero-bg, .final-cta-bg {
    background-color: #0B4F6C !important;
    background-image: radial-gradient(circle at top right, rgba(1, 186, 239, 0.1), transparent 40%) !important,
                      radial-gradient(circle at bottom left, rgba(1, 186, 239, 0.1), transparent 50%) !important;
	color:#ffffff;
}

.pro-tier-bg {
    background: linear-gradient(45deg, #0B4F6C, #01BAEF);
}

/* QUEST Framework Arrow Styling (for use with a Text Widget) */
.quest-step-arrow {
    color: #01BAEF;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    align-self: center;
}

/* Call-to-Action Button Hover Effect */
.cta-button a, .cta-button { /* Targets link or button element */
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.cta-button a:hover, .cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
}

/* Checklist Styling for "What You Get" Section */
.checklist-item {
    display: flex;
    align-items: flex-start;
}
.checklist-item::before {
    content: '✓';
    color: #01BAEF;
    font-weight: bold;
    margin-right: 0.75rem;
    flex-shrink: 0;
}
/* To make the title bold */
.fcom_wp_content_title .entry-title {
    font-weight: bold !important;
}

/* To make the body text white */
.fcom_wp_content_body {
    color: #FFFFFF !important;
}