.fullWidthContainer {
    margin-top: 4em;
    max-width: 90em;
}

.btn {
    border-radius: 0;
}

.btn-primary {
    background-color: #1c3f7b;
    border-color: transparent;
}

.btn-primary:hover {
     background-color: #1c3f7b;
    border-color: transparent;
}

/*Footer*/

.row#footerArea {
    max-width: 100%;
    margin: auto;
}

.row#bottom_footerArea {
    margin: auto;
    width: 90%;
}

#bottom_footer {
    max-width: 100%;
    /*padding-bottom: 1vh;*/
}

#footerP {
    margin-top: 1.25rem;
}

.form-inline {
    display: block !important;
}

.form-inline label {
    display: block !important;
}

/* Footer continued */

.footerButton {
    max-width: 350px;
    min-width: 100px;
    /*prevents "Programs" from overflowing */
    width: 100%;
    border-width: 2px;
    border-color: white;
    background-color: #1c3f7b42;
    color: #ffffff;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#footerButtons {
    margin: auto;
}
.socialIconsColumn {
    display: flex;
}
.footerSocialIcons {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: space-around;
}
#bottom_footer {
    padding-top: 1em;
    padding-bottom: 1em;
}
#footerLogoColumn {
    display: flex;
    align-items: center;
}
.fa-facebook:hover {
    color: #3b5998;
}
.fa-twitter:hover {
    color: #00aced;
}
.fa-instagram:hover {
    color: #bc2a8d;
}
.fa-youtube-play:hover {
    color: #c4302b;
}
#bottom_footer, #footerArea {
    max-width: 90em !important;
    margin: auto;
}
.footerAreaWrapper {
    width: 100%;
    background-color: #1C3F7B;
}
.bottom_footerWrapper {
    width: 100%;
    background-color: #c0c0c0;
}
.footer_links_black {
    color: #152f5b !important;
}
#footerLinksRow, #footerAddress {
    font-size: 0.8em;
    line-height: 1.5em;
}

#footerModule {
    margin-top: auto;
}

/*Top right links*/

#topright_shapecontainer {
  	display: flex;
}

#topright_rectangle {		
    width: 100%;
    max-width: 300px;
    height: 45px;
    background: #c69e29;
    display: flex;
    justify-content: center;
    align-items: center;
}

#topright_rightslant {
	width: 0;
    height: 0;
    border-top: 50px solid #c69e29;
    border-right: 24px solid transparent;
}

#topright_leftslant {
	width: 0;
    height: 0;
    border-bottom: 50px solid #c69e29;
    border-left: 24px solid transparent;
}
	
ul#top-right-links-ul {
    font-family: LatoBlack;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin: 0;
    padding: 0;
}
ul#top-right-links-ul li {
    display: block;
    flex: 0 1 auto;
    list-style-type: none;
    color: white;
}

/* Top left links */

#quickLinkTable {
    width: 95%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/*Logo styles*/

.logo {
    height: auto;
    width: calc(98vw / 7);
    position: fixed;
    z-index: 3;
    color: white;
    background-color: #1c3f7b;
    transition: all 0.5s;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    max-width: 200px;
}
.logo.shrink {
    height: auto;
    width: calc(98vw / 8);
    max-width: 150px;
}

#logoRow {
    max-width: 100%;
    position: fixed;
    z-index:1;
    background-color: white;
    padding: 0;
}

.secondBar {
    position: fixed;
    z-index:2;
}

.leftmainmenu {
    display: flex;
    justify-content: flex-end;
}

#mainNavSection {
    width: 100%;
}

.top_icons_row{
    display: none;
}

.logo_menu_style {
    background-color: #1c3f7b !important;
}

/* Styles for curtain reveal of element at bottom of page */

.curtain-container {
    position: relative;
    z-index: 0;
    margin-bottom: 17vmin;
    background-color: white;
    min-height: 100vh;    
    display: flex;
    flex-direction: column;
}

.revealed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 17vmin;
    background-color: white;
    z-index: -1;
}

/* Hashtag Styles */

.hashtagHeader {
    text-align: center;
    color: #d4e5ec;
}

.hashtagSpan {
    font-size: 11vmin; 
    color: #1c3f7b;
}

.social_icons{
    width: 15%;
}

/*Main menu styles*/
.menu_style { 
    width: calc(98vw / 7) !important; 
} 

.menu_style_empty:hover {
    background: #1c3f7b !important;    
}

