/**
 * @file
 * Subtheme specific CSS.
 */
/*CUSTOM SALT CREEK CSS WHILE DEVELOPING*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
body {font-family: 'Source Serif 4', serif;}
 h1, h2, h3, h4, h5, h6, h7, field--name-title {font-family: 'Jost', sans-serif;color:#00643c;}
h1,h2 {font-weight:400;}
h3 {font-weight:700; color:#5956a5;}


section.row.region.region-featured-top {
    width: 100%;
    margin: 0;
    padding:0;
    max-width: 100% !important;
}

aside.featured-top__inner.section.container.clearfix {
    width: 100%;
    margin: 0;
    padding:0;
    max-width: none;
}




/*h1.title span {
    display: none;
}*/
div#block-bootstrap-barrio-subtheme-page-title {
    display: none;
}

.row div#views-bootstrap-carousel-page-header-block-1, div#views-bootstrap-carousel-page-header-block-1 {
    padding: 0; }

div#views-bootstrap-carousel-page-header-block-1 {position:relative;
}



    .views-bootstrap-carousel-page-header-block-1 img {width: 100%; height: auto;}


/*.paragraph.paragraph--type--pagetitle.paragraph--view-mode--default, div#block-bootstrap-barrio-subtheme-page-title{
        min-height: 600px;width:100%;
        padding: 50px;
   /* background-image: url('https://d10.saltcreekchamberorchestra.com/sites/default/files/2023-07/julio-rionaldo-xIoze9dH4WI-unsplash.jpg');
    background-size: cover;
    margin-bottom:1em;
            width:100%;margin:0;
}*/
row .views-bootstrap-carousel-page-header-block-1 {margin:0;}

.carousel-item.active img {
    width: 100%;
    margin: 0;
    }



/*    .carousel-item.active{position: relative;
}*/

/*.clearfix.text-formatted.field.field--name-field-title.field--type-text.field--label-hidden.field__item, h1.title span.field--name-title,*/

.carousel-caption{
    bottom: unset;
    right: 5%;
        left:5%;top:0;
}

div#views-bootstrap-carousel-page-header-block-1 .carousel-caption h3 {
    padding: 10px;
    /* margin-left:0; */
    /* float:right; */
    background-color: rgba(0,0,0,.5);
     color: #ffd600;
    text-transform: uppercase;
    /*font-size:.66em;*/
    font-size:2.5em;
    font-weight:600;
    letter-spacing:1px;
    position: absolute;
    top: 30px;
    right: 0;
}

