/*
Theme Name: CCITcms
Theme URI: http://www.clemson.ehttps://ccituat.clemson.edu/wp-admin/admin.php?page=wpeditor_themes#du/ccit
Author: The SDI Team at Clemson University	
Author URI: http://www.clemson.edu/ccit
Description: A Wordpress custom theme that functions as the content management system (CMS) for the CCIT website. <br />For more information about the theme and how to use it, click <strong>Help</strong> in the left menu.
Version: 0.5
Tags: ccit, clemson, university, college, it, support, help desk, services, policy, research, responsive-layout, pure, pure-css, pure-grid

This theme, like WordPress, is licensed under the GPL.
We used it to make something cool, have fun, and share what we've learned with others.
*/

@import url("_css/fonts.css");


/* Add Google Fonts for CCIT History Project */
@import url('https://fonts.googleapis.com/css?family=Bitter&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');


/*
 This single style sheet includes the following sections:
 (1) Base
 (2) Page Layout Table Grid System
 (3) Content Layout
 (4) Adds/Mods to Pure CSS
 (5) Media Queries
*/


/*
(1) Base Page 
*/ 
html {
	overflow-y: scroll;
}
html, body {
	margin: 0em;
	height: 100%;
	font-size:96%;
	-ms-text-size-adjust:96%;
	-webkit-text-size-adjust:96%;
	display:block;     /*Some Chrome extensions need this*/
	font-family: TG12, Arimo, Arial, sans-serif;
	color: #535353;
	background-color: #babcbd;
	line-height: 124%;
    
/* look c    background-color: white;  */
    
}
.pure-g [class *="pure-u"] {
	font-family: TG12, Arimo, Arial, sans-serif;
}
.pure-g {
	display: block !important;
}
.pure-table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px solid #cbcbcb;
	border:1px solid #ededed;
	border:1px solid #86898c;
	color: #000;
  font-size:1em;
	font-family: TG7;
  width:100%;
}
.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}
.pure-table td,.pure-table th{
	border-left:1px solid #cbcbcb;
	border-left:1px solid #ededed;
	border-left:1px solid #86898c;
	border-width:0 0 0 1px;
	margin:0;
	overflow:visible;
	padding:4px 5px;
	font-size:inherit;
}
.pure-table th{
	padding:4px 5px 5px 5px;
  font-family: TG7;
  font-weight: normal;
  font-size: 1.22em;
  line-height:102%;
}
.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}
.pure-table thead{
	background-color: #86898c;
  background-color: #6C6D70;
  color:#696d70;
	text-align:left;
	vertical-align:bottom;
	font-size: .9em;
	color: #fff;
//	letter-spacing: 1px;
}
.pure-table td{
  background-color:transparent;  
  vertical-align:top;
}
.pure-table-odd td{background-color:#f2f2f2}
.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}
.pure-table-bordered td{border-bottom:1px solid #cbcbcb}
.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}
.pure-table-horizontal td,.pure-table-horizontal th{
	border-width:0 0 1px;
	border-bottom:1px solid #cbcbcb;
	border-bottom:1px solid #ededed;
	border-bottom:1px solid #86898c;
}
.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}

button, input, select, textarea {
}
p {
	margin: 0 0 .6em 0 !important;
}
.blank {
 padding: 0  !important;
 font-size: 3px !important;
 margin: 0 !important;
 line-height:1em;
}
p.page-title {
	font-size:1.6em;
	margin:0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 120%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .04em;

}
p.page-title.front {
  text-transform: capitalize !important;
}

p.notice-page-title {
	font-size:1.32em;
	margin: 0 0 .5em 0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 130%;
  position: relative;
  font-weight: bold;
}
p.help-box-title {
	font-size:1.7em;
	margin:0 !important;	
  padding:0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 120%;
  font-weight: bold;
  color: #fff;
}
p.services-az-title {
	font-size:1.32em;
	margin: 8px 0 .5em 0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 130%;
  position: relative;
  font-weight: bold;
}
p.services-qs-title {
	font-size:1.32em;
	margin: 8px 0 .5em 0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 130%;
  position: relative;
  font-weight: bold;
}
p.sh-title {
	font-size: 1.2em;
	margin:24px 0 .3em 0 !important;
	font-family: TG7, Arimo, Arial,sans-serif;
	line-height: 120%;
  font-weight: bold;
}
p.ss-title {
	font-size:1.32em;
  text-indent: -25px;
	margin: 8px -10px 22px 29px !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 130%;
  position: relative;
  font-weight: bold;
}
p.note {
	margin: .92em 0 !important;
	padding: 18px 20px 18px 56px;
	background-color: #ebf0f5;
	color: #3a4958;
  border: 1px solid #cfdbe6; 
  position:relative;
}
p.note::before {
  position: absolute;
  width: 52px;
//  height:50px;
  left: 0;
  top: 36%;
  text-align: center;
  font-size: 30px;
	font-family: FontAwesome;
//  font-family:"Font Awesome 5 Free";
	content: "\f05a";
  color: #567d99;
}
p.caution {
	margin: .92em 0 !important;
	padding: 18px 20px 18px 56px;
  font-weight: bold;
	background-color: #fef5e0;
  color: #685c53;
  border: 1px solid #dcd7d3; 
  position:relative;
}
p.caution::before {
  position: absolute;
  width: 52px;
//  height:50px;
  left: 0;
  top: 36%;
  text-align: center;
  font-size: 30px;
	font-family: FontAwesome;
//  font-family:"Font Awesome 5 Free";
	content: "\f071";
  color: #685c53;
}
.doc-title {
//  position: relative;
  font-size: 1.3em;
	margin: .7em 0 .8em 0 !important;
	padding: .4em .8em .16em 1.92em;
  background-color: #eeecea;
  border: 1px solid #dcd7d3;
  line-height: 120%;
  color: #685c53;
}
.doc-title .tag {
//  position: absolute;
  font-size: .78em;
	padding: 0;
  margin: 0 0 .2em -1.38em !important; 
  color: #8b796f;
//  color: #685c53;
  font-family: TG2, Arimo, Arial,sans-serif;
}
.markup {
	margin: -.3em 0 1.4em 0 !important;
	padding: 0;
	color: #3a4958;
  position:relative;
  border: 1px solid #babcbd;
//  background-color: #f7f7f7;
}
.markup::before {
  position: absolute;
  font-size: 9px;
	content: "HTML";
  color: white;
  background-color: #babcbd;
  padding: 0 6px 0 5px;
}
.markup pre {
  margin: 0 0 0 41px !important;
  text-indent: -20px;
  font-size: 11px;
  padding: 8px 5px 10px 28px;
  line-height: 130%;
  color: #86898c;
}
p.quote {
	margin: 1em 0 !important;
	color: #522d80;
	color: #726795;
	font-family: "Open Sans";
	font-size: 110%;
	line-height: 130%;
}
p.quote::before {
	font-family: FontAwesome;
//  font-family:"Font Awesome 5 Free";
	content: "\f10d";
	padding-right: .4em; 
}
p.quote::after {
	font-family: FontAwesome;
//  font-family:"Font Awesome 5 Free";
	content: "\f10e";
	padding-left: .4em; 
}
p.notice {
	margin: 0 !important;	
}
/*a-link*/
p.notice a {
  display:block;
  padding: .3em .3em .3em .3em;	
  text-decoration: none;
}

.count {
    counter-reset: one;
}
.count p.one {
    counter-reset: two;
    margin-left: 2.1em !important;
    text-indent: -2.1em;
}
.count p.one:before {
    counter-increment: one;
    content: counter(one) ".0 \0000a0";
}
.count p.two {
    counter-reset: three;
    margin-left: 4.3em !important;
    text-indent: -2.1em;
}
.count p.two:before {
    counter-increment: two;
    content: counter(one) "." counter(two) " \0000a0";
}
.count p.three {
    margin-left: 7.5em !important;
    text-indent: -3.1em;
}
.count p.three:before {
    counter-increment: three;
    content: counter(one) "." counter(two) "." counter(three) " \0000a0";
}
/*a-link*/
a {
	color: #567d99;
  color: #522D80;
	text-decoration: underline;
} 
/*a-link*/
.no-underline a,
footer a, 
.news-item a,
.pg-box-ql a,
#service-list a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
text-decoration: none;
}

/* new window */
a[target="_blank"].newtab {
   padding: 5px 18px 5px 0;
   background: url(_images/icon_newtab.png) no-repeat center right;
}
a[target="_blank"].newtab-r {
   padding: 5px 18px 5px 0;
   background: url(_images/icon_newtab_r.png) no-repeat center right;
}
/*a-link*/
a:hover {
	color: #ea6a20;
  text-decoration: none;
}
/*a-link*/
a:hover.pure-button{
}
/*a-link*/
a.active-notice {
  padding: .2em;	
  border: .1em solid #ea6a20;
  margin-left: -.1em;
  margin-bottom: -.1em;
}
ol,ul{
	margin:.24em 0 .5em 0;
	padding:0 0 0 1.4em;
	line-height: 140%;
}
h1{
	font-size:1.7em;
	margin:0;	
  padding:0;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 120%;
}
.support-gh-block {
  display: block;
  width: 100%;
  margin: -.8em 0 0 -1.6em;
  padding: .7em 1.7em .6em 1.5em;
}
h2{
	font-size:1.6em;
	margin:.83em 0 .67em 0;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 120%;
}
h3{
	font-size:1.32em;
	margin: 1em 0 .5em 0;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 130%;
  position: relative;
}
h3.gh{
  margin: 1.5em 0 .5em -.1em;
}
.service-qs-block {
  display: block;
  width: 100%;
  margin: -18px 0 0 -20px;
  padding: 12px 20px 4px 20px;
}
h4{
	font-size: 1.2em;
	margin:1em 0 .3em 0;
	font-family: TG7, Arimo, Arial,sans-serif;
	line-height: 120%;
}
h4.gh{
  margin: 1em 0 .4em -.3em;
}
h5{
	font-size:.83em;
	margin:1.67em 0;
	font-family: TG12, Arimo, Arial,sans-serif;
}
h6{
	font-size:.67em;
	margin:2.33em 0;
	font-family: TG4, Arimo, Arial,sans-serif;
}