.main-menu {
    width: calc(98vw / 7);
    display: flex;
    justify-content: space-evenly;
}

.top-bar-section .has-dropdown > a {
    padding-right: 10px !important;
    /*padding-left: 10px !important;*/
}

#mainNav {
    max-width: 100%;
}

.footer_links_black {
    color: black !important;
    font-size: 1em !important;
}

.show-for-640-850-size {
    display: none;
}

.navFiller {
    display: block;
    margin-top: 90px; /* Height of nav is 90px; */
}

a.calendar_menu ~ ul { /* Applies style to sibling ul elements on the same level as the a */
	right: 10px !important;
}

/* Custom Google Seach Styles */

#searchModal {
    padding: 5px 20px;
    margin: auto;
    max-width: 1000px;
    left: 0;
    right: 0;
}
#searchModal h2 {
    position: relative;
    top: .5rem;
    left: 5px;
    margin-bottom: 0;
}

#closeSearch {
    font-size: 2em;
    color: #2b2b2b;
}

.gsc-input ::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
.gsc-input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
}
.gsc-input ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
}
.gsc-input :-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}

/* Department Banner styles */

.department-banner {
    width: 100%;
}


/* Directory Cards */
/* Added 2018OCT04 */
/* for department faculty/staff directoy pages */

.directory-card, .directory-card-vertical{
	display:flex;
	align-items: center;
	margin: 0 1em 1.5em;
	box-shadow: #a9a9a9 0px 3px 15px 0px;
}
.directory-card img {
	margin: 1em;
	display:flex;
	float:left;
}
.directory-card p {
	margin: 0.8em;
	display:block;
	float:left;
	text-align:left;
}
.directory-card-vertical {
	flex-direction: column;
}
.directory-card-vertical img {
	margin: 1em;
}
.directory-card-vertical p {
	display:block;
	text-align:center;
}
@media only screen {
	 .directory-card.small-1, .directory-card-vertical.small-1 {			width:calc(8.33333% - 2em);	}
	.directory-card.small-2, .directory-card-vertical.small-2 {			width:calc(16.66667% - 2em);	}
	.directory-card.small-3, .directory-card-vertical.small-3 {			width:calc(25% - 2em);	}
	.directory-card.small-4, .directory-card-vertical.small-4 {			width:calc(33.33333% - 2em);	}
	.directory-card.small-5, .directory-card-vertical.small-5 {			width:calc(41.66667% - 2em);	}
	.directory-card.small-6, .directory-card-vertical.small-6 {			width:calc(50% - 2em);	}
	.directory-card.small-7, .directory-card-vertical.small-7 {			width:calc(58.33333% - 2em);	}
	.directory-card.small-8, .directory-card-vertical.small-8 {			width:calc(66.66667% - 2em);	}
	.directory-card.small-9, .directory-card-vertical.small-9 {			width:calc(75% - 2em);	}
	.directory-card.small-10, .directory-card-vertical.small-10 {			width:calc(83.33333% - 2em);	}
	.directory-card.small-11, .directory-card-vertical.small-11 {			width:calc(91.66667% - 2em);	}
	.directory-card.small-12, .directory-card-vertical.small-12 {			width:calc(100% - 2em);	}
}
@media only screen and (min-width: 40.063em) {
	.directory-card.medium-1, .directory-card-vertical.medium-1 {			width:calc(8.33333% - 2em);	}
	.directory-card.medium-2, .directory-card-vertical.medium-2 {			width:calc(16.66667% - 2em);	}
	.directory-card.medium-3, .directory-card-vertical.medium-3 {			width:calc(25% - 2em);	}
	.directory-card.medium-4, .directory-card-vertical.medium-4 {			width:calc(33.33333% - 2em);	}
	.directory-card.medium-5, .directory-card-vertical.medium-5 {			width:calc(41.66667% - 2em);	}
	.directory-card.medium-6, .directory-card-vertical.medium-6 {			width:calc(50% - 2em);	}
	.directory-card.medium-7, .directory-card-vertical.medium-7 {			width:calc(58.33333% - 2em);	}
	.directory-card.medium-8, .directory-card-vertical.medium-8 {			width:calc(66.66667% - 2em);	}
	.directory-card.medium-9, .directory-card-vertical.medium-9 {			width:calc(75% - 2em);	}
	.directory-card.medium-10, .directory-card-vertical.medium-10 {			width:calc(83.33333% - 2em);	}
	.directory-card.medium-11, .directory-card-vertical.medium-11 {			width:calc(91.66667% - 2em);	}
	.directory-card.medium-12, .directory-card-vertical.medium-12 {			width:calc(100% - 2em);	}
}
@media only screen and (min-width: 64.063em) {
	.directory-card.large-1, .directory-card-vertical.large-1 {			width:calc(8.33333% - 2em);	}
	.directory-card.large-2, .directory-card-vertical.large-2 {			width:calc(16.66667% - 2em);	}
	.directory-card.large-3, .directory-card-vertical.large-3 {			width:calc(25% - 2em);	}
	.directory-card.large-4, .directory-card-vertical.large-4 {			width:calc(33.33333% - 2em);	}
	.directory-card.large-5, .directory-card-vertical.large-5 {			width:calc(41.66667% - 2em);	}
	.directory-card.large-6, .directory-card-vertical.large-6 {			width:calc(50% - 2em);	}
	.directory-card.large-7, .directory-card-vertical.large-7 {			width:calc(58.33333% - 2em);	}
	.directory-card.large-8, .directory-card-vertical.large-8 {			width:calc(66.66667% - 2em);	}
	.directory-card.large-9, .directory-card-vertical.large-9 {			width:calc(75% - 2em);	}
	.directory-card.large-10, .directory-card-vertical.large-10 {			width:calc(83.33333% - 2em);	}
	.directory-card.large-11, .directory-card-vertical.large-11 {			width:calc(91.66667% - 2em);	}
	.directory-card.large-12, .directory-card-vertical.large-12 {			width:calc(100% - 2em);	}
}
	
