.elementor-kit-455{--e-global-color-primary:#1C244B;--e-global-color-secondary:#F3F5F8;--e-global-color-text:#324A6D;--e-global-color-accent:#467FF7;--e-global-color-2c904fa:#193744ED;--e-global-color-c696dce:#FFFFFF;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-392b9e0-font-family:"Poppins";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Poppins";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Poppins";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:none;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Poppins";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;background-color:var( --e-global-color-c696dce );}.elementor-kit-455 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:var( --e-global-color-d6cea4e );padding-inline-end:8%;padding-inline-start:8%;}.site-footer{background-color:var( --e-global-color-accent );}.elementor-kit-455 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-392b9e0-font-family ), Sans-serif;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );text-transform:var( --e-global-typography-392b9e0-text-transform );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-kit-455 button,.elementor-kit-455 input[type="button"],.elementor-kit-455 input[type="submit"],.elementor-kit-455 .elementor-button{color:#166485;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding .site-logo img{width:54px;max-width:54px;}.site-header .site-navigation ul.menu > li > a{color:var( --e-global-color-primary );}.site-header .site-navigation ul.menu > li.menu-item-has-children::after{color:var( --e-global-color-primary );}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:var( --e-global-color-accent );}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}@media(max-width:1024px){.elementor-kit-455{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-kit-455 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header{padding-inline-end:5%;padding-inline-start:5%;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-kit-455{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;}.elementor-kit-455 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}
/* Start custom CSS *//*======================================================
   PEARLAND BRASS ENSEMBLE
   HISTORY PAGE
   Elementor Custom CSS
======================================================*/

/* ---------- Google Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Sans+3:wght@300;400;500;600&display=swap');

/* ---------- Variables ---------- */

:root{

    --scarlet:#B22222;
    --gold:#C9A227;
    --dark:#222222;
    --gray:#666666;
    --light:#f3f4f6;
    --white:#ffffff;

}

/* ---------- General ---------- */

body{

    margin:0;

    background:var(--light);

    font-family:'Source Sans 3',sans-serif;

    color:var(--dark);

    line-height:1.8;

}

.pbe-page{

    background:var(--light);

}

/* ---------- Width ---------- */

.container{

    width:92%;

    max-width:1200px;

    margin:auto;

}

/*==================================================
 HERO
==================================================*/

.pbe-hero{

    position:relative;

    min-height:650px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:white;

    padding:120px 40px;

    background-image:

    linear-gradient(rgba(0,0,0,.55),
    rgba(0,0,0,.55)),

    url("https://images.unsplash.com/photo-1514119412350-e174d90d280e?auto=format&fit=crop&w=1800&q=80");

    background-size:cover;

    background-position:center;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        180deg,
        rgba(178,34,34,.15),
        rgba(0,0,0,.45)
    );

}

.hero-content{

    position:relative;

    max-width:850px;

    z-index:5;

}

.hero-subtitle{

    display:inline-block;

    background:rgba(255,255,255,.12);

    padding:12px 30px;

    border-radius:30px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-size:.85rem;

    margin-bottom:35px;

}

.hero-content h1{

    font-family:'Cormorant Garamond',serif;

    font-size:4.4rem;

    margin-bottom:15px;

}

.hero-content h2{

    font-size:1.8rem;

    font-weight:300;

    margin-bottom:30px;

}

.hero-content p{

    font-size:1.2rem;

    max-width:760px;

    margin:auto;

}

.hero-button{

    display:inline-block;

    margin-top:45px;

    padding:18px 42px;

    background:var(--scarlet);

    color:white;

    text-decoration:none;

    border-radius:50px;

    transition:.35s;

    font-weight:600;

}

.hero-button:hover{

    background:#8B0000;

    transform:translateY(-4px);

}

/*==================================================
 CONTENT SECTIONS
==================================================*/

.content-section{

    padding:120px 0;

}

.section-heading{

    font-family:'Cormorant Garamond',serif;

    font-size:3rem;

    color:var(--scarlet);

    text-align:center;

    margin-bottom:60px;

    position:relative;

}

.section-heading::after{

    content:"";

    display:block;

    width:90px;

    height:4px;

    background:var(--gold);

    margin:20px auto;

}

.section-content{

    background:white;

    padding:60px;

    border-radius:18px;

    box-shadow:0 12px 40px rgba(0,0,0,.08);

}

.section-content p{

    font-size:1.15rem;

    margin-bottom:28px;

}

/*==================================================
 Mission Cards
==================================================*/

.mission-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:35px;

    margin-top:40px;

}

.mission-card{

    background:white;

    border-top:6px solid var(--scarlet);

    border-radius:16px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;

}

.mission-card:hover{

    transform:translateY(-8px);

}

.mission-card h3{

    color:var(--scarlet);

    margin-bottom:20px;

    font-size:1.6rem;

}

.mission-card p{

    margin:0;

}

/*==================================================
 Info Box
==================================================*/

.info-box{

    background:#fafafa;

    border-left:8px solid var(--scarlet);

    padding:40px;

    border-radius:12px;

}

.info-box h3{

    color:var(--scarlet);

    margin-top:0;

    margin-bottom:25px;

}

/*==================================================
 Buttons
==================================================*/

.button{

    display:inline-block;

    padding:15px 34px;

    background:var(--scarlet);

    color:white;

    border-radius:40px;

    text-decoration:none;

}

.button:hover{

    background:#8B0000;

}

/*==================================================
 Decorative Divider
==================================================*/

.content-section:not(:last-child)::after{

    content:"";

    display:block;

    width:70%;

    height:1px;

    margin:90px auto 0;

    background:#dddddd;

}

/*==================================================
 Future Content Spacing
==================================================*/

.future-space{

    min-height:350px;

}

/*==================================================
 Footer
==================================================*/

.page-footer{

    margin-top:140px;

    padding:50px 20px;

    background:#2f2f2f;

    color:white;

    text-align:center;

}

.page-footer h3{

    color:white;

    margin-bottom:10px;

}

.footer-reference{

    margin-top:35px;

    font-size:.85rem;

    letter-spacing:2px;

    color:#cccccc;

}

/*==================================================
 Responsive
==================================================*/

@media(max-width:992px){

.hero-content h1{

font-size:3.3rem;

}

.section-heading{

font-size:2.5rem;

}

.section-content{

padding:40px;

}

}

@media(max-width:768px){

.pbe-hero{

padding:90px 20px;

min-height:500px;

}

.hero-content h1{

font-size:2.5rem;

}

.hero-content h2{

font-size:1.3rem;

}

.section-content{

padding:30px;

}

.content-section{

padding:90px 0;

}

}/* End custom CSS */