h1{
	font-size:1.5em;
	margin:1.2em 0 .16em 0 !important;
        padding:0;
	font-family: TG12, Arimo, Arial,sans-serif;
//	font-family: TG7, Arimo, Arial,sans-serif;
        line-height: 120%;
}
h2{
	font-size:1.32em;
	margin:1.2em 0 .16em 0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
//	font-family: TG7, Arimo, Arial,sans-serif;
	line-height: 120%;
}
h3{
	font-size:1.2em;
	margin:1.2em 0 .16em 0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 130%;
  position: relative;
}
h4{
	font-size: 1.2em;
	margin:1.2em 0 .16em 0 !important;
	font-family: TG7, Arimo, Arial,sans-serif;
	line-height: 120%;
}
h5{
	font-size:1.1em;
	margin:1.2em 0 .16em 0 !important;
	font-family: TG7, Arimo, Arial,sans-serif;
}
h6{
	font-size:1em;
	margin:1.2em 0 .16em 0 !important;
	font-family: TG7, Arimo, Arial,sans-serif;
}




b,strong{
	font-weight:700;
}
small{
	font-size:80%;
}
big {
	font-size: 110%;
	line-height: 150%;
}
hr {
	color: #b1b49a;
	color: red;
}
.small1 {
	margin:0;
	padding: 0;
	font-size: 90%;
	line-height: 1.4em;
}
.small2 {
	margin:0;
	padding: 0;
	font-size: 80%;
	line-height: 116%;
}
.inline-head {
  font-family: TG4;
/*  font-weight: bold; */
}
.clear {
	clear: both;
}
/* Contain floats. */
.clearfix:after {
  content: ' ';
  display: block;
  clear: both;
}
/* Contain floats *and margins*. */
.clearfixm:before,
.clearfixm:after {
  content: ' ';
  display: table;
}
.clearfixm:after {
  clear: both;
}  
  
.float-left {
 float:left;
}
.float-right {
 float:right;
}
.float-none {
 float:none;
}
.float-clear {
 clear:both;
}


/* miniheader co-opted from Clemson iRoar page */
#miniheader-container { 
}
#miniheader {
	height: 25px;
	background-color: #373737;
	overflow: hidden;
	font-family: TG12, Arimo, Arial, sans-serif;
  line-height: 25px;
}
/* LOOK: Comment out next class */
.wordmark-stripe {
	position:absolute;
	display:inline-block;
	width: 18px;
	height: 25px;
	background-color: #726795;
	left: -18px;
	padding: 0;
	margin:0;
}
#miniheader .wrap {
	position: relative;
	margin: 0 auto;
	max-width: 1100px;
	background-color: #373737;
	height: 25px;
	}
#miniheader-wordmark {
	background: url('_images/cu_wordmark1.png') no-repeat;
	background-size: 219px 25px;
	height: 25px;
	width: 219px;
	float: left;
  z-index:400;
}
#miniheader-wordmark:hover {
	background: url('_images/cu_wordmark1d.png') no-repeat;
}

.wordmark-stripe:hover{
	background-color: #522d80;
	background-color: #566127;
	background-color: #522d80;
	background-color: #3a205a;
}
/*a-link*/
#miniheader-wordmark a {
	display: block;
	text-indent: -9999px;
	height: 25px;
}
#miniheader-wordmark a:focus {
	background: url('_images/cu_wordmark1d.png') no-repeat;
}

#minisearch-container {
	position: relative;
	float: right;
}
#minisearch-container form {
	display: block;
	margin-top: 0;
} 
#miniheader-search {
	text-align: left;
	width: 105px;
	background-color: #fff;
	-webkit-opacity: .9;
	-moz-opacity: .9;
	-o-opacity: .9;
	-ms-opacity: .9;
	opacity: .9;
	font-size: 11px;
	margin-top: 4px;
	height: 14px;
	display:inline-block;
	font-family: TG12;
	order: 0;
	padding: 1px 1px 1px 2px;
	color: #373737;
//	color: #86898c;
} 
#miniheader-links {
	float: right;
	text-align: right;
}
/*a-link*/
#miniheader-links a {
	color:#babcbd;
	font-size: 11px;
	text-decoration: none;
}
/*a-link*/
#miniheader-links a:hover {
	color:#fff;
}
#miniheader-links .miniheader-sep {  
	border-left: 1px solid #333;
	border-right: 1px solid #666;
	display: inline-block;
	height: 15px;
	width: 0px;
	margin: 0px 5px -4px;
}
#miniheader-shadow {
    width: 100%;
    height: 3px;
	background-color: #babcbd;
}

/* 
(2) Page Layout Table Grid System
 Justin adapted this from PixelsvsBytes
 http://pixelsvsbytes.com/blog/2012/02/this-css-layout-grid-is-no-holy-grail/   
 */
body > .grid {
	margin: 0;
	padding: 0;
	table-layout: fixed; /* NOTE Speed up table rendering */
}
/* NOTE IE7 and older explorers don't know anything about CSS-tables,
so we use a CSS hack to exclude them. */
* > /**/ .grid {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
/* NOTE This is the only block IE7- should read */
.grid > .row, .grid > .column, .grid > .row > .column {
	height: 0.1%; /* NOTE: Forces child-margins inside the box */
	position: sticky;
}
.grid > /**/ .row {
	display: table-row;
	height: 1px;
}
.grid > /**/ .row.expand {
	height: auto;
}
.grid > /**/ .column, .grid > /**/ .row > .column {
	padding: 0;
	display: table-cell;
	height: auto; /* NOTE Just to reset the IE7 fix */
	/* width: 1px; */
}
.grid > /**/ .column.expand, .grid > /**/ .row > .column.expand {
	/*width: auto;*/
	vertical-align: top;
}
 
/*
(3) Page Content Layout
  
 Page Structure...
 body
   grid:all-container
     row:miniheader-container
	   column:
         miniheader
     row:expand page-container
       column:
         grid:
           row:header-container
             column:side-spacer
        	mh-menu-extend
             masthead
	        ccit
		search
		mh-menu
             column:side-spacerhttps://ccit.staging.wpengine.com/wp-admin/admin.php?page=wpeditor_themes#
	        mh-menu-extend
		stripe
           row:expand:body-container
             column:side-spacer
		stripe
             column:
               grid:all-content-container
                 row:
                   column:leftmenu-container
		     leftmenu-top
        leftmenu-title
                     leftmenu
		     ul accordio
                   column:expand content-container
                     breadcrumb
                       toggle-leftmenu
                     CONTENT
             column:side-spacer https://130.127.193.9/wp-admin/admin.php?page=wpeditor_themes#
	footer
 */
 
#all-container {
}
#page-container {
}
#header-container {
	background-color:#e2e3e4;
	margin: 0 auto;
	padding: 0;
}
.side-spacer {
	width: 50%;
	display: block;
}
.side-spacer .mh-menu-extend {
	position:absolute;
	display:inline-block;
	width: 100%;
	height: 46px;
	bottom:0;
	padding: 0;
	background-color: #babcbd;    
}

.stripe {
	position:absolute; /* MSIE exception */
	float: right;
	display:inline-block;
	width: 18px;
	background-color: #726795;	
	height: 100%;
	right: 0;
	padding: 0;
	margin:0;
}
.stripe-orange{
	background-color: #f5b895;
	-webkit-transition: background-color .5s;  
    	-moz-transition: background-color .5s;  
    	-o-transition: background-color .5s;  
    	-ms-transition: background-color .5s;  
	transition: background-color .5s; 
	height:68px;
	margin: 10px 0 10px 0;
}
.stripe-orange.hover{
	background-color: #ea6a20;
}

.masthead{
	overflow:hidden;
	background-color: transparent;
	position: relative;
	width: 1100px;
/*  background-color:wheat;
 */
}
.masthead #mh-top{ 
	margin: 10px 0 10px 0;
/*! background-color:beige; */
	/*! padding: 0; */
	overflow: auto;
}
.masthead div {
	text-align:center;
}
.masthead .ccit{
	display: inline-block;
	margin: 0;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	-webkit-transition: background-image .5s;  
    -moz-transition: background-image .5s;  
    -o-transition: background-image .5s;  
    -ms-transition: background-image .5s;  
	transition: background-image .5s;
	background-image: url('_images/ccit_logo_letters_reverse.png');
  	float: left;
	border-radius:0;
	background-size: 440px 68px;
	background-repeat: no-repeat;
	width: 40%;
	height: 68px;
}
.masthead .ccit:hover{
	background-image: url('_images/ccit_logo_words.png');
}
.masthead .ccit:focus{
	background-image: url('_images/ccit_logo_words.png');
}

/* This class is used to turn off the transitions 
   when the screen is resized. 
   It is added to, then removed from, the body tag by 
   the resizeEnd jQuery plugin during the resize event. */
.notransition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.masthead .search{
	position: relative;
	float:right;
	display: inline-block;
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	background-image: none;
	overflow:auto;
	background-color: transparent;
	overflow:hidden;
	width:20%; 
	height: 68px;
}
.masthead #ccit-search{
	width: 100%;
	height: 28px;
	padding: 3px 0 0 0;
	border:0;
	text-indent: 8px;
	font-size: 1em;
	margin-top:38px;
  color:  #4b4b4b;
	outline-color: #726795;
}

/* search placeholder color */
input::-webkit-input-placeholder { 
	color: #373737;
}
input:-moz-placeholder {        /* Firefox 18- */
	color: #373737;
}
input::-moz-placeholder {      /* Firefox 19+ */
	color: #373737;
}
input:-ms-input-placeholder {  /* oldIE ;) */
	color: #373737;
}

