/*
    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 */

/*
  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. */

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

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

/* Header 3 global navigation menu */
.navbar-light.bg-light {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation menu label */
.navbar-light.bg-light .navbar-nav > li > a  {
  /* color: <Insert Color Code>; */
}

/* 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>; */
}

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

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

/* 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>; */
}

/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* Ryan's Backup How-To's **********************/

/* For a page background image - use this  */
#pageContainer {
/*  background-image: url('/upload/DalBackground1.jpg'); */
/*  background-repeat: no-repeat;*/
/*   background-attachment: fixed; */  /* if the image scrolls vs. stays in position */
/*  background-position: center top;*/
/*  background-size: 100%;   */
}

/* Some link color code from original Dalhousie custom CSS
h1 a,h1 a:link,h1 a:visited{color:#232323;text-decoration:none}
h1 a:active,h1 a:focus,h1 a:hover{color:#626262}
*/

/* Footer Logo sizing */
/* .footer1 .footerAbout img {
width: 200px;
height: auto;
margin-bottom: 5px;
}
*/

/* TODO: In CAP in top-left is a book-bird, can change to school logo */
.oneceBookbird {
/*background: no-repeat url("/upload/LogoHeaderNameBrand.png") 5px 0px;
width: 50px;
height: 28px;
float: left;
*/
}

/* TODO: In CAP in top-right is a background book-bird, can change to school logo */
#mainContentContainer.container {
/*  background-color: #FFFFFF;
  background-image: url('../../../../images/Bookbird.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 95% 0%;
*/
}

/* No way to hide #header2Wrapper from PV but not from CLP */
/* #header2Wrapper {
    display:none;
}
*/

/* --------------------------------------------------------------------------------------------------------------------------  */
/* START Top Header Logo sizing - (Demo build only?) ********************************/
/* #schoolHeaderLogoWrapperLink { */
	
#variableContentBlockPG0145{
/*durg header image*/	
  
content:url("/upload/ICPheader.png");										  
  background-color: transparent;  
  display: block;
  float: left;
/*durg- update width. ensure image is exact 50px height*/
  width: 250px; /* To change width, change this value.  This should not exist 320px (width of iphone 5). */
  height:50px; /* To change height, change this value */
}

#quickSiteSearch {
  float: right;
  margin-top: 3px; /* Adjust this value when height is changed, no formula, keep increasing 1 till the search bar is vertically center */
  width: 100%; 
}

#header1Wrapper {
  height: 192px; /* Adjust this value when height is changed, the formula should be (logo height + 14) * 3 */
}

#loginInfo,#cartInfo {
  line-height: 53px; /* Adjust this value when height is changed, the formula should be (logo height + 3) */
}

/* Tablet view */
@media ( min-width : 451px) and (max-width: 767px) {
  #header1Wrapper {
	height: auto; /* Adjust this value when height is changed, the formula should be (logo height + 14) * 2 */
  }
  #schoolHeaderLogoWrapper {
	/*display: none;*/
  }
  #quickSiteSearch {
    width: 37%; /* Adjust this to change the search bar width when the logo width is changed. */
  }
    #loginInfo {
    display:none;
  }
}

/* Desktop view */
@media ( min-width : 768px) {
  #header1Wrapper {
	height: auto; /* Adjust this value when height is changed, the formula should be (logo height + 14) */
  }
  #schoolHeaderLogoWrapper {
	/*display: none;*/
  }
  #cartInfo {
  } 
  #quickSiteSearch {
    width: 100%; /* Adjust this to change the search bar width when the logo width is changed. */
  }   
}

/* Extra small devices ONLY */
@media (max-width: 767px) {
  #header1Wrapper {
	height: auto;
  }
  #schoolHeaderLogoWrapper {
	/*display: none;*/
  }
}

/* Tablet view - must be at the end */ 
@media ( min-width : 768px) and (max-width: 1000px) { 
  #quickSiteSearch {  
  width: 60px;
  display:none;
  }
}
/* *****   END Top Header Logo sizing ********************************/
/*************************************************************/

/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* START - Ryan's Destiny One improvements **********************/

/* Section Header  - this is the "Enroll Now - " header on course page.  Make it look like it's not a button. */
.sectionHeader {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}
.sectionHeader h3, .sectionHeader h2, .card-title  h2{
  color: #333333;
  font-size:1.8em;
}
/* Secondary Section Header (i.e. if there are two headers on same page, the 2nd one needs to NOT look like a button too
e.g. If there's an Application then "Enroll Now - ... " becomes SectionHeaderSecondary*/
.sectionHeaderSecondary {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  color: #333333;
}

/* Hiding the "Enroll Now - Select a section to enroll in" header on Course profile page */
#sectionEnrollmentHeader {
  display: none;
}

