@charset "UTF-8";
/* CSS Document */

html, body, button, input, select, textarea, .search-search
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #424242;
}


body
{
	margin: 0;
	overscroll-behavior-y: none;
	-webkit-behavior-y: none;
	-moz-behavior-y: none;
}
html, body {
    overflow-x: hidden; /* -- added by babrough Aug 1 to help with "cropping" the horizontal overflow -- */
}

/*
h1
{
	font-size: 52px !important;
	font-weight: bold;
	color: #006f71;
	margin: 0;
	padding: 0;
}
*/
 /* ==========================================================================
    HTML5 display definitions from original main.css -BEGIN-
    ========================================================================== */

 /* ==========================================================================
    Typography
    ========================================================================== */
 /**
  * Address font sizes and margins set differently in IE 6/7.
  * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
  * and Chrome.
  */
 h1 {
   font-size: 2em;
   margin: 0.55em 0; }
 
 h2 {
   font-size: 1.5em;
   line-height: 0.9;
   margin: 0.53em 0 0.4em 0; }
 
 h3 {
   font-size: 1.17em;
   margin: 0.7em 0 0.3em 0; }
 
 h4 {
   font-size: 1em;
   margin: 1em 0 0.5em 0; }
   @media screen and (max-width: 750px) {
     h4 {
       margin: 1em 0 1.5em 0; } }
 
 h5 {
   font-size: 0.83em;
   margin: 1.2em 0 0.5em 0; }
 
 h6 {
   font-size: 0.67em;
   margin: 2em 0 0.5em 0; }
/* ==========================================================================
    Typography -END-
    ========================================================================== */