#mh-menu {
	font-family: TG12, Arimo, Arial, sans-serif;
  max-height: 46px;
}

#body-container { 
}
#all-content-container{
	width: 1100px;
}
#leftmenu-container {
	background-color: #373737;
	color:#babcbd;
	width: 220px;
	padding: 0;
}
#leftmenu-container #leftmenu-title{
	margin: 12px auto 0 auto !important;
	padding: 0 0 0 6px;
	display:block;
	width: 154px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing:8px;
  letter-spacing: 5px;
	color: #ae9dc3;
  color: #C9C0DB;
}
#leftmenu-container #leftmenu-title.custom-leftmenu-title{
	letter-spacing:2px;
}
#leftmenu-container #leftmenu-title .lm-title-icon {
}
#leftmenu-container #leftmenu-title .lm-title-text {

}


/*a-link*/
#leftmenu-container #leftmenu-title a,
#leftmenu-container #leftmenu-title a:link,
#leftmenu-container #leftmenu-title a:visited,
#leftmenu-container #leftmenu-title a:active {
	color: #ae9dc3;
    color: #C9C0DB;
    text-decoration: none;
}
/*a-link*/
#leftmenu-container #leftmenu-title a:hover {
  color: #ff6600; 
}

#leftmenu-title.custom-leftmenu-title {
    display: table !important;
}
#leftmenu-title.custom-leftmenu-title > div {
    display: table-row !important;
}
#leftmenu-title.custom-leftmenu-title > div > div {
    display: table-cell !important;
}
#leftmenu-title.custom-leftmenu-title div.lm-title-icon {
    width: 30%;
    padding-right: 5px;
}
#leftmenu-title.custom-leftmenu-title div.lm-title-text {
    vertical-align: middle;
}


#leftmenu-top {
	padding:3px 0 0 0;
	margin:0;
	width: 100%;
	height:26px;
	background-color: #373737;
	cursor:default;
	line-height: 100%;
}
.leftmenu-arrow {
	background-color: #4b4b4b;
	position:relative;
	display: block;
	width:70px;
	float:right;
	height: 16px;
	padding: 5px 0 3px 0;
	font-size: 10px;
	margin: 0 14px 0 0;
	text-align: right;
}
.leftmenu-arrow::after {
	content: "";  
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #000;
	border-left: 12px solid #4b4b4b;
	position: absolute; 
	right: -12px; 
	top: 0;
}
#leftmenu {
	margin: 18px auto 100px auto;
	display:block;
	width: 160px;
	font-size: 16px;
	z-index: 600;
}
#leftmenu ul{
	margin: 0;
}
#accordion{
	width: 190px;
	background-color: transparent;
	padding-left: 0;
	list-style:none;
}
#accordion ul{
	padding-left: 8px;
	list-style:none;
	line-height: 140%;
  background-color: #4b4b4b;
}
/* #accordion ul.children::before */ 
#accordion .dropdown-arrow {
  display: none;
}
#accordion .leftmenu-item-text {
   display: inline-block;
   width: 90%;
 }
/*a-link*/
#accordion .page_item_has_children > a > .leftmenu-item-text {
  width: 85%;
}
/*a-link*/
#accordion .page_item_has_children > a > .dropdown-arrow {
  display: inline-block;
  float:right;
	padding: 0 3px 0 6px;
	font-family: FontAwesome;
//  font-family:"Font Awesome 5 Free";
  
	/*content: "\f0d7";*/
}
#accordion li{
	margin-bottom: .4em;
}
/*a-link*/
#accordion a{
	color: #babcbd;
	font-size: .9em;
	display: block;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
}
#accordion li ul li{
	margin-bottom: 0;
}
/*a-link*/
#accordion a:hover{
	background-color: #000;
	color: #fff;
}
#accordion .current_page_item {
/* background-color: #fff; */
}
/*a-link*/
#accordion .current_page_item > a{
 color: #fff !important;
}
/*a-link*/
#leftmenu > ul > li.current_page_item > a,
#leftmenu > ul > li.current_page_parent > a,
#leftmenu > ul > li.current_page_ancestor > a {
  background-color: #C45329;
  background-color: #726795;
/*  color: #fff; */
  color: #ffffff;
}

.pagenav .page_item_has_children > .children {
  display: none;
 }

.pagenav .current_page_ancestor > .children,
.pagenav .current_page_item > .children {
  display: block;
 }

#content-container {
	background: #fff;
	padding: 0;
	margin: 0;
	height: 100%;
}
#breadcrumb {
	min-height: 18px;
	padding: 7px 0 5px 31px;
	font-size: 12px;
/*	font-weight:bold;
 */
	background-color: #ededed;
	color: black;
/*	line-height: 100%; */
	}
/*a-link*/
#breadcrumb a {
	text-decoration: none;
}	
/*a-link*/
#breadcrumb a:after {
	padding: 0 3px 0 6px;
	font-family: FontAwesome;
//  font-family:"Font Awesome 5 Free";
	content: "\f0da";
	color: #86898c;
}
#toggle-leftmenu {
	top: -2px;
	margin: 0 12px 0 0;
	display: none;
	font-size: 21px;
	color:#ea6c20;
	cursor: pointer;
}
button#toggle-leftmenu {
    padding: 0;
    border-width: 0;
    border-style: none;
    border-image: none;
    background-color: transparent;
  
  }

#content {
	padding: 10px 20px 140px 20px;
	background-color: #fff;
}
#slider {
	height: 100%;
}

footer {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	height: 18px;
	background-color: #ededed;
	font-size: 11px;
    bottom: 0;
}

/* WordPress image classes */

img {
 max-width: 96%;
height:auto;
}
/*a-link*/
a img {
 max-width: 96%;
 height:auto;
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
/*a-link*/
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
/*a-link*/
a img.alignnone {
    margin: 5px 20px 20px 0;
}
/*a-link*/
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
/*a-link*/
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96% !important; /* Image does not overflow the content area */
    padding: 5px 3px 0;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
/*a-link*/
.wp-caption a img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0 !important;
    padding: 0 4px 5px;
}
/*
Accordion button on Services home page.
(Also uses code in scripts.js)
*/
.accord {
  margin: .5em 0 .8em 0;

}
.accord-container { 
  position: relative;
  margin:0 0 .4em 0;
  padding:0; 
  background-color: #ebf0f5;
}
.accord-button { 
  width: 100%;
  padding-left:0 !important;
  padding-right:0 !important;
  padding:.5em; 
  display:block;
}
.accord-content { 
  display: none; 
  padding: .5em; 
}
.pb-service-accord{             		/* regalia1 #726795 */          		
  background-color: #695f89;
  color: #ffffff;
}
.pb-service-accord:hover,
.pb-service-accord:focus,
.pb-service-accord:active,
.pb-service-accord.active,
.pb-service-accord.disabled,
.pb-service-accord[disabled] {
  color: #ffffff;
  background-color: #5b5277;
}
/*a-link*/
.pb-service-accord a {
  color: #ffffff;
}

/* Use this class in a dive to emulate left column for photos on About/Departments page */
.img-left-column {
margin-left: 117px !important;
}

.img-left-column img {
margin-left: -117px !important;
}


/*
(4) Adds/Mods to existing Pure CSS
*/

/* Custom Pure responsive grid settings */

.pg-box {
	padding: 0 10px;
	margin-top: 12px;
}
.pg-box.section-home {
margin-bottom: 24px;

}
.pg-box.page-title-banner {
  background-color: #522d80;
//  background-color: #ea6a20;
  color: white !important;
padding: 12px 12px 12px 32px !important;
margin: 0 -20px 12px -20px !important;  
}
.pg-box-shaded {
	padding: 10px 20px 14px 20px;
	margin: 16px 10px 10px 10px;
	height: 100%;
	overflow: hidden;
}
.pg-box-bordered {
	padding: 0;
	margin: 16px 10px 10px 10px;
	height: 100%;
	overflow: hidden;
  border: 1px solid #86898c;
}
.pg-box-bordered.policy-float-left{
	margin: 16px 0 10px 0;
  width: 48%;
  float:left;
}
.pg-box-bordered.policy-float-right{
	margin: 16px 0 10px 0;
  width: 48%;
  float:right;
}
.pg-box-bordered .title {
	font-size:1.5em;
  letter-spacing: .01em;
  color: white;
	margin:0;
  padding: 10px 15px;
	font-family: TG7, Arimo, Arial,sans-serif;
	line-height: 110%;
  font-weight: normal;
/*text-align: center;*/
}
.pg-box-bordered .body {
	margin: 10px 15px 14px 15px;
	height: 100%;
	overflow: hidden;
}
.pg-box-bordered p {
  letter-spacing: .01em;
  margin: .36em 0 !important; 
}
.pg-box-bordered p.space {
  letter-spacing: .01em;
  margin: .9em 0 !important; 
}
.pg-box-bordered p.subtitle {
  letter-spacing: .01em;
  margin: 1.2em 0 .36em 0 !important; 
	font-family: TG12, Arimo, Arial,sans-serif;
  font-weight: bold;
}

.pg-box-ql {
 /*   border: 1px solid #726795; */
		padding: 10px 16px 14px 28px;
		margin: 12px 10px 10px 10px;
   	border: 1px solid #babcbd;
   	border: 1px solid #e2e3e4;
}
.pg-box-ql p {
    margin:0;
    padding: 0;
		font-size: 0.98em;
		line-height: 100%;

}
p.ql-title {
	font-size:1.6em;
	margin:6px 0 .67em 0 !important;
	font-family: TG12, Arimo, Arial,sans-serif;
	line-height: 120%;
  font-weight: bold;
}
.pg-box-twit {
		padding: 10px !important;
}

.pg-box-twit .pg-box-twit-bg {
	padding: 0 6px;
  background: #ffffff;
}

