/*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: #ffffff;}
 
.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12
{
  position: relative;
 /* min-height: 0px;
  padding-left: 15px;
  padding-right: 15px; */
}


/* 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 {
margin-top: -2px;
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation drop down menu label */
.dropdown-menu > li > a, 
.dropdown-menu .subMenu > li > a {
    color: #C64600;
	text-decoration: none;
}

/* Footer 1 */
#footer1Wrapper .container {
  background-color: #861F41;
 }

/* Footer 2 */
#footer2Wrapper .container {
/* padding-left:80%; */ 
background-color: #FDFDFD;
color: #999999;
}

.poweredByDestinyOneWrapperEdit {
    min-height: 40px;
}

.poweredByDestinyOneEdit {
 /*   position: absolute; */
    bottom: 0;
    left: 15px;    
}

.poweredByDestinyOneEdit img {
    height: 50px;
}

.poweredByDestinyOneWrapper {display: none;}


/* 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%;
border-style: solid;
border: 10px 0px 0px 0px;
border-color: #00ff00; */

}

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

/* --------------------------------------------------------------------------------------------------------------------------  */
/* START Top Header Logo sizing - (Demo build only?) ********************************/
#schoolHeaderLogoWrapperLink {
/*  background: no-repeat url("http://www.cpe.vt.edu/destiny-files/vt-dt-logo.png") 0px 0px; 
  background: no-repeat url("/upload/LogoHeader.png") 0px 0px; */
  background-color: #861F41;  
  display: block;
  float: left;
  width: 215px; /* To change width, change this value.  This should not exist 320px (width of iphone 5). */
  height: 70px; /* 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%; 
}
/* View Instructor Button -------------------------------------- */
#buttonViewInstructors {
	display: none;
	visibility: collapse;
}

/* HIDING COURSE LISTING ON PROGRAM PAGE */
 
#programAreaCourses {
	display: none;
	visibility: collapse;
}
 
 /* HIDING COURSE LISTING ON PROGRAM STREAM PAGE */
 /* 
 #programStreamCourses {
	 display: none;
	 visibility: collapse;
 } */

/*  HIDING TERM ON COURSE PAGE  */

.courseSectionSemester {
	display: none;
	visibility: collapse;
}
.courseSectionTerm {
	display: none;
	visibility: collapse;
}

/*  HIDING SCHEDULE FIELDS ON COURSE PAGE  */


.courseSectionSchedule  {
	display: none;
	visibility: collapse;
}

/*  HIDING CONTACT HOURS FIELD ON COURSE PAGE  */


.sectionContactHours  {
	display: none;
	visibility: collapse;
}


/*  HIDING LOCATION FIELD ON COURSE PAGE  */


.sectionLocation  {
	display: none;
	visibility: collapse;
}

/*  HIDING SPECIAL DISCOUNTS FIELD ON COURSE PAGE  */


.sectionDiscounts  {
	display: none;
	visibility: collapse;
}


/*  HIDING COURSE SEARCH FIELDS  */

#courseSearchTerm {
	display: none;
	visibility: collapse;
}

 
  #courseSearchDates {
	max-height: 75px;
} 

   #courseSearchStartDay {
	display: none;
	visibility: collapse;
		max-width: 0px;
		margin: initial;
		padding: initial;
			max-height: 75px;

}  
#courseSearchStartTime {
	display: none;
	visibility: collapse;
		margin: initial;
		padding: initial;
	max-width: 0px;
		max-height: 75px;

} 

#courseSearchStartMonth {
	max-height: 75px;
}

#courseSearchAssociations {
	display: none;
	visibility: collapse;

}
#courseSearchInstructor {
	display: none;
	visibility: collapse;

}
 
#courseSearchInterestAreas {
	display: none !Important;
	visibility: collapse;
		visibility: hidden;
		max-height: 0px;
 

}
#interestAreas
{display: none;
	visibility: collapse;} 

/* hiding hold for pick up */



.transcriptRequestDetailsholdForPickUp {
display: none;
visibility: collapse;
}


#header1Wrapper {
min-height: 102px; /* Adjust this value when height is changed, the formula should be (logo height + 14) * 3 */
max-hieght: 150px;
/* border-width: 0px 0px 3px 0px;
border-style: solid;
 padding-bottom: 2px;
border-color: #ff6600 */;}

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

