/*==============+
| CUSTOM STYLES |
+==============*/

/* Global */
body {
	font-family: 'Open Sans', sans-serif;
}

img {
	width: auto;
	max-width: 100%;
}

footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	display: block;
}

/* Miscellanous */
.border-test {
	border: 1px solid red;
}

.container-no-padding {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
	border-bottom: 1px solid #003594;
}

.cursor-pointer:hover {
	cursor: pointer;
}

.white-space-nowrap {
	white-space: nowrap;
}

.text-decoration-underline {
	text-decoration: underline;
}

.content-wrapper {
	background: #ffffff;
	padding: 30px 0;
}

.field {
	width: 100%;
}

.equal-height-container {
	display: table;
	width: 100%;
}

.equal-height-element {
	display: table-cell;
}

@media only screen and (max-width: 767px) {
    .equal-height-element {
        display: block;
        width: 100%;
    }
}

.line-height-2 {
	line-height: 2;
}

/* Header */
.header-logo {
	padding: 15px 0;
}
	
@media only screen and (min-width: 768px) {
	.header-logo {
		width: 280px;
	}
}

.header-element {
	padding: 15px;
}
	
/*@media (min-width: 992px) {
	.header-element {
		padding: 15px 0;
	}
}

@media only screen and (min-width: 768px) {
	.header-logo {
		width: 40%;
	}
}

@media only screen and (min-width: 992px) {
	.header-logo {
		width: 30%;
	}
}

@media only screen and (min-width: 1200px) {
	.header-logo {
		width: 25%;
	}
}*/

.row-full-width {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: -1;
	width: 100%;
	
	right: 0;
	bottom: 0;
	
}

@media only screen and (min-width: 768px) {
	.row-full-width {
		width: 50%;
		height: 100%;
		/*background: #FFC72C;*/
	}
}

#skip a, #skip a:hover, #skip a:visited 
{ 							
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	color: #ffffff;
} 

#skip a:active, #skip a:focus 
{ 
	position:static; 
	width:auto; 
	height:auto; 
	color: #ffffff;
}

/* Footer */
footer a {
	color: #ffffff;
}

footer h3 {
	padding-bottom: 15px;
	border-bottom: 1px dotted #fff;
}

#quick-links {
	column-count: 2;
}

/* Colors */
.csub-blue {
	color: #003594;
}

.csub-gold {
	color: #FFC72C;
}

.white {
	color: #ffffff;
}

/* Backgrounds */
.bg-csub-blue {
	background: #003594;
}

.bg-csub-gold {
	background: #FFC72C;
}

.bg-lt-gray {
	background: #f4f3f1;
}

.bg-white {
	background: #ffffff;
}

/* Margins */
.margin-top-15 {
	margin-top: 15px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-bottom-0 {
	margin-bottom: 0;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

/* Padding */
.padding-15 {
	padding: 15px;
}

.padding-top-15 {
	padding-top: 15px;
}

.padding-bottom-15 {
	padding-bottom: 15px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

/* Headings */
.h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 20pt;
}

.h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 24pt;
	font-weight: bold;
}

@media only screen and (min-width: 576px) {
	.h2 {
		font-size: 30pt;
	}
}

@media only screen and (min-width: 768px) {
	.h2 {
		font-size: 42pt;
	}
}

.h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.15rem;
}

/*.h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 20pt;
}

@media only screen and (min-width: 576px) {
	.h3 {
		font-size: 32pt;
	}
}*/

/* Font Sizes */
.smaller {
  font-size: 90%;
}

/* Footable */
.footable-filtering {
	display: none;
}

.fooicon-plus:hover:before {
	cursor: pointer;
}
.fooicon-minus:hover:before {
	cursor: pointer;
}

table.footable-details > tbody > tr.dept > th:nth-child(1) {
	display: none;
}

@media only screen and (min-width: 576px)
{
	table.footable-details > tbody > tr.dept > th:nth-child(1) {
		display: table-cell;
	}
}

/* Borders */
@media only screen and (min-width: 768px) {
	.main-content-container {
		border-left: 2px solid #cccccc;
	}
}

/* Accordion */
a[aria-expanded]:hover {
	text-decoration: none;
}

a[aria-expanded="false"]:before{
  content: url(https://www.csub.edu/_files/images/right_arrow.png);
}

a[aria-expanded="true"]:before{
  content: url(https://www.csub.edu/_files/images/down_arrow.png);
}

.card-header a {
	display: inline-block;
	width: 100%;
}