.rotatingtweets_format_1 {  /* Twitter feed styling */
	border-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: .94em;
  line-height: 1.3em;
  color: #535353;
}

.rotatingtweet.cycle-slide,
.rotatingtweet.cycle-slide > div {
    min-width: 180px !important;
    max-height: 210px !important;
}


.pg-box-announcements {
	padding: 0 10px;
	margin-top: 16px;
}
.bg-sa:hover {
	background-color: #46266d;
	color: #fff;
}
/*a-link*/
.bg-sa:hover a:hover {
	color: #fff;
}

.margin-top-0{  
	margin-top: 0 !important;
}
.margin-top-2{  
	margin-top: 2px !important;
}
.margin-top-4{  
	margin-top: 4px !important;
}
.margin-top-8{  
	margin-top: 8px !important;
}
.margin-top-12{  
	margin-top: 12px !important;
}
.margin-top-16{  
	margin-top: 16px !important;
}
.margin-top-20{  
	margin-top: 20px !important;
}
.margin-top-24{  
	margin-top: 24px !important;
}
.margin-top-28{  
	margin-top: 28px !important;
}
.margin-top-32{  
	margin-top: 32px !important;
}
.margin-bottom-0{  
	margin-bottom: 0 !important;
}
.margin-bottom-2{  
	margin-bottom: 2px !important;
}
.margin-bottom-4{  
	margin-bottom: 4px !important;
}
.margin-bottom-8{  
	margin-bottom: 8px !important;
}
.margin-bottom-12{  
	margin-bottom: 12px !important;
}
.margin-bottom-16{  
	margin-bottom: 16px !important;
}
.margin-bottom-20{  
	margin-bottom: 20px !important;
}
.margin-bottom-24{  
	margin-bottom: 24px !important;
}
.margin-bottom-28{  
	margin-bottom: 28px !important;
}
.margin-bottom-32{  
	margin-bottom: 32px !important;
}
.margin-left-0{
	margin-left: 0 !important;
}
.margin-left-2{
	margin-left: 2px !important;
}
.margin-left-4{
	margin-left: 4px !important;
}
.margin-left-8{
	margin-left: 8px !important;
}
.margin-right-0{
	margin-right: 0 !important;
}
.margin-right-2{
	margin-right: 2px !important;
}
.margin-right-4{
	margin-right: 4px !important;
}
.margin-right-8{
	margin-right: 8px !important;
}
.center {
  text-align:center;
}
.right {
  text-align:right;
}
.left {
  text-align:left;
}

.reverse  {
	color: #fff;
}
/*a-link*/
.reverse a{
	color: #f5faff;
    text-decoration: none;
}
/*a-link*/
.reverse a:hover  {
	color: #f5b895;
}
.reverse1 {
	color:#ededed;
}
.reverse2 {
	color: #e2e3e4;
}	
.reverse3 {
	color: #babcbd;
}
.link-to-more {
	text-align: right;
	margin: 1.5em .4em 0 0 !important;
	font-size: 88%;
}
/*a-link*/
.link-to-more a {
	padding: 3px 5px;
	background-color: #ebf0f5;
    text-decoration: none;
}
/*a-link*/
.link-to-more a:after {
	padding: 0 0 0 6px;
	font-family: FontAwesome;
//  font-family:"Font Awesome 5 Free";  
	content: "\f101";
}
.link-to-more.raised1 {
	margin-top: 1.1em !important;
}
.link-to-more.raised2 {
	margin-top: .7em !important;
}
.link-to-more.raised3 {
	margin-top: .3em !important;
}
.link-to-more.raised4 {
	margin-top: -.1em !important;
}
.link-to-more.raised5 {
	margin-top: -.5em !important;
}
.link-to-more.raised6 {
	margin-top: -.9em !important;
}




.link-to-more.left {
	text-align:left;
}
.reverse .link-to-more {
	color: #fff;
	background-color: transparent;
}
/*a-link*/
.reverse .link-to-more a{
	color: #cfdbe6;
	background-color: transparent;
    text-decoration: none;
}
/*a-link*/
.reverse .link-to-more a:hover  {
	color: #f5b895;
}
.home-r-sidebar {
	/* only used later in media query*/
}
.home-m-sidebar {
	display: none !important;
}
.home-m-sidebar .pg-box-shaded {
		width: 202px;
}
.home-m-sidebar .pb-chat {
	width: 234px;
  display: block;
	margin-left: auto !important;
  margin-right: auto !important;
}

.leftmenu-r-sidebar {
	/* only used later in media query*/
}
.leftmenu-m-sidebar {
	display: none !important;
}
.leftmenu-m-sidebar .pg-box-shaded {
		width: 202px;
}

.support-r-sidebar {
	/* only used later in media query*/
}
.support-m-sidebar {
	display: none !important;
}
.support-m-sidebar .pg-box-shaded {
		width: 202px;
}
.support-m-sidebar .pb-chat, .support-m-sidebar .pb-kb {
	width: 234px;
  display: block;
	margin-left: auto !important;
  margin-right: auto !important;
}

.service-r-quickstart {
	/* only used later in media query*/
}
.service-m-quickstart {
	display: none;
	margin-bottom: 24px;
}
.service-m-quickstart .pg-box-shaded {
		width: 202px;		
}

/* Custom Pure button colors ONLY A FEW OF THESE HAVE FINALIZED SHADES/TINTS  */

.pure-button {
	font-family: TG12, Arimo, Arial,sans-serif;
}

.pg-orange.active {
  color: rgba(255, 255, 255, 0.75);
}
.pb-orange.active {
  color: rgba(255, 255, 255, 0.75);
}
.pb-orange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ea6a20;
  border-color: #c45413 #c45413 #7f360c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 /* background-color: #c45413; */
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

}
.pb-orange:hover,
.pb-orange:focus,
.pb-orange:active,
.pb-orange.active,
.pb-orange.disabled,
.pb-orange[disabled] {
  color: #ffffff;
  background-color: #c45413;
  *background-color: #ad4a10;
}
.pb-orange:active,
.pb-orange.active {
  background-color: #96400e ;
}
.pb-regalia {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #482871;
  border-color: #3a205a #3a205a #160c22;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #3a205a;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.pb-regalia:hover,
.pb-regalia:focus,
.pb-regalia:active,
.pb-regalia.active,
.pb-regalia.disabled,
.pb-regalia[disabled] {
  color: #ffffff;
  background-color: #3a205a;
  *background-color: #2e1947;
}
.pb-regalia:active,
.pb-regalia.active {
  background-color: #221235 ;
}
.pb-regalia1 {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #695f89;
  border-color: #5b5277 #5b5277 #38334a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #5b5277;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}
.pb-regalia1:hover,
.pb-regalia1:focus,
.pb-regalia1:active,
.pb-regalia1.active,
.pb-regalia1.disabled,
.pb-regalia1[disabled] {
  color: #ffffff;
  background-color: #5b5277;
  *background-color: #4f4868;
}
.pb-black{             		/* black #000 */
	background-color: #000;
	border-color: #522d80;
	color: #fff;
}
.pb-black:hover,
.pb-black:focus,
.pb-black:active,
.pb-black.active {
	background-color: #46266d;
	border-color: #3a205a;
	color: #fff;
}
.pb-black.disabled:hover,
.pb-black.disabled:focus,
.pb-black.disabled:active,
.pb-black.disabled.active {
	background-color: #522d80;
	border-color: #522d80;
}
.pb-innovation-grey{          	/* innovation grey #86898c */
	background-color: #86898c;
	border-color: #86898c;
	color: #fff;
}
.pb-innovation-grey:hover,
.pb-innovation-grey:focus,
.pb-innovation-grey:active,
.pb-innovation-grey.active {
	background-color: #797c7f;
	border-color: #6d7072;
	color: #fff;
}
.pb-innovation-grey.disabled:hover,
.pb-innovation-grey.disabled:focus,
.pb-innovation-grey.disabled:active,
.pb-innovation-grey.disabled.active,
.pb-innovation-grey[disabled]:hover {
	background-color: #86898c;
	border-color: #86898c;
}
.pb-howards-rock{             	/* howard's rock #685c53 */
	background-color: #685c53;
	border-color: #685c53;
	color: #fff;
}
.pb-howards-rock:hover,
.pb-howards-rock:focus,
.pb-howards-rock:active,
.pb-howards-rock.active {
	background-color: #5a4f48;
	border-color: #4c433c;
	color: #fff;
}
.pb-howards-rock.disabled:hover,
.pb-howards-rock.disabled:focus,
.pb-howards-rock.disabled:active,
.pb-howards-rock.disabled.active {
	background-color: #685c53;
	border-color: #685c53;
}
.pb-blue-ridge{             	/* blue ridge #3a4958 */
	background-color: #3a4958;
	border-color: #3a4958;
	color: #fff;
}
.pb-blue-ridge:hover,
.pb-blue-ridge:focus,
.pb-blue-ridge:active,
.pb-blue-ridge.active {
	background-color: #283b48;
	border-color: #1f2e37;
	color: #fff;
}
.pb-blue-ridge.disabled:hover,
.pb-blue-ridge.disabled:focus,
.pb-blue-ridge.disabled:active,
.pb-blue-ridge.disabled.active,
.pb-blue-ridge[disabled]:hover {
	background-color: #3a4958;
	border-color: #3a4958;
}
.pb-gameday-sky{             	/* gameday sky #109dc0 */
	background-color: #109dc0;
	border-color: #109dc0;
	color: #fff;
}
.pb-gameday-sky:hover,
.pb-gameday-sky:focus,
.pb-gameday-sky:active,
.pb-gameday-sky.active {
	background-color: #0e8aa8;
	border-color: #0c7791;
	color: #fff;
}
.pb-gameday-sky.disabled:hover,
.pb-gameday-sky.disabled:focus,
.pb-gameday-sky.disabled:active,
.pb-gameday-sky.disabled.active {
	background-color: #109dc0;
	border-color: #109dc0;
}
.pb-centennial-oak{            /* centennial oak #562e19 */
	background-color: #562e19;
	border-color: #562e19;
	color: #fff;
}
.pb-centennial-oak:hover,
.pb-centennial-oak:focus,
.pb-centennial-oak:active,
.pb-centennial-oak.active {
	background-color: #422313;
	border-color: #2e190e;
	color: #fff;
}
.pb-centennial-oak.disabled:hover,
.pb-centennial-oak.disabled:focus,
.pb-centennial-oak.disabled:active,
.pb-centennial-oak.disabled.active {
	background-color: #562e19;
	border-color: #562e19;
}
.pb-tillman-brick{             /* tillman brick #a25016 */
	background-color: #a25016;
	border-color: #a25016;
	color: #fff;
}
.pb-tillman-brick:hover,
.pb-tillman-brick:focus,
.pb-tillman-brick:active,
.pb-tillman-brick.active {
	background-color: #8c4513;
	border-color: #753a10;
	color: #fff;
}
.pb-tillman-brick.disabled:hover,
.pb-tillman-brick.disabled:focus,
.pb-tillman-brick.disabled:active,
.pb-tillman-brick.disabled.active {
	background-color: #a25016;
	border-color: #a25016;
}
.pb-bowman-field {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #566127;
  border-color: #566127;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.pb-bowman-field:hover,
.pb-bowman-field:focus,
.pb-bowman-field:active,
.pb-bowman-field.active,
.pb-bowman-field.disabled,
.pb-bowman-field[disabled] {
  color: #ffffff;
  background-color: #4f5924;
  *background-color: #3f471c;
}
.pb-bowman-field:active,
.pb-bowman-field.active {
  background-color: #2f3515 ;
}

.pb-calhoun-fields{            /* calhoun fields #b5c327 */
	background-color: #b5c327;
	border-color: #b5c327;
	color: #fff;
}
.pb-calhoun-fields:hover,
.pb-calhoun-fields:focus,
.pb-calhoun-fields:active,
.pb-calhoun-fields.active {
	background-color: #a1ae23;
	border-color: #8e991f;
	color: #fff;
}
.pb-calhoun-fields.disabled:hover,
.pb-calhoun-fields.disabled:focus,
.pb-calhoun-fields.disabled:active,
.pb-calhoun-fields.disabled.active {
	background-color: #b5c327;
	border-color: #b5c327;
}
.pb-annas-lace{             	/* anna's lace #f9e498 */
	background-color: #f9e498;
	border-color: #f9e498;
	color: #fff;
}
.pb-annas-lace:hover,
.pb-annas-lace:focus,
.pb-annas-lace:active,
.pb-annas-lace.active {
	background-color: #f8de80;
	border-color: #f6d768;
	color: #fff;
}
.pb-annas-lace.disabled:hover,
.pb-annas-lace.disabled:focus,
.pb-annas-lace.disabled:active,
.pb-annas-lace.disabled.active {
	background-color: #f9e498;
	border-color: #f9e498;
}
.pb-large {
	font-size: 110%;
    }
.pb-masthead {
	width:20%; 
	border-radius:0;
	padding:12px 0;
	font-size: 1.2em;
/*! -webkit-box-sizing: border-box; */ /*! -moz-box-sizing: border-box; */ /* 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;         
*/
	text-transform: uppercase;
	color:#ffffff;
        background-color: #522d80;  
	/*! max-height: 22px; */
	/*! overflow: hidden; */
	line-height: 1.4em;
}
.pb-masthead:hover,
.pb-masthead:focus,
.pb-masthead:active,
.pb-masthead.active,
.pb-masthead.disabled,
.pb-masthead[disabled] {
  color: #ffffff;
  background-color: #4f5924;
  *background-color: #3f471c;
   background-color: #3a205a;
}

.pb-masthead.security img {
border: 0 !important;
margin-top: -5px;
max-height: 26px;
vertical-align: middle;
}
/*a-link*/
#skip, #skip a { 
position:fixed; 
top: -200px !important;
left: 15px;
z-index: 1500;
text-decoration: none;
}
/*a-link*/
#skip a.pure-button {
 border: solid 1px white;
  }
/*a-link*/
#skip:focus, #skip a:focus { 
top: 35px !important;
  } 