h1 {
   font-size: 60px;
   color: #006f71;
   text-transform: uppercase; }
   @media screen and (max-width: 1100px) {
     h1 {
       font-size: 50px; } }
   @media screen and (max-width: 750px) {
     h1 {
       font-size: 35px; } }
 
 h2 {
   font-size: 52px;
   color: #006f71; }
   @media screen and (max-width: 1100px) {
     h2 {
       font-size: 45px;
       /*margin: 0.9em 0 0.4em 0;*/ 
	   margin: 0.53em 0 0.4em 0;} }
   @media screen and (max-width: 750px) {
     h2 {
       font-size: 28px;
       margin: 1.8em 0 1.1em 0; } }
 
 h3 {
   font-size: 46px;
   color: #a27752; }
   @media screen and (max-width: 1100px) {
     h3 {
       font-size: 38px;
       margin: 0.4em 0 0.4em 0; } }
   @media screen and (max-width: 750px) {
     h3 {
       font-size: 24px;
       margin: 2.1em 0 1.25em 0; } }
 
 h4 {
   font-size: 30px;
   color: #a27752; }
   @media screen and (max-width: 1100px) {
     h4 {
       font-size: 28px; } }
   @media screen and (max-width: 750px) {
     h4 {
       font-size: 20px;
       margin: 2.5em 0 1.5em 0; } }
   h4 .arrow-link {
     font-size: 30px;
     color: #006f71;
     display: block;
     padding: 0; }
     @media screen and (max-width: 750px) {
       h4 .arrow-link {
         font-size: 20px;
         line-height: 1.3; } }
     h4 .arrow-link:hover {
       text-decoration: none; }
     h4 .arrow-link .last-word {
       position: relative;
       display: inline-block;
       padding-right: 40px; }
       @media screen and (max-width: 1100px) {
         h4 .arrow-link .last-word {
           padding-right: 30px; } }
       h4 .arrow-link .last-word:after {
         content: "";
         background-size: 30px;
         background-repeat: no-repeat;
         background-position: center left;
         width: 30px;
         height: 30px;
         display: block;
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -15px;
         right: 0;
         transition: right 0.05s;
         -moz-transition: right 0.05s;
         -webkit-transition: right 0.05s;
         background-image: url(/media/coastal-now-arrow@2x2.png);
         border-radius: 50%; }
         @media screen and (max-width: 1100px) {
           h4 .arrow-link .last-word:after {
             width: 20px;
             height: 20px;
             background-size: 20px;
             margin-top: -10px; } }
     h4 .arrow-link.teal .last-word:after {
       background-color: #006f71; }
     h4 .arrow-link:hover .last-word {
       text-decoration: none; }
       h4 .arrow-link:hover .last-word:after {
         right: -4px; }
 
 h5 {
   font-size: 28px;
   color: #424242;
   font-weight: 300;
   text-transform: none; }
   @media screen and (max-width: 1100px) {
     h5 {
       font-size: 22px;
       margin: 1.8em 0 0.5em 0; } }
   @media screen and (max-width: 750px) {
     h5 {
       font-size: 20px;
       margin: 2.5em 0 1.5em 0; } }
 
 h6 {
   font-size: 18px;
   color: #424242;
   font-weight: 600;
   text-transform: uppercase; }
   @media screen and (max-width: 1100px) {
     h6 {
       font-size: 18px; } }
   @media screen and (max-width: 750px) {
     h6 {
       font-size: 16px;
       margin: 3.1em 0 1.9em 0; } }
 /* ==========================================================================
    HTML5 display definitions from original main.css -END-
    ========================================================================== */

.navbar-nav .nav-link
{
	/* font-size: 12px !important; */
}

/***** BEGIN HAMBURGER MENU *****/

.mega_menu_banner_wrapper
{
	position: fixed !important;
    top: 0;
	color: #FF0000;
    height: 120px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    background-color: #FFFFFF !important;
    border: 3px solid #007073 !important;
	z-index: 999998 !important;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.mega_menu_banner_container
{
	/* position: fixed !important; */
    /* bottom: 0; */
	display: flex;
    justify-content: center;
    /* max-width: 700px !important; */
    /* min-width: 320px !important; */
    /* left: 50% !important; */
    /* transform: translate(-50%, 0); */
}

.top-band .logo a img 
{
    vertical-align: top;
    max-width: 250px;
}
 
 body.menu-open {
   overflow: hidden; }
   body.menu-open header .top-band .header-util .search-icon {
     background-image: url(/media/search-black@2x.png); }
     @media screen and (max-width: 750px) {
       body.menu-open header .top-band .header-util .search-icon {
         width: 40px; } }
   body.menu-open header {
     background: white; }
   body.menu-open .top-band-outer {
         border-bottom: thin solid black;
          width: 100%;
          background-color: white;
          position: fixed;
		  top: 0;
          overflow-y: scroll;
          z-index: 9999; }
     @media screen and (max-width: 1100px) {
       body.menu-open .top-band-outer {
         border-bottom: 1px solid #868686; } }
     body.menu-open .top-band-outer .top-band {
       position: relative;
	   display: flex;
	   justify-content: space-between;
	   padding: 25px;
       z-index: 100;
       background-color: white; }
     body.menu-open .top-band-outer.search {
       position: absolute; }
   body.menu-open .top-band .logo .black {
     display: block;
     position: absolute;
     z-index: 1; }
   body.menu-open .top-band .logo .white {
     display: none; }
   body.menu-open .top-band .logo .teal {
     display: block;
     transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s;
     z-index: 2;
     position: relative;
     opacity: 1; }
     body.menu-open .top-band .logo .teal:hover {
       opacity: 0; }
   /* -- hidden by babrough Jul 30 - repeating teal university seal on mobile 
    @media screen and (max-width: 750px) {
     body.menu-open .top-band .logo a {
       background-image: url(/media/logo-masthead-teal-mobile@2x.png); } }
    -- */
   body.menu-open .main-nav-dropdown {
     opacity: 1; }

   header .main-nav-dropdown {
     background-color: white;
     position: fixed;
	 overscroll-behavior-y: none;
     -webkit-overscroll-behavior-y: none;
     -moz-overscroll-behavior-y: none;
     right: 0;
     left: 0;
     bottom: 0;
     top: -200%;
     width: 100%;
     height: 100%;
     z-index: 9997;
     opacity: 0; }
     header .main-nav-dropdown h4 {
       color: #424242;
       margin-bottom: 0px;
       font-size: 24px;
       font-weight: 600;
       line-height: 1;
       position: relative; }
       header .main-nav-dropdown h4 .last-word {
         position: relative;
         display: inline-block;
         background-image: url(/media/arrow-nav-black@2x.png);
         background-size: 8px;
         background-repeat: no-repeat;
         background-position: center right;
         padding-right: 15px; }
       header .main-nav-dropdown h4 .toggle {
         position: absolute;
         left: 0;
         top: 50%;
         height: 40px;
         width: 60px;
         position: absolute;
         margin-top: -20px;
         z-index: 10;
         cursor: pointer;
         display: none; }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown h4 .toggle {
             display: block; } }
         header .main-nav-dropdown h4 .toggle:after {
           content: "";
           position: absolute;
           top: 50%;
           left: 25px;
           margin-top: -10px;
           width: 20px;
           height: 19px;
           display: block;
           background-image: url(/media/toggle.png);
           background-size: 40px;
           background-repeat: no-repeat;
           background-position: -20px -1px; }
       header .main-nav-dropdown h4 a {
         color: black;
         margin-bottom: 0px;
         font-size: 24px;
         font-weight: 600;
         line-height: 1;
         position: relative;
         text-decoration: none; }
         @media screen and (max-width: 1100px) {
           header .main-nav-dropdown h4 a {
             font-size: 16px; } }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown h4 a {
             font-size: 18px;
             display: block;
             padding: 18px 15px 18px 60px; } }
         header .main-nav-dropdown h4 a:hover {
           color: #006f71; }
           header .main-nav-dropdown h4 a:hover .last-word {
             background-image: url(/media/teal-arrow.png); }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown h4 {
           font-size: 16px; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown h4 {
           margin-top: 0;
           padding: 0 20px 0 0;
           border-bottom: 1px solid #424242; } }
       header .main-nav-dropdown h4.active {
         border-bottom: 1px solid white; }
         header .main-nav-dropdown h4.active .toggle:after {
           background-position: -20px -20px; }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown h4.info-for {
           border-bottom: 1px solid #006f71; }
           header .main-nav-dropdown h4.info-for.active {
             border-bottom: 0px; } }
     @media screen and (max-width: 750px) {
       header .main-nav-dropdown .info-for {
         position: relative; }
         header .main-nav-dropdown .info-for:after {
           content: "";
           width: 19px;
           height: 19px;
           display: block;
           position: absolute;
           left: 25px;
           top: 50%;
           margin-top: -10px;
           background-image: url(/media/toggle.png);
           background-size: 40px;
           background-repeat: no-repeat;
           background-position: -20px -1px; }
         header .main-nav-dropdown .info-for.active:after {
           background-position: -20px -20px; } }
     header .main-nav-dropdown .main-nav-inner {
       position: static;
       height: 100% !important;
       overflow-y: scroll !important;
       overflow-scrolling: touch;
	   overscroll-behavior: none;
	   -webkit-overscroll-behavior: none;
       -webkit-overflow-scrolling: touch;
       border-bottom: 6px solid #006f71;
       -webkit-box-shadow: 0 20px 300px 10px #555;
       box-shadow: 0 20px 300px 10px #555; }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown .main-nav-inner {
           padding-top: 10px; }
           header .main-nav-dropdown .main-nav-inner .span_1_of_4 {
             width: 32.26%; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown .main-nav-inner .span_1_of_4 {
           width: 100%;
           margin: 0; } }
     header .main-nav-dropdown .max-width-wrapper {
       max-width: 1250px;
       margin: 0 auto;
       padding: 0 25px; }
     header .main-nav-dropdown ul {
       padding-left: 0;
       list-style: none;
       margin-top: 15px; }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown ul li:first-child a {
           padding-top: 0; } }
       header .main-nav-dropdown ul a {
         color: #006f71;
         font-size: 18px;
         font-weight: 600;
         padding: 8px 0;
         display: block;
         padding-right: 20px; }
         @media screen and (max-width: 1100px) {
           header .main-nav-dropdown ul a {
             font-size: 14px;
             padding: 7px 0; } }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown ul a {
             font-size: 16px; } }
         header .main-nav-dropdown ul a:hover {
           text-decoration: underline; }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown ul {
           margin-bottom: 0; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown ul {
           display: none;
           padding: 5px 20px 15px 60px;
           margin-top: 0;
           border-bottom: 1px solid #006f71; } }
     header .main-nav-dropdown .span_2_of_4 .nav-block {
       background-color: #e9f2f5;
       border: 1px solid #006f71;
       margin-top: 30px;
       margin-bottom: 2.2em;
       padding: 2em 2.5em; }
       header .main-nav-dropdown .span_2_of_4 .nav-block a {
         position: relative; }
         header .main-nav-dropdown .span_2_of_4 .nav-block a:hover span {
           text-decoration: underline; }
       header .main-nav-dropdown .span_2_of_4 .nav-block .last-word {
         position: relative;
         display: inline-block;
         padding-right: 15px;
         background-image: url(/media/arrow-nav-teal@2x.png);
         background-size: 8px;
         background-repeat: no-repeat;
         background-position: center right;
         margin-left: -1px;
         padding-left: 1px; }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown .span_2_of_4 .nav-block {
           padding: 20px;
           margin-top: 1em; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown .span_2_of_4 .nav-block {
           border: 0;
           margin: 0;
           padding: 0; }
           header .main-nav-dropdown .span_2_of_4 .nav-block h4 {
             font-size: 18px;
             padding: 17px 20px 17px 60px; } }
     header .main-nav-dropdown .span_2_of_4 h4 {
       margin-top: 0; }
       @media screen and (min-width: 750px) {
         header .main-nav-dropdown .span_2_of_4 h4 {
           border-bottom: 1px solid transparent; } }
     header .main-nav-dropdown .span_2_of_4 ul {
       overflow: hidden; }
       header .main-nav-dropdown .span_2_of_4 ul li {
         display: inline-block;
         width: 50%;
         float: left; }
         @media screen and (max-width: 1100px) {
           header .main-nav-dropdown .span_2_of_4 ul li {
             width: 100%; } }
     @media screen and (max-width: 1100px) {
       header .main-nav-dropdown .span_2_of_4 {
         width: 32.26%; } }
     @media screen and (max-width: 750px) {
       header .main-nav-dropdown .span_2_of_4 {
         width: 100%;
         margin: 0; } }
     header .main-nav-dropdown ul.link-block-list {
       color: white; }
       header .main-nav-dropdown ul.link-block-list li:last-child {
         margin-top: 0; }
       header .main-nav-dropdown ul.link-block-list a {
         color: white;
         background: #006f71;
         padding: 20px;
         margin-bottom: 5px;
         display: block;
         transition: background-color 0.2s;
         -webkit-transition: background-color 0.2s;
         -moz-transition: background-color 0.2s; }

		header .main-nav-dropdown ul.link-block-list li:nth-child(4) a 
		{
            background: #a27752 none repeat scroll 0 0 !important;
            transition: background-color 0.2s ease 0s !important;
        }

         header .main-nav-dropdown ul.link-block-list a:hover {
           text-decoration: none;
           background-color: #005658; }
         header .main-nav-dropdown ul.link-block-list a .last-word {
           position: relative;
           display: inline-block;
           padding-right: 15px;
           background-image: url(/media/arrow-nav-white@2x.png);
           background-size: 8px;
           background-repeat: no-repeat;
           background-position: center right; }
       header .main-nav-dropdown ul.link-block-list.show-on-mobile {
         display: none; }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown ul.link-block-list.show-on-mobile {
             display: block !important;
             height: 100% !important;
             padding: 30px 25px !important; }
             header .main-nav-dropdown ul.link-block-list.show-on-mobile li:first-child a {
               padding-top: 20px; }
             header .main-nav-dropdown ul.link-block-list.show-on-mobile li:last-child {
               margin-top: 10px; }
             header .main-nav-dropdown ul.link-block-list.show-on-mobile a {
               font-size: 18px; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown ul.link-block-list.hide-on-mobile {
           display: none; } }
   header .social-block-wrapper {
     text-align: center; }

	

	header .social-block {
     float: right;
     display: inline-block; }
     header .social-block a:not(.coastal-now) {
       width: 40px;
       height: 40px; }
       @media screen and (max-width: 1250px) and (min-width: 1100px) {
         header .social-block a:not(.coastal-now) {
           width: 34px;
           height: 34px;
           margin-left: 9px; } }
       header .social-block a:not(.coastal-now).facebook:after {
         background-size: 14px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).facebook:after {
             background-size: 12px; } }
       header .social-block a:not(.coastal-now).twitter:after {
         background-size: 26px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).twitter:after {
             background-size: 24px; } }
       header .social-block a:not(.coastal-now).youtube:after {
         background-size: 26px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).youtube:after {
             background-size: 24px; } }
       header .social-block a:not(.coastal-now).instagram:after {
         background-size: 25px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).instagram:after {
             background-size: 23px; } }
       header .social-block a:not(.coastal-now).pinterest:after {
         background-size: 30px;
         background-position: center 5px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).pinterest:after {
             background-size: 26px;
             background-position: center 7px; } }
       header .social-block a:not(.coastal-now).linkedin:after {
         background-size: 25px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).linkedin:after {
             background-size: 23px; } }
       header .social-block a:not(.coastal-now).snapchat:after {
         background-size: 24px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).snapchat:after {
             background-size: 22px; } }
     header .social-block a.coastal-now {
       padding: 9px 20px 9px 20px; }
       @media screen and (max-width: 1250px) and (min-width: 1100px) {
         header .social-block a.coastal-now {
           padding: 6.5px 20px 6.5px 20px;
           font-size: 18px; } }


/**************************************************************************/

.circle {
   box-shadow: 0 0 0 3px #006f71;
   -webkit-transition: color 0.2s;
   -moz-transition: color 0.2s;
   transition: color 0.2s;
   z-index: 1;
   position: relative; }
   .circle:after {
     background-position: center center;
     background-repeat: no-repeat;
     top: 0px;
     left: 0px;
     padding: 2px;
     z-index: -1;
     background-color: #006f71;
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -moz-transition: -moz-transform 0.2s, opacity 0.2s;
     transition: transform 0.2s, opacity 0.2s;
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: ''; }
   .circle:hover:after {
     -webkit-transform: scale(0.85);
     -moz-transform: scale(0.85);
     -ms-transform: scale(0.85);
     transform: scale(0.85); }
 
 .social-block {
   float: right;
   display: inline-block; }
   .social-block a:not(.coastal-now) {
     width: 40px;
     height: 40px;
     border-radius: 50px;
     display: inline-block;
     margin-left: 11px;
     text-indent: -9999px;
     background-repeat: no-repeat;
     background-position: center center; }
     @media screen and (max-width: 1100px) {
       .social-block a:not(.coastal-now) {
         width: 40px;
         height: 40px; } }
     .social-block a:not(.coastal-now).facebook {
       box-shadow: 0 0 0 3px #3b5998; }
       .social-block a:not(.coastal-now).facebook:after {
         background-color: #3b5998;
         background-image: url(/media/social/facebook@2x.png);
         background-size: 16px; }
     .social-block a:not(.coastal-now).twitter {
       box-shadow: 0 0 0 3px #55acee; }
       .social-block a:not(.coastal-now).twitter:after {
         background-color: #55acee;
         background-image: url(/media/social/twitter@2_3.png);
         background-size: 30px; }
     .social-block a:not(.coastal-now).youtube {
       box-shadow: 0 0 0 3px #e52d27; }
       .social-block a:not(.coastal-now).youtube:after {
         background-color: #e52d27;
         background-image: url(/media/social/youtube@2x2.png);
         background-size: 30px; }
     .social-block a:not(.coastal-now).instagram {
       box-shadow: 0 0 0 3px #46769e; }
       .social-block a:not(.coastal-now).instagram:after {
         background-color: #46769e;
         background-image: url(/media/social/instagram@2_3.png);
         background-size: 27px; }
     .social-block a:not(.coastal-now).pinterest {
       box-shadow: 0 0 0 3px #bd071d; }
       .social-block a:not(.coastal-now).pinterest:after {
         background-color: #bd071d;
         background-image: url(/media/social/pinterest@2x.png);
         background-size: 30px;
         background-position: center 5px; }
         @media screen and (max-width: 750px) {
           .social-block a:not(.coastal-now).pinterest:after {
             background-size: 30px; } }
     .social-block a:not(.coastal-now).linkedin {
       box-shadow: 0 0 0 3px #0077b5; }
       .social-block a:not(.coastal-now).linkedin:after {
         background-color: #0077b5;
         background-image: url(/media/social/linkedin@2x.png);
         background-size: 27px; }
     .social-block a:not(.coastal-now).snapchat {
       box-shadow: 0 0 0 3px #ffcf2a; }
       .social-block a:not(.coastal-now).snapchat:after {
         background-color: #ffcf2a;
         background-image: url(/media/social/snapchat@2_3.png);
         background-size: 27px; }
         @media screen and (max-width: 750px) {
           .social-block a:not(.coastal-now).snapchat:after {
             background-size: 30px; } }
   .social-block a.coastal-now {
     /*background-color: #a27752;*/
     width: auto;
     height: auto;
     color: white;
     padding: 9px 30px 9px 30px;
     border-radius: 30px;
     font-size: 20px;
     display: inline-block;
     float: left;
     margin-right: 2px;
     transition: background-color 0.2s;
     -webkit-transition: background-color 0.2s;
     -moz-transition: background-color 0.2s;
     font-weight: 600; }
     .social-block a.coastal-now span {
       font-weight: 300; }
       .social-block a.coastal-now span:after {
         content: "";
         background-image: url(/media/coastal-now-arrow@2x2.png);
         background-size: 27px;
         background-repeat: no-repeat;
         background-position: center right;
         display: inline-block;
         width: 27px;
         height: 20px;
         position: relative;
         top: 3px;
         margin-left: 10px;
         right: 0;
         transition: right 0.05s;
         -webkit-transition: right 0.05s;
         -moz-transition: right 0.05s; }
     .social-block a.coastal-now:hover {
       /*background-color: #895E39;*/
       background-color: #FFFFFF;
       text-decoration: none; }
       .social-block a.coastal-now:hover span:after {
         right: -3px; }
   @media screen and (max-width: 750px) {
     .social-block {
       display: none; } }
   .social-block.mobile-only {
     display: none; }
     @media screen and (max-width: 750px) {
       .social-block.mobile-only {
         display: block; }
         .social-block.mobile-only .social-block-section {
           overflow: hidden;
           display: block;
           padding: 15px;
           margin-left: -20px;
           margin-right: -20px;
           text-align: center; }
           .social-block.mobile-only .social-block-section:first-child {
             margin-bottom: 10px; }
           .social-block.mobile-only .social-block-section:last-child {
             padding-bottom: 10px; }
         .social-block.mobile-only .coastal-now {
           display: inline;
           float: none; }
         .social-block.mobile-only a:not(.coastal-now) {
           margin: 0 5px; } }
     @media screen and (max-width: 500px) {
       .social-block.mobile-only a:not(.coastal-now) {
         margin: 0 7px; } }

/**************************************************************************/

 .android-4-1 header {
   z-index: 1001;
   position: static;
   max-height: 70px; }
 
 .android-4-1 body.menu-open {
   overflow: scroll; }
   .android-4-1 body.menu-open header {
     max-height: none; }
 
 .android-4-1 .primary-links {
   padding-top: 20px !important; }
 
 .android-4-1 header .main-nav-dropdown {
   z-index: 1000;
   overflow: scroll;
   position: relative; }
 
 .primary-links {
   overflow: hidden;
   padding-top: 81px; }
   @media screen and (max-width: 1100px) {
     .primary-links .col.mobile-styles {
       display: none; } }
   @media screen and (max-width: 750px) {
     .primary-links {
       padding-top: 71px; } }
   @media screen and (max-width: 1100px) {
     .primary-links .link-block-list {
       display: block; } }
 
 .mobile-header-bottom .link-block-list {
   display: none; }
   @media screen and (max-width: 1100px) {
     .mobile-header-bottom .link-block-list {
       display: block; } }
 
 .secondary-links .social-block {
   display: block; }
   @media screen and (max-width: 1100px) {
     .secondary-links .social-block {
       display: none; } }
 
 .mobile-header-bottom .social-block {
   display: none; }
   @media screen and (max-width: 1100px) {
     .mobile-header-bottom .social-block {
       display: block; } }
 
 header .mobile-header-bottom {
   overflow: hidden;
   padding: 20px 20px 50px 20px; }
   header .mobile-header-bottom ul.link-block-list li {
     max-width: 300px; }
     header .mobile-header-bottom ul.link-block-list li a {
       font-size: 18px;
       padding: 12px 20px; }
     header .mobile-header-bottom ul.link-block-list li:last-child {
       margin-top: 15px; }
   header .mobile-header-bottom .social-block {
     width: 100%;
     text-align: center; }
     @media screen and (max-width: 750px) {
       header .mobile-header-bottom .social-block {
         margin: 0; } }
     header .mobile-header-bottom .social-block .social-block-section {
       overflow: hidden;
       display: block;
       padding: 15px 0;
       text-align: center; }
       header .mobile-header-bottom .social-block .social-block-section a:not(.coastal-now) {
         margin: 0 12px; }
     header .mobile-header-bottom .social-block .coastal-now {
       display: inline;
       float: none; }
   @media screen and (max-width: 750px) {
     header .mobile-header-bottom .table-style,
     header .mobile-header-bottom .td-style {
       display: block; }
     header .mobile-header-bottom ul.link-block-list {
       border-bottom: 0;
       padding: 0;
       margin-bottom: 30px; }
       header .mobile-header-bottom ul.link-block-list li {
         max-width: none; } }
 
 @media screen and (max-width: 750px) {
   header .main-nav-dropdown .max-width-wrapper {
     padding-left: 0;
     padding-right: 0; } }

.col:first-child {
    margin-left: 0;
}
.span_1_of_4 {
    width: 23.8%;
}

.span_2_of_4 {
    width: 49.2%;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

/***** END HAMBURGER MENU *****/

 /* ==========================================================================
    ACCORDION STYLES
    ========================================================================== */
 .accordion-handle {
   background-color: #e2edf1;
   padding: 15px 60px 15px 20px;
   text-transform: none;
   font-size: 18px;
   cursor: pointer;
   font-weight: 400;
   position: relative;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   border-bottom: 1px solid white;
   margin-bottom: 3px;
   margin-top: 0; }
   .accordion-handle:after {
     content: "";
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 10px 10px 0 10px;
     border-color: #006f71 transparent transparent transparent;
     position: absolute;
     right: 20px;
     top: 50%;
     margin-top: -5px;
     display: block; }
   .accordion-handle.active {
     background-color: #e2edf1; }
     .accordion-handle.active:after {
       border-width: 0 10px 10px 10px;
       border-color: transparent transparent #006f71 transparent; }
   .accordion-handle:hover {
     background-color: #e2edf1; }
 
 .accordion-content {
   padding: 15px 15px 30px 15px;
   display: none; }
   .accordion-content p, .accordion-content li {
     font-size: 18px; }
 
 a.phone {
   color: inherit; }
   a.phone:hover {
     text-decoration: none; }

/***** Reader Span is for reader accessibility *****/
.reader-span 
{
 height: 1px;
 width: 1px;
 position: absolute;
 overflow: hidden;
 top: -10px;
}

.link-overlay 
{
    display: block;
    /* position: absolute; */
    bottom: 0;
    /* right: 0; */
    /* bottom: 68px; */
    /* left: 0; */
    cursor: pointer;
    z-index: 11;
    width: 100%;
    height: 100%;
}

a.clickablediv
{
	display: inline-flex;
    color: inherit;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding: 0 0 0 0;
    position: absolute;
    top: 0;
}

body.menu-open .main-nav-dropdown 
{
    opacity: 1;
}

header 
{
 	
}

#header
{
	margin-bottom: 20px;
}

#header-two
{
	margin: 20px auto;
}

.page-header
{
	min-height: 81px;
    background: #006f71;
}

.top_banner_2020 {
  	padding: 8px 0;
  	text-align: right;
	display: block;
}
.top_banner_2020 a {
	color:#006F71;
  	font-weight: bold;
  	font-size: 13px;
  	padding: 5px;
  	margin-left: 5px;
  	transition: background .2s ease-in-out;
}
.top_banner_2020 a:hover {
  	background: rgba(0, 0, 0, 0.1);
  	transition: background .2s ease-in-out;
}
.top_banner_2020 a:last-child {
  	margin-right: -5px;
}

.top_banner_2020 .inner_2020{
	margin-right: 45px;
}

.navbar
{
	min-height: 81px;
    background: #006f71;
}

.ccu-navbar
{
	/*min-height: 81px;*/
    background: #006f71;
}

.navbar-gray
{
	min-height: 81px;
    background: #CCCCCC;
}

.navbar-default 
{
    background-color: #007073;
    border-color: #007073;
	border-radius: 0px;
}

.navbar-brand > img 
{
    vertical-align: top;
    max-width: 250px;
	width: 100%;
    height: auto;
}

.navbar-nav
{
	float: left;
    margin-left: 12%;
    margin-top: 0; /* -- changed by babrough Jul 30 -- */
}

.nav-link
{
	color: #FFFFFF !important;
	font-size: 14px;
    font-weight:bold; /* -- added by babrough Jul 30 -- */
}

.navlink-gray
{
	color: #006f71 !important;
}

.ccu-menu-nav
{
	min-width: 100px;
	float: right;
	/*background-color: green;*/
	margin-right: 0px !important;
	margin: 0px 0 0 0; /* -- changed by babrough on Jul 31 -- */
	padding: 0px;
}
/* -- added by babrough Jul 30 -- */
.ccu-menu-nav:hover {
  color:#006F71;
  background-color:#a27752;
  transition:all .2s ease-in-out;
}

/* -- added by babrough Aug 1 -- */
/* -- fake the full-width navbar -- */
#ccu-nav-main {
  position:relative;
}
#ccu-nav-main:before, #ccu-nav-main:after {
  content:" ";
  display:block;
  background:#006F71;
  position:absolute;
  top:0;
  width:100%;
  height:100%;
}
#ccu-nav-main:before {
  left:15px;
  margin-left:-100%;
}
#ccu-nav-main:after {
  right:15px;
  margin-right:-100%;
}


.navbar-default .navbar-nav > li > a 
{
    color: #FFFFFF;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus 
{
  color: #FFFFFF;
  background-color: transparent;
  border-bottom: 1px solid #FFFFFF;
  border-bottom-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus 
{
  color: #FFFFFF;
  background-color: #007073;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus 
{
  color: #FFFFFF;
  cursor: default;
  background-color: #007073;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
{
    color: #FFFFFF;
    background-color: #006f71;
}

.menu-icon 
{
    display: block;
    width: 35px;
    height: 50px;
    padding: 0;
    float: left;
    
	background-image: url(/media/menu@2x.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center right;
	
    outline: 0;
    position: relative;
    z-index: 9998;
}

.menu-icon img
{
	vertical-align: middle;
    border-style: none;
    width: 25px !important;
    height: 20px !important;
    margin: 15px 0 0 0;
    float: right;
}

.menu-icon.active 
{
    background-image: url(/media/menu-close-black@2x.png) !important;
    background-size: 25px !important;
    display: block !important;
    width: 35px !important;
    height: 50px !important;
    padding: 20px 0 !important;
    float: left !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
	position: fixed;
    top: 15px;
    right: 25px;
}

.navbar-toggler-icon 
{
  	width: 35px;
    height: 50px;
    padding: 0;
    float: left;
    background-image: url(../2019_images/menu@2x.png) !important;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center right;
    outline: 0;
    position: relative;
    z-index: 100;
}

.navbar-toggler {
    padding: 0;
    /* font-size: 1.25rem; */
    /* line-height: 1; */
    background-color: transparent;
    /* border: 1px solid transparent; */
    /* border-radius: 0.25rem; */
}

.info-bar
{
	background-color: #DDDDDD;
}

.info-bar-text
{
	color: #006f71;
}

#logo-div
{
	width: 250px;
	height: auto;
	background: url(../2019_images/logo-masthead-white@2x.png);
	background-size: cover;
}

#hamburger-div
{
	min-width: 100px;
    float: right;
    /* background-color: green; */
    margin-right: 0px !important;
    margin: 15px 0 0 0;
    padding: 0px;
	border: 0px;
}

.bg-ccu-secondary-nav
{
	background-color: #EEE;
	padding: 10px 15px 0 10px; /* -- changed by babrough Jul 31 -- */
    border-bottom: solid 1px #e5e5e5;
}

.bg-ccu-secondary-nav-mobile
{
	background-color: #EEE;
	padding: 5px 15px 0 10px; /* -- changed by babrough Jul 31 -- */
}

.bg-ccu-secondary-nav-elemtnts
{
	background-color: transparent;
	color: #006f71;
    margin-right: 10px; /* -- changed by babrough Jul 31 -- */
}

.bg-ccu-secondary-nav-elemtnts > a
{
	color: #006f71;
	font-size: 17px;
	text-transform:uppercase;
}
.bg-ccu-secondary-nav-elemtnts > a:active {
    color: #a27752;
    position: relative;
    top: 1px;
}

/* -- added by babrough Jul 31 - remove margin-right of last nav element: search form -- */
.bg-ccu-secondary-nav-elemtnts:last-of-type {
    margin-right:0;
}

.navbar .nav-item:hover {
  background-color:#a27752;
  text-decoration:underline;
  transition:all .2s ease-in-out;
}
.navbar .nav-item:active {
    position: relative;
    top: 1px;
}

.ccu-nav-item
{
	padding: 12px;
}

.ccu-menu-nav-label
{
	color: #FFFFFF;
	font-size: 14px;
    font-weight:bold;
}
.ccu-menu-nav-label:hover {
  color:#FFF;
}

.ccu-nav-icon
{
	max-width: 15px;
    height: auto;
	margin: 0 5px 0 0;
}

#ccu-nav-secondary img
{
	max-width: 15px !important;
    height: auto !important;
	margin: -3px 5px 0 0 !important; /* adjusted by babrough Aug 6 - vertical alignment -- */
}

#ccu-nav-secondary .enroll-icon img {
	max-width: 22px !important;
}


/* -- added by babrough -- */
/* -- fake the full-width secondary nav bar -- */
#ccu-nav-secondary {
  position:relative;
}
#ccu-nav-secondary:before, #ccu-nav-secondary:after {
    content:" ";
    display:block;
    background:#EEE;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    border-bottom: solid 1px #e5e5e5;
}
#ccu-nav-secondary:before {
    left:15px;
    margin-left:-100%;
}
#ccu-nav-secondary:after {
    right:15px;
    margin-right:-100%;
}

#hero-div
{
	padding: 0 0 0 10px; /* -- changed by babrough Jul 31 -- */
	height: 530px;
	background-position: top 0px right 0px; 
	background-size: 68%; 
	background-repeat: no-repeat;
}

#double-hero-div
{
	padding: 0 0 0 10px; /* -- changed by babrough Jul 31 -- */
	height: 530px;
	background-position: top 0px right 0px; 
	background-size: 68%; 
	background-repeat: no-repeat;
}

#hero-div-mobile
{
	display: none !important;
}

#double-hero-div-mobile
{
	display: none !important;
}

#hero-div-two
{
	padding: 0 0 0 15px;
    height: 440px;
    background: url(../2019_images/Wall_Building.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#double-hero-div-two
{
	padding: 0 0 0 15px;
    height: 440px;
    background: url(../2019_images/Wall_Building.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#hero-div-two h2, #hero-div-two h6 {
    text-shadow: 0px 1px 7px rgba(0,0,0,.9); /* -- added by babrough Aug 6 - for better legibility -- */
}

#double-hero-div-two h2, #double-hero-div-two h6 {
    text-shadow: 0px 1px 7px rgba(0,0,0,.9); /* -- added by babrough Aug 6 - for better legibility -- */
}

#explore-div a:hover {
        color:#FFF;
    }

#double-explore-div a:hover {
        color:#FFF;
    }

#experience-intro-two
{
	margin: 0 0 0 0;
}

#experience-intro-two > h6
{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#visit-div
{
	
}

#tour-div
{
	
}

#hero-div-hero
{
	/*padding: 0 0 0 15px;*/
	/*
	background:url(../2019_images/hero_1000.jpg); 
	background-position: top 0px right 0px; 
	background-size:cover; 
	background-repeat: no-repeat;
	*/

	background-position: top 0px right 0px; 
	background-size: 70%; 
	background-repeat: no-repeat;
}

#double-hero-div-hero
{
	/*padding: 0 0 0 15px;*/
	/*
	background:url(../2019_images/hero_1000.jpg); 
	background-position: top 0px right 0px; 
	background-size:cover; 
	background-repeat: no-repeat;
	*/

	background-position: top 0px right 0px; 
	background-size: 70%; 
	background-repeat: no-repeat;
}

hr.ccu-bronze-short
{
	border: 2px solid #A27752;
	margin: 10px 0 0 0;
}

.experience-title
{
	padding: 0 0 0 5px;
}

.experience-title-two
{
	padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.experience-title > h2
{
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 44px !important;
	font-weight: bold;
	color: #006f71;
}

.experience-title-two > h2
{
	margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: 44px !important;
    font-weight: bold;
    color: #FFFFFF;
}

#experience-hr
{
	max-width: 80px;
}

#experience-paragraph
{
	max-width: 250px;
font-weight:bold; /* -- added by babrough 5/29 -- */
font-size:18px;
}

#double-explore-div
{
	justify-content: flex-start;
    width: 320px;
}

#explore-btn
{
	justify-content: flex-start;
    text-align: left;
    background-color: #006f71;
    color: #FFFFFF;
    height: 40px;
    min-width: 160px;
	display: inline-flex !important;
	vertical-align: middle;
	padding: 0 12px 0 8px;
    transition:all .2s ease-in-out;
}

#double-explore-btn 
{
    /* justify-content: flex-start; */
    text-align: left;
    background-color: #006f71;
    color: #FFFFFF;
    height: 40px;
    max-width: 150px;
    display: inline-flex !important;
    vertical-align: middle;
    padding: 0 8px 0 8px;
    transition: all .2s ease-in-out;
    margin-right: 3px;
}

#comeback-btn 
{
    /* justify-content: flex-start; */
    text-align: left;
    background-color: #006f71;
    color: #FFFFFF;
    height: 40px;
    max-width: 150px;
    display: inline-flex !important;
    vertical-align: middle;
    padding: 0 8px 0 8px;
    transition: all .2s ease-in-out;
    margin-right: 3px;
}

#explore-btn:hover 
{
  background-color:#a27752;
  transition:all .2s ease-in-out;
}

#double-explore-btn:hover 
{
  background-color:#a27752;
  transition:all .2s ease-in-out;
}

#comeback-btn:hover 
{
  background-color:#a27752;
  transition:all .2s ease-in-out;
}

#explore-btn a 
{
    color: #FFF;
}

#double-explore-btn a 
{
    color: #FFF;
}

#comeback-btn a 
{
    color: #FFF;
}

#explore-btn h5
{
	font-size: 18px ;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	line-height: 30px;
}

#double-explore-btn h5
{
	font-size: 12px;
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    color: #FFFFFF;
    line-height: 30px;
}

#comeback-btn h5 
{
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    color: #FFFFFF;
    line-height: 30px;
}

/* -- added by babrough Jul 30 -- */
#second-hero-btn-one, #second-hero-btn-two {
  transition:.2s ease-in-out;
}
#second-hero-btn-one
{
	justify-content: flex-start;
    text-align: left;
    background-color: #a27752;
    color: #FFFFFF;
    height: 30px;
    min-width: 160px;
	display: inline-flex !important;
	vertical-align: middle;
	padding: 0 8px 0 8px;
}
#second-hero-btn-one:hover {
  background-color: #006f71 !important;
  color: #FFFFFF;
  text-decoration:underline !important;
  transition:.2s ease-in-out;
}

#second-hero-btn-one h5
{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	line-height: 30px;
}

#second-hero-btn-one img
{
	width: 12px;
	height: 15px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 0 0 20px;
}

#second-hero-btn-two
{
	justify-content: flex-start;
    text-align: left;
    background-color: #006f71;
    color: #FFFFFF;
    height: 30px;
    min-width: 160px;
	display: inline-flex !important;
	vertical-align: middle;
	padding: 0 8px 0 8px;
}
#second-hero-btn-two:hover {
  background-color: #a27752 !important;
  color: #FFFFFF;
  text-decoration:underline !important;
  transition:.2s ease-in-out;
}

#second-hero-btn-two h5
{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	line-height: 30px;
}

#second-hero-btn-two img
{
	width: 12px;
	height: 15px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 0 0 20px;
}

#explore-btn img
{
	width: 12px;
	height: 15px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 0 0 20px;
    left: 0;
    transition: all .2s ease-in-out;
}

#double-explore-btn img
{
	width: 12px;
    height: 15px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0 0 10px;
    /* right: 0px; */
    transition: all .2s ease-in-out;
}

#comeback-btn img 
{
    width: 12px;
    height: 15px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0 0 10px;
    /* right: 0px; */
    transition: all .2s ease-in-out;
}

#explore-btn:hover img {
    left:5px;
    transition: all .2s ease-in-out;
}

#double-explore-btn:hover img {
    left:5px;
    transition: all .2s ease-in-out;
}

#comeback-btn:hover img {
    left:5px;
    transition: all .2s ease-in-out;
}

#visit-tour-div
{
	position: relative;
	margin: 0 0 0 0;
}

.visit-tour-links
{
	margin: 20px 20px 0 5px;
}

.search-search
{
	font-family: "HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif";
	background-color: white;
	-webkit-rtl-ordering: logical;
	user-select: text;
	cursor: auto;
	padding: 1px;
	border-width: thin;
	border-style: solid;
	border-color: initial;
	border-image: initial;
	width: 150px;
    text-indent: 4px;
}

.search-submit
{
	/* background: url(../2019_images/search_icon_sm.png) no-repeat center center; */
	background-color: #006f71;
	background-image: url(/media/2019ccucontent/2019homepageimages/search_icon_sm.png);
	background-position: center center;
 	background-repeat: no-repeat;
	position: relative;
	background-position: top 0px left 0px;
	width: 30px;
	height: 30px;
	border: none;
	color: transparent;
	font-size: 0;
	top: -6px;
	left: -5px;
}

.four-blocks-wrapper
{
	padding-right: 50px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 25px;
}
/*
.ccu-social-wrapper
{
	display: block;
	padding-right: 50px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 25px;
}
*/

/*
.ccu-social-wrapper-mobile
{
	padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 0;
	display: none;
}
*/

.ccu-social-wrapper
{
	display: block;
    padding-right: 20px;
    padding-left: 22px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 55px;
    margin-top:60px; /* -- added by babrough Jul 30 -- */
}

.ccu-coastal-now-wrapper
{
	display: block;
    padding-right: 20px;
    padding-left: 22px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 65px;
}

.four-blocks-wrapper-mobile
{
	padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 25px;
	display: none;
}

.ccu-social-wrapper-mobile
{
	padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 0;
	display: none !important;
}

.ccu-coastal-now-wrapper-mobile
{
	padding-right: 25px;
    padding-left: 25px;
	margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 0;
	display: none !important;
}
/* -- added by babrough Jul 30 -- */
.ccu-social-images-clickablediv {
  box-shadow:inset 0px 0px 20px rgba(0,0,0,0);
  transition:all .2s ease-in-out;
}
.ccu-social-images-clickablediv:hover {
  cursor: pointer;
  background: linear-gradient(to top, rgba(0,0,0,.5),transparent 54%);
  transition:all .2s ease-in-out;
  box-shadow:inset 0px 0px 20px rgba(0,0,0,.6);
}
.ccu-social-images-clickablediv:hover h2 {
  color:#a27752 !important;
  text-decoration:underline;
  transition:all .2s ease-in-out;
}
/* -- E/O added by babrough Jul 30 -- */



.four-blocks-labels-wrapper
{
	position: relative;
    width: 20px;
    margin-left: 10px;
    top: -13px /* changed by babrough Jul 31 -- */ 
}

.ccu-social-labels-wrapper
{
	position: absolute;
    width: 30px;
	margin-left: 12px;
}

.ccu-coastal-now-labels-wrapper
{
	position: absolute;
    width: 30px;
    margin-left: 12px;
}

.four-blocks-labels
{
	position: absolute;
    top: 110px;
    left: -15px; /* -- changed by babrough Jul 31 -- */
    width: 150px;
    transform: rotate(-90deg);
    transform-origin: 20% 120%;
    text-align: right;
}

.ccu-social-labels
{
	position: absolute;
    top: 97px;
    left: -30px; /* -- changed by babrough Jul 31 -- */
    width: 150px;
    transform: rotate(-90deg);
    transform-origin: 20% 120%;
    text-align: right;
}

.ccu-coastal-now-labels
{
	position: absolute;
    top: 97px;
    left: -10px;
    width: 150px;
    transform: rotate(-90deg);
    transform-origin: 20% 120%;
    text-align: right;
}

.four-blocks-labels > h6
{
	font-size: 16px;
    font-weight: bold;
    color: #006f71;
	margin: 0;
}

.ccu-social-labels > h6
{
	font-size: 16px;
    font-weight: bold;
    color: #006f71;
	margin: 0;
}

.ccu-coastal-now-labels > h6
{
	font-size: 16px;
    font-weight: bold;
    color: #006f71;
	margin: 0;
}

.four-blocks-images
{
    cursor:pointer;
	display: block;
	position: relative;
	background-position: bottom;
	background-size: contain;
	width: 495px;
    height: 400px;
background-size:100% !important;
	
}
/* -- added by babrough Jul 30 -- */
.four-blocks-images .clickablediv {
  background: linear-gradient(to top, rgba(0,0,0,.8),transparent 33%);
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:all .2s ease-in-out; 
}
.four-blocks-images .clickablediv:hover {
  background: linear-gradient(to top, rgba(0,0,0,.8),transparent 54%);  
  box-shadow:inset 0px 0px 20px rgba(0,0,0,.6);
  cursor:pointer;
  transition:all .2s ease-in-out; 
}
.four-blocks-images p ~ img {
  transition:all .2s ease-in-out; 
}
.four-blocks-images:hover p ~ img {
  margin-left:6px; 
}
.four-blocks-images p {
  border-bottom:solid 1px transparent;
}
.four-blocks-images:hover p {
  border-bottom:solid 1px #FFF;
  transition:all .2s ease-in-out; 
}
/* -- E/O added by babrough -- */

.ccu-social-images
{
	display: block;
	position: relative;
	background-position: bottom;
	background-size: contain;
    width: 325px;
	height: 325px;
    background-size: 100% !important; /* -- added by babrough on Nov 19 to help with scaling of BG photos -- */
}

.ccu-social-images-clickablediv
{
	padding: 0 0 0 0;
    position: absolute;
    top: 0;
}

.ccu-social-images-inner-div
{
	position: absolute;
    display: table-cell !important;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    top: 0;
}

.ccu-coastal-now-images
{
	display: block;
	position: relative;
	background-position: bottom;
	background-size: contain;
    width: 325px;
	height: 325px;
	
}

.ccu-coastal-now-images-clickablediv
{
	padding: 0 0 0 0;
    position: absolute;
    top: 0;
}

.cccu-coastal-now-images-inner-div
{
	position: absolute;
    display: table-cell !important;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    top: 0;
}

.four-blocks-images p
{
	color: #FFFFFF;
	text-transform: none;
	align-self: flex-end;
	margin-left: 20px;
}

.ccu-social-images > p
{
	color: #FFFFFF;
	text-transform: none;
	align-self: flex-end;
	margin-left: 20px;
}

.ccu-coastal-now-images > p
{
	color: #FFFFFF;
	text-transform: none;
	align-self: flex-end;
	margin-left: 20px;
}

.four-blocks-images img
{
	align-self: flex-end;
	width: 20px;
	height: 20px;
	margin-bottom: 12px;
}

.ccu-social-images > img
{
	align-self: flex-end;
	width: 20px;
	height: 20px;
	margin-bottom: 1rem;
}

.ccu-coastal-now-images > img
{
	align-self: flex-end;
	width: 20px;
	height: 20px;
	margin-bottom: 1rem;
}

.four-blocks-block-1
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
	background-repeat: none;
	background-position: center center;
	margin-right: 25px;
}

.ccu-social-block-1
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ccu_social_1.jpg) no-repeat center center;
	margin-left: 30px;
}

.ccu-coastal-now-block-1
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/coastal_now_1.jpg) no-repeat center center;
	margin-left: 30px;
}