/*image style*/
.clearing-thumbs li {
    margin-bottom: 10px;
}

/* Media Queries */

/* IE 10+ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	#topLeftLinkList {
		justify-content: space-around !important;
	}

	#banner-bottom {
		justify-content: space-around !important;
	}

	.show-for-640-850-size {
		justify-content: space-around !important;
	}

	.footerSocialIcons {
	    justify-content: space-around !important;
	    margin: auto !important;
	    align-items: center !important;
	}
}

/* Microsoft Edge */
@supports (-ms-ime-align:auto) { 
	#topLeftLinkList {
		justify-content: space-around !important;
	}

	#banner-bottom {
		justify-content: space-around !important;
	}

	.show-for-640-850-size {
		justify-content: space-around !important;
	}

	.footerSocialIcons {
	    justify-content: space-around !important;
	    margin: auto !important;
	    align-items: center !important;
	}
}

/* 1920px */
@media screen and (min-width: 120em) {
    .btn-huge {
        padding: 20px;
    }

    .social_icons {
        width: 10%;
    }
}

/* 1080px to 1919px */
	@media screen and (min-width: 67.5em) and (max-width: 119.9375em){
		.btn-huge {
			padding: 10px;
		}
	}


/* 850px and down*/
@media screen and (max-width: 53.125em) { 
    .mobile_menu_style { 
        display: none !important; 
    }

    .menu_style {
        width: 100% !important;
    }

    .show-for-640-850-size {
      display: flex;
      justify-content: space-between;
      /* justify-content: space-evenly; Removed for iOS support */
      align-items: center;
      height: 45px;
      margin:auto;
      /* Hardcoded because height of nav never changes */
    }
}

/* 851px and up */
@media screen and (min-width: 53.188em) {
    a.calendar_menu ~ ul { /* Applies style to sibling ul elements on the same level as the a */
        right: 0 !important;
        left: auto !important;
    }
}

/* 641px to 850px */
@media screen and (min-width: 40.063em) and (max-width: 53.125em) {
        .top_icons_row {
            display: inline !important;
        }
        #large_top_left_links {
            display: none !important;
        }
}

/* 700px and down */
@media screen and (max-width: 43.750em) { 
    #topright_shapecontainer {
        display: none;
    }
}

/* 641px and up*/
@media screen and (min-width: 40.063em) {
        #allNav {
        position: fixed;
        z-index: 100;
    }
}

/* 640px and down */
@media screen and (max-width: 40.063em) { 
    #logoRow {
        position: static;
    }

    .secondBar {
        position: static;
    }

    .image-wrapper {
        margin-top: 0;
    }

    #bottom_footerArea h3{
        font-size: 1.2em !important;
    }

    #bottom_footerArea p{
        font-size: 0.8em !important;
    }

    .social_icons{
        width: 10% !important;
    }

    .navFiller {
        display: none;
    }

    #div-table-header {
        display: none;
    }

    .footerSocialIcons {
        padding-top: 0;
        justify-content: space-between;
        max-width: 350px;
    }

    #footerLinksRow {
        margin-top: 1em;
    }

    div.gsc-control-cse {
        padding: 0;
    }
    div#searchModal.reveal-modal.open {
        padding: 15px;
    }
}

