/*
Theme Name: Boston WordPress Child Theme
Theme URI: 
Author: 
Author URI: 
Description: This is a child theme of the Greyd Theme
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: greyd-theme
Text Domain: boston-wordpress-child-theme
Tags: 
*/

.hero {
    position: relative;
    height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    overflow: hidden;
}



/* Dash Banner Styles */
.dash-banner {
    position: absolute;
    background: rgb(0, 176, 150);
    transform-origin: left center;
}

.dash-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgb(0, 176, 150) 25%,
        rgb(0, 176, 150) 75%,
        transparent 100%
    );
    background-size: 40px 100%;
    background-repeat: repeat-x;
}

/* Individual banner positioning */
.dash-banner-1 {
    bottom: 10%;
    left: 0;
    width: 120%;
    height: 60px;
    transform: rotate(45deg);
}

.dash-banner-2 {
    bottom: 25%;
    left: -20%;
    width: 140%;
    height: 120px;
    transform: rotate(45deg);
}

.dash-banner-3 {
    bottom: 40%;
    left: -10%;
    width: 130%;
    height: 180px;
    transform: rotate(45deg);
}

.dash-banner-4 {
    bottom: 55%;
    left: -30%;
    width: 150%;
    height: 90px;
    transform: rotate(45deg);
}

.dash-banner-5 {
    bottom: 70%;
    left: -15%;
    width: 135%;
    height: 150px;
    transform: rotate(45deg);
}






section.angle-separator {
    transform: translateX(-50px) rotate(-5deg);
    width: 3000px;
    height: 600px;
    position: relative;
    top: -130px;
}

section.angle-separator .separator-content {
    position: relative;
    top: 40px;
    transform: translateX(-600px) rotate(5deg);
}