/* MAIN STYLING */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
line-height: 1.5;
}

td h1 {
margin-top: 0.5em;
margin-bottom: 0em;
}

a {
-webkit-transition: all ease-in-out 1.5ms;
-o-transition: all ease-in-out 1.5ms;
transition: all ease-in-out 1.5ms;
}

h1, h2, h3, h4, h5, h6, strong {
font-family: 'GothamBold', sans-serif !important;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
font-family: 'GothamBold', sans-serif !important;
}

p, a, div {
font-family: 'GothamBook', sans-serif !important;
}

.post-container {
background-color: #F2EBDE; /* Sand Tan */
}

.white-box {
background-color: #FFFFFF; /* White */
border-style: solid;
border-width: 1px;
border-color: #244285; /* Ocean Blue */
}

.align-right {
float: right;
}

.align-left {
float: left;
padding: 0px 5px 5px 0px
}

/* END MAIN STYLING */

/* COLOUR STYLING */

.ocean-blue {
color: #244285;
}

.sky-blue {
color: #52BFE3;
}

.sand-tan {
color: #F2EBDE;
}

.sunshine-yellow {
color: #F5BD36;
}

.warm-orange {
color: #E86B33;
}

/* END COLOUR STYLING */

/* HEADER STYLING */

.favorites-hover, .user-panel .control-panel-link, .panel-welcome-message {
font-family: 'GothamMedium', sans-serif;
}

.panel-welcome-message:hover .panel-user-arrow {
color: #E86B33 !important;  /* Warm Orange */
}

.top-container {
background-color: #244285;  /* Ocean Blue */
}

#fifty_fifty-195057593 {
max-width: 1600px;
margin: 0 auto;
}

.template-column.header {
padding: 0 !important;
}

.user-panel .login-link.ce-button {
color: #ffffff;  /* White */
font-size: 20px;
font-family: 'GothamMedium',sans-serif;
font-weight: normal;
background-color: #E86B33;  /* Warm Orange */
border-radius: 5px;
border-width: 2px;
border-color: #E86B33;
background-image: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
}

/* END HEADER STYLING */

/* NAVBAR STYLING */

#full_width-1831958202 .inner-column {
max-width: 1600px;
margin: 0 auto;
}

#full_width-1831958202 ul.site-menu ul.sub-menu li span a {
padding: 0;
}

#full_width-1831958202 ul.site-menu ul.sub-menu li {
padding: 5px 10px;
width: auto;
}

#full_width-1831958202 ul.site-menu ul.sub-menu {
-webkit-box-shadow: none;
        box-shadow: none;
padding: 10px;
}

#full_width-1831958202 ul.site-menu ul.sub-menu li:hover {
background: transparent;
}

#full_width-1831958202 ul.site-menu li span span {
text-transform: capitalize;
}

#full_width-1831958202 ul.site-menu li span a {
text-transform: capitalize;
font-family: 'GothamMedium', sans-serif !important;
}

#full_width-1831958202 ul.site-menu ul.sub-menu li.menu-separator {
display: none;
}

#full_width-1831958202 ul.site-menu li.selected-menu-item a {
color: #ffffff !important;   /* White */
text-decoration: none;
}

/* END NAVBAR STYLING */

/* MISC PAGE STYLING */

.main-container {
padding-top: 1px;
padding-bottom: 50px;
}

.col {
padding: 20px;
}

/* END MISC PAGE STYLING */

/* HOMEPAGE STYLING */

.home-icon-link {
text-decoration: none;
display: block;
}

.home-icon-link h2 {
-webkit-transition: all ease-in-out 1.5ms;
-o-transition: all ease-in-out 1.5ms;
transition: all ease-in-out 1.5ms;
}

.home-icon-link:hover h2 {
color: #52BFE3;   /* Sky Blue */
}

.home-icon-link img {
height: 80px;
}

.ue-title {
    text-transform: capitalize;
    font-weight: normal;
    font-size: 2rem;
    letter-spacing: 0;
    font-family: 'GothamBold', sans-serif !important;
color: #244285;  /* Ocean Blue */
margin-bottom: 25px;
}

.ue-datetime {
    font-weight: normal;
    font-family: 'GothamBold', sans-serif !important;
color: #E86B33;  /* Warm Orange */
}

.ue-datetime .ue-month, .ue-datetime .ue-day {
    font-family: 'GothamBold', sans-serif !important;
}

.ue-event {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(245, 189, 54, 0.3);
    margin-bottom: 15px;
}

.ue-link a {
font-size: 18px;
    text-decoration: none;
    color: #244285;   /* Ocean Blue */
    font-weight: normal;
    font-family: 'GothamBold', sans-serif !important;
line-height: 1.3;
}