.four-blocks-block-2
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
	background-repeat: none;
	background-position: center center;
}

.ccu-social-block-2
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ccu_social_2.jpg) no-repeat center center;
	margin-right: 0;
}

.ccu-coastal-now-block-2
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/coastal_now_2.jpg) no-repeat center center;
	margin-right: 0;
}

.four-blocks-block-3
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
	background-repeat: none;
	background-position: center center;
	margin-right: 25px;
}

.ccu-social-block-3
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ccu_social_3.jpg) no-repeat center center;
	margin-right: 28px;
}

.ccu-coastal-now-block-3
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/coastal_now_3.jpg) no-repeat center center;
	margin-right: 28px;
}

.four-blocks-block-4
{
	background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
	background-repeat: none;
	background-position: center center;
}

.four-blocks-images-sm
{
	display: none;
	position: relative;
	/*width: 470px;
	height: 320px;*/
	
}

.teal-blocks-wrapper 
{
	background-color: #006f71;
    padding-right: 38px;
    padding-left: 38px;
    padding-top: 35px;
    padding-bottom: 38px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
    position: relative;
}

#teal-blocks-content
{
	display: flex !important;
}

#teal-blocks-content-mobile
{
	display: none !important;
}

.teal-blocks-images
{
	position: relative;
    background-position: top 0px left 0px;
    background-size: contain;
    /*width: 620px;
    height: 390px;
    margin-right: 25px;*/
	
}