.alt-long-desc {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
width: 1px;
}

#content.servicesna #servicesnav{
color: #fff;
background-color: #6f7e32;
background-color: blue;
} 

/* MSIE exception
.pb-mh-left{
	padding-top: 13px; 
}
.pb-mh-right{
	padding-top: 13px;
}
*/

.pb-quicklinks {
	width:88%;
	padding:8px 0;
	font-size: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
  display: block;
  margin: 0 auto;
  font-weight:bold;
}
.pb-twit {
  white-space: normal !important;
  display:block;
  margin: 0 auto 10px auto;
  text-align: left;
  background-color: #3A4958 !important;
}
.pb-popular-h{        
	font-size: 1.28em;
	width:150px;
  height:60px;
	padding: 18px 6px 12px 6px;
	border-radius:0.1em;
	white-space: normal !important; 
	text-align: center;
	margin: 0 1px 1px 0;
  color: white !important;
  line-height: 1.6em;
  vertical-align: bottom;
}
.pb-popular-h span {             		       
  font-size: 1.53em;
  color: #ffffff;
}
.pb-popular-h i {             		       
  font-size: 1.6em;
  color: #ffffff;
}
.pb-popular-h.cyber{        
  height:94px;
}
.pb-popular{        
	font-size: 14px;
	width:100px;
  font-family: TG7;
  height:60px;
	padding: 16px 6px 8px 6px;
	border-radius:0.1em;
	white-space: normal !important; 
	text-align: center;
	margin: 0 1px 1px 0 !important;
  color: white !important;
  line-height: 180%;
  vertical-align: bottom;
}
.pb-popular span {             		       
  font-size: 25px;
  color: #ffffff;
}
.pb-popular i {             		       
  font-size: 26px;
  color: #ffffff;
}

.pb-2-level {
	width:200px; 
	padding: 10px 14px;
	border-radius:.5em;
	white-space: normal !important;
	text-align: left;
	margin: 0 20px 20px 0;
}
.pb-2-level .title {
	font-size: 1.3em;
	vertical-align:7px;
}
.pb-service{             		/* regalia1 #726795 */          		
	/* width: 250px; */
  width: 19em;
 	padding: .8em 1em;
	border-radius:.5em;
	text-align: left;
	margin: 0 7px 5px 0;		
  background-color: #695f89;
	white-space: normal !important;
	font-size: .9em;
  height: 120px;
}
.pb-service:hover,
.pb-service:focus,
.pb-service:active,
.pb-service.active,
.pb-service.disabled,
.pb-service[disabled] {
  color: #ffffff;
  background-color: #5b5277;
}
/*a-link*/
.pb-service a {
  color: #ffffff;
}
.pb-service .icon {
  float: left;
  width: 19%;
  font-size: 2.4em;
  margin-top: .6em;
  color: #fff
}
.pb-service .icon span {
  color: #ffffff;
}
.pb-service .info {
  float: left;
  width: 80%;
}
.pb-service h4 {
	font-family: TG4, Arimo, Arial,sans-serif;
	font-size: 1.3em; /* was 1.4em */
  line-height: 116%;
  margin-top:.0 !important;
  font-weight:normal;
}
.pb-service li {
    list-style: none;
    text-indent:-.8em;
    line-height: 110%; 
    margin: 0 0 .2em -.5em;
}
.pb-service li:before {
    content: "\2022";
    font-size: .9em;
    padding-right: .5em;
}

.pb-small1 {
	font-size: 90%;
}
.pb-small2 {
	font-size: 80%;
}

.pb-chat, .pb-kb {
  width:100%;
  text-align: left;
  white-space: normal;
}
.pb-chat {
  background-color: #0C7D9A !important;
  margin-top: 14px !important;
	padding: 10px 0 10px 38px !important;
  text-indent: -13px;
}
.pb-kb {
//  background-color: #8b5841 !important;
	padding: 10px 0 10px 35px !important;
  text-indent: -11px;
  margin-top: 4px !important;
}

.pb-minimenu {
  margin-top: 2px;
  margin-left: 4px;
  font-size: 80%;
  width:82%;
  text-align:left;
  padding-left:.9em;
}

.pb-sec {
  width:100%; 
  display:block; 
  margin: 14px auto 0 auto !important;
  padding: 10px 0 10px 0 !important;
}

#small-get-help-btn {
  display:none;
}