.ue-desc {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.7;
}

/* END HOMEPAGE STYLING */

/* FOOTER STYLING */

.bg-color-2, footer, ul.horizontal.site-menu, .admin-table th, .manager-table th {
background-color: #244285;   /* Ocean Blue */
}

footer .layout-wrapper {
max-width: 800px;
width: 100%;
margin: 0 auto;
}

.footer-container a, #ctl00_footer_copyright_panel {
font-family: 'GothamBook', sans-serif;
}

.footer-link {
display: block;
margin-top: 50px;
}

footer {
padding-bottom: 30px;
}

/* END FOOTER STYLING */

#thread_list_wrapper .go-to-box { font-size:14px; }

.calendar-grid-link a { font-size: 11px; }

.top-line #non_member_panel .login-link { background-color:#00806e !important;  border-radius:0px !important; } /* Unnamed Green */
h1,h2,h3 {border-bottom:none !important; }

#full_width-1831958202 ul.site-menu li span:hover span {
color: #F5BD36;  /* Sunshine Yellow */
}

li.sub-parent
{color: #F5BD36;  /* Sunshine Yellow */
}

ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li:hover span span { color:#F5BD36 !important; } /* Sunshine Yellow */
ul.horizontal.site-menu ul.sub-menu li span a { color:#FFF !important; }  /* White  */
ul.horizontal.site-menu ul.sub-menu li span a:hover { color:#FFF !important; }  /* White  */
ul.horizontal.site-menu ul.sub-menu li { background-color:#244285 !important; }  /* Ocean Blue  */
ul.horizontal.site-menu ul.sub-menu li:hover { background-color:#244285 !important; }  /* Ocean Blue  */

.add-me-link { display:none; }
.ce-button { background-color:#e8e8e8; background-image:none; color:#272727; border:1px solid #272727;border-radius:5px;padding:5px 8px; }
.ce-button:hover { background-image:none; background-color:#c9c9c9; border:1px solid #000000; color:#000000; }
h1 { letter-spacing:-.8px; }

ul.horizontal.site-menu ul.sub-menu {
	position:absolute;
	left:0;
	top:36px;
	max-height:0;
	overflow:hidden;
	-webkit-transition:max-height .5s cubic-bezier(0.42, 0.0, 1.0, 1.0);
	-o-transition:max-height .5s cubic-bezier(0.42, 0.0, 1.0, 1.0);
	transition:max-height .5s cubic-bezier(0.42, 0.0, 1.0, 1.0);
	-ms-transform:none !important;
	    transform:none !important;
	-webkit-transform:none !important;
}
ul.horizontal.site-menu > li:hover ul {
	opacity:1;
     max-height:1000px;
     -webkit-transform:none;
}
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span,ul.horizontal.site-menu ul.sub-menu li span a { font-family:Open Sans, sans-serif !important; font-weight:normal !important;
font-size:17px !important; }
ul.horizontal.site-menu ul.sub-menu li span a {
font-weight:normal !important;
}
ul.horizontal.site-menu li.selected-menu-item span a { 
font-weight:bold !important; 
color:#52BFE3 !important;  /* Sky Blue */
}
ul.horizontal.site-menu li span span { background-image:none !important; padding-right:10px !important; }
.user-tools { margin-top:0px; }

.top-line #non_member_panel { margin-top:0px; }
h3 { border-bottom:none !important; text-decoration:none !important; }

@media only screen and (max-width: 600px) {
 .hide-mobile 
 {display:none;}
 h1, .ue-title {
  font-size: 24px;
 }
 h2 {
  font-size: 20px
 }
 h3 {
  font-size: 16px;
 }
}

@media only screen and (max-width: 768px) {
#full_width-1831958202 .inner-column {
text-align: center;
}

/* TEXT OVER IMAGE */

.toi-container {
  position: relative;
  max-width: 800px; /* Maximum width */
  margin: 0 auto; /* Center it */
}

.toi-container .toi-content {
  position: absolute; /* Position the background text */
  top: 0; !important; /* bottom:0 to append to bottom. top:0 to append to top */
  background: rgb(0, 0, 0); /* Fallback color Black*/
  background: rgba(242, 235, 222, 0.6); /* Sand Tan background with 0.5 opacity */
/*  color: #f1f1f1;  Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}
}

/* END TEXT OVER IMAGE */

/* Homepage Notice */

.home-notice {
  position: absolute;
  left: 0;
  top: -20px;
  width: 100%;
  height: 20px;
  background-color: white;
  animation-name: home-notice;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes home-notice {
  from {background-color: white;}
  to {background-color: #F5BD36;} /* Sunshine Yellow */
  }