.teal-blocks-images-clickablediv
{
	padding: 0 0 0 0;
    position: absolute;
    top: 0;
    transition:all .2s ease-in-out;
}
.teal-blocks-images-clickablediv:hover {
  cursor:pointer;
  background-image: linear-gradient(to bottom, rgba(0,0,0,.75),transparent 54%);
  transition:all .2s ease-in-out;
}

.teal-blocks-images-inner-div
{
	position: absolute;
    display: table-cell !important;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    top: 0;
}

.teal-blocks-images h5
{
    color: #FFFFFF;
    text-transform: none;
    align-self: flex-start;
    margin-left: 19px;
    margin-top: -1%;
    font-size: 28px;
    font-weight: bold;
	flex-grow: .85;
    text-shadow: 0px 1px 3px rgba(0,0,0,.5);
}

.teal-blocks-images h6
{
    color: #A27752;
    text-transform: none;
    align-self: flex-start;
    margin-left: 20px;
    margin-top: 20px;
    font-size: 14px;
    text-shadow: 0px 0px 5px rgba(0,0,0,.5); /* -- added by baborugh For better legibility -- */
}

.teal-blocks-images-tags
{
	align-self: flex-start;
    background-color: #a27752;
    border-radius: 0px; /* -- changed by babrough Jul 30 -- */
    margin: 0 0 0 20px;
    font-weight: normal;
    padding: 4px 10px;
}

.teal-blocks-images-tags h6
{
	color: #FFFFFF;
	font-size: 13px;
	margin-top: 0;
    margin-bottom: 0;
	margin-left: 0;
    text-shadow: none;
}

.teal-blocks-block-1
{
	background: linear-gradient(to bottom, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ra_cookout_620.jpg) no-repeat;
	background-size: 100%;
    background-position: top;
    margin: 10px 43px 0 0;
    width: 100%;
    height: 0;
    padding-top: 31%;
}

