@import url('/_resources/css/styles.css');

/* Add here all your CSS customizations */

/*------------------------------------*\
    Footer Space
\*------------------------------------*/
#footer .mb-lg {
    margin-bottom: 0 !important;
    margin-top: 15px !important;
	
}
#footer {
	padding: 10px 0 0;
}
.col-md-4.footer-contact.text-center .location {
	font-weight: 900;
}


/* Hiding the checkbox, but allowing it to be focused */
.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}

/*------------------------------------*\
    Header Logo
\*------------------------------------*/
.header-logo a {
    display: block;
}
.custom-thumb-info-2 .thumb-info-caption {
	border-radius: 1.5em;
}
.custom-post-event .post-event-date {
    border-radius: 40px 40px 15px 15px;
}
/*------------------------------------*\
    Header Nav
\*------------------------------------*/
.nav-pills {
	transition: all 0.35s ease;
}

.nav-pills li a {
	font-size: 0.95em;
}

.nav-pills li:first-child a {
  margin-left: 0;
}


.nav-pills li.active > a {
  background-color: transparent;
}

.nav-pills a:before {
  height: 3px;
  position: absolute;
  content: '';
  transition: all 0.35s ease;
  background-color: #FFD700;
  width: 0;

}

.nav-pills a::before {
  top: 0;
  left: 0;
}

.nav-pills a:hover,
.nav-pills li.active > a {
  color: #FFD700;
  transition: all 0.35s ease;
}

.nav-pills a:hover::before,
.nav-pills .active a::before
{
  width: 100%;
}


/*------------------------------------*\
    Drop Down
\*------------------------------------*/
.fa-caret-down {
    float: left;
    padding-right: 15px;
}

.fa-caret-right {
    float: left;
    padding-right: 15px;
}