/* Tablet view */
@media ( min-width : 251px) and (max-width: 767px) {
  #header1Wrapper {
 height: auto; /* Adjust this value when height is changed, the formula should be (logo height + 14) * 2 */
  }
  #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: 69px; /* Adjust this value when height is changed, the formula should be (logo height + 14) */
/* border-width: 0px 0px 5px 0px;
border-style: solid;
border-color: #ff6600;*/}

 }
  #cartInfo {
    text-align: right;
  } 
  /* ADDED BY LORI MARCH 22, 2018 to align cart to login */
  
  #loginInfo {
    text-align: left;
  }
  
  #loginInfo .headerStudentLoginContainer .dropdown-menu {
    position: absolute;
	left: -109px;
	right: auto;
	top: 11px;
	will-change:transform;
  }
  
  #quickSiteSearch {
    width: 40%; /* Adjust this to change the search bar width when the logo width is changed. */
  }   
}

/* 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: #861F41;
  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: #C64600;
}

/* 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:1.8em;}
h2{font-size:1.5em;margin-bottom:.5em; padding-bottom: 5px;}
h4{font-size:1.02em;font-weight:norma;l}
h5{font-size:1em;font-weight:norma;l}
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: #861F41;
  margin-top: -3px;
}

/* Footer DIV as defined in Content Management block */
#RyanAbout {
 /* background: no-repeat url("http://www.cpe.vt.edu/destiny-files/vt-dt-logo.png") 0px 0px;  */

 /*  background: no-repeat url("/upload/LogoHeader.png") 0px 0px;  */
  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: auto; /* To change height, change this value */
  margin-bottom: 10px;
}

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

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

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

/* Header 1 - this is the top bar.  #000000 is black, #FFFFFF is white.  861F41page */
.navbar-dark.bg-dark {
  background-color: #861F41 !important;
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal back to desired color */
.corporateAdminPortal .navbar-dark.bg-dark, .conferenceModule .navbar-dark.bg-dark
{
  background-color: #861F41 !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 */
#schoolHeaderLogoWrapperLink {
  /* background: no-repeat url("/upload/LogoHeader.png") 0px 0px; */ /* 50 x 450px */
  /*  background: no-repeat url("http://www.cpe.vt.edu/destiny-files/vt-dt-logo.png") 0px 0px;  */

}

/* 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: white;  /* 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 .glyphicon-shopping-cart, .corporateAdminPortal #cartInfo a, .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
{
  background-color: #C64600;	
  margin-top: -3px;
 }

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

/* Text color of top-level menu labels */
.navbar-light.bg-light .navbar-nav > li > a {
  color: white;
  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
{
  color: #ff8000;
  background-color: transparent;
}

.navbar-light.bg-light .navbar-toggler {
	border-color: #dddddd;
}
.navbar-light .navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(221, 221, 221, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler .navbar-toggler-icon:hover {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.4)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#header3Wrapper .navbar-collapse .dropdown-toggle:after { 
  content: none 
}

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


/*Extend footers to full width of page */
div#footer1Wrapper {
    background-color: #861F41;
	margin-bottom: 10px;
}
div#footer2Wrapper {
	padding-top: 10px;
    background-color: #FDFDFD;
}

/***************************************/
/* 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/VanderbiltLogo.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: #861F41;
 }

/* 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 .glyphicon-shopping-cart, .corporateAdminPortal #cartInfo a, .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 */
}


/* Checkout breadcrumb, Labels, Link colors*/
.breadcrumb>.active,h1,h3{
/* color:#color_1; 198BF0 861f41*/
color: #861f41;
}

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

#footerNav h5, #footer1 .footerAbout, #footer1 .footerContact, #footer1 .footerSiteMap {
    color: white;
}


.footerContact .glyphicon {
    color: white;
}

#footer1 a {
    color: white;
}

a,a:link,a:active,a:focus,a:hover {
  /*   color: #861F41; */
color: #1266AE;  
    text-decoration: none;	
}

.card-info>.card-header {
    color: #000000;
    background-color: #edeada;
    /* border-color: #ffffff; */
}

 .panel-group {    /* border-top-color: #ffffff; */
}
    