/* Hiding the misleading "Application List Checklist that has hard-coded "Status of Items Needed" */
.applicationListChecklist, #studentApplicationsListLegend
{
display:none;
}

/* Hiding the subforms from the PV student profile" #studentProfileDirectBillingAccountContainer,*/
#enrollmentTimeframes, #studentInfoNameTagName, #studentInfoOtherNamesOnRecord
{
display:none;
}

/* on CAP, this sets the width so the last letter does NOT wrap for "student@destinysolutions.com" */
.corporateAdminPortal td.cellMemberEmail {
	word-break: unset;	
}

/*Making the SR link on section profile NOT bold - for consistency */
.sectionSpecialRequests .specialRequestName {
font-weight: normal;
}

/* text size for labels */
h1,h2,h3,h4,h5,h6{line-height:1.2em}
h1{font-size:2.1em}
h2{font-size:1.8em;margin-bottom:.5em}
h5{font-size:1em;font-weight:normal}
h6{font-size:.8em;margin:0 0 .5em}

/* CLP: Add some spacing between school logo and top header */
#schoolCorporateLogoWrapper img{
	margin-top: 14px;
}

/* Link styles*/
a,a:link{
text-decoration:none;
}
a:active,a:focus,a:hover{
text-decoration:underline;
}

/* All checkout breadcrumb styling - to make active page bolder */
.breadcrumb>.active {
font-weight: bolder;
}

a.certificateStreamItemHeader {
  font-weight: bolder;
}
.certificateStreamItemContainer.form-horizontal.readOnlyFormData {
  padding-left: 40px;
}

/******************* END - Ryan's Destiny One improvements **********************/
/*************************************************************/


/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* START - Ryan's NameBrand University **********************/

/* Header 1 - this is the top bar.  #000000 is black. #2C76C7 is NameBrand Blue*/
.navbar-dark.bg-dark {
  background-image: none;
  background-color: #2C76C7 !important;
}

/* Footer DIV as defined in Content Management block */
#variableContentBlockPG0147 {
/*durg - footer image - ensure height of image is exactly 50px*/
  background: no-repeat url("/upload/ICPfooter.png")100px 50px; 
  background-color: transparent;  
  display: block;
  float: left;
  width: 100%; /* To change width, change this value.  This should not exceed 320px (width of iphone 5). */
  height: 100px; /* To change height, change this value */
  margin-bottom: 10px;
}

/* All checkout breadcrumb styling - to make active page bolder */
.breadcrumb>.active {
color: #2C76C7;
}

/******************* END - Ryan's NameBrand University **********************/
/* --------------------------------------------------------------------------------------------------------------------------  */

/*****************************************************/
/* START - White Header 1 custom branding *************/

/* Header 1 - this is the top bar.  #000000 is black, #FFFFFF is white.  page */
/*durg header 1 color*/
.navbar-dark.bg-dark {
  background-color:#ffffff !important; 
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal back to desired color */
.conferenceModule .navbar-dark.bg-dark
{
  background-color: #ffffff !important; 
}

/* Remove borders from various headers and footers */
#header1Wrapper, #footer1Wrapper .container, #footer2Wrapper .container, #mainContentContainer.container, #header2Container
{
	border: none; 
}

/* White header requires a header school logo with white or transparent background */
/*durg - header. important if top header color was chosen to be white. In which case ensure background is white/transparent*/
#schoolHeaderLogoWrapperLink {
  background: no-repeat url("/upload/ICPheader.png") 0px 0px;  /* 89 x 250px */
}

/* Cart color, Login text color in Header 1 can no longer be white ... make it a dark enough color*/
.glyphicon-shopping-cart, #cartInfo a, .headerStudentLoginContainer .headerStudentLoginDropdownLink, div#loginInfo, #loginInfo .headerProfileLink, #loginInfo .headerStudentLoginLogoutLink
{
	/*durg - cart color*/
  color: #fff025  /* black or dark grey may be suitable as well */
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal / CLP back to white */
.corporateAdminPortal .headerStudentLoginContainer .headerStudentLoginDropdownLink,  #clpHeader1ContentWrapper .glyphicon-shopping-cart, #clpHeader1ContentWrapper  #cartInfo a, .corporateAdminPortal #loginInfo, .corporateAdminPortal #loginInfo .headerProfileLink, .corporateAdminPortal #loginInfo .headerStudentLoginLogoutLink
{
  color: white;   /*black or dark grey may be suitable as well */
}
 

/* Extend color to full page width for Header 3 menu bar */
#header3Wrapper
{ 
	/*durg- header 3 color*/
  background-color: #fff025 ;	
}

/* Header 3 global navigation menu */
.navbar-light.bg-light, #header3Container 
{
   background-image: none;
/*durg- header 3 color again*/
   background-color: #fff025 !important;
   border: none;
}

/* Text color of top-level menu labels */
.navbar-light.bg-light .navbar-nav > li > a {
	/*durg - menu item color*/
  color: black;
  text-shadow: none;
}
/* Text color of top-level hover, focus, sub-menu labels */
.navbar-light.bg-light .navbar-nav>li>a:hover, .navbar-light.bg-light .navbar-nav>li>a:focus, .navbar-light.bg-light .navbar-nav>.open>a, .navbar-light.bg-light .navbar-nav>.open>a:hover, .navbar-light.bg-light .navbar-nav>.open>a:focus 
{
	/*durg - menu item color (hover) */
  color: #BBBBBB;
  background-color: transparent;
}

/* Main page background */
#pageContainer {
   background-color: white; */
}