.teal-blocks-block-2
{
	background: linear-gradient(to bottom, rgba(0,0,0,.75),transparent 33%), url(../2019_images/science_class_620.jpg) no-repeat;
    background-size: 100%;
    background-position: top;
    margin: 10px -5px 0 0;
    width: 100%;
    height: 0;
    padding-top: 31%;
}

/* -- added by babrough Aug 1 -- */
/* -- faking a full-width look on the teal section -- */
.teal-blocks-wrapper:before, .teal-blocks-wrapper:after {
  content:" ";
  display:block;
  background:#006F71;
  position:absolute;
  top:0;
  width:100%;
  height:100%;
}

.teal-blocks-wrapper:before {
  left:0;
  margin-left:-100%;
}
.teal-blocks-wrapper:after {
  right:0;
  margin-right:-100%;
}




.ccu-by-the-numbers-wrapper
{
	display: block;
	padding: 0 48px 40px 52px;
}

.ccu-by-the-numbers-wrapper-mobile
{
	display: none;
}

.ccu-by-the-numbers-wrapper a
{
	color: #006f71;
	text-decoration: none;
    transition:all .2s ease-in-out;
}
.ccu-by-the-numbers-wrapper a:hover {
  color:#a27752 !important;
  text-decoration:underline !important;
  transition:all .2s ease-in-out;
}
.ccu-by-the-numbers-wrapper a:hover h5 {
  color:#a27752 !important;
  transition:all .2s ease-in-out;
}

.ccu-by-the-numbers-wrapper-mobile a
{
	color: #006f71;
	text-decoration: none;
}

.ccu-by-the-numbers-wrapper p
{
	font-size: 15px; /* -- changed by babrough Jul 31 -- */
    margin: 10px 0 10px 10px;
    color: #424242; /* -- changed by babrough Jul 31 -- */
}

.ccu-by-the-numbers-wrapper-mobile p
{
	font-size: 14px;
    margin: 10px 0 10px 10px;
}

.ccu-by-the-numbers-wrapper h2
{
	font-size: 45px;
    margin: 14px 0 px 0px;
}
/* -- added by babrough Aug 1 -- */
.ccu-by-the-numbers-wrapper > h2 {
    padding-top: 15px;
}

.ccu-by-the-numbers-wrapper > h2, .ccu-by-the-numbers-wrapper-mobile > h2 {
    font-weight: bold;
    padding-bottom:30px;
}

.ccu-by-the-numbers-wrapper .flex-row h2 {
    font-size: 65px;
    margin-bottom: 10px;
}

.ccu-by-the-numbers-wrapper-mobile h2
{
	font-size: 45px;
    margin: 10px 0 15px 10px;
}

.ccu-by-the-numbers-wrapper-right-arrow
{
	height: 15px;
    width: auto;
    margin: 11px 0 0 5px;
}

.ccu-by-the-numbers-wrapper h5
{
	font-size: 14px;
	font-weight: bold;
	color: #006f71;
	margin: 10px 0 10px 10px;
}

.ccu-by-the-numbers-wrapper-mobile h5
{
	font-size: 14px;
	font-weight: bold;
	color: #006f71;
	margin: 10px 0 10px 10px;
}
/* -- added by babrough Jul 30 -- */
div[class^="by-the-numbers-col"] h5 {
    font-weight: 200;
}


.by-the-numbers-col1
{
	border: 3px solid #a27752;
	padding: 10px;
    width: 260px;
}

.by-the-numbers-col2
{
	border: 3px solid #a27752;
	padding: 10px;
    width: 260px;
}

.by-the-numbers-col3
{
	border: 3px solid #a27752;
	padding: 10px;
    width: 260px;
}

.by-the-numbers-col3-mobile
{
	padding: 10px;
	min-width: 33%;
	display: none;
}

.by-the-numbers-col4-mobile
{
	padding: 10px;
	min-width: 33%;
	display: none;
}

.by-the-numbers-col1 > h5
{
	
}

.by-the-numbers-col1 > h2
{
	
}

.by-the-numbers-col2  h2
{
	
}

.by-the-numbers-col3 > h2
{
	
}

.by-the-numbers-col1 > p
{
	
}

.by-the-numbers-col2  p
{
	
}

.by-the-numbers-col3 > p
{
	
}

.header-two-content
{
	margin: 100px 20px 0 20px;
}

.ccu-follow-labels 
{
    margin: 0 0 0 35px;
}

.ccu-follow-labels > h6 
{
    font-size: 14px;
    font-weight: bold;
    color: #a27752;
    margin: 0;
}

.ccu-follow-icons-wrapper
{
	margin: 0 0 0 20px;
}

.ccu-follow-icons
{
	margin: 10px;
}

.ccu-follow-icons img
{
	height: 20px;
	width: 20px;
}

