@charset "utf-8";
/* CSS Document */

@import url('bootstrap-custom-override.css');
/*Custom Stylesheet
Jordan Threadgill - Terra Dotta
jordan.threadgill@terradotta.com
Last Updated: 5-Nov-2025
Terra Dotta Custom layout
*/

/* This is the contanier that holds all the main content */
main{
    background-color:#ffffff;
	 box-shadow:none;
	 padding-bottom:164px;
}

.bg-primary {
    color: #fff;
    background-color: #660099;
}

.btn-primary {
    color: #fff;
    background-color: #660099;
	border-color: #660099;
}

.btn-primary:hover {
    color: #fff;
    background-color: #999999;
	border-color: #999999;
}


/* This is the outside gutter regions */
body{
	background-color:#fff;
	background-image: none;
	}
	
/* This is the main SA header that runs along the top of all the pages */
header #pageheader{	
	color:#fff;
	}
	
/* This is the main SA footer that runs along the bottom of all the pages */
footer #pagefooter{
	padding: 2px;
	background: #000;
    color: #fff !important;
	position:absolute;
	min-height:164px;
}

/* This removes the box shadow from panels to give it a "flat" feel */
.panel {
    box-shadow: none;
}

/* This removes the color gradient from all panel headers */
.panel .panel-heading{
	background-image: none;
	background: #660099;
	border-bottom-color: #660099;
	border-color: #660099
}
/* This changes the border color of all panels to a light grey color to match overall theme */
.panel-primary{
    border-color: #f3f3f3;
}

/* This removes the box shadow from Announcements box */
#pagebodysidebar .sidebar-nav{
	box-shadow: 0 6px 12px rgba(0,0,0,0.0);
}

/* This removes the box shadow from Announcements box */
#pagebodysidebar .sidebar-nav{
	box-shadow: 0 6px 12px rgba(0,0,0,0.0);
}

/* This removes the border from any list group item. Mainly seen on brochure pages around the buttons */
li.list-group-item{
    border:1px solid #fff;
}

/* Makes the select boxes "longer" so that more options are viewable. Less Scrolling within small boxes trying to select multiple values*/
select[multiple], select[size]{
    height: auto;
    min-height: 300px;
}

 
 #back-top{
	background: #bbb;
	position: fixed;
    bottom: 10px;
	right: 15px;
    margin-left: 20px;
    z-index: 499;
	padding: 5px;
 }

#back-top a i{color: #fff;}

header .loginbutton {
	float:right;
	margin: 15px 0px;
}

/* This will make the hovered dropdown section of the nave menu a darker shade that works well with the theme color */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color:#660099;
}

/* This will make the open dropdown section of the nave menu a darker shade that works well with the theme color */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color:#999999;
}
/* Changes the style of the user's name to make it show up better with the new menu color */
.navbar-inverse .navbar-text {
    color:#FFFFFF ;
    font-weight: bold;
}
	
/* This determines the link color when hovering over them in the footer only */
footer a:hover, footer a:active {
	color:#fff;
	text-decoration:none;
}

footer a:focus{
	color:#fff;
	text-decoration:underline;
}
footer a {
	color:#999;
}
footer .button {
    background-color: #660099;
    border: #660099;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

/*This removes the blue from the primary buttons */
.btn-primary:active, 
.btn-primary:focus{
	background-color: #fff !important;
	border-color: #660099 !important;
	color: #000 !important;
}

/* This increases the default height of the WYSIWYG editor */
.cke_reset {min-height:700px;}

/* Increases the height of the popup when adding an image in the WYSIWYG */
.cke_dialog_ui_iframe {height: 480px !important;}	
.btn-custom {
  background-color: #660099;
  border-color: #660099;
}


/* These remove the sidebar and expand the main body to full width */
#pagebodysidebar { display:none;}
@media (min-width: 992px){.public-page-content{ width: 100% !important; }}