/* Clemson web colors */
.orange {
	background-color: #ea6a20;
}
.orange1 {
	background-color: #f5b895;
}
.orange2 {
	background-color: #fad7c3;
}
.orange3 {
	background-color: #fce8dc;
}
.regalia {
	background-color: #522d80;
}
.regalia1 {
	background-color: #726795;
}
.regalia2 {
	background-color: #ded5eb;
}
.regalia3 {
	background-color: #ece7f7;
}
.black{    
	background-color: #000;
}
.black1{
	background-color: #373737;
}
.black2{
	background-color: #535353;
}
.black3{
	background-color: #696d70;
}
.innovation-grey{    
	background-color: #86898c;
}
.innovation-grey1{    
	background-color: #babcbd;
}
.innovation-grey2{    
	background-color: #e2e3e4;
}
.innovation-grey3{    
	background-color: #ededed;
}
.howards-rock{       
	background-color: #685c53;
}
.howards-rock1{       
	background-color: #8b796f;
}
.howards-rock2{       
	background-color: #dcd7d3;
}
.howards-rock3{       
	background-color: #eeecea;
}
.blue-ridge{            
	background-color: #3a4958;
}
.blue-ridge1{            
	background-color: #567d99;
}
.blue-ridge2{            
	background-color: #cfdbe6;
}
.blue-ridge3{            
	background-color: #ebf0f5;
}
.gameday-sky{      
	background-color: #109dc0;
}
.gameday-sky1{      
	background-color: #6eaab7;
}
.gameday-sky2{      
	background-color: #d9f6fc;
}
.gameday-sky3{      
	background-color: #e8f9fd;
}
.centennial-oak{         
	background-color: #562e19;
}
.centennial-oak1{         
	background-color: #8b5a41;
}
.centennial-oak2{         
	background-color: #e4d5ce;
}
.centennial-oak3{         
	background-color: #f7ebe7;
}
.tillman-brick {
	background-color: #a25016;
}
.tillman-brick1 {
	background-color: #bc6c35;
}
.tillman-brick2{
	background-color: #e7c9b5;
}
.tillman-brick3 {
	background-color: #f0e4e0;
}
.bowman-field{         
	background-color: #566127;
}
.bowman-field1{         
	background-color: #6f7e32;
}
.bowman-field2{         
	background-color: #c9d1ae;
	background-color: #b1b49a;
}
.bowman-field3{
	background-color: #e8ecd1;
}
.calhoun-fields{    
	background-color: #b5c327;
}
.calhoun-fields1{    
	background-color: #c8d17f;
}
.calhoun-fields2{    
	background-color: #e8eeab;
}
.calhoun-fields3{    
	background-color: #f1f4d1;
}
.annas-lace{
	background-color: #f9e498;
}
.annas-lace1{
	background-color: #d2bb66;
}
.annas-lace2{
	background-color: #fcedb9;
}
.annas-lace3{
	background-color: #fef5e0;
}
.white {
	background-color: #fff;
}

/* Contact Form 7 plugin style */
div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip { 
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}
div.wpcf7 div.ajax-error {
	display: none;
}
div.wpcf7 .placeheld {
	color: #888;
}
div.wpcf7 p{
	margin-top: 1.4em !important;
}
div.wpcf7 small {
	font-family: TG7;
  font-size: 100%;
}

.form-text-1 {
	width: 95%;
  padding:.35em;
}
.form-email-1 {
	width: 95%;
  padding:.35em;
}
.form-url-1 {
/*	width: 95%; */
}
.form-phone-1 {
/*	width: 95%; */
}
.form-textarea-1 {
	width: 95%;
  height: 16em;
  padding:.35em;
}
.form-checkbox-1 {
/*	width: 95%; */
}

.icon-custom-bitmap img{
    text-align: center !important;
		vertical-align: text-bottom !important;
}

.ico-custom-security img{
  margin: -17px 6px 0 -10px;
  float: left;
}
.ico-custom-security-lm img{
  width: 40px;
  vertical-align: middle;
  float: left;
  margin-right: 7px;}

.pb-popular-h .icon-custom-bitmap img{
  	height: 28px !important;
		width: auto !important;
}

.pb-popular .icon-custom-bitmap img{
  	height: 25px !important;
		width: auto !important;
}

/*
Google Search results margin fix 
*/ 
table.gsc-table-result {
	border-collapse: inherit;
}


/*
(5) Media Queries
*/

@media screen and (max-width: 1200px) {
.pb-service {
/*	width:340px; */
  width: 22em;
}
.wordmark-stripe {
	width: 12px;
	left:-12px;
}
#miniheader-wordmark {
	background: url('_images/cu_wordmark2.png') no-repeat;
	background-size: 188px 25px;
	width: 188px;
}
#miniheader-wordmark:hover {
	background: url('_images/cu_wordmark2d.png') no-repeat;
}
#miniheader .wrap {
	max-width: 940px;
}
.stripe-orange{
	height:58px;
}
.masthead {
	width: 940px;
}
.masthead .ccit {
	background-size: 376px 58px;
	background-repeat: no-repeat;
	height: 58px;
}
.masthead .search {
	height: 58px;
}
.masthead #ccit-search{
	height: 29px;
	text-indent: 8px;
	margin-top:29px;
}
.masthead .pb-masthead{
	font-size: 1.2em;
}
  
.pb-masthead.security img {

}

#all-content-container {
	width: 940px;
}
.side-spacer .mh-menu-extend {
	/*! height: 45px; */
}
#leftmenu-container{
	width:188px;
}
.stripe {
	width: 12px;
}
#leftmenu{
	font-size: 15px;
}
#accordio{
	width: 180px;
}
#accordion{
	width: 180px;
}
#content{
/*	font-size: 94%; */
}
.pg-box-shaded {
	padding: .3em 1em .3em 1.1em;
}
.service-r-quickstart, .service-m-quickstart{
  padding-top: 10px !important;
  }
.home-announcements, .home-r-sidebar  {
	font-size: 90%;
}
.support-announcements, .support-r-sidebar  {
	font-size: 90%;
}
.support-gh-block {
  margin-top: -.3em;
/*    margin: -.7em 0 0 -1.3em;
  padding: .6em 1.3em .6em 1.3em; */
}
#accordion .page_item_has_children > a > .dropdown-arrow {
	padding: 0 6px 0 6px;
}
}

@media screen and (max-width: 1024px) {
.pg-box-bordered.policy-float-left, 
.pg-box-bordered.policy-float-right  {
float:none;
    width:100%;
}
}

@media screen and (max-width: 960px) {
.pg-box.page-title-banner {
margin: 0 -10px 12px -10px !important;  
}
  
  
#miniheader .wrap {
	max-width: 768px;
}
#miniheader-wordmark {
	background: url('_images/cu_wordmark3.png') no-repeat;
	background-size: 158px 25px;
	width: 158px;
}
#miniheader-wordmark:hover {
	background: url('_images/cu_wordmark3d.png') no-repeat;
}
.stripe-orange{
	height:49px;
}
.masthead {
	width: 768px;
}
.masthead .ccit {
	background-size: 316px 49px;
	background-repeat: no-repeat;
	height: 49px;
}
.masthead .search {
	width:158px;
	height: 49px;
}
.masthead #ccit-search{
	font-size: 88%;
	height: 29px;
	text-indent: 5px;
	margin-top:20px;
}
.masthead .pb-masthead{
	font-size: 1em;
	padding: 9px 0;
}
  
.pb-masthead.security img {
max-height: 20px;
}
	
	#mh-menu {
		
	max-height: 36px;
	}
	
  
.side-spacer .mh-menu-extend {
	height: 36px;
}
#all-content-container {
	width: 768px;
}
#breadcrumb {
	font-size: 11px;
	}
#content{
	padding: 10px 10px 60px 10px;
}
.bx-wrapper .bx-caption, #home-page-caption {
	line-height: 1.1em !important;
  font-size: .96em !important;
}
.home-announcements h2, .home-r-sidebar  h2{
	font-size: 1.1em;
}
.support-r-sidebar .pg-box-shaded {
	margin-left: 0 !important;
}
.support-announcements h2, .support-r-sidebar  h2{
	font-size: 1.1em;
}

/* MSIE exception
.masthead .pb-mh-left{
	padding-top: 10px; 
}
.masthead .pb-mh-right{
	padding-top: 10px;
}
*/
}

@media screen and (max-width: 786px) {
html {
	overflow-y:auto;
}
.pg-box.page-title-banner {
padding: 12px 12px 12px 20px !important;
}
  
.wordmark-stripe {
	display:none;
}
#miniheader {
	padding: 0 15px;
}
#miniheader .wrap {
	max-width: 100%;
}
.masthead {
	width: 100%;
}
.masthead .ccit {
	margin-left: 15px;
	background-image: url('_images/ccit_logo_letters_small_reverse.png');
	background-size: 158px 49px;
	width: 158px;
	height: 49px;
}
.masthead .ccit:hover{
	background-image: url('_images/ccit_logo_words_small.png');
}
.masthead .search {
	margin-right: 15px;
	width: 158px;
	height: 49px;
}
.masthead #ccit-search{ 
	font-size: 84%;
	height: 29px;
	margin-top:20px;
}
  
 
#all-content-container {
	width: 100%;
}
.grid > .row > .column.side-spacer,
#leftmenu-container {
	display: none;
}
#breadcrumb.leftmenu {
	padding: 6px 0 6px 21px;
  }
#breadcrumb.noleftmenu {
	padding-left: 21px;
  }  
#toggle-leftmenu {
	position:relative;
	vertical-align:middle;
	display: block;
  float:left;
}
#breadcrumb {
/*	float:left; */
  } 

#content {
}

.pb-service .title {
	font-size: 1.3em;
	vertical-align:2px;
}
.services-a-z {
	display: none;
} 
}	

@media screen and (max-width: 767px) {
.home-r-sidebar {
	/*display: none;*/
}
.home-m-sidebar {
	display: block !important;
	width:100%;
}
.home-m-sidebar .pg-box-shaded{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.pb-feedback{
  display: block;
  width: 230px;
  margin-left: auto !important;
	margin-right: auto !important;
}
.home-m-sidebar .pg-box-shaded .pg-box-twit{
  }
  
.leftmenu-r-sidebar {
	/*display: none;*/
}
.leftmenu-m-sidebar {
	display: block !important;
	width:100%;
}
.leftmenu-m-sidebar .pg-box-shaded{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
  
.leftmenu-m-sidebar .pb-feedback {
	margin-left: auto !important;
	margin-right: auto !important;
  }  
  
.home-announcements {
	font-size: 96%;
}
.home-announcements h2{
	font-size: 1.5em;
}

.service-r-quickstart {
	display: none;
}
.service-m-quickstart {
	display: block;
}
.service-m-quickstart .pg-box-shaded {
	display: block;
}
.support-r-sidebar {
	/*display: none;*/
}
.support-m-sidebar {
	display: block !important;
}
.support-m-sidebar .pg-box-shaded{
	margin-left: auto !important;
	margin-right: auto !important;
  margin-top: 8px !important;
}
.support-announcements {
	font-size: 96%;
}
.support-announcements h2{
	font-size: 1.5em;
}
.pg-box-bordered.policy-float-left  {
float:left;
    width:48%;
}
.pg-box-bordered.policy-float-right  {
float:right;
    width:48%;
}
.pb-minimenu {
		max-width: 157px;  
  }

#small-get-help-btn {
  display:block;
}

  
  
}

@media screen and (max-width: 710px) {

footer {
	height: 30px;
}
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 560px) {
.masthead .pb-masthead{
	font-size: 90%;
}
.home-m-sidebar {
	font-size: 90%;
}
.leftmenu-m-sidebar {
  font-size: 90%;
  }  
.support-m-sidebar {
	font-size: 90%;
}
.bx-wrapper .bx-caption, #home-page-caption {
 	line-height: 1.04em !important;
  font-size: .92em !important;
}
  
.pb-masthead.security img {
  max-height: 17px;
}
  
  
}
@media screen and (max-width: 518px) {
.pg-box-bordered.policy-float-left, 
.pg-box-bordered.policy-float-right  {
float:none;
    width:100%;
}
}