#ButtonRow {
  min-width:100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
  
  .FrontPagebox {
min-height: 78px;
background-color: #861F41; 
background: url(/images/main_buttons_bg_1a.jpg);
background-size: cover;
color:#ff0000;
}
.FrontPagebox:hover {
 background-color: #861F41;
background: url(/images/main_button2a.jpg);
background-size: cover;
color:#550000; }

  .FrontPagebox1 {
min-height: 78px;
background-color: #861F41; 
background: url(/images/main_button1a.jpg);
background-size: cover;
color:#ff0000;
}
.FrontPagebox1:hover {
 background-color: #861F41;
background: url(/images/main_button1b.jpg);
background-size: cover;
color:#550000; }

  .FrontPagebox2 {
min-height: 78px;
background-color: #861F41; 
background: url(/images/main_button2a.jpg);
background-size: cover;
color:#ff0000;
}
.FrontPagebox2:hover {
 background-color: #861F41;
background: url(/images/main_button2b.jpg);
background-size: cover;
color:#550000; }

  .FrontPagebox3 {
min-height: 78px;
background-color: #861F41; 
background: url(/images/main_button3a.jpg);
background-size: cover;
color:#ff0000;
}
.FrontPagebox3:hover {
 background-color: #861F41;
background: url(/images/main_button3b.jpg);
background-size: cover;
color:#550000; }

.FrontPageboxlink { 
font-size: 1.4em;
padding-left: 5%;
padding-right: 5%;
padding-top: 2%;
display: border-box;
color: #ffffff;
font-weight: 700;
 }
.FrontPageboxlink a { 
 color: #ffffff;
 text-decoration: none;
 }
 .FrontPageboxlink a:hover { 
 color: #ff8800;
 text-decoration: none;
 }
 
 /*Custom CSS for Home page image and text */
	  /* Container holding the image and the text */
.homepagecontainer {
  position: relative;
  text-align: middle;
  color: white;
}

/* Bottom left text */
.posbottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.postop-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.postop-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.posbottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.poscentered {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.5em;
 width: 100%;
  padding: 2%;
  transform: translate(-50%, -50%);
background-image: url('/images/dark.png');
} 
  
     #FooterAreaRow {min-width: 100%;}
    #FooterAreaLeft {
  min-width: 33%;
 float: left;
 
 box-sizing: border-box;


  }
   #FooterAreaMiddle {
  min-width: 50%;
 float: left;
  
       box-sizing: border-box;


  }
   #FooterAreaRight {
  min-width: 10%;
 float: right;   
  
   box-sizing: border-box;
   }
  
 .title-main-page { font-weight: 800; font-size: 2.2em; color: #000000; line-height: 1.8em;  padding-bottom: 25px; text-shadow: 2px 2px #eeeeee;}


    /* This is the button styling for main page the three buttons  */
a.newsStyle {
 margin: 1% 4% 2% 4%;
/* border-width:1px;
 border-color: #cccccc;
 border-style: solid;
  border-radius:5px;
-moz-border-radius:5px;
  box-shadow: 2px 2px 6px #999999;  */
 background: #861F41;
font-weight: normal;
font-size: 1.05em;
color: #000000;
height: 100%;
line-height: 1.3;

 }  
 
 a.newsStyle:hover{
 color:  #B47A1F;
  background: #650000;
height: 100%;
  text-decoration: none;
 
 }
 
/*     .newsStyle a{
 display: block;
 color: #ffffff;
 text-decoration: none;
        height: 100%;
 }
     .newsStyle  a:hover{
 color:  #B47A1F;
  background: #650000;
height: 100%;
  text-decoration: none;
 
 }
  */
 
 
   .innercontent {
 margin: 0px 10px 0px 11px;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
 
/* for 995px or less */
@media screen and (max-width: 1100px) 
{
   #ButtonRow {
     min-width: 100%;
     display: block;
   }
 
  .FrontPagebox { min-width: 100%; background-size: cover; }
.FrontPagebox:hover {min-width: 100%; background-size: cover; }

.FrontPageButtonImage img {width: 80%; height: auto; margin: 2%, 10%, 2% ,10%;}

  #FooterAreaRow {
  min-width: 100%;
  }
	#FooterAreaLeft {
 display: block;
float: none;
min-width: 99%;
 margin: 0px 0px 0px 0px;
 }
 	#FooterAreaMiddle {
 display: block;
float: none;
min-width: 99%;
 margin: 0px 0px 0px 0px;
 }
 	#FooterAreaRight {
 display: block;