@media (max-width: 700px) {div#views-bootstrap-carousel-page-header-block-1 .carousel-caption.d-none h3 {font-size:1em;margin:0;overflow:visible;display:block !important;}}


.carousel-caption.d-none.d-md-block {
    display: block !important;
}

h1.title span.field--name-title {
    /* display: none; */
}


@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
body {font-family: 'Source Serif 4', serif;}
 h1, h2, h3, h4, h5, h6, h7 {font-family: 'Jost', sans-serif;}



$green {color:#00643c;}
$blackish {color:#231f20;}
$deeppurple {color:#5956a5;}
$mainpurple {color:#6660aa;}
$backgroundblue {color:#9cbccd;}
$purpletint {color:#a6a0cf;}
$greybluetint {color:#e0e8ed;}
$yellowgold {color:#ffd600;}
$yellowtint {color:#ffeba9;}





header#header nav {
   
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * 1.5);
    padding-left: calc(var(--bs-gutter-x) * 1.5);
    margin-top: var(--bs-gutter-y);
    
    
}
a.navbar-brand, .navbar-brand:focus, .navbar-brand:hover  {
    color: rgba(0,0,0,0);
    font-size:1px;
}

a.navbar-brand img {
    display: block !important;
    
}

nav#navbar-main {
    background-color: #E0E8ED;
}

.navbar-brand img {
    height: 150px;
}

.nav-link, .nav-link:hover, .nav-link:focus
{color: #6660AA;}

======================================================================












header#header nav {
   
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * 1.5);
    padding-left: calc(var(--bs-gutter-x) * 1.5);
    margin-top: var(--bs-gutter-y);
    
    
}
a.navbar-brand, .navbar-brand:focus, .navbar-brand:hover  {
    color: rgba(0,0,0,0);
    font-size:1px;
}

a.navbar-brand img {
    display: block !important;
    
}

nav#navbar-main {
    background-color: #E0E8ED;
}

.navbar-brand img {
    height: 150px;
}

.nav-link, .nav-link:hover, .nav-link:focus
{color: #6660AA;}

:root {
  --blue: #1e90ff;
  --white: #ffffff;
    --bs-navbar-active-color: #6660AA;


--green:#00643c;
--blackish:#231f20;
--deeppurple:#5956a5;
--mainpurple:#6660aa;
--backgroundblue:#9cbccd;
--purpletint:#a6a0cf;
--greybluetint:#e0e8ed;
--yellowgold:#ffd600;
--yellowtint:#ffeba9;

}


.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link, nav li a {
    color: var(--bs-navbar-active-color);
    color: #6660AA;
    font-family:'Jost';
    text-transform:uppercase;
    font-weight:700;
}


.field--name-field-media-oembed-video {
	@extend .ratio;
@extend .ratio-16x9;}













li.nav-item a.nav-link {
    color: #6660AA;
    font-weight: 700;
	background-color: #E0E8ED;
}

    

.navbar-nav li.nav-item.active .nav-link.active {
    color: #a6a0cf !important;
}

li.nav-item {
    text-align: right;
}



button.navbar-toggler {
    margin-right: 20px;
}

@each $name, $value in $grid-breakpoints {
    @media all and (max-width: $value) {
        nav#block-bootstrap-barrio-subtheme-main-menu {
    right: 85px;
        }
    }
}

nav#navbar-main {
    position: relative;
}

nav#block-bootstrap-barrio-subtheme-main-menu {
    position: absolute;
    bottom: 20px;
}


@media (max-width: 991px) {
    nav#block-bootstrap-barrio-subtheme-main-menu {
    right: 85px;
        }
		
		nav#block-bootstrap-barrio-subtheme-main-menu {
    position: relative;
}
    }



.layout__region.layout__region--first {
    padding-right: 1.5rem;
}
ul.dropdown-menu {
    border: none;
    padding: 0;
}
li.dropdown-item {
    background-color: #6660AA;
}





li.dropdown-item a {
    color: #ffffff;
    text-decoration: none;
}
.dropdown-item:focus, .dropdown-item:hover, li.dropdown-item.active {
    background-color: #ffd600;
}

.dropdown-item a:focus, .dropdown-item a:hover, li.dropdown-item.active a.is-active {
    color: #6660AA;
    text-decoration: none;
}


li.nav-item a.nav-link:hover {
    color: black;
}
.dropdown-toggle::after {
    border: none;
    margin-left: 0;
}





.site-footer .field--name-field-logoimage {
    width: 100px;
    float: left;
    margin-right: 1rem;
}

.site-footer div.field--name-body {
    color: #a6b9c8;
    margin-top: 1em;
    float: left;
    margin-right: 1rem;
}

.site-footer p.socialmediafollow {
    float: left; margin-top:4.5em; font-size:1.25em;   color: #a6b9c8;}


.site-footer .field--name-field-socialmedia {
    float: left;}


.site-footer div.icons a {color:#665faa;}
.site-footer div.icons svg {height:32px; width:32px; }

    .field--name-field-socialmedia div#icons { float:left;margin-top:4.5em;}
    .field--name-field-socialmedia  div#icons p {margin-left:1em; float:left;line-height:32px;}
	
	.site-footer {
    font-family: 'Jost', sans-serif;
    padding: 0 0 30px;
    background: black;
}


/*HOME*/
div#homeseasonblock {
    background-color: #E0E8ED;
margin-left: -500px;
    padding-left: 500px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
}


div#homeseasonblock .row {margin-top:1em;}

div#homeseasonblock h4 {
    text-transform: uppercase;
    font-size: 120%;
    font-weight: 700;
    color: #6660AA;
    border-bottom: 1px #aaaaaa solid;
    
}

div#homeseasonblock p, div#homeseasonblock a {
    font-family: 'Jost';
    font-weight: 600;
}






div#homeseasonblock a.btn {
    background-color: #00643c;
    color: #ffeba9;
    text-transform: uppercase;
}
div#homeseasonblock a.btn:hover {
    color: white;
}

/*END CUSTOM SALT CREEK CSS WHILE DEVELOPING*/