@media screen and (max-width: 474px) {
.masthead .ccit{
	float:none;
	margin-left:0;
}
.masthead .search{
	float: none;
	margin-right:0;
	height: 49px;
}
.masthead #ccit-search{ 
	height: 29px;
	margin-top:20px;
}
#mh-top{
    text-align:center;
}
#mh-menu{
     padding:0 30px 9px 30px;
	 border-bottom: 1px solid #b1b49a;
    text-align:center;
    max-height: initial;
}
#mh-menu .security {
  font-size: 9px;
  padding: 12px 9px 12px 7px;
  vertical-align: 2px;
  vertical-align: top;
  height: 37px;
}
.masthead .pb-masthead{
	font-size: 90%;
	width:105px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
	box-sizing: border-box;         
	border-top: 1px solid #726795;
}
}

@media screen and (max-width: 550px) {
#accordion .page_item_has_children > a > .dropdown-arrow {
	padding: 0 6px 0 1px;
}
#leftmenu {
width:auto;
  }
#leftmenu-container #leftmenu-title{
margin-left:0 !important;
  }  
}


@media screen and (max-width: 370px) {
.pb-service {
	width: 94%;
  height:auto;
  font-size: .8em;
}
footer {
	height: 40px;
}
}


@media screen and (max-width: 332px) {
#bxslider, #home-page-image {
	display: none !important;
}
}

@media screen and (max-width: 293px) {
#miniheader-wordmark{
		float:none;
		margin: 0 auto;
}
}

@media screen and (max-width: 266px){
.masthead .pb-masthead {
	text-align: left;
	padding-left: 4px;
	width:101px;	
}
#mh-menu .security {
	padding-left: 4px;
  }
footer {
	height: 54px;
} 
}


/* IE10+ CSS styles go here */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.stripe {
	position:relative;
}

.masthead .pb-mh-left{
	padding-top: 13px; 
}
.masthead .pb-mh-right{
	padding-top: 13px;
}
}

@media screen and (max-width: 960px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.masthead .pb-mh-left{
	padding-top: 10px; 
}
.masthead .pb-mh-right{
	padding-top: 10px;
}
}




/*  Copied from pure.css to fix accessibility nuances     */
/*a-link*/
a:active,
a:hover {
  outline: initial;
}

.pure-button:focus {
    outline: initial;
}


.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    outline:  1px auto auto;
    border-color: #129FEA;
}

.pure-form input:not([type]):focus {
    outline:  1px auto auto;
    border-color: #129FEA;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background-color: #eee; /* menu hover bg color */
    color: #777; /* menu text color */
    border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}


*:focus {
    outline: thin dotted !important;
    outline: auto 5px -webkit-focus-ring-color !important;
}



/* 
**********CCIT HISTORY PROJECT pages ******************
/*
Button menu in div with class="hp-nav" 
*/
.hp-nav {
  overflow: hidden;
  background-color: transparent;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400 !important;
  font-size: 16px;	
  margin: 20px 0 0 0;
}
.hp-nav a {
  float: left;
  display: block;
  background-color: #ECEBE8;
  color: #724E16;
  text-align: center;
  padding: 8px 13px 7px 13px;
  text-decoration: none;
  border-radius: 4px;
  margin: 10px 10px 0 0;
}
.hp-nav a:hover {
  color:  #724E16;
  padding: 7px 12px 6px 12px;
  border: 1px solid #724E16;
}
.hp-nav a.active {
  background-color: #724E16;
  color: white;
}
.hp-nav a.icon {
}
.hp-nav .icon {
  display: none;
}
/*
Standard page content in div with class="hp-content" 
*/
div.hp-content {
  font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 1.2em;
	line-height: 1.5;
	text-rendering: optimizeLegibility; 
	padding: 30px 0 40px 0;
}
div.hp-content div.pure-g [class *="pure-u"] {
	font-family: 'Roboto Condensed', sans-serif !important;
	line-height: 1.5;
	text-rendering: optimizeLegibility; 
//padding: 30px 10px 40px 0;
//  width: 47%;
}
div.hp-content div.overview-column {
width: 38%;
}
div.hp-content img.overview {
float:right;
margin:8px 0 20px 0;
width:604px;
height:303px;
}
div.hp-content p, div.hp-content li{
  margin: 0 0 20px 0;
}
div.hp-content p.q-indent {
	font-size: .94em;
	margin-left: 16px;
}
div.hp-content p.q-indent-2 {
	font-size: .94em;
	margin-left: 32px;
}
div.hp-content p.footnote {
	font-size: .94em;
}
div.hp-content li+p {
	margin-top: -10px;
}
div.hp-content p.hp-note {
margin-left: 45px !important; 
text-indent:-45px !important; 
}
div.hp-content div.hp-rcol {
margin-left: 30px !important; 
}

div.hp-content ul+p, div.content ol+p {
	margin-top: 32px;
} 
div.hp-content ul {
	list-style-type: disc;
	padding-left: 30px;
}
div.hp-content ol {
	padding-left: 30px;
}
div.hp-content ol.footnote {
	font-size: .94em;
}
div.hp-content a {
	color: #522D80;
  color: #724E16;
	border-bottom: 1px solid #9781B2;
  border-bottom: 1px solid #724E16;
	text-decoration:none;
}
div.hp-content a:hover {
	text-decoration: none;
	color: #F66733;
}
div.hp-content h2 {
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #522D80;
  color: #724E16;
	font-weight: 600;
	font-size: 30px;
	margin: 20px 0 !important; 
}
div.hp-content h3 {
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #808080;
  color: #724E16;
	font-weight: 100;
	font-size: 28px;
	margin: 0 0 30px 0 !important; 
}
div.hp-content h4 {
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #606060;
  color: #724E16;
	font-weight: 900;
	font-size: 22px;
	margin: 60px 0 20px 0 !important; 
}
div.hp-content h4.notes {
	font-weight: 500;
}
div.hp-content hr {
/*    border: 1px solid #A896BF; */
	margin: 70px 0 10px 0;
}
div.hp-content table {
	margin-top:40px;
	line-height:1.3;
	font-size: 0.82em;
}
div.hp-content table a {
 background-color: #e8e8e8;
 background-color: #ECEBE8;
 color: #141412;
 color: #724E16;
 padding: 5px 8px 5px 8px;
 border-radius: 3px;
 font-size: 0.8em;
 letter-spacing:1px;
 border: 1px solid #c8c8c8;
 border: 1px solid #724E16;
}
div.hp-content table a:hover {
 background-color: #505050;
 background-color: #724E16;
 color: white;
}
div.hp-content th {
  vertical-align:bottom !important;
  text-transform: none;
  color:#522D80;
  color: #724E16;
 	font-size: 1.2em; 
}
div.hp-content th,
div.hp-content td {
  text-align:center;
  padding:12px 6px;
  vertical-align:top;

}
div.hp-content tbody.left-align td {
	text-align:left;
}
div.hp-content th:nth-child(1),
div.hp-content td:nth-child(1) {
  text-align:left;
}
div.hp-content thead tr {
	position:sticky;
}
/*
Sim box with 1 column
*/
div.hp-content .sim-box {
  position:relative;
  float: right;
  top:-490px;
  background-color: #ECEBE8;
  padding: 20px 20px 16px 20px;
  font-size: .94em;
  width: 564px;
}
div.hp-content .sim-box h3 {
  color: #505050;
  color: #724E16;
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 16px 0 !important;
  font-style: italic;
}
div.hp-content .book {
  margin: -4px 0 16px 40px !important;
}
div.hp-content .book img {
	border: 6px solid transparent;
}
div.hp-content .book:hover img{
	border: 6px solid rgba(246, 105, 51, 0.2); /* rgba for transparency */;
}
div.hp-content .book .fancybox-pdf {
  border-bottom: none;
}

/*
Foot box with 2 columns
*/
div.hp-content .foot-box {
  position:relative;
  width: auto;
  background-color: #f0f0f0;
  padding: 20px 20px 16px 20px;
  margin-top: 50px;
  font-size: .94em;
}
div.hp-content .fb-col {
  float: left;
  width: 44%;
  padding: 0 24px;
}
div.hp-content .fb-row:after { /* Clear floats after the columns */
  content: "";
  display: table;
  clear: both;
}
div.hp-content .foot-box h3 {
  color: #505050;
  font-weight: 500;
  font-size: 24px;
  margin: 0 0 16px 0 !important;
  font-style: italic;
}
/*
Side box in div with class="side-wrapper", "side-box" 
*/
div.hp-content .side-wrapper {
  position: relative;
} 
div.hp-content .side-box {
  position: absolute;
  top: 4px;
  left: -240px;
  width: 220px;
  height: auto;
  border: 1px solid #c0c0c0;
/*  max-height: 380px; 
  overflow-y:auto;
  overflow-x:hidden; 
  overflow:hidden;*/
}
div.hp-content .side-box img {
width: 100%;
}
div.hp-content .side-box p {
position: relative;
margin: 6px 10px 10px 10px !important;
font-size: .81em;
}
div.hp-content .side-wrapper a {
}
@media screen and (max-width: 643px) {
div.hp-content .side-box {
  position: relative;
  width: 90%;
  left: 0;
  overflow:hidden;
  margin: 10px 0 24px 0;
}
div.hp-content .side-box img {
/* margin-bottom:-4px;*/
width: 160px;
}
div.hp-content .side-box img.taller-1 {
margin-bottom: 20px;
}	
div.hp-content .side-box img.taller-2 {
margin-bottom: 30px;
}	
div.hp-content .side-box p {
position:absolute;
left: 160px;
top: 0;
margin: 10px !important;
}
}
/*
Timeline page uses div with id="timeline" 
*/
div.hp-content #timeline {
  border: 1px solid grey;
  height:auto; 
  margin-top: 50px;