float: none;]
min-width: 99%;
 margin: 0px 0px 0px 0px;
 }
 
}

  /* This is the button styling for conference screens or any screen that needs a link to an external site */
 
   
 .buttonlink {
 max-width: 200px;
color: #ffffff;
 background-color: #3399f3; 
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
font-weight: normal;
text-align: center;
vertical-align: middle;
/*white-space: nowrap; */
font-size: 1.01em;
margin-bottom: 5px;
padding: 1.5% 1.5% 1.5% 1.5%;
 
line-height: 1.05;
border-radius: 4px;
letter-spacing: .08em;
font-family: inherit;
    border: 1px solid #000000;
        box-sizing: border-box;
 
}
.buttonlink a {color: #ffffff; text-decoration: none; }
.buttonlink a:hover {text-decoration: none;  color:#BFEFFF; }
 /* End button styling */


.btn-primary {
    background-image: -webkit-linear-gradient(#7bbdf7, #3399f3 50%, #208ff2);
    background-image: linear-gradient(#66000, #77000 50%, #66000);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7bbdf7', endColorstr='#ff208ff2', GradientType=0);
    filter: none;
    border: 1px solid #000000;
}

/* Added  formmating below to create yellow highlight in text edit controls - Destiny sent code for fix 2/11/2020 */

      .marker{
    background-color: Yellow;
}

.makeabox {background: #ffffff; 
/*border: 0px 1px 1px 1px; border-style: solid; border-color: #eeeeee; */ display: block;}


/* Custom CSS for OUR TEAM page */

 
.ContactTableRow1 {background: #ffffff; width: 100%; padding: 2%; min-height: 200px;} 
 .ContactTableRow2 {background: #eeeeee;width: 100%; padding: 2%;min-height: 200px;} 
.ContactInfoLeft { float: left;}
.ContactInfoRight {float:left;}
 .ContactLeftContainer {float:left; min-width: 45%;}
  .ContactRightContainer {float:right; min-width: 45%;}
 .ContactPhotoLeft {float: left; padding: 0px 10px 0px 0px; min-width: 150px;}
 .ContactPhotoRight {float: left; padding: 0px 10px 0px 0px; min-width: 150px;}
.ContactTableRowHeader {background: #999999; color: #eeeeee; font-size: 1.07em; font-weight: 700; width: 100%; padding: 2%;}
.ContactTableRowSubHeader {background: #cccccc; color: #861F41; font-size: 1.05em; font-weight: 600; width: 100%; padding: 2%;} 
.ContactAdmin {color: #00698C; font-weight: 800; font-size: 1.02em;}

/* for 999px or less */
@media screen and (max-width: 999px) 
{  
.ContactTableRowHeader {background: #999999; color: #eeeeee; font-size: 1.07em; font-weight: 700; width: 100%; min-width: 400px;padding: 2%;}
 .ContactPhotoLeft { padding: 0px 10px 0px 0px; min-width: 150px;}
 .ContactPhotoRight { padding: 0px 10px 0px 0px; min-width: 150px;}
  .ContactInfoLeft {float:none; clear:all; min-height: 180px; min-width: 400px;}
.ContactInfoRight {float:none; clear:all; background: #eeeeee;min-height: 180px; min-width: 400px;}
.ContactTableRow1 {background: #ffffff;  padding: 0%; min-height: 180px;} 
 .ContactTableRow2 {background: #ffffff;   padding: 0%;min-height: 180px;} 
 .ContactLeftContainer {float:none;   min-height: 180px; padding-top: 20px; padding-bottom: 20px;}
  .ContactRightContainer {float:none; max-width: 600px;  clear: all; 20px; padding-bottom: 20px;}
}

/* Custom CSS for PROGRAM AREA pages */
.ContainerRow { width: 100%; padding: 2%; min-height: 325px;} 

 .LeftContainer {float:left; min-width: 45%; max-width: 48%;}
  .RightContainer {float:right; min-width: 45%; max-width: 48%;}
 
 #ProgramStreamList ul 
 {  list-style-type: square;
 }
 
/* for 999px or less */
@media screen and (max-width: 999px) 
{
	.ContainerRow { width: 100%;  min-width: 400px; padding: 2%; min-height: 325px;} 

 .LeftContainer {float:none;  padding-bottom: 2%;}
  .RightContainer {float:none; max-width: 600px; padding-bottom: 2%;}
 
	
}

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