.ccu-coastal-now-caption
{
	position: absolute;
	bottom: -25px;
	left: 0px;
	width: 210px;
	height: 50px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

.ccu-social-caption
{
	position: absolute;
	bottom: -25px;
	left: 0px;
	width: 240px; /* -- changed by babrough Jul 31 -- */
	height: 50px;
	padding-left: 0px; /* -- changed by babrough Jul 30 flush left -- */
	background-color: #FFFFFF;
    padding-right: 5px; /* -- changed by babrough Jul 31 -- */
}

.ccu-coastal-now-caption > h2
{
	font-size: 20px;
	line-height: 1.25;
    color: #006f71;
}

.ccu-social-caption > h2
{
	font-size: 20px;
	line-height: 1.25;
    color: #006f71;
    font-weight: bold; /* -- changed by babrough Jul 31 -- */
}

.more-news
{
	position: relative;
	padding: 0 0 0 52px;
}

.event-wrapper
{
	display: block;
    padding-right: 50px;
    padding-left: 52px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

.events-labels-wrapper 
{
    position: absolute;
    width: 30px;
    margin-left: -18px;
}

.event-wrapper a
{
    text-decoration: none;
	color: #AFAFAF;
}

.events-labels
{
	position: absolute;
    top: 105px;
    left: -30px; /* -- changed by babrough Jul 31 -- */
    width: 150px;
    transform: rotate(-90deg);
    transform-origin: 20% 120%;
    text-align: right;
}

.events-labels > h6
{
	font-size: 16px;
    font-weight: bold;
    color: #006f71;
	margin: 0;
}

.events-block 
{
	position: relative;
	margin-right: 0;
	margin: 0 0 30px 0;
	width: 325px;
    height: auto;
    transition:all .2 ease-in-out;
}
.events-block:hover {
  text-decoration:underline;
  color:#006f71;
  transition:all .2 ease-in-out;
}

.impact-event-month
{
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #a27752;
}

.impact-event-date
{
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #a27752;
}

.events-block > p
{
	margin: 0 0 0 0;
}

.event-title 
{
    font-size: 20px;
    line-height: 1.25;
    color: #006f71;
    font-weight:bold !important;
    padding:10px 0 20px;
}

.event-day-month-date 
{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0;
}
.event-day-month-date, .event-details {
    color: #424242;
}

.event 
{
	width: 33.333%;
	float: left;
	display: inline-block;
	background: #e9f2f5;
	border-right: 8px solid white;
	border-left: 8px solid white;
	padding: 25px 20px 30px 110px;
	position: relative;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

.all-events
{
    position: relative;
    padding: 0 0 0 52px;
}

.event-wrapper-mobile
{
	display: none;
}

.event-details-wrapper
{
	justify-content: flex-start;
    max-width: 100%;
}

.event-wrapper-mobile a
{
    text-decoration: none;
	color: #AFAFAF;
}

.social-icons-wrapper
{
	margin-left: -15px;
}

.social-icons
{
	margin: 10px 40px 0 10px;
}

.social-icons img
{
	height: 20px !important;
	width: 20px !important;
}
/* -- added by babrough Jul 30 -- */
.social-icons, .ccu-follow-icons {
  border-bottom:solid 2px transparent;
}
.social-icons:hover, .ccu-follow-icons:hover {
  border-bottom:solid 2px #a27752;
  position:relative;
  margin-top:8px;
  transition:.2s ease-in-out;
}

.coastal-now-icon-wrapper
{
	margin-left: auto;
	margin-top: 10px;
}

/* -- added by babrough Aug 1 -- */
.coastal-now-icon
{
    position:relative;
    top:8px;
}

.social-coastal-wrapper
{
	margin: 4em auto 25px auto;
    max-width: 1040px;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  box-shadow: 6px 7px 0px 0px rgb(0 111 111 / 20%);
}

.footer
{
	display: block;
	background-color: #006f71;
    position:relative;
}

/* -- added by babrough Aug 1 -- */
.footer:before, .footer:after {
  content:" ";
  display:block;
  background:#006F71;
  position:absolute;
  top:0;
  width:100%;
  height:100%;
}
.footer:before {
  left:0px;
  margin-left:-100%;
}
.footer:after {
  right:0px;
  margin-right:-100%;
}


.footer-mobile
{
	display: none;
	background-color: #006f71;
}

.footer-logo-wrapper
{
	background-color: #006f71;
}

.footer-logo-wrapper img
{
	vertical-align: top;
    width: 250px;
    height: 45px;
	margin: 30px 0 0 50px;
}

.footer-nav-wrapper
{
	background-color: #006f71;
	
}

.footer-nav
{
	padding: 20px 0 0 0;
    max-width: 1040px;
    margin: auto;
    justify-content: space-between;
}

.footer-nav-link
{
	margin: 0 20px 0 0;
}

.footer-nav-link > a
{
	color: #FFFFFF;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 15px;
	font-weight:bold;
}
.footer-nav-link > a:hover {
  text-decoration:underline;
}

.copyright
{
	padding-bottom: 20px;
    max-width: 1040px;
    padding-right: 0;
    padding-left: 0;
}

.copyright > h6
{
	font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase;
}

.copyright > p
{
	color: #FFFFFF;
	font-size: 12px;
}

.copyright a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.scrollup 
{
	display: none;
    width: 40px;
    height: 40px;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    position: fixed;
    bottom: 0px;
    right: 0px;
    text-indent: -9999px;
    background: url(/media/2019ccucontent/2019homepageimages/scroll_white.png) no-repeat;
	z-index: 9999;
}

@media screen and (min-width: 1200px)
{
	.footer-logo-wrapper img 
	{
		vertical-align: top;
		width: 250px;
		height: 45px;
		margin: 30px 0 0 0px; /* -- changed by babrough on Aug 2 -- */
	}
}

@media screen and (max-width: 1199px)
{
	#hero-div
	{
		padding: 0 0 0 15px;
		height: 415px;
		background: url(../2019_images/hero_1000.jpg);
		background-position: top 0px right 0px;
		background-size: 65%;
		background-repeat: no-repeat;
	}

	#double-hero-div
	{
		padding: 0 0 0 15px;
		height: 415px;
		background: url(../2019_images/hero_1000.jpg);
		background-position: top 0px right 0px;
		background-size: 65%;
		background-repeat: no-repeat;
	}

	#hero-div-mobile
    {
        display: none !important;
    }

	#double-hero-div-mobile
    {
        display: none !important;
    }
	
	.navbar-nav 
	{
		float: left;
		margin-left: 0;
		margin-top: 0px; /* -- changed by babrough Jul 30 -- */
	}
	
	.four-blocks-wrapper
	{
		/*margin-bottom: 20px;
		padding-left: 50px;*/
		padding-right: 0px;
		padding-left: 8px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
	}
	
	.four-blocks-block-1 
	{
		margin-right: 25px;
		margin-left: 0px;
	}
	
	.four-blocks-block-2 
	{
		margin-right: 38px;
	}
	
	.four-blocks-block-3 
	{
		margin-right: 25px;
		margin-left: 0px;
	}
	
	.four-blocks-block-4 
	{
		margin-right: 38px;
	}

	.four-blocks-images
	{
		position: relative;
		background-position: bottom;
		background-size: contain;
		width: 395px;
		height: 320px;
		/* margin-right: 25px; */
	}
	
	.four-blocks-labels 
	{
		position: absolute;
		top: 98px;
		left: -10px;
		width: 150px;
		transform: rotate(-90deg);
		transform-origin: 20% 120%;
		text-align: right;
	}
    .four-blocks-labels-wrapper {
        top: 0; /* -- added by babrough Aug 5 -- */
    }
	
	.teal-blocks-wrapper 
	{
		background-color: #006f71;
		padding-right: 27px;
		padding-left: 25px;
		padding-top: 20px;
		padding-bottom: 38;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
	}
	
	.teal-blocks-block-1 
	{
		background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
        margin: 10px 30px 0 0;
        width: 100%;
        height: 0;
        padding-top: 28%;
	}
	
	.teal-blocks-block-2 
	{
		background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
        margin: 10px 0 0 0;
        width: 100%;
        height: 0;
        padding-top: 28%;
	}
	
	.ccu-by-the-numbers-wrapper 
	{
		display: block;
		padding: 0 38px 0 39px;
	}
	
	.header-two-content 
	{
		margin: 100px 20px 0 7px;
	}
	
	.ccu-social-wrapper 
	{
		display: block;
		padding-right: 8px;
		padding-left: 8px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 55px;
	}
	
	.ccu-social-images 
	{
		display: block;
		position: relative;
		background-position: bottom;
		background-size: contain;
		width: 275px;
		height: 275px;
	}
	
	.ccu-follow-labels 
	{
		margin: 0 0 0 23px;
	}
	
	.ccu-follow-icons-wrapper 
	{
		margin: 0 0 0 8px;
	}
	
	.ccu-coastal-now-wrapper 
	{
		display: block;
		padding-right: 10px;
		padding-left: 8px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 65px;
	}
	
	.ccu-coastal-now-images 
	{
		display: block;
		position: relative;
		background-position: bottom;
		background-size: contain;
		width: 275px;
		height: 275px;
	}
	
	.more-news 
	{
		position: relative;
		padding: 0 0 0 38px;
	}
	
	.event-wrapper 
	{
		display: block;
		padding-right: 38px;
		padding-left: 38px;
        padding-top:50px;
		margin-top: 25px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
	}
	
	.events-block 
	{
		position: relative;
		margin-right: 0;
		margin: 0 0 30px 0;
		width: 275px;
		height: auto;
        transition:all .2 ease-in-out;
	}
    /* -- added by babrough Jul 30 -- */
    .events-block:hover {
      text-decoration:underline;
      color:#006f71;
      transition:all .2 ease-in-out;
    }
	
	.all-events 
	{
		position: relative;
		padding: 0 0 0 38px;
	}
	
	.social-coastal-wrapper 
	{
		margin: 50px auto 25px auto; /* -- added by babrough on Aug 6 - more space on top -- */
		max-width: 885px;
	}
	
	.footer 
	{
		display: block;
		background-color: #006f71;
		padding: 25px;
		max-width: 930px;
	}
	
	.footer-logo-wrapper 
	{
		background-color: none;
		margin: 0;
		padding: 0;
		max-width: 880px;
	}
	
	.footer-logo-wrapper img 
	{
		vertical-align: top;
		width: 250px !important;
		height: 45px !important;
		margin: 0 0 0 0;
	}
	
	.footer-nav-wrapper 
	{
		background-color: #006f71;
		padding: 0;
		max-width: 880px;
	}
	
	.copyright 
	{
		padding-bottom: 20px;
		max-width: 880px;
		padding-right: 0;
		padding-left: 0;
	}

}

@media screen and (min-width: 992px)
/* @media screen and (min-width: 1200px) */
{
	#hero-div-mobile
    {
        display: none !important;
    }

	#double-hero-div-mobile
    {
        display: none !important;
    }

	#ccu-nav-main-mobile
	{
		display: none;
	}
	
	#nav-bar-links
	{
		display: none;
	}
	
	#ccu-nav-secondary-mobile
	{
		display: none;
	}
	
	#header-mobile
	{
		display: none;
	}
	
	.bg-ccu-secondary-nav-mobile
	{
		display: none !important;
	}
	
	
	
}

@media screen and (max-width: 913px)
{
	#nav-bar-links
	{
		display: none;
	}

	#hero-div-mobile
    {
        display: none !important;
    }

	#double-hero-div-mobile
    {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
	#ccu-nav-main
	{
		display: block;
	}
	
	#ccu-nav-main-mobile
	{
		display: none;
	}
	
	#ccu-nav-secondary
	{
		display: block;
	}

	.bg-ccu-secondary-nav-elemtnts > a 
	{
    	font-size: 12px;
    }
	
	#ccu-nav-secondary-mobile
	{
		display: none;
	}

	.top_banner_2020 .inner_2020{
        margin-right: 30px;
    }
	
	#header
	{
		display: block;
	}
	
	#header-mobile
	{
		display: none;
	}
	
	.bg-ccu-secondary-nav
	{
		display: flex !important;
        background-color: #EEE; /* -- added by babrough Jul 30 -- */
	    padding: 0 15px 0 10px;
        border-bottom: solid 1px #e5e5e5;
	}
	
	.bg-ccu-secondary-nav-mobile
	{
		display: none !important;
	}
	
	#hero-div
	{
		display: flex !important;
		padding: 0 0 0 10px;
		height: 310px;
		background:url(../2019_images/hero_1000.jpg); 
		background-position: top 0px right 0px; 
		background-size: 65%; 
		background-repeat: no-repeat;
	}

	#double-hero-div 
	{
        display: flex !important;
        padding: 0 0 0 10px;
        height: 310px;
        background: url(../2019_images/hero_1000.jpg);
        background-position: top 0px right 0px;
        background-size: 59%;
        background-repeat: no-repeat;
    }
	
	#hero-div-mobile
	{
		display: none !important;
	}

	#double-hero-div-mobile
	{
		display: none !important;
	}
	
	#hero-div-mobile > h6
	{
		margin: 10px 0 0 0;
	}

	#double-hero-div-mobile > h6
	{
		margin: 10px 0 0 0;
	}
	
	#experience-intro > h6
	{
		font-size: 12px;
		color: #424242;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#experience-intro-two > h6
	{
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.experience-title > h2 
	{
		margin: 0;
		padding: 0;
		line-height: .85;
		font-size: 44px !important;
		font-weight: bold;
		color: #006f71;
	}
	
	#experience-paragraph 
	{
		max-width: 180px;
	}
	
	#experience-paragraph > p
	{
		font-size: 12px;
	}
	
	#explore-div
	{
		position: relative;
	}

	#double-explore-div
	{
		position: relative;
	}

    /* -- added by babrough Jul 30 -- */
    #explore-div a:hover {
        color:#FFF;
    }

	#double-explore-div a:hover {
        color:#FFF;
    }
	
	.four-blocks-wrapper 
	{
		display: block;
		padding-right: 0px;
		padding-left: 6px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
		height: 250px;
	}
	
	.four-blocks-wrapper-mobile
	{
		display: none;
	}
	
	.four-blocks-images
	{
		height: 250px;
	}
	
	.four-blocks-labels-wrapper 
	{
		position: relative;
		width: 20px;
		margin-left: 17px;
	}
	
	.four-blocks-labels 
	{
		top: 103px;
	}
	
	.teal-blocks-wrapper 
	{
		background-color: #006f71;
        padding-right: 38px;
        padding-left: 38px;
        padding-top: 35px;
        padding-bottom: 38px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 25px;
	}
	
	.teal-blocks-block-1 
	{
		background: linear-gradient(to bottom, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ra_cookout_620.jpg) no-repeat;
		background-size: 100%;
        background-position: top;
        margin: 10px 43px 0 0;
        width: 100%;
        height: 0;
        padding-top: 28%;
	}
	
	.teal-blocks-block-2 
	{
		background: linear-gradient(to bottom, rgba(0,0,0,.75),transparent 33%), url(../2019_images/science_class_620.jpg) no-repeat;
		background-size: 100%;
		background-position: top;
		margin: 10px 0 0 0;
		width: 100%;
		height: 0;
		padding-top: 28%;
	}
	
	.teal-blocks-images > h6 
	{
		color: #A27752;
        text-transform: none;
        align-self: flex-start;
        margin-left: 20px;
        margin-top: -68%;
        font-size: 14px;
	}
	
	#hero-div-two 
	{
		padding: 0 0 0 0;
		height: 440px;
		background: url(../2019_images/Wall_Building.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	#double-hero-div-two 
	{
		padding: 0 0 0 0;
		height: 440px;
		background: url(../2019_images/Wall_Building.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.header-two-content 
	{
		margin: auto 20px auto 20px;
	}
	
	#experience-intro-two
	{
		margin: 0 0 0 0;
	}
	
	#hero-div-two 
	{
		height: 265px;
	}

	#double-hero-div-two 
	{
		height: 265px;
	}
	
	.by-the-numbers-col1 
	{
		border: 2px solid #a27752;
		padding: 10px;
		width: 200px;
		margin-right: 20px;
	}
	
	.by-the-numbers-col2 
	{
		border: 2px solid #a27752;
		padding: 10px;
		width: 200px;
		margin-right: 20px;
	}
	
	.by-the-numbers-col3 
	{
		border: 2px solid #a27752;
		padding: 10px;
		width: 200px;
	}
	
	.ccu-by-the-numbers-wrapper h2 
	{
		font-size: 45px;
		margin: 14px 0 10px 0px;
	}
    .ccu-by-the-numbers-wrapper .flex-row h2 {
        font-size: 45px;
    }
	
	.ccu-by-the-numbers-wrapper p 
	{
		font-size: 14px;
		margin: 10px 0 10px 0;
	}
	
	.ccu-social-labels 
	{
		position: absolute;
		top: 97px;
		/* -- hidden by babrough Aug 1 left: -10px; -- */
		width: 150px;
		transform: rotate(-90deg);
		transform-origin: 20% 120%;
		text-align: right;
	}
	
	.ccu-social-images 
	{
		display: block;
		position: relative;
		background-position: center;
		background-size: cover;
		width: 200px;
		height: 200px;
	}
	
	.ccu-follow-labels 
	{
		margin: 0 0 0 22px;
	}
	
	.ccu-follow-icons-wrapper
	{
		margin: 0 0 0 6px;
	}
	
	.ccu-coastal-now-wrapper
	{
		margin-bottom: 30px;
	}
	
	.ccu-coastal-now-caption 
	{
		position: absolute;
		bottom: -10px;
		left: 0px;
		width: 160px;
		height: 50px;
		padding-left: 10px;
		background-color: #FFFFFF;
	}

	.ccu-social-caption 
	{
		position: absolute;
		bottom: -10px;
		left: 0px;
		width: 160px;
		height: 50px;
		padding-left: 10px;
		background-color: #FFFFFF;
	}
	
	.ccu-coastal-now-caption > h2 
	{
		font-size: 14px;
		line-height: 1.25;
		color: #006f71;
	}

	.ccu-social-caption > h2 
	{
		font-size: 14px;
		line-height: 1.25;
		color: #006f71;
	}
	
	.ccu-coastal-now-images 
	{
		display: block;
		position: relative;
		background-position: bottom;
		background-size: contain;
		width: 200px;
		height: 200px;
	}

	.ccu-social-wrapper 
	{
		display: block;
		padding-right: 8px;
		padding-left: 8px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
	}
	
	.more-news 
	{
		position: relative;
		padding: 0 0 0 38px;
	}
	
	.events-block 
	{
		position: relative;
		margin-right: 0;
		margin: 0 22px 30px auto;
		width: 200px;
		height: auto;
	}
	
	.all-events 
	{
		position: relative;
		padding: 0 0 0 38px;
	}
	
	.social-coastal-wrapper 
	{
		margin: 50px auto 25px auto;
		max-width: 646px;
	}
	
	.social-icons-wrapper 
	{
		margin: 0 0 0 -15px;
	}
	
	.footer 
	{
		display: block;
		background-color: #006f71;
		padding: 25px;
		max-width: 690px;
	}
	
	.footer-logo-wrapper img 
	{
		margin: 0 0 0 0;
	}
	
	.footer-nav-link > a 
	{
		color: #FFFFFF;
		text-decoration: none;
		font-size: 9px;
	}
	
}

@media screen and (max-width: 767px)
{
	.navbar-brand > img 
	{
		vertical-align: top;
		max-width: 250px;
		margin-left: 58px;
	}
	
	#hamburger-div 
	{
		position: relative;
		min-width: 100px;
		float: right;
		margin-right: 58px !important;
		padding: 0px;
		border: 0px;
	}
	
	#ccu-nav-main
	{
		display: none;
	}

	.top_banner_2020{
        display: none;
    }
	
	#ccu-nav-main-mobile
	{
		display: block;
	}
	
	.nav-mobile
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.secondary-nav-mobile
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#ccu-nav-secondary
	{
		display: none;
	}
	
	#ccu-nav-secondary-mobile
	{
		display: block;
	}
    .bg-ccu-secondary-nav-elemtnts {
    position:relative;
    }
    .bg-ccu-secondary-nav-elemtnts:nth-child(1):after {
    content:"Apply";
    text-transform:uppercase;
    font-size:8px;
    font-weight:bold;
    position:absolute;
    left:-2px;
    bottom:8px;
    width:100%;
    text-align:center;
    background:none;
    }
    .bg-ccu-secondary-nav-elemtnts:nth-child(2):after {
        content:"Visit";
        text-transform:uppercase;
        font-size:8px;
        font-weight:bold;
        position:absolute;
        left:-3px;
        bottom:8px;
        width:100%;
        text-align:center;
        background:none;
    }
    .bg-ccu-secondary-nav-elemtnts:nth-child(3):after {
        content:"Info";
        text-transform:uppercase;
        font-size:8px;
        font-weight:bold;
        position:absolute;
        left:-2px;
        bottom:8px;
        width:100%;
        text-align:center;
        background:none;
    }

	.bg-ccu-secondary-nav-elemtnts:nth-child(4):after {
        content:"Enroll";
        text-transform:uppercase;
        font-size:8px;
        font-weight:bold;
        position:absolute;
        left:-2px;
        bottom:8px;
        width:100%;
        text-align:center;
        background:none;
    }
	
	#header
	{
		display: none;
	}
	
	#header-mobile
	{
		display: block;
	}
	
	#header-two
	{
		/*display: none;*/
		max-width: 767px;
    	margin: 20px auto 40px auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#header-two-mobile
	{
		display: block;
	}
	
	.header-container-mobile
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.bg-ccu-secondary-nav
	{
		display: none !important;
	}
	
	.bg-ccu-secondary-nav-mobile
	{
		display: flex !important;
		padding: 0 59px 0 65px;
	}
	
	#hero-div
	{
		display: none !important;
		padding: 0 0 0 15px;
		height: 550px;
		background:url(../2019_images/hero_1000.jpg); 
		background-position: top 0px right 0px; 
		background-size: 80%; 
		background-repeat: no-repeat;
	}

	#double-hero-div
	{
		display: none !important;
		padding: 0 0 0 15px;
		height: 550px;
		background:url(../2019_images/hero_1000.jpg); 
		background-position: top 0px right 0px; 
		background-size: 80%; 
		background-repeat: no-repeat;
	}
	
	#hero-div-mobile
	{
		display: flex !important;
	}

	#double-hero-div-mobile
	{
		display: flex !important;
	}
	
	#hero-div-hero
	{
		margin: 15px 0 20px 0;
		background-position: top 0px right 0px;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		height: 0;
		padding-top: 65% !important;
	}

	#double-hero-div-hero
	{
		margin: 15px 0 20px 0;
		background-position: top 0px right 0px;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		height: 0;
		padding-top: 65% !important;
	}
	
	#hero-div-mobile h6
	{
		margin: 10px 0 0 0;
	}

	#double-hero-div-mobile h6
	{
		margin: 10px 0 0 0;
	}
	
	#hero-div-two 
	{
		padding: 0 0 0 0;
		height: 500px;
	}

	#double-hero-div-two 
	{
		padding: 0 0 0 0;
		height: 500px;
	}
	
	#experience-intro
	{
		margin: 0 20px 0 62px;
	}
	
	.header-two-content 
	{
		margin: auto;
	}
	
	#experience-intro-two
	{
		margin: 0 0 0 0;
	}
	
	.experience-title
	{
		max-width: 100%;
		margin: 0 20px 0 62px;
	}
	
	#experience-hr
	{
		margin: 0 20px 0 62px;
	}
	
	#experience-paragraph
	{
		max-width: 618px;
    	margin: 0 20px 0 62px;
	}
	
	#explore-div
	{
		position: relative;
        margin: 0 20px 0 62px;
		/* -- hidden by babrough Aug 1 z-index: 9999; -- */
        position: relative; /* added by babrough Jul 31 -- */
        /* hidden by babrough Jul 31top:20px;  -- */
	}

	#double-explore-div
	{
		position: relative;
        margin: 0 20px 0 62px;
		/* -- hidden by babrough Aug 1 z-index: 9999; -- */
        position: relative; /* added by babrough Jul 31 -- */
        /* hidden by babrough Jul 31top:20px;  -- */
	}

	#explore-div-wrapper
	{
		margin: -30 0 0 0;
	}

	#double-explore-div-wrapper
	{
		margin: -30 0 0 0;
	}
	
	.four-blocks-wrapper
	{
		display: none;
	}

    .four-blocks-block-1
    {
        background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
        background-repeat: none;
        background-position: center center;
     }

	.four-blocks-block-2
    {
        background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
        background-repeat: none;
        background-position: center center;
    }

	.four-blocks-block-3
    {
        background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
        background-repeat: none;
        background-position: center center;
    }

	.four-blocks-block-4
    {
        background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%);
        background-repeat: none;
        background-position: center center;
    }
	
	.four-blocks-wrapper-mobile
	{
		display: flex;
		padding-left: 0;
		padding-right: 42px;
		/* -- hidden by babrough Jul 31 max-width: 90%; -- */
	}
	
	.four-blocks-labels-wrapper 
	{
		position: relative;
		background-position: center;
		background-size: cover;
		width: 16px;
		height: 0;
		padding-top: 65%;
		margin-right: 25px;
		margin-left: 0px;
	}
	
	.four-blocks-labels 
	{
		position: absolute;
		top: 110px; /* -- changed by babrough Jul 31 -- */
		left: -10px;
		width: 150px;
		transform: rotate(-90deg);
		transform-origin: 20% 120%;
		text-align: right;
	}
	
	.four-blocks-images
	{
		display: block;
		position: relative;
		background-position: top 0px left 0px;
		background-size: cover;
		width: 100%;
		height: 0;
		padding-top: 65%;
		margin-right: 0;
	}
    
    .teal-blocks-wrapper {
        padding-bottom: 15px; /* -- added by babrough Aug 6 -- */
    }
	
	.teal-blocks-container
	{
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.teal-blocks-images > h5 
	{
        margin-top: 1%;
    }
	
	.ccu-by-the-numbers-wrapper-mobile h2 
	{
		font-size: 45px;
		margin: 10px 0 15px 0;
	}
	
	.ccu-social-wrapper
	{
		display: none;
	}
	
	.ccu-coastal-now-wrapper
	{
		display: none;
	}
	
	.ccu-social-wrapper-mobile
	{
		/*
		display: flex !important;
		padding-right: 50px;
		padding-left: 25px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		*/
		display: flex !important;
		padding-right: 0px;
		padding-left: 28px;
		margin-right: 0;
		margin-left: 45px;
		margin-bottom: 0;
		float: left;
		max-width: 92%;
	}
	
	.ccu-coastal-now-wrapper-mobile
	{
		/*
		display: flex !important;
		padding-right: 50px;
		padding-left: 25px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		*/
		display: flex !important;
		padding-right: 0px;
		padding-left: 28px;
		margin-right: 0;
		margin-left: 45px;
		margin-bottom: 0;
		float: left;
		max-width: 94%;
	}
	
	.ccu-social-labels-wrapper
	{
		width: 16px;
		height: 0;
		padding-top: 65%;
		margin-right: 0;
		margin-left: -10px; /* -- changed by babrough Jul 31 -- */
	}
	
	.ccu-coastal-now-labels-wrapper
	{
		width: 16px;
		height: 0;
		padding-top: 65%;
		margin-right: 0;
		margin-left: -10px; /* -- changed by babrough Jul 31 -- */
	}
	
	.ccu-social-images
	{
		/*
		display: block;
		position: relative;
		background-position: top 0px left 0px;
		background-size: cover;
		width: 100%;
		height: 0;
		padding-top: 65%;
		margin-right: 20px;
		*/
	}
	
	/*** BEGIN SLIDER ***/
	
	.explore 
	{
		background: #e9f2f5;
		border-bottom: 1px solid #006f71;
	    padding: 30px 0 0 0;
    	margin: 0 -8px 25px -8px;
	}
	
	.tabs-content div.active 
	{
		display: block;
	}
	
	.explore .explore-grid 
	{
		overflow: hidden;
	}
	
	.inner 
	{
		max-width: 1250px;
		margin: 0 auto;
		padding: 0 25px;
	}
	
	.bx-wrapper 
	{
		position: relative;
		margin: 0 auto 20px auto;
		padding: 0;
		*zoom: 1;
	}
	
	.explore-tabs-wrapper .bx-wrapper .bx-viewport 
	{
    	padding: 0 25px 0 0;
    	margin-right: -25px;
		transform: translatez(0);
	}
	
	.tabs-content div.explore-grid .grid-1-slider, .tabs-content div.explore-grid .grid-2-slider, .tabs-content div.explore-grid .grid-3-slider, .tabs-content div.explore-grid .grid-4-slider 
	{
		margin: 0 -8px;
		overflow: hidden;
	}
	
	.explore .explore-item 
	{
		display: block;
		opacity: 1 !important;
		z-index: 2;
		backface-visibility: hidden;
		border: 8px solid #e9f2f5;
	}
	
	.explore .explore-item figure 
	{
		overflow: hidden;
		position: relative;
		margin: 0;
	}
	
	.explore .explore-item figure .link-overlay 
	{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		cursor: pointer;
		z-index: 11;
	}
	
	.explore .explore-item img 
	{
		vertical-align: top;
		width: 100%;
		height: auto;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	
	.bx-wrapper img 
	{
		max-width: 100%;
		width: 100%;
		display: block;
	}
	
	.explore .explore-item figcaption 
	{
		font-size: 16px;
		padding: 15px;
		min-height: 72px;
	}
	
	.explore .explore-item figcaption 
	{
		text-align: center;
		padding: 30px 20px;
		font-size: 18px;
		background-color: white;
		position: relative;
		z-index: 10;
	}

	.module.news-feature .bx-wrapper .bx-controls, .module.events-feature .bx-wrapper .bx-controls, .module.profile-blocks .bx-wrapper .bx-controls, .module.three-items.events .bx-wrapper .bx-controls, .explore-tabs-wrapper .bx-wrapper .bx-controls 
	{
		bottom: 25px;
		z-index: 100;
		text-align: center;
		position: absolute;
		width: auto;
		left: 0;
		right: 0;
		margin-left: -25px;
	}
	
	.explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager 
	{
		display: inline;
		overflow: hidden;
		position: relative;
	}
	
	.bx-wrapper .bx-pager 
	{
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
	}
	
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto 
	{
		position: absolute;
		bottom: 0px;
		width: 100%;
		z-index: 100;
	}
	
	.module.news-feature .bx-wrapper .bx-controls .bx-pager-item, .module.events-feature .bx-wrapper .bx-controls .bx-pager-item, .module.profile-blocks .bx-wrapper .bx-controls .bx-pager-item, .module.three-items.events .bx-wrapper .bx-controls .bx-pager-item, .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager-item 
	{
		display: inline-block;
	}
	
	.module.news-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, .module.events-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, .module.profile-blocks .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, .module.three-items.events .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active 
	{
		background: #006f71;
	}
	
	.module.news-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a, .module.events-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a, .module.profile-blocks .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a, .module.three-items.events .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a, .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a 
	{
		margin-left: 0;
	}
	
	.module.news-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, .module.events-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, .module.profile-blocks .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, .module.three-items.events .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-item a 
	{
		float: left;
		display: inline-block;
		width: 6px;
		height: 6px;
		background: #b7bdbf;
		text-indent: -9999px;
		margin-left: 3px;
		border-radius: 50%;
		text-decoration: none;
		
		color: #006f71;
		text-decoration: none;
		font-weight: 600;
	}
	
	.module.news-feature .bx-controls-direction, .module.events-feature .bx-controls-direction, .module.profile-blocks .bx-controls-direction, .module.three-items.events .bx-controls-direction, .explore-tabs-wrapper .bx-controls-direction 
	{
		/*display: none;*/
	}
    /* -- added by babrough Jul 30 -- */
    .bx-pager.bx-default-pager a.active{
      background:#a27752 !important;
    }
	
	
	
	/*** END SLIDER ***/

	.ccu-social-block-1 
	{
		background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ccu_social_1.jpg) no-repeat center center;
		margin-right: 0;
		margin: 0 auto 20px auto;
	}
	
	.ccu-coastal-now-block-1 
	{
		background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/coastal_now_1.jpg) no-repeat center center;
		margin-right: 0;
		margin: 0 auto 60px auto;
	}
	
	.ccu-social-block-2 
	{
		background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ccu_social_2.jpg) no-repeat center center;
		margin-right: 0;
		margin: 0 auto 20px auto;
	}
	
	.ccu-coastal-now-block-2 
	{
		background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/coastal_now_2.jpg) no-repeat center center;
		margin-right: 0;
		margin: 0 auto 60px auto;
	}
	
	.ccu-social-block-3 
	{
		background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/ccu_social_3.jpg) no-repeat center center;
		margin-right: 0;
		margin: 0 auto 20px auto;
	}
	
	.ccu-coastal-now-block-3 
	{
		background: linear-gradient(to top, rgba(0,0,0,.75),transparent 33%), url(../2019_images/coastal_now_3.jpg) no-repeat center center;
		margin-right: 0;
		margin: 0 auto 60px auto;
	}
	
	.teal-blocks-wrapper 
	{
		background-color: #006f71;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
	}
	
	#teal-blocks-content
	{
		display: none !important;
	}

	#teal-blocks-content-mobile
	{
		display: flex !important;
		/*-- hidden by babrough Jul 31  margin: 0 18px 20px 18px;-- */
	}
    /* -- added by babrough Jul 31 -- */
    #teal-blocks-content-mobile .teal-blocks-images-clickablediv {
        margin-left: -25px;
    }
    /* -- added by babrough Jul 31 -- */
    #teal-blocks-content-mobile .teal-blocks-images-clickablediv h6 {
        background: #006F71;
        text-shadow: none;
        color: #FFF;
        padding: 3px 5px;
    }
    #teal-blocks-content-mobile .teal-blocks-images-clickablediv .teal-blocks-images-tags h6 {
        background: none;
        position: relative;
    }
    /* -- added by babrough Jul 31 -- */
    #teal-blocks-content-mobile .teal-blocks-images-clickablediv h5 {
        margin-bottom: 5px;
        position: relative;
        top:-15px; /* -- added by babrough Jul 31 -- */
    }
    #teal-blocks-content-mobile .teal-blocks-images-tags {
        position: relative;
        top:-15px; /* -- added by babrough Aug 1 -- */
    }
	
	.teal-blocks-block-1 
	{
		padding-top: 65%;
	}
	
	.teal-blocks-block-2 
	{
		padding-top: 65%;
	}
	
	.teal-blocks-images > h6 
	{
		margin-top: -62%;
	}
	
	.teal-blocks-images > h5 
	{
		flex-grow: .88;
	}
	
	.ccu-by-the-numbers-wrapper-mobile
	{
		display: block;
		text-align: center;
	}
	
	.ccu-by-the-numbers-wrapper
	{
		display: none;
	}
	
	.by-the-numbers-col1 
	{
		min-width: 50%;
	}
	
	.by-the-numbers-col1-mobile
	{
		min-width: 50%;
		border: 2px solid #a27752;
		padding: 10px;
		width: 260px;
		margin: 20px auto;
	}
	
	.by-the-numbers-col2 
	{
		min-width: 50%;
	}
	
	.by-the-numbers-col2-mobile 
	{
		min-width: 50%;
		border: 2px solid #a27752;
		padding: 10px;
		width: 260px;
		margin: 0 auto 20px auto;
	}
	
	.by-the-numbers-col3
	{
		display: none !important;
	}
	
	.by-the-numbers-col3-mobile
	{
		min-width: 50%;
		border: 2px solid #a27752;
		padding: 10px;
		width: 260px;
		margin: 0 auto 20px auto;
	}

	.by-the-numbers-col4-mobile
	{
		display: flex;
		min-width: 50%;
		padding-top: 80px;
	}
	
	.ccu-follow-labels 
	{
		margin: 0 0 0 105px;
	}
	
	.ccu-follow-icons-wrapper
	{
		margin: 0 0 0 88px;
	}
	
	.more-news 
	{
		position: relative;
        display: flex !important;
        padding: 0 0 0 0;
        text-align: center;
        margin: auto;
        justify-content: space-around;
	}
	
	.event-wrapper
	{
		display: none;
	}
	
	.event-wrapper-mobile
	{
		display: flex !important;
        padding-right: 0;
        padding-left: 0;
        margin-top: 10px;
        margin-right: 0;
        margin-left: 73px;
        margin-bottom: 0;
        width: 500px;
        max-width: 500px;
	}
	
	.events-labels-wrapper 
	{
		position: absolute;
		margin-left: -43px;
		width: 16px;
		height: 100px;
	}
	
	.events-block 
	{
        position: relative;
        margin-right: 0;
        margin: 0 0 20px 0;
        width: 100%;
        height: auto;
        border-bottom: solid 1px rgba(0,0,0,.3); /* -- added by babrough Aug 6 -- */
        padding-bottom: 25px;
	}
	
	.event-day-month-date 
	{
		font-weight: 600;
		text-transform: uppercase;
		font-size: 12px;
		margin-bottom: 0;
		margin-right: 20px;
    	width: 200px;
	}
	
	.event-details
	{
		font-weight: 600;
		text-transform: uppercase;
		font-size: 12px;
		margin-bottom: 0;
		width: 250px;
	}
	
	.all-events 
	{
		position: relative;
		padding: 0 0 0 0;
    	max-width: 76%;
	}
	
	.social-icons-wrapper 
	{
		margin: 0 0 0 -17px;
	}
	
	.social-icons 
	{
		margin: 10px 10px 0 10px !important;
	}
	
	.social-coastal-container
	{
		max-width: 76%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.footer
	{
		display: none;
		background-color: #006f71;
	}

	.footer-mobile
	{
		display: block;
		background-color: #006f71;
	}
	
	.footer-logo-wrapper 
	{
		background-color: none;
		margin: auto;
		padding: 0;
		max-width: 80%;
	}
	.footer-logo-wrapper img 
	{
		margin: 30px 0 0 0;
	}
	
	.footer-nav-wrapper 
	{
		background-color: #006f71;
		padding: 0;
		max-width: 80%;
	}
	
	.footer-nav-link > a 
	{
		font-size: 14px;
	}
	
	.copyright 
	{
		padding-bottom: 20px;
		max-width: 80%;
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 750px)
{
	#experience-intro-two > h6
	{
		margin: 0 !important;
	}
	
	.ccu-coastal-now-caption > h2 
	{
		margin: 0.9em 0 0.4em 0;
	}

	.ccu-social-caption > h2 
	{
		margin: 0.9em 0 0.4em 0;
	}
}

@media screen and (max-width: 576px)
{
	.navbar-brand > img 
	{
		vertical-align: top;
		max-width: 250px;
		margin-left: 25px;
	}
	
	#hamburger-div 
	{
		position: relative;
        min-width: 30px;
        float: right;
        margin-right: 0 !important;
        padding: 0px;
        border: 0px;
        margin-top: -2px; /* -- added by babrough Aug 1 -- */
	}

	.ccu-menu-nav-label 
	{
        display: none !important;
    }
	
	.bg-ccu-secondary-nav-mobile 
	{
		display: flex !important;
		padding: 0 32px 0 32px;
	}
	
	#experience-intro 
	{
		margin: 0 20px 0 32px;
	}
	
	.experience-title 
	{
		max-width: 100%;
		margin: 0 20px 0 32px;
	}
	
	#experience-hr 
	{
		margin: 0 20px 0 32px;
	}
	
	#experience-paragraph 
	{
		max-width: 470px;
		margin: 0 20px 0 32px;
	}
	
	#explore-div 
	{
		position: relative;
        margin: 0 20px 0 32px;
        top:-10px; 
		/* -- z-index: 9999; -- hidden by babrough Jul 31 == --*/
	}

	#double-explore-div 
	{
		position: relative;
        margin: 0 20px 0 32px;
        top:20px;
		/* -- z-index: 9999; -- hidden by babrough Jul 31 == --*/
	}
	
	#hero-div-hero 
	{
		margin: 45px 0 25px 0; /* -- changed by babrough from 25px on 5/29 -- */
	}

	#double-hero-div-hero 
	{
		margin: 45px 0 25px 0; /* -- changed by babrough from 25px on 5/29 -- */
	}
	
	.four-blocks-labels-wrapper 
	{
		position: relative;
		background-position: center;
		background-size: cover;
		width: 16px;
		height: 0;
		padding-top: 65%;
		margin-right: 6px;
		margin-left: -20px;
	}

	.four-blocks-wrapper-mobile 
	{
		padding-left: 39px;
		padding-right: 44px;
	}
	
	.teal-blocks-container 
	{
		width: 100%;
		margin-right: auto;
		margin-left: 0px;
		padding: 0px;
	}
	
	.teal-blocks-wrapper 
	{
		background-color: #006f71;
		padding-right: 27px;
		padding-left: 24px;
		padding-top: 15px;
		padding-bottom: 1px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
	}
	
	.ccu-by-the-numbers-wrapper-mobile h2 
	{
		font-size: 45px;
		margin: 10px 0 15px 0px;
        font-weight: bold; /* -- added by babrough Aug 6 -- */
	}
	
	#header-two 
	{
		/* display: none; */
		max-width: 100%;
		margin: 20px auto 40px auto;
		padding-right: 0;
    	padding-left: 0;
	}
	
	.ccu-social-wrapper-mobile 
	{
		display: flex !important;
		padding-right: 0px;
		padding-left: 40px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		max-width: 100%;
	}
	
	.ccu-social-labels-wrapper 
	{
		width: 16px;
		height: 0;
		padding-top: 65%;
		margin-right: 0;
		/* -- hidden by margin-left: -10px;  babrough Aug 1 -- */
        margin-left: -8px;
	}
	
	.ccu-coastal-now-wrapper-mobile 
	{
		display: flex !important;
		padding-right: 0px;
		padding-left: 40px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		max-width: 100%;
	}
	
	.ccu-coastal-now-labels-wrapper 
	{
		width: 16px;
		height: 0;
		padding-top: 65%;
		margin-right: 0;
		margin-left: 0px; /* -- changed by babrough Jul 31 -- */
	}
	
	.event-wrapper-mobile 
	{
		display: flex !important;
        padding-right: 0;
        padding-left: 0;
        margin-top: 10px;
        margin-right: auto;
        margin-left: 40px;
        margin-bottom: 0;
        max-width: 508px;
        width: 400px;
	}
	
	.events-labels-wrapper 
	{
		position: absolute;
		margin-left: -10px; /* -- changed by babrough Jul 31 -- */
		width: 16px;
		height: 100px;
	}
	
	.events-block 
	{
		position: relative;
		margin-right: 0;
		margin: 0 0 30px 0;
		max-width: 570px;
		height: auto;
	}
	
	.all-events 
	{
		position: relative;
		padding: 0 0 0 40px;
		min-width: 100%;
	}
	
	.social-coastal-container 
	{
		max-width: 90%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.social-icons-wrapper 
	{
		margin: 0 0 0 0;
	}
	
	.footer-logo-wrapper 
	{
		background-color: none;
		margin: auto;
		padding: 0;
		max-width: 90%;
	}
	
	.footer-nav-wrapper 
	{
		background-color: #006f71;
		padding: 0;
		max-width: 90%;
	}
	
	.copyright 
	{
		padding-bottom: 20px;
		max-width: 90%;
		padding-right: 0;
		padding-left: 0;
	}

	.event-details 
	{
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 0;
        width: 180px;
    }
}

@media screen and (max-width: 463px)
{
	.search-form
	{
		width: 150px;
	}
}

@media screen and (max-width: 450px)
{
	#explore-div 
	{
        position: relative;
        /* left: 32px; */
        /* top: 450px; */
        margin: 0 20px 0 32px;
    }

	#double-explore-div 
	{
        position: relative;
        /* left: 32px; */
        /* top: 450px; */
        margin: 0 20px 0 32px;
    }

	.event-day-month-date 
	{
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 0;
        margin-right: 20px;
        width: 150px;
    }

	.event-details 
	{
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 0;
        width: 150px;
    }

	.social-icons 
	{
        margin: 10px 10px 0 0 !important;
    }

	.event-wrapper-mobile 
	{
        display: flex !important;
        padding-right: 0;
        padding-left: 0;
        margin-top: 10px;
        margin-right: 0;
        margin-left: 40px;
        margin-bottom: 0;
        max-width: 308px;
        width: 300px;
    }
}

@media screen and (max-width: 388px)
{
	#explore-div 
	{
        position: absolute;
        /* left: 32px; */
        top: 390px; /* changed 8/2/21 */
        margin: 0 20px 0 32px;
    }

	#double-explore-div 
	{
        position: absolute;
        /* left: 32px; */
        top: 440px;
        margin: 0 10px 0 32px;
        justify-content: flex-start;
    }

	.navbar-brand > img 
	{
        margin-left: 0;
    }

	.ccu-menu-nav-label 
	{
        display: none !important;
    }

	#hamburger-div 
	{
        position: relative;
        min-width: 30px;
        float: right;
        margin-right: 0 !important;
        padding: 0px;
        border: 0px;
    }

	.bg-ccu-secondary-nav-mobile 
	{
        display: flex !important;
        padding: 0 15px 0 15px;
    }

	.social-icons 
	{
        margin: 10px 0 0 5px !important;
    }

	.teal-blocks-images-tags h6 
	{
        color: #FFFFFF;
        font-size: 10px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        background: none;
    }

	#second-hero-btn-one h5 
	{
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        color: #FFFFFF;
        line-height: 30px;
    }

	#second-hero-btn-two h5 
	{
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        color: #FFFFFF;
        line-height: 30px;
    }

	.all-events 
	{
        padding: 0 0 0 15px !important;
    }

	.ccu-follow-labels 
	{
        margin: 0 0 0 14px;
    }

	.ccu-follow-icons-wrapper 
	{
        margin: 0 0 0 0;
    }

	.events-block 
	{
        position: relative;
        margin-right: 0 !important;
        margin: 0 0 30px 0 !important;
        max-width: 99%;
        width: 99%;
        height: auto;
    }

    .event-wrapper-mobile 
	{
        position: relative;
        display: flex !important;
        padding-right: 0 !important;
        padding-left: 40px;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0;
        max-width: 95%;
        width: 95% !important;
        overflow: hidden;
    }

	.event-details-wrapper
	{
		justify-content: flex-start;
    	max-width: 330px;
	}

	.social-coastal-container 
	{
        max-width: 99%;
        padding-left: 0;
        padding-right: 0;
    }

	.social-coastal-wrapper 
	{
        margin: 50px auto 25px auto;
        max-width: 99%;
    }
}

@media screen and (max-width: 357px)
{
    #double-explore-div 
	{
        position: absolute;
        top: 490px;
        margin: 0 10px 0 32px;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 352px)
{
    #double-explore-div 
	{
        position: absolute;
        top: 510px;
        margin: 0 10px 0 32px;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 350px)
{
    /* -- Make the Top Searchbar smaller - added by babrough Oct 22 -- */
    .search-search {
        width: 130px;
    }
}