/*	
margin-left: calc(-100vw / 20 );
  margin-right: calc(-100vw / 20);
*/
}
div.hp-content h2.timeline {
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #606060;
	font-weight: 500;
	font-size: 30px;
	margin: 60px 0 20px 0; 
	text-align: center;
}

/*
Div with id="gallery-jqui" on Gallery page 
*/
div.hp-content #gallery-jqui {
  margin-top: 50px;
/  position: relative; 
  font-family: 'Roboto Condensed', sans-serif !important;
  line-height: 1.5;
  text-rendering: optimizeLegibility; 
  padding:0 !important;
  border: 0 !Important;
}

div.hp-content #gallery-jqui .scroll-list ::-webkit-scrollbar {
  width: 12px !important;
}
div.hp-content #gallery-jqui .scroll-list ::-webkit-scrollbar-track {
  background-color: white !important;
}
div.hp-content #gallery-jqui .scroll-list ::-webkit-scrollbar-thumb {
  background-color: #ECEBE8 !important;
  border-radius: 8px !important;
  border: 3px solid white !important;
}

div.hp-content #gallery-jqui, 
div.hp-content #gallery-jqui .ui-corner-all,
div.hp-content #gallery-jqui li, 
div.hp-content #gallery-jqui .ui-tabs-nav li a {
  -moz-border-radius: 0 !important; 
  -webkit-border-radius: 0 !important; 
  border-radius: 0 !important; 
}
div.hp-content #gallery-jqui .ui-tabs-nav { 
  background-color: white !important;
  background-image: none !important;
  position: absolute; 
  left: 0; 
  top: 0; 
/  bottom: 0;   
  height: 280px;
  overflow-y: scroll;
  overflow-x: hidden !important;
/  margin: 0;
  padding: 0;
  border: 1px solid #A39786;
  font-size: 15px;
  width: 350px; 
} 
div.hp-content #gallery-jqui li { 
  width: 100%; 
  top: 0;
    outline: none !important; 
} 
div.hp-content #gallery-jqui .ui-tabs-nav li.ui-tabs-selected, 
div.hp-content #gallery-jqui .ui-tabs-nav li.ui-state-active { 
/   border: 0; 
} 
div.hp-content #gallery-jqui .ui-tabs-nav li a span.col1 {
  display: inline-block; 
  width: 34px;
  font-size: 13px;
  padding-left: 10px;
}
div.hp-content #gallery-jqui .ui-tabs-nav li a span.col2 {
  display: inline-block; 
  width: 240px;
}
div.hp-content #gallery-jqui .ui-tabs-nav li {
  margin: 0 !important;
  padding: 0 !important;
  border:1px solid white !important;
}
div.hp-content #gallery-jqui .ui-tabs-nav li a {
  background-color: white;
  width: 100%;   
  padding: 8px 0;
  color: #724E16;
  border: 0;
}
div.hp-content #gallery-jqui .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 
div.hp-content #gallery-jqui .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 
div.hp-content #gallery-jqui .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: pointer !important;
  background-color: #ECEBE8 !important;
}
div.hp-content #gallery-jqui .ui-tabs-nav li a:hover {
  background-color: #F5F5F3 !important;
}
div.hp-content #gallery-jqui .ui-tabs-nav li a:focus,
div.hp-content #gallery-jqui .ui-tabs-nav li a:active,
div.hp-content #gallery-jqui .ui-tabs-nav li a:hover { 
  outline: none !important; 
}
div.hp-content #gallery-jqui .ui-tabs-panel { 
  font-size: 14px;
  padding: 0;
  margin: 0;
  overflow: hidden; 
}
div.hp-content #gallery-jqui .ui-tabs-panel .glink { 
  margin: 296px 0 18px 0 !important;
  width: 352px !important;
}
div.hp-content #gallery-jqui .ui-tabs-panel .gcap { 
  width: 350px !important;
  float: left;
  text-align: justify;
}
div.hp-content #gallery-jqui .ui-tabs-panel .gpic { 
  margin-left: 376px !important;
  margin-top: -340px !important
}
div.hp-content #gallery-jqui .ui-tabs-panel img { 
  max-width:100% !important;
}

div.hp-content #gallery-jqui a.button {
 background-color: #e8e8e8;
 background-color: #ECEBE8;
 color: #141412;
 color: #724E16;
 padding: 3px 8px 3px 8px;
 border-radius: 3px;
 font-size: 12px;
 letter-spacing:1px;
 border: 1px solid #c8c8c8;
 border: 1px solid #724E16;
}
div.hp-content #gallery-jqui a.button:hover {
 background-color: #505050;
 background-color: #724E16;
 color: white;
}

div.hp-content #gallery-jqui .ui-helper-clearfix:after {
    content: "";
}

/*
Div with id="gallery" on Gallery page 
*/
div.hp-content #gallery {
  height:auto; 
  margin-top: 200px;
}

div.hp-content #gallery .scroll-list ::-webkit-scrollbar {
  width: 12px;
}
div.hp-content #gallery .scroll-list ::-webkit-scrollbar-track {
  background-color: white;
}
div.hp-content #gallery .scroll-list ::-webkit-scrollbar-thumb {
  background-color: #ECEBE8;
  border-radius: 8px;
  border: 3px solid white;
}
div.hp-content #gallery .scroll-list ::-webkit-scrollbar-thumb:hover {
  background-color: #A39786;
}
 
div.hp-content #gallery .scroll-list{
}

div.hp-content #gallery ul {
  height: 280px;
  overflow-y: scroll;
  overflow-x: none;
  margin: 0;
  padding: 0;
  border: 1px solid #A39786;
  font-size: 15px;
  width: 350px; 
}

div.hp-content #gallery li {
  margin:0;
  position: relative;
  border: 1px solid white;
  border-left: 0;
  border-right: 0;
  }

div.hp-content #gallery .Gpic {
width:100%;
}

div.hp-content #gallery .Gpic img {
  max-width:100%;
  max-height: 600px;
}

div.hp-content #gallery .Gcap {
margin: 30px 20px 0 0;
}
div.hp-content #gallery #Gcap {
font-size: 14px;
width: 95%;
}

div.hp-content #gallery a
{
  text-decoration: none;
  border:0;
  display:block;
}

div.hp-content #gallery .scroll-list a{
  padding: 7px 10px;
  text-decoration: none;
  border:0;
  display:block;
  color: #724E16;
}
div.hp-content #gallery .scroll-list a span.tab1 {
  display: inline-block; 
  width: 34px;
  font-size: 13px;
}
div.hp-content #gallery .scroll-list a span.tab2 {
  display: inline-block; 
  width: 240px;
}
div.hp-content #gallery .scroll-list a:hover {
background-color: #F5F5F3;
}
div.hp-content #gallery .scroll-list a.thisPic {
background-color: #ECEBE8;
}


/*
Place narrative page content in div with class="hp-narrative" 
*/
div.hp-narrative {
  font-family: 'Bitter', serif;
  font-size: 0.8em;
  padding: 0 0 0 240px;
}
div.hp-narrative p, div.hp-narrative li {
	margin: 0 0 14px 0;
}
div.hp-content h2.narrative {
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #606060;
	font-weight: 500;
	font-size: 38px;
	margin: 0; 
	text-align: center;
}


/* 
Responsive styling for history project
*/
@media screen and (max-width: 1200px) {
div.hp-content .fb-col {
  width: 44%;
  padding: 0 18px;
}
div.hp-content div.overview-column {
width: 30%;
}
div.hp-content .sim-box {
  top:-830px;
}
  div.hp-content #gallery #Gcap {
width: 100%;
  }
}

@media screen and (max-width: 960px){
div.hp-content img.overview {
float:none;
width:100%;
height:100%;
}
div.hp-content #gallery .scroll-list{
margin-right:10px;
}    
div.hp-content div.overview-column {
width: 100%;
}
div.hp-content .sim-box {
float:none;
top:0;
width: 94%;
margin-top: 30px;
}
div.hp-content .book {
  margin: -4px 0 16px 20px !important;
}  
div.hp-content #gallery-jqui .ui-tabs-panel .gcap { 
  width: 100% !important;
  float: none;
  text-align: justify;
}
div.hp-content #gallery-jqui .ui-tabs-panel .gpic { 
  margin-left: 0 !important;
  margin-top: 20px !important
}
div.hp-content #gallery-jqui a.button {
  display: none;
}
}
  
@media screen and (max-width: 780px) {
div.hp-content .fb-col {
  width: 96%;
  padding: 0 18px;
}
}
  
@media (max-width: 767px) {
div.hp-content {
	padding-left: 0;
}		
div.hp-content #gallery .scroll-list{
margin-right:0;
//width: 300px;
}  
div.hp-content div.hp-rcol {
margin-left: 0 !important; 
margin-top: 22px !important;
}
div.hp-content .book {
  margin: 6px 0 16px 0 !important;
}  
  
}

@media screen and (max-width: 643px) {
div.hp-narrative {
  padding-left: 0;
}
}

@media screen and (max-width: 567px) {


}