/*
    Note that this file is not actually being referenced in the public site.  To include this file, upload it as the CSS file at SV > Marketing > Public View > Configuration.

/* START OF THEME */
/* FontAwesome Icon pack */
@import url("https://cdn.valenciacollege.edu/_resources/fontawesome/css/all.css");
@import url("https://cdn.valenciacollege.edu/_resources/css/main_font/main_font.css");
@import url('https://fonts.googleapis.com/css?family=Lusitana');

/* Custom CSS - JJORDAN 6-25-2025  adding navbar-toggler override */
/* Custom CSS - JJORDAN 6-25-2025  adding sectionHeader .sectionHeaderTitle override */
/* Custom CSS - JJORDAN 6-25-2025  adding Fonts import*/
/* Custom CSS - JJORDAN 6-25-2025  adding FontAwesome Icon pack*/
/* Custom CSS - JJORDAN 6-25-2025  adding BG menu color for brand Site Specific Menu*/
/* Custom CSS - JJORDAN 6-03-2025  adding and testing the CSS overrride for the Site Specific Menu*/
/* Custom CSS - JJORDAN 5-19-2025 */




.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255)!important;
    border-color: rgba(252, 255, 255, 255)!important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    color: #fff!important;
}




/* Large devices and above (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .sectionHeader .sectionHeaderTitle {
        font-size: 22px!important;
    }

}




	.sitewide-menu-bg {

		width: 100%;
		color: #000000!important;
		background-color: #424242!important;
		padding-left: 5px!important;


	} 
    .bg-light {
        background-color:#424242!important
      }


.bg {
    background-position: center center;
    background-size: cover;
    max-height: 35vmax;
}

.bg-grey {
    background-color: #f3f5f8;
} 



.navbar-light .navbar-nav .nav-link {
    color: var(--white)!important;
}



.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #FDB913!important;
}



/*
  A customized version of the Bootswatch Spacelab theme (http://bootswatch.com).
*/
@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.custom.css");

/*!
  You can change the theme to a non-customized version by replacing the above import statement
  with the following statement.

@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.min.css");
*/

/* END OF THEME */


/* --------------------------------------------------------------------------------------------------------------------------  */

/* Get Started Styles.  These styles are intended for helping users to get started for branding their public sites.
   Users may want to override one or more of the following css styles. */

/* HEADER START */

/* Language bar
   Default Position on definitionsConfig.jsp: Header0
   Corresponding jsp file - languageBar.jsp */
#header0Wrapper {
    /* background-color: <Insert Color Code> !important; */
}

/* Top Header
   Default Position on definitionsConfig.jsp: Header1
   Corresponding jsp file - topHeader.jsp

   Header 1 - center (logo, cart icon, login link) */
#header1Container {
    /* background-color: <Insert Color Code>; */
    /* height: 42px; */
}

/* Cart properties */
.glyphicon-shopping-cart {
    /* color: <Insert Color Code>; */
}

/* Cart counter properties */
#cartCount {
    /* background-color: <Insert Color Code>; */
}

/* Login dropdown properties */
#loginDropdownMenuLink {
    /* color: <Insert Color Code>; */
    /* font-size: 1rem; */
}

/* Header 1 full length */
.navbar-dark {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
}

/*----------------------------------------------------------*/

/* Global Nav
   Default Position on definitionsConfig.jsp: header3Sub1
   Corresponding jsp file - globalNavigationEmbeddable.jsp and globalNavigation.jsp */

/* Global nav center properties */
#globalNavigationBar {
    /* background-color: <Insert Color Code> !important; */
}

/* Nav item properties */
.nav-item {
    /* font-size: 1rem; */
}

/* Nav link properties */
.navbar-light .navbar-nav .nav-link {
    /* color: <Insert Color Code> !important; */
}

/* Header 3 global navigation drop down menu */
.navbar-nav>li>.dropdown-menu {
    /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation drop down menu label */
.dropdown-menu > li > a, .dropdown-menu .subMenu > li > a {
    /* color: <Insert Color Code>; */
}

/* HEADER END */

/* BODY START */

/* Main page background */
#pageContainer {
    /* background-color: <Insert Color Code>; */
}

#mainContentWrapper {
    /* border-left: 7px solid white; */
    /* border-right: 7px solid white; */
    /* border-top: 7px solid white; */
    /* border-bottom: 7px solid white; */
}

/* BODY END */

/* FOOTER START */

/* Footer
   Default Position on definitionsConfig.jsp: footer1Sub1
   Corresponding jsp file- bottomNavigation.jsp */

footer {
    /* background-color: <Insert Color Code> !important; */
    /* height: 185px; */

}

/*----------------------------------------------------------*/

/* Copyright
   Default Position on definitionsConfig.jsp: footer2Sub2
   Corresponding jsp file- copyright.jsp */

/* Footer2Sub2 center */
#footer2Sub2 {
    /* background-color: <Insert Color Code> !important; */
    /* height: 100px; */

}

/* Footer 1 */
#footer1Wrapper .container {
    /* background-color: <Insert Color Code>; */
}

/* Footer2Sub2 full length */
#footer2Wrapper {
    /* background-color: <Insert Color Code> !important; */
    /* height: 100px; */
}

/* Footer 2 */
#footer2Wrapper .container {
    /* background-color: <Insert Color Code>; */
}

/* FOOTER END */

/* SECTION PROFILE START */

/* Section Header */
.sectionHeader {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
  /* border-color: <Insert Color Code>; */
}

/* Secondary Section Header */
.sectionHeaderSecondary {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
  /* border-color: <Insert Color Code>; */
}

/* SECTION PROFILE END */

/* -------------------------------------------------------------------------------------------------------------------*/