.panel-title a {
    padding: .625 2%;
    padding-left: 5%;
    display: block;
    background: url(http://www.elitek911.com/images/right-arrows-2x.png) no-repeat 1px center;
    background-size: 1.5em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
}


/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

aside ul.nav-list li a:hover,
aside ul.nav-list li a:focus {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*------------------------------------*\
    Tabs
\*------------------------------------*/

/* Tabs */
.tabs {
	border-radius: 20px 20px 0px 0px;
	margin-bottom: 20px;
}

.nav-tabs {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.nav-tabs li {
	position: relative;
	border-radius: 20px 20px 0px 0px;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.nav-tabs li a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.nav-tabs li a, .nav-tabs li a:hover,
.nav-tabs li a, .nav-tabs li a:focus {
	background: #FFF;
	border-radius: 20px 20px 0px 0px;
	border-bottom: none;
	border-left: 1px solid #FFD700;
	border-right: 1px solid #FFD700;
	border-top: 2px solid #FFD700;
	color: #0033A0;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
	border-bottom-color: transparent;
	border-top: 3px solid #0033A0;
	box-shadow: none;
}

.nav-tabs li a:active, .nav-tabs li a:focus {
	border-bottom: 0;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background: #FFD700;
	border-left-color: #FFD700;
	border-right-color: #FFD700;
	border-top: 3px solid #FFD700;
	color: #0033A0;
}

.tab-content {
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #FFF;
	border: 1px solid #FFD700;
	border-top: 0;
	padding: 15px;
	color: #284734;
}


/*------------------------------------*\
    Test
\*------------------------------------*/

.tie_advanced p {
    padding: 15px 5%;
    padding: .9375rem 5%;
    margin: 0;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
	color: #0033A0;
    background: url(https://webstatic.kennesaw.edu/_omni/images/global/corner-cut.png) no-repeat right top;
    background-size: 1.8rem;
    background-color: #FFD700;
}

/*------------------------------------*\
    Heading changes
\*------------------------------------*/

h1 {
    text-align: center;
    border-bottom: 1px solid #FFD700;
    padding: 5px;
	color: #0033A0;
	font-family: 'Montserrat', sans-serif;
}
h2 {
	text-align: center;
    border-top: 1px solid #FFD700;
    border-bottom: 1px solid #FFD700;
    padding: 5px;
	color: #0033A0;
	font-family: 'Montserrat', sans-serif;
}
h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
    border-top: 1px solid #0033A0;
    border-bottom: 1px solid #0033A0;
    padding: 5px;
	color: #F8D613;
	font-family: 'Montserrat', sans-serif;

   /* text-transform: uppercase;*/
    text-shadow: 1px 1px #fff;
    color: #0033A0;
    letter-spacing: 1px;
    font-size: 1.2em;
    border-radius: .5em;
    padding: 10px 5px;
    /* border-bottom: 1px solid #FFD700; */
    background-image: -webkit-linear-gradient(left, #FFD700, #FFFFFF, #FFD700);
    background-image: -moz-linear-gradient(left, #FFD700, #FFFFFF, #FFD700);
    background-image: -ms-linear-gradient(left, #FFD700, #FFFFFF, #FFD700);
    background-image: -o-linear-gradient(left, #FFD700, #FFFFFF, #FFD700);
}

/*------------------------------------*\
    UL Button Options
\*------------------------------------*/
ul.buttons, ul.buttons li { 
    list-style-type: none; 
    margin: 0 !important; 
    padding: 0;
    text-align: center; 
}
ul.buttons li { 
    display: inline;
}
ul.buttons li a:link, 
ul.buttons li a:visited { 
    display: inline-block;
    background-image: linear-gradient(to left, #FFD700 50%, #0033A0 50%);
    width: 30%;
    color: #FFD700;
    background-color: #0033A0;
    text-decoration: none;
    padding: 15px 5px;
    border-radius: 15px;
    font-weight: bold;
    margin: 5px;
	font-size: 1.1em;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
ul.buttons li a:active, 
ul.buttons li a:focus, 
ul.buttons li a:hover { 
     background-position: 0 0;
    background-color: #FFD700;
    color: #0033A0;
    border: 0px solid #0033A0;
    -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  /** START THE FINAL STATE STYLING **/
  background-position: bottom right;
}
ul.full {
    margin-bottom: 1em;
    padding-bottom: .25em !important; 
    padding-top: .25em !important; 
 }
ul.full li { 
    display: block; 
    margin-bottom: .5em !important; 
}
ul.full li a { width: 95% !important; }
ul.half li a:link,
ul.half li a:visited { 
    width: 46%; 
    margin-bottom: .5em !important; 
}

/*------------------------------------*\
    END UL Button Options
\*------------------------------------*/


/*============================================================================================*/
.select {
  height: 40px;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  margin-bottom: 1em;
}

.select:after {
  content: "▼";
  padding: 12px 8px;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
}

.select__field {
  height: 40px;
  width: 100%;
  padding: 5px 15px;
  color: #616263;
  background-color: #ececec;
  border: 1px solid #e3e3e3;
  outline: none;
  font-size: 16px;
  -webkit-appearance: none;
  /* for webkit browsers */
  -moz-appearance: none;
  /* for firefox */
  appearance: none;
  /* for modern browsers */
}

/* remove default caret for ie */

.select__field::-ms-expand {
  display: none;
}

.select__field:focus:invalid {
  border-color: #FD6347;
}

.select__field:required:valid {
  border-color: #006400;
}
/*============================================================================================

h1 {color:#333333; font-family: 'Montserrat', sans-serif;
}

h2 {color:#0033a0;font-family: 'Montserrat', sans-serif;
}
h3 {color:#8f959b;font-family: 'Montserrat', sans-serif;
}*/
h4 {color:#333333;font-family: 'Montserrat', sans-serif;
}
h5 {color:#0033a0;font-family: 'Montserrat', sans-serif;
}
h6 {color:#8f959b;font-family: 'Montserrat', sans-serif;
}

#skippy {background-color: #FFD700!important;width:100%;float:right;color: #0033a0;text-align:center;padding:8px 0;}
#skippy span {color:#0033a0!important;}
#header .header-body {background-color:#0033a0;}
.header-search.visible-xs {float:left!important;margin-bottom:20px;width:100%!important;}
.header-search.visible-xs form, .header-search.visible-xs input {width:100%!important;}
 .header-search.visible-xs .input-group-btn {}
  .header-search.visible-xs .input-group {width:95%;}

html #header .header-nav-main nav a {color:#FFFFFF !important;}
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {background-color:#0033a0 !important;}

html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {border-bottom:2px #8f959b solid;}
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover a {background-color: #8f959b; border-bottom: 0.125rem solid #FFD700;}

html .post-event-date {background-color: #0033a0 !important;}

.custom-testimonial-style .testimonial-quote {background:#c4c9ce !important;}
.testimonial-quote .fa-quote-left:before {color:#0033a0 !important;}
.custom-testimonial-style blockquote p {color:#0033a0 !important;}

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:before, .owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:before {border-top: 1px solid #284734;border-right: 1px solid #284734;}
.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:after, .owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:after {border-right: 1px solid #284734!important;border-top: 1px solid #284734;}.panel-title a {display:block;}

.news-home {background-color:#d1d2d3 !important;}
.news-home h2 {color:#0033a0;}

.footer-wordmark {font-size:24px;font-weight:normal;}

#searchbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #284734;
}
#searchbox::-moz-placeholder { /* Firefox 19+ */
  color: #284734;
}
#searchbox:-ms-input-placeholder { /* IE 10+ */
  color: #284734;
}
#searchbox:-moz-placeholder { /* Firefox 18- */
  color: #284734;
}

.sr-only {color:#000;background-color:#fff;}

#footer p{color:#fff!important;}

.panel-heading {background-color:#0033a0 !important;}
.panel-title a:hover, .panel-title a:focus {color:#ccc;}
.panel-title {color:#fff}
.panel-default {border-color:#8f959b !important;}

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {border-top:3px solid #8f959b;}
.nav-tabs li {background:#8f959b !important;}

.header-logo img {max-width:100%;}

.footer-contact .social-icons {margin-top:20px;}
.footer-contact {font-size:14px;}

table thead {background-color:#0033a0 !important;color: #ffffff;}
table tr.even, table tr.alt, table tr:nth-of-type(even) {background-color:#f2f2f2 !important;}
table {color:#000;width:100%;}
table a {color:#002e6d;text-decoration:underline;}
table tr th, table tr td {
	padding: 0.5rem 0.625rem 0.625rem;
}

@media (max-width: 500px) {

.header-logo {max-width:80%;}
.footer-contact {text-align:center;}
}


@media (max-width: 992px) {

#header .header-search {
float:left;
    margin-top: 35px;
    margin-left: 40px;
}

  }

:focus {/*! outline: 5px auto #FFD700 !important; */outline-offset: -2px !important;outline: none;border: 1px solid #FFD700;-webkit-box-shadow: 0px 0px 5px #4D90FE;box-shadow: 0px 0px 5px #FFD700;}

.logo-footer {max-width:300px;margin-bottom:20px;}

.consolidation-wrapper {background-color:#FFD700;float: left;width: 100%;margin-bottom:10px;line-height: 16px;}
.consolidation-wrapper a {color:#0033a0;font-weight:normal;font-size: 12px;text-transform:uppercase;font-weight:bold;padding-left:14px;}

/* ASU Banner CSS Lonnie Wormley */

/* responsive image fix #51913 */
img {
	max-width: 100%;
	height: auto;
} 

/*------------------------------------------------*\
    BEGIN Personnel Listing Component Formating
\*------------------------------------------------*/
.personnel img.AD_Image { max-width: 200px; max-height: 250px; }

div.personnel.col-sm-6 { margin-bottom: 0px; border-bottom: 2px solid rgb(0,91,168); padding-bottom: 5px; padding-top: 5px; height: 475px; margin-left: 0px !important; margin-right: 0px !important; }

div.personnel.col-sm-6 .col-md-12 div.row { padding: 5px 2px; border-bottom: 1px solid #DDD; }

div.personnel.col-sm-6 .col-md-12 div.row:last-child { border-bottom: 0px; }

div.personnel.col-sm-6:nth-child(odd) { border-right: 1px solid rgb(255,214,56); clear: both; }

div.personnel.col-sm-6:nth-child(3), div.col-sm-6:nth-child(4) { border-top: 2px solid rgb(0,54,156) !important; }

/*------------------------------------------------*\
    END Personnel Listing Component Formating
\*------------------------------------------------*/


/* ASU FULL WIDTH PAGE TEMPLATE CUSTOM CSS - Shelly Miller*/
.H1whitedotted {font-size:2.6em; color:#ffffff; border-bottom:dotted 2px #fff; text-align:left; margin:0 0 15px 0; padding:0 0 15px;}
.H2white {font-size:2em; color:#ffffff; text-align:left; margin:0 0 15px 0; padding:0px 0 8px;}
.H1bluedotted {font-size:2.6em; color:#0033a0; border-bottom:dotted 2px; border-top: none; text-align:left; margin:0 0 15px 0; padding:15px 0 8px;}
.H2blue {font-size:2em; color:#0033a0; text-align:left; margin:0 0 15px 0; padding:0px 0 8px;}
.H2bluedotted {font-size:2em; color:#0033a0; text-align:left; margin:0 0 15px 0; padding:15px 0 8px; border-bottom: dotted 2px #0033a0;}
.H2bodyblue {font-size: 30px; color: #0033a0; border: 0; background-image: none; text-align: left; margin: 0 0 5px 0;}
.ptext-white {color:#fff; margin:0 0 5px;}
.ptext-white a {color:#fff; margin:0 0 5px; font-weight:normal;}
.ptext-white a:hover {color:#fff; margin:0 0 5px; text-decoration:underline; font-weight:normal;}
.cssubheadwhite {font-size:20px; color:#fff; border-bottom:dotted 2px #fff; text-align:left; margin:0 0 15px 0; padding:0 0 15px;}
.ctsubheaddark {font-size:30px; color:#0033a0; border-bottom:dotted 2px; border-top: none; text-align:left; margin:0 0 15px 0; padding:5px 0 8px;}
.cssubheaddark-alt {font-size:20px; color:#0033a0; text-align:left; margin:0 0 15px 0; padding:0px 0 8px;}
.row.display-flex {display: flex;flex-wrap: wrap;}
.row.display-flex > [class*='col-'] {display: flex; flex-direction: column;}

/* SECTION SUBPAGE SIDENAVIGATION STYLES - Shelly Miller*/			
ul.altsidebar22 {
	padding: 0;
	margin:0;
}
.altsidebar22 li a {
	margin: inherit;
	border-right: solid 3px #0033a0;
	list-style: none;
	line-height: 1.4rem;
	display: inherit;
	position: inherit;
	padding: 12px 34px 16px 32px;
	cursor: pointer;
	z-index: 2;
	font-size: 1.25rem;
	text-decoration: none;
	color: #333;
	background: #FFFFFF;
	border-top: 1px solid #e1e1e1;
}
.altsidebar22 li a:hover {
	background-color: #0033a0;
	color: #ffffff;
}
.altsidebar22>.active>a {
	background-color: #0033a0;
	color: #ffffff;
}