/*Extend footers to full width of page */
div#footer1Wrapper {
	/*durg footer color*/
    background-color: #fafafa;
}
div#footer1Wrapper .container {
	/*durg footer color again */
    background-color: #fafafa;
}
div#footer2Wrapper {
    background-color: #fafafa;
}

/*durg - color of footer text. Leave commented out to use default bootstrap colors*/
#footerNav h5, #footer1 .footerAbout, #footer1 .footerContact, #footer1 .footerSiteMap, #footer a {
    color: #bbbbbb ;
}


/*durg - color of h1, h2 elements. Leave commented out to use default bootstrap color */
h1, h2{
	color: #000000;
}

/*durg - color of links*/
a {
    color: #820000;
    text-decoration: none;
}


/***************************************/
/* START custom demo branding ***************/
/* Replace <color_1> with primary color of brand */
/* Replace <color_2> with secondary color of brand */
#schoolHeaderLogoWrapperLink {
/*  background: no-repeat url("/upload/LogoHeaderSCHOOL.png") 0px 0px; /*  /* 50 x 250px */
}

#RyanAbout {
/*  background: no-repeat url("/upload/LogoFooterSCHOOL.png") 0px 0px; */
}

#contentModule5
{
/*display:none; */  /* Hides "News & Media", "Announcements", and "Highlights" from the home page */
}

/* Header 3 global navigation menu */
.navbar-light.bg-light, #header3Container, #header3Wrapper, .corporateAdminPortal .navbar-dark.bg-dark, .conferenceModule .navbar-dark.bg-dark
{
/*   background-color: #color_1;*/
}

/* Cart color, Login text color in Header 1 can no longer be white ... make it a dark enough color*/
.glyphicon-shopping-cart, #cartInfo a, .headerStudentLoginContainer .headerStudentLoginDropdownLink, div#loginInfo, #loginInfo .headerProfileLink, #loginInfo .headerStudentLoginLogoutLink
{
/*  color: #color_1;  */ /* black or dark grey may be suitable as well */
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal / CLP back to white */
.corporateAdminPortal .headerStudentLoginContainer .headerStudentLoginDropdownLink,  #clpHeader1ContentWrapper .glyphicon-shopping-cart, #clpHeader1ContentWrapper  #cartInfo a
{
   color: white;  /*black or dark grey may be suitable as well */
}


/* Checkout breadcrumb, Labels, Link colors*/
.breadcrumb>.active,h1,h3,a,a:link,a:active,a:focus,a:hover{
/* color:#color_1; */
}

/* Secondary Labels */
h2{
/* color:#color_2 */ /* secondary color */
}

/*durg - color of english/french buttons at top */

#clpHeader1ContentWrapper a,
#clpHeader1ContentWrapper a .glyphicon,
#cartInfo a,
#header0Wrapper,
#header0Wrapper a,
#loginInfo .headerProfileLink,
#loginInfo .headerLogoutLink,
#loginInfo .headerStudentLoginLogoutLink,
.headerStudentLoginContainer .headerStudentLoginDropdownLink
{
    color: black !important;
}

.corporateAdminPortal #header1,
.corporateAdminPortal #loginInfo, 
.corporateAdminPortal #loginInfo .headerProfileLink, 
.corporateAdminPortal #loginInfo .headerStudentLoginLogoutLink,
.corporateAdminPortal #loginInfo .headerLogoutLink {
    color: black !important; 
}
	
.corporateAdminPortal .schoolName {
  content:url("/upload/OaklandCCCheader.png");
  background-color: transparent;  
  display: block;
  float: left;
  width: 250px;
  height: 50px; 
}

#footerNav #backToTopContainer .backToTop {
    background-color: #444444;
}

#loginInfo .headerStudentLoginContainer .dropdown-menu {
    position: absolute;
    transform: translate3d(0, 2.25rem, 0);
    top: 0;
    will-change: transform;
}

#headerWrapper .navbar-dark {
    border: 1px solid #ffffff;
}

#headerWrapper .container {
    border-left: none;
    border-right: none;
}

.footer1 .footerAbout img {
    width: auto;
}

/* END custom demo branding *************
/***************************************/