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

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

/* w3-theme */
.w3-theme-l5 {color:#000 !important; background-color:#f2f9fe !important}
.w3-theme-l4 {color:#000 !important; background-color:#d2eafd !important}
.w3-theme-l3 {color:#000 !important; background-color:#a6d4fa !important}
.w3-theme-l2 {color:#000 !important; background-color:#79bff8 !important}
.w3-theme-l1 {color:#fff !important; background-color:#4daaf6 !important}
.w3-theme-d1 {color:#fff !important; background-color:#0c87eb !important}
.w3-theme-d2 {color:#fff !important; background-color:#0b78d1 !important}
.w3-theme-d3 {color:#fff !important; background-color:#0a69b7 !important}
.w3-theme-d4 {color:#fff !important; background-color:#085a9d !important}
.w3-theme-d5 {color:#fff !important; background-color:#074b83 !important}

.w3-theme-light {color:#000 !important; background-color:#f2f9fe !important}
.w3-theme-dark {color:#fff !important; background-color:#074b83 !important}
.w3-theme-action {color:#fff !important; background-color:#074b83 !important}

.w3-theme {color:#fff !important; background-color:#2196f3 !important}
.w3-text-theme {color:#2196f3 !important}
.w3-border-theme {border-color:#2196f3 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#2196f3 !important}
.w3-hover-text-theme:hover {color:#2196f3 !important}
.w3-hover-border-theme:hover {border-color:#2196f3 !important}

/* w3.css override */
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
hr {
	border-top: 1px solid grey
}

/* from main.css */
.caption { font-size: smaller; font-weight: bold;}
.date { font-size: 12px; color:#666; font-style:italic }
.photo, .credit {font-size: 10px;}

/* from redwhite.css */
.imgr{ 
	border:1px solid #000000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.w3-sidenav a,.w3-sidenav h4 {padding: 12px;}
.w3-navbar li a {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* print content section only - no header, sidenav, sidebar or footer */
@media print {
  body * {
	visibility: hidden;
  }
  
  #content-panel * {
	visibility: visible;
  }
  
  #content-panel {
    position: absolute;
    left: 0;
    top: 0;
  }
}

/* --- Google custom search --- */
.cse input.gsc-input, input.gsc-input {
	background-image:none !important;
}

input.gsc-search-button.gsc-search-button-v2 {
	margin-top: 4px;
	width: auto;
	height: auto;
	border: none;
	border-radius: 5px;
	background-color: #4daaf6; /* w3-theme-l5 color */
	padding: 6px 20px;
}

div.gsc-input-box {
	height: 30px;
	border-radius: 5px;
}

.upc-header-gs_search div.gsc-input-box {
	height: 36px;
}

.upc-header-gs_search input.gsc-input {
	font-size: 18px;
}

a.gsst_a {
	padding-top: 7px;
}

div.gsc-results-wrapper-overlay {
	padding: 15px;
	width: 70%;
	left: 15%;
}

div.gsc-results-close-btn {
	top: 10px;
}

.upc-navbar-gs_search {
	z-index: 4;
	width: 250px;
	position: fixed;
	top: 51px;
	padding: 18px 10px 5px 10px;
}

.upc-header-gs_search {
	display: none;
	margin-top: 0px;
    width: 40%;
    position: absolute;
    top: 0px;
    right: 45px;
    z-index: 1001;
    padding: 7px 10px 4px 8px;
    background-color: #4daaf6;
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.resources_search {
	display: inline-block;
	max-width: 400px;
	width: 100%;
	margin-bottom: 5px;
}
/* --- Google custom search END --- */

.upc-max-width {
	max-width: 1400px;
}

.upc-main {
	transition: margin-left .4s;
}

.upc-sidenav {
	z-index: 3;
	width: 250px;
	margin-top: 51px;
}

.upc-social-navbar {
	padding-bottom: 8px;
}

.upc-social-navbar a,
.upc-social-footer a {
	padding: 3px 6px;
	font-size: 30px;
	color: #999;
}

/* Support menu */
.upc-support-navbar {
	margin: 5px 0px;
}

.upc-float-right {
	float: right;
	display: inline-block;
}

.upc-float-left {
	float: left;
	display: inline-block;
}

.upc-list {
	color: #555;
	padding-left: 30px;
}

.upc-links-list {
	color: #555;
	padding-left:15px;
}

.upc-list li {
	padding: 6px 0px;
}

.upc-list.show10 li:nth-child(n+10),
.upc-list.show15 li:nth-child(n+15),
.upc-list.show20 li:nth-child(n+20),
.upc-list.show25 li:nth-child(n+25),
.upc-list.show26 li:nth-child(n+26),
.upc-list.show27 li:nth-child(n+27),
.upc-list.show28 li:nth-child(n+28),
.upc-list.show29 li:nth-child(n+29),
.upc-list.show30 li:nth-child(n+30),
.upc-list.show31 li:nth-child(n+31),
.upc-list.show32 li:nth-child(n+32),
.upc-list.show33 li:nth-child(n+33),
.upc-list.show34 li:nth-child(n+34),
.upc-list.show35 li:nth-child(n+35),
.upc-list.show36 li:nth-child(n+36),
.upc-list.show37 li:nth-child(n+37),
.upc-list.show38 li:nth-child(n+38),
.upc-list.show39 li:nth-child(n+39),
.upc-list.show40 li:nth-child(n+40) {
    display:none;
}

.upc-list.show-more {
	font-weight: bold;
	padding: 25px 0px;
	text-align: center;
    cursor: pointer;
}

.bounce {
  -moz-animation: bounce 6s infinite;
  -webkit-animation: bounce 6s infinite;
  animation: bounce 6s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.list-subheading {
	padding-left: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}

.section-tile {
	display: inline-block;
	font-size: 1.15em;
	border-radius: 5px;
	background-color: #f2f9fe;
	border: 1px solid #eee;
	line-height: 1.5em;
	margin: 0px 12px 8px 0px;
	padding: 8px 16px;
	text-align: center;
	color: #757575!important;
}

.section-tile:hover {
	background-color: #ddd; 
}

.section-anchor:before { 
	display: block; 
	content: " "; 
	height: 70px;      /* Give height of your fixed element */
	margin-top: -70px; /* Give negative margin of your fixed element */  	
	visibility: hidden; 
}

.w3-sidenav a.menu-special {
	padding-bottom: 8px;
}

.upc-submenul1 {
	padding: 0px 16px 0px 40px;
}

.upc-submenul2 {
	margin-left: 20px;
}

.menu-open-close-icon {
	width: 12px !important;
}

.menu-special {
	color: #0c87eb;
	padding-bottom: 8px;
}
  
.menu-search {
	opacity: 0;
}

.upc-social-navbar a:hover,
.upc-support-navbar a:hover,
a.menu-special:hover {
	background-color: transparent;
}

.page-header-content {
	margin: 0px 15px;
}

.page-header-img {
	width: 100%;
	margin-bottom:5px;
}

.page-header-img.mobile {
	display: none;
}

.page-footer-img {
	width: 100%;
}

.page-footer-about {
    text-align: center;
	padding: 10px;
	color: white;
	background-color: #4daaf6;
}

.page-date {
	font-size: 15px;
	font-weight: bold;
	margin-top: 3px;
}

.main-content {
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	padding-top: 53px;
	padding-bottom: 0px;
}

.content-panel {
	flex-grow:1;
}

a {
	word-wrap: break-word;
}

.article-content a.hf:link {color: #ffffff; text-decoration: none;}
.article-content a.hf:visited {color: #ffffff; text-decoration: none;}
.article-content a.hf:hover {color: #333399; text-decoration: none;}
.article-content a.hf:active {color: #ffffff; text-decoration: none;}
	
.article-content a:link {color: #0c87eb; text-decoration: none; font-weight: bold;}
.article-content a:visited {color: #0c87eb; text-decoration: none; font-weight: bold;}
.article-content a:hover {color: #333399; text-decoration: none; font-weight: bold;}
.article-content a:active {color: #0c87eb; text-decoration: none; font-weight: bold;}

.list-content a:link {color: #0c87eb; text-decoration: none; font-weight: normal;}
.list-content a:visited {color: #0c87eb; text-decoration: none; font-weight: normal;}
.list-content a:hover {color: #0c87eb; text-decoration: none; font-weight: normal;}
.list-content a:active {color: #0c87eb; text-decoration: none; font-weight: normal;}

.vid-container {
    position: relative;
    padding-bottom: 100%;
    padding-top: 35px; height: 0; overflow: hidden;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sidebar-panel {
	max-width: 250px;
	min-width: 250px;
}

footer a,
.sidebar-panel a {
	text-decoration: none;
}

p[class^="sidebar-item"],
p[class*=" sidebar-item"] {
    margin: 0px;
	padding: 0px 0px 32px 0px;
}
p[class^="sidebar-item"] img,
p[class*=" sidebar-item"] img {
	width: 100%;
}

.sidebar-item5, .sidebar-item6, .sidebar-item7, .sidebar-item8, .sidebar-item9 {
	display: none;
}

.page-navbar {
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.article-content .page-navbar a:link {
	font-weight: normal;
}

.page-navbar li {
	color:#0c87eb; /* w3-theme */
}

.header-photo-credit {
	font-size: 11px;
	color: #cfdfff;
	padding: 5px 5px 0px 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    width: 100%;
	display: inline-block;
}

.home-mobile-header,
.home-header-banner {
	width: 100%;
	padding-top: 51px;
}

.home-mobile-header {
	display: none;
}

.upc-home .main-content {
	padding-top: 4px;
}

.upc-home a {
	text-decoration: none;
}

.upc-home .sidebar-title,
.upc-home .sidebar-item1 {
	display: none;
}

.home-content-grid {
	padding: 0px;
}
`
.home-content-grid p {
	margin: 8px 0px;
}

.home-content-item-l1,
.home-content-item-l2 {
	display: inline-block;
	background-color: #f1f2f3;
	padding-bottom: 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 100%;
}

.home-content-item-l1 img,
.home-content-item-l2 img {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	max-width: 450px;
}

.home-content-item-l1 img {
	max-height: 375px;
}

.home-content-item-l2 img {
	max-height: 300px;
}

@media screen and (max-width: 1150px) {
  .main-content {
	  flex-direction: column;
  }
  
  .sidebar-panel {
	  max-width: none;
	  width: 100%;
  }
  
  p[class^="sidebar-item"],
  p[class*=" sidebar-item"] {
	  padding: 0px 5px 32px 5px;
  }
  
  .sidebar-item1,
  .sidebar-item2,
  .sidebar-item3,
  .sidebar-item4 {
	  display: inline-block;
	  padding: 0px 10px 20px 10px;
	  vertical-align: top;
	  width: 32.9%;
  }
  
  .sidebar-item1 img,
  .sidebar-item2 img,
  .sidebar-item3 img,
  .sidebar-item4 img {
	  height: 180px;
	  max-width: 450px;
  }
  
  .sidebar-item4 {
	  display: none;
  }
  
  .sidebar-hide-medium {
	  display: none!important;
  }
  
  .upc-home .sidebar-title {
	  display: block;
  }
  
  .upc-home .sidebar-item4 {
	  display: inline-block;
  }
  
  .home-content-grid {
	  padding: 0px 15px;
  }
}

@media screen and (max-width: 1000px) {
  .home-content-grid {
	  padding: 0px;
  }
}

@media screen and (max-width:1009px) {
  .upc-hide-medium-large {
	  display:none!important;
  }
}

@media screen and (min-width:901px) {
  .upc-sidenav.w3-collapse{
	  display: block!important;
  }
  
  .upc-hide-large {
	  display: none!important;
  }
}

@media (max-width:900px) and (min-width:601px) {
}

@media screen and (max-width:900px) {
  div.gsc-results-wrapper-overlay {
	  width: 75%;
	  height: 85%;
	  left: 12%;
  }
  
  .upc-hide-medium {
	  display:none!important;
  }
  
  .upc-navbar-gs_search,
  input.gsc-search-button.gsc-search-button-v2 {
	  display: none;
  }
  
  div.gsc-input-box {
	  margin-right: -20px;
  }
  
  .resources_search input.gsc-search-button.gsc-search-button-v2 {
	  display: inline-block;
  }
  
  .resources_search div.gsc-input-box {
	  margin-right: 0px;
  }
  
  .menu-search {
	  display: none!important;
  }
  
  .upc-main {
	  margin-left: 0!important;
	  margin-right: 0!important;
  }
  
  .upc-sidenav.w3-collapse{
	  display: none;
  }
  
  .upc-sidenav {
	  margin-top: 51px;
	  box-shadow: inset -30px 0px 15px -29px rgba(0,0,0,0.3);
  }
  
  .home-content-grid {
	  padding: 0px 15px;
  }
}


@media screen and (max-width: 750px) {
  .home-content-grid {
	  padding: 0px;
  }
}

@media screen and (max-width: 600px) {
  h1{font-size:32px}
  h2{font-size:27px}
  h3{font-size:24px}
  h4{font-size:18px}
  h5{font-size:16px}
  h6{font-size:14px}
  
  div.gsc-results-wrapper-overlay {
	  width: 99%;
	  height: 90%;
	  left: 1%;
  }
  
  .page-header-img,
  .page-footer-img, 
  .home-header-banner {
	  display: none;
  }
  
  .home-mobile-header,
  .page-header-img.mobile {
	  display: block;
  }

  .upc-float-right,
  .upc-float-left {
	  float: none;
	  display: block;
  }
  
  .upc-float-right img,
  .upc-float-left img {
	  width:100%;
  }
  
  .main-content {
	  padding-top: 53px;
  }
  
  .upc-home .main-content {
	  padding-top: 4px;
  }
  
  .sidebar-container {
	  max-height: none;
  }
  
  .sidebar-item1,
  .sidebar-item2,
  .sidebar-item3,
  .sidebar-item4 {
	  width: 100%;
  }
  
  .sidebar-item1 img,
  .sidebar-item2 img,
  .sidebar-item3 img,
  .sidebar-item4 img {
	  height: auto;
  }
}

/* Mobile */
@media screen and (min-width: 320px) and (max-width: 480px) { 
  div.gsc-input-box {
	  margin-right: -15px;
  }
  
  .upc-header-gs_search {
	  width:70%;
  }
  
  .upc-sidenav {
	  width: 90%;
  }
  
  .section-tile {
	  display: block;
	  width: 100%;
  }
}