/* This sheet is intended for users to be able to override a small amount of CSS values in T4 */



body { background: #63656A; }

a { color: #c1272d; }

a:focus, a:hover { color: #c1272d; }

.site--title { background: #4f4f4d; }

.site--title { background: url(/media/gsws/images/white_icon_header_10-10-15white.jpg); }

.site--title a { color: #707070; }

.site--title a:hover, .site--title a:focus { color: #cbcdcc; }













/* first dropdown background */




/* first lvl dropdown hover color*/


/* second lvl dropdown hover color*/


/*nav-text-color*/

  /*nav-text-color - menu toggle*/
  



/*mmenu hover*/


/* mmenu arrows*/














/*add misc. css to themes*/
.prev, .next {color: white;}
h2 {font-size:1.8em}
.module {padding:10px!important;}

/******* Image slideshow on inner pages ********/
.owl-theme .owl-nav [class*=owl-] {
    background: black!important;
}

/******* Carousel captions ********/
h3 > a {
    color: white;
    text-decoration: none!important;
}

h3 > a:hover {
    color:#ffba03;
}

/******* Float an image to the right or left of the page for news/events ********/
.flt-right,
.flt-left {
    margin: 1em auto;
}
@media (min-width: 768px) {
    .flt-right {
        float: right;
        max-width: 450px;
        margin: 0 0 1em 1em;
    }
    .flt-left{
        float: left;
        max-width: 450px;
        margin: 0 1em 1em 0;
    }
}

/******** Button styling *********/
.btn {
    overflow: visible;
    padding: 10px;
    border-radius: 20px;
    background: white;
    margin: 10px;
    border-color: #ffba03;
    font-weight: 600;
}

/********** Fontawesome Icons **************/

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.quote-left::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content:"\f10d";
    margin-right: .25em;
    color: #333;
}
.quote-right::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content:"\f10e";
    margin-left: .25em;
    color: #333;
}
.fa-comment-o::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content:"\f0e5";
    margin-left: .25em;
    color: #ffb300;
}
.fa-graduation-cap::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content:"\f19d";
    margin-left: .25em;
    color: #ffb300;
}

/********** Page-Specific **************/

/* Meet a Student */
.meetStudent-h1 {
    text-align: center;
    font-weight: 600;
    background: #006894;
    color: white;
    padding: 1em;
    margin: 0;
}
.meetStudent__container figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.meetStudent__container figcaption {
    margin: 1em auto;
    border: 1px solid #006894;
    padding: 1em;
}
.meetStudent__container figcaption strong {
    text-decoration: underline dotted #ffb300;
    -webkit-text-decoration: underline dotted #ffb300;
}
.meetStudent__container .t4_misc {
    margin: 1em auto;
    background: #006894;
    padding: 1em;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.3;
}
.meetStudent__container .t4_misc {
    margin: 1em auto;
    background: #006894;
    padding: 1em;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.3;
}
.meetStudent__container .t4_misc a {
    color: #fff;
    text-decoration: underline dotted #ffb300;
    -webkit-text-decoration: underline dotted #ffb300;
}
.meetStudent__container .t4_misc a:hover {
    color: #efefef;
}
.meetStudent__container .t4_misc a:visited {
    color: #efefef;
}
.meetStudent__container .t4_misc a:focus {
    outline: 3px solid white;
}
.meetStudent__container blockquote {
    background: #ffba00;
    padding: 2em;
    border-left: none;
    font-size: 1.5em;
    line-height: 1.45833em;
}
.meetStudent__itemB strong {
    color: #006894;
}
@media (max-width: 767px) {
    h1 span.icon.fa-comment-o {
        display: none;
    }
}
/* Image and caption */
.meetStudent__itemA {
    grid-area: a;
}
/* Q & A */
.meetStudent__itemB {
    grid-area: b;
}
/* Buttons */
.meetStudent__itemC {
    grid-area: c;
}
/* Page heading */
.meetStudent__itemD {
    grid-area: d;
}
/* For viewports >=768 */
@media (min-width: 768px) {
    .meetStudent__container {
        display: grid;
        grid-template-columns: 58% 38%;
        grid-template-areas:
            "d d"
            "b a"
            "b c"
            "b .";
        grid-template-rows: auto auto auto auto;
        grid-column-gap: 2em;
    }
    /* Image and caption */
    .meetStudent__itemA {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
    }
    /* Q & A */
    .meetStudent__itemB {
        grid-row: 2 / 5;
        grid-column: 1 / 2;
    }
    /* Buttons */
    .meetStudent__itemC {
        grid-row: 3 / 4;
        grid-column: 2 / 3;
    }
    /* Page heading */
    .meetStudent__itemD {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
    }
    .meetStudent__container blockquote {
        margin: 0 0 1em 0;
    }
}

/******* Slideshow Overrides ********/
@media screen and (max-width: 992px) {
    .carousel-indicators {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .carousel--wrap .carousel-caption, .full .carousel-caption {
        padding: 2em;
    }
}
@media screen and (min-width: 993px) {
    .carousel--wrap .carousel-caption, .full .carousel-caption {
        max-width: 33%;
    }
}
.carousel--wrap .carousel-caption p, .full .carousel-caption p {
    font-size: 2em;
    line-height: 1.7rem; 
}
#carousel-example-generic > div.carousel-inner > div.item.active > div > div > p > a  {
    color: white;
    text-decoration: underline dotted #c1272d;
    -webkit-text-decoration: underline dotted #c1272d; 
}
#carousel-example-generic > div.carousel-inner > div.item.active > div > div > p > a:hover  {
    color: #ffb300; 
}
#carousel-example-generic > div.carousel-inner > div.item.active > div > div > p > a:focus  {
    color: #ffb300; 
}

/******* HAS Site Title Styles - for HAS ONLY ********/
h1.has-school {
       margin-top: 0;
       line-height: 0;
   }
header h1 {margin-bottom:0px!important;}
.header h2 {line-height:1.5em!important;margin-left:0!important;font-size:36px!important;margin-top:5px;}
h1.has-school, h1.has-school a {
       font-weight: 400;
       font-size: 16px!important;
       line-height: 0;
       color: #303030!important;
			 margin-top:15px!important;
       margin-bottom:5px!important;
   }
a.has-brand:hover, a.has-brand:focus {
       opacity: 0.75;
       text-decoration: none;

   }
h2.has-dept {
       margin-left: 0;
       line-height: 1;
       margin-bottom:0;
   }
@media (max-width: 768px) {
       h1.has-school {
           text-align: center;
       }
   }

  .header.module {padding:10px 0 0 0;}