/* 480px and down */
@media screen and (max-width: 30.063em) {
    #footerLogoColumn {
        display: none;
    }
    .xsmall-12 {
        width: 100%;
    }
}

/* 760px and down */
@media only screen and (max-width: 760px) {    
    /* Force table to not be like tables anymore */
    table.academicCalendarTable, .academicCalendarTable thead, .academicCalendarTable tbody, .academicCalendarTable th, .academicCalendarTable td, .academicCalendarTable tr { 
        display: block !important;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .academicCalendarTable thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .academicCalendarTable tr { border: 1px solid #ccc; }
    
    table.academicCalendarTable tr td {
        padding-left: 50%; 
    }

    .academicCalendarTable td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
    }

    .academicCalendarTable td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    /*
    Label the data
    */
    .academicCalendarTable#SpringTable td:nth-of-type(1):before { content: "Event"; }
    .academicCalendarTable#SpringTable td:nth-of-type(2):before { content: "Winter Intersession"; }
    .academicCalendarTable#SpringTable td:nth-of-type(3):before { content: "Spring I"; }
    .academicCalendarTable#SpringTable td:nth-of-type(4):before { content: "Full Term"; }
    .academicCalendarTable#SpringTable td:nth-of-type(5):before { content: "Spring II"; }
    .academicCalendarTable#SummerTable td:nth-of-type(1):before { content: "Event"; }
    .academicCalendarTable#SummerTable td:nth-of-type(2):before { content: "May Term"; }
    .academicCalendarTable#SummerTable td:nth-of-type(3):before { content: "Summer I"; } 
    .academicCalendarTable#SummerTable td:nth-of-type(4):before { content: "Full Term"; }
    .academicCalendarTable#SummerTable td:nth-of-type(5):before { content: "Summer II"; }
    .academicCalendarTable#FallTable td:nth-of-type(1):before { content: "Event"; }
    .academicCalendarTable#FallTable td:nth-of-type(2):before { content: "Full Term"; }
    .academicCalendarTable#FallTable td:nth-of-type(3):before { content: "Fall I"; }    
    .academicCalendarTable#FallTable td:nth-of-type(4):before { content: "Fall II"; }
    
}


dt.level1.off-nav-1537.notparent {
    display: none;
}
/*Fonts*/

@font-face {
    font-family: GillSansMTRegular;
    src: url(https://www.gsw.edu/Assets/UniversityRelations/files/fonts/Gill-Sans-MT-Regular.ttf);
}

@font-face {
    font-family: HelveticaBold;
    src: url(https://www.gsw.edu/Assets/UniversityRelations/files/fonts/Helvetica-Bold.otf);
}

@font-face {
    font-family: HelveticaRegular;
    src: url(https://www.gsw.edu/Assets/UniversityRelations/files/fonts/Helvetica-Regular.ttf);
}

@font-face {
    font-family: LatoBlack;
    src: url(https://www.gsw.edu/Assets/UniversityRelations/files/fonts/Lato-Black.ttf);
}

@font-face {
    font-family: SignPainterHouseScript;
    src: url(https://www.gsw.edu/Assets/UniversityRelations/files/fonts/SignPainter-HouseScript.ttf);
}

.button.secondary h4 {
	color:#1c3f7b;
}

/****************************************
* Appended: 2015Nov23
* Greg Howlett(GregTHowlett@gmail.com)
****************************************/
/****************************************
* Line Spacing
****************************************/
.line-spacing-single p {
    margin: 0px;
    padding:0px;}
.line-spacing-1-5 p {
    margin: 0.5em;}
/****************************************
* Left Arrow Box
****************************************/
.left-arrow_box {
    position: relative;
    min-height: 52px;
    background: #ffffff;
    border: 4px solid #1a3d7d;
    padding: 8px;}
/***Only display arrow at width "Medium" or above***/
@media only screen and (min-width: 40.063em) {
    .left-arrow_box:after, .left-arrow_box:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;}
    .left-arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 22px;
        margin-top: -22px;}
    .left-arrow_box:before {
        border-color: rgba(26, 61, 125, 0);
        border-right-color: #1a3d7d;
        border-width: 28px;
        margin-top: -28px;}
}
/****************************************
* Inverted Checkbox Accordion
****************************************/  
.inverted-checkbox-accordion {
    *zoom: 1;
    margin: 0;
    padding:0;
    list-style:none;}

.inverted-checkbox-accordion>li{
    display: block;
    margin-bottom: 1px !important; }
/*Hide the default checkbox*/
.inverted-checkbox-accordion>li>input[type=checkbox] {
    display:none;}
.inverted-checkbox-accordion>li>label {
    width:98%;
    background: #1C3F7B;
    color: #FFFFFF;
    padding: 1rem;
    padding-left: 35px;
    display: block;
    position: relative;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.9rem;
    cursor: pointer;
    display: block;
    z-index: 20;}
/*** Sibling paragraphs and divs format ***/
.inverted-checkbox-accordion>li>p,
.inverted-checkbox-accordion>li>div {
    margin: 0px 1%;
    padding:1px;
    background: #f7f7f7;
    height: auto;
    margin-bottom: .125em;
    overflow: hidden;
    z-index: 10;}
/*** Hide sibling paragraphs and divs if checkbox checked ***/
.inverted-checkbox-accordion input[type=checkbox]:checked ~ p,
.inverted-checkbox-accordion input[type=checkbox]:checked ~ div {
    height:0px;
    margin-bottom:0;}
/***Checkbox position***/
.inverted-checkbox-accordion>li>input[type=checkbox] + label::after,
.inverted-checkbox-accordion>li>input[type=checkbox] + label::before {
    content: '';
    position: absolute;}
/***Checkbox box size/style***/
.inverted-checkbox-accordion>li>input[type=checkbox] + label::before {
    top: 11px;
    left: 5px;
    display: block;
    width: 25px;
    height: 25px;
    border: 3px solid #fff;}
/***Checkbox checkmark size/style***/
.inverted-checkbox-accordion>li>input[type=checkbox] + label::after{
    display: none;
    top: 16px;
    left: 10px;
    width: 15px;
    height: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background: transparent;
    border: 4px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}
/***Display checkmark if checked***/
.inverted-checkbox-accordion>li>input[type=checkbox]:checked + label::after {
    display: block;}
@media print {
    .inverted-checkbox-accordion>li>input[type=checkbox] + label::before {
        border-color: #000;}
    .inverted-checkbox-accordion>li>input[type=checkbox] + label::after{
        border-color: #000;}
}
/**********************************
* CSS accordion
**********************************/
dl.css-accordion {
    *zoom:1;
    margin: 0;
    padding: 0;
}
dl.css-accordion > dd{
    display: block;
    margin-bottom: 1px;
    margin-left:0; }
/*Hide the default checkbox*/
dl.css-accordion > dd > input[type=checkbox] {
    display:none;
    margin:0;}
dl.css-accordion > dd > input[type=checkbox]+label{
    display: block;
    margin: 0;}
dl.css-accordion > dd > label {
    width:100%;
    background: #1C3F7B;
    color: #FFFFFF;
    padding: 1rem;
    position: relative;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.9rem;
    cursor: pointer;
    z-index: 20;}
dl.css-accordion > dd > label:after{
    border-style: solid;
    border-width: 0.4em 0.4em 0 0;
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    position: relative;
    top: 0.3em;
    left: -0.3em;
    transform:rotate(-45deg);
    vertical-align:top;
    float: right;}
dl.css-accordion > dd > input[type=checkbox]:checked ~ label:after{
    top: 0em;
    left: -.2em;
    transform:rotate(135deg);
    float: right;}
dl.css-accordion > dd > label:hover,
dl.css-accordion > dd > label:active {
    background: #edf2fb;
    color: #1C3F7B;}
dl.css-accordion > dd > input[type=checkbox]:checked ~ label {
    background: #6079A3;
    color: #FFFFFF;}
/*** Sibling paragraphs format: default hidden ***/
dl.css-accordion > dd > p,
dl.css-accordion > dd > div  {
    margin: 0;
    padding: 0;
    height:0px;
    margin-bottom:0;
    overflow: hidden;
    z-index: 10;}
/*** Show sibling paragraphs if checkbox checked***/
dl.css-accordion > dd > input[type=checkbox]:checked ~ p,
dl.css-accordion > dd > input[type=checkbox]:checked ~ div {
    padding: 0.9375em;
    height: auto;
    margin-bottom: .125em;}