a:hover,a:visited,body a:link {color:#176164;}
#ghea21logo{width:200px;height:100px;background:0 0;margin:0 0 0 20px;padding:0;top:0;left:0;}
/*header and nav*/
header.fixed {height:80px;}
header.fixed .container {height:80px; justify-content: space-evenly;}
#ghea21logo {height:80px;}
#ghea21logo a span{display:block;width:200px;height:50px;background-size:contain;background-repeat:no-repeat;margin:15px 0}
.topmenu {justify-content: space-evenly;}
.menu-toggler {height: 55px;}
.menu-link {color:#176164 !important;}
/*homepage*/
#home #supershell #ghea21logo a span{background-image:url(https://ghea21.org/media/osun-assets/user-assets/images/logos/ghea21-logo-white-teal.png)}
#home #supershell header.fixed.scrolled > .container > #ghea21logo a span {background-image: url(https://ghea21.org/media/osun-assets/user-assets/images/logos/ghea21-logo-black-teal.png)}
#home .text>.content>.words p{font-size:20px}
#hpboxes {grid-template-columns: repeat(auto-fit, minmax(267px, 1fr));}
#ghea21logo a span {background-image: url(https://ghea21.org/media/osun-assets/user-assets/images/logos/ghea21-logo-black-teal.png)}

.newname {width: 100%; background-color: #20616a; margin: 0 0 40px 0; padding: 10px 0; height: auto;}
.newname h3 {color: white; text-align: center; padding: 10px 0 0 0; margin: 0 auto; font-size: 26px; font-weight: 500;}
.newname p {color: white;  text-align: center; margin: 0 auto; padding: 10px 50px; font-size: 18px; width: 90%;}

#hpboxes .hprow1 h3 {padding: 10px 0px 45px 0px;}

/*site-wide styling*/
body a:hover {color: #176164;}
p {line-height: 30px;}
p>span>a, p>a, p>a>span {text-decoration: underline !important; text-decoration: underline !important; text-underline-offset: 2px;}

.ctabutton {padding: 0;}
.ctabutton, .ctabutton:hover {background: transparent; color: #094848;}
.ctabutton a:link, .ctabutton a:visited {background: transparent !important; color: #094848;font-size: 15px; letter-spacing: 1px; text-decoration: underline; text-underline-offset: 2px; padding: 0;}
.cms-button {color: #20616A; background: transparent;}
.cms-button a:link, .cms-button a:visited, .cms-button a {color: #20616A; text-decoration: underline;}

#introtext>.intro>div>a {text-decoration: underline;}

.billboard>.content>.words>.padding>.ctabutton a:link,
.billboard>.content>.words>.padding>.ctabutton a:visited {color: #FFF !important;}

.text > .content > .words {padding: 0 30px;}
.text > .content > .words > .padding {margin: 0; padding: 0;}
.text > .content > .words > .padding > ul > li > a {text-decoration: underline;}

.twocol .fullwidth > .content > .words > .padding {width: 100%;}
.twocol .fullwidth > .content > .words > .multibuttons {width: 100%; max-width:100%;}
.threecol > .content > .words > .multibuttons > ul > li > .multitext > .linktitle {color: #20616A}

.events .ctabutton {background-color: transparent;}

/*newsroom*/
.subtitle {color: black;}
#subnavigation_menu .menu_nav > .nav_menu_item a {color: black;}
#subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:hover,
#subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:focus,
#subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded].open,
#subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a:hover,
#subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a:focus,
#subnavigation_menu .menu_nav > .nav_menu_item a.mainlink:hover,
#subnavigation_menu .menu_nav > .nav_menu_item a.mainlink:focus {color: #176164 !important;}

button.linkbutton.newslink {color: #20616A; text-decoration: underline;}
button.linkbutton.newslink:hover {color: #20616A; text-decoration: underline;}

.events ul.hpevents li .day {color: #996E00;}
.eventbox a:link, .eventtext a:visited {color:#20616A;}
/* news feeds */
.programfeeds .item .image img {color: white;}
/*events prefurl */
.text>.content>.calendar>.twocolumns>.left>.imgleft {position: relative; display: inline; float: left; width: 45%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 2; }
.text>.content>.calendar>.twocolumns>.left>.imgleft>img {width: 100%; height: auto; margin: 0px; }

/* course search */
.searchmenu .ctabutton {background: #176164; color: white; padding: 1.5%; line-height: 16px;}
.searchmenu .ctabutton:hover {text-decoration: underline; cursor: pointer;}

/* footer */
footer .content #footercontent .imgshell img, #ghea21footerlogo, #ghea21footerlogo img {height: 80px !important;}
footer .content a:hover, footer .content a:active {color:#176164}
#footercontent .footercol .socialmedia {margin-bottom:auto; margin-left:0px; margin-right:0px; margin-top:auto}
#footercontent .footercol .socialmedia a:hover {text-decoration: none;}
#footercontent .footercol .socialmedia img {width: 30px; position: relative;}
#footercontent .footercol .bardlogo a img{width: auto; height: 50px !important;}

@media only screen and (max-width: 1000px) {
  header.fixed .container { display: flex; justify-content: space-between; }
  .twocol > .content > .words > .padding {float: unset;}
  #hpboxes {grid-template-columns: repeat(auto-fit, minmax(342px, 1fr));}
}

@media only screen and (max-width: 900px) {
	#introshell .image h1 {padding-bottom: 2.8%;}
	#introshell > .image > .caption {font-size: 14px; font-weight: 500;}

	.billboard>.content>.words>.padding>.ctabutton a:link,
	.billboard>.content>.words>.padding>.ctabutton a:visited {color: #20616A !important;}
}

@media screen and (max-width: 650px) {
	#home #supershell #ghea21logo a span {background-image: url(https://ghea21.org/media/osun-assets/user-assets/images/logos/ghea21-logo-black-teal.png) !important;}
	.hpbillboard .hpcontent .hppadding {top:15%;}
	.hpbillboard { margin-top: 80px; }
	#introshell {margin-top: 75px; }
}