@charset "utf-8";
/* CSS Document */
/*Responsive Media*/
@media screen and (max-width: 1000px) {
.paragraph--type--usg-and-ed-messages {
    width: 100%;
    float: left;
    /* border-bottom: dotted .1em #888; */
    margin: 10px auto;
}

.home-page-links-styles-1 .btn-block {
    display: block;
    width: 100%;
    height: auto;
}

.slick-list {
    height: 100%;
}
}

@media screen and (max-width: 600px) {
.custom-home-buttons-styling-outer{
    width: 100%;
    display: inline;
}

.home-page-links-styles-1 .btn-block {
    display: block;
    width: 100%;
    height: auto;
}

.custom-home-buttons-styling {
    width: 100%;
    height: auto;
    border: solid .1em #21a0d9;
    border-radius: 10px;
    float: left;
    margin: 5px auto;
    padding: 5px;
    font-size: 20px;
    text-align: center;
}

.header-aqua-slider .carousel-inner>.item>img {
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.paragraph--type--concept-notes{
	widht: 100%;
}

.paragraph--type--concept-notes .field-items{
	display: flex;
}

.paragraph--type--concept-notes .field-item{
	margin: auto 5px;
}

.paragraph--type--concept-notes .field-item:first-child {
  
  margin-left:0;
}

#image-credit-caption {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: .6em;
    z-index: 1030 !important;
}

/*START custom header navigation styling*/
body.path-frontpage header#navbar.navbar-fixed-top.affix-top {
    background-color: transparent;
	/*background-color: #00000000 !important;*/
    margin: 1.5em auto;
    width: 100%;
    height: 100px;
}
/*START custom header navigation styling*/

.slick--skin--fullwidth .slide__constrained {
	display:none;
}

.slick-list {
    height: 100%;
}

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1200px) {
ul.quicktabs-tabs li {
    display: inline-block;
    background: none;
    list-style-type: none;
    padding: 2px;
    white-space: pre-wrap;
}

header#navbar .nav {
    font-size: .8em;
    background-color: #00000094;
    /* text-align: center; */
}
}

@media screen and (max-width: 600px) {
	
ul.quicktabs-tabs li {
    display: inline-block;
    background: none;
    list-style-type: none;
    padding: 2px;
    white-space: pre-wrap;
}

.quicktabs-wrapper .list-group-item {
    padding: 10px;
    /*width: 100%;*/
}
  .column {
    width: 100%;
  }
  
  .views-col .col-2{
    width: 100%;
  }
  
  header#navbar .nav {
    font-size: .8em;
    line-height: 1.33341;
    font-weight: 300;
    /*letter-spacing: -.01em;*/
	letter-spacing: 0em;
	 line-height: 1.47;
    font-family:"futura-pt", "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #666666;
}

#image-credit-caption {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: .6em;
    z-index: 1030 !important;
}
}


@media screen and (max-width: 1199px) {
  .grid-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    grid-auto-rows: minmax(auto, 100px);
  }
	.grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
	}
	header#navbar a.logo img {
    height: 70px;
    left: 30px;
    position: absolute;
    -webkit-transition: width 2s, height 4s;
    transition: width 2s, height 4s;
}
.name.navbar-brand {
		display: none;
}
header#navbar .nav {
    font-size: .8em;
}
.col-1{
	width:45% !important;
}
 .col-2{
	width:45% !important;
}
.col-3{
	width:45% !important;
}
.col-4{
	width:45% !important;
}

}

@media screen and (max-width: 999px) {
  .grid-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    grid-auto-rows: minmax(auto, 100px);
}
.grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
}
header#navbar .dropdown-menu > li > a{
	color: #ffffff;
	font-size: .8em;
}
#navbar .nav {
    font-size: .8em !important;
   
}

.calendar-column-style{
	width: 100% !important;
	margin: 5px;
	border-bottom: dotted .05em #666666;
}

  .column {
    width: 100%;
  }
  
  .views-col .col-2{
    width: 100%;
  }
 .resources-column-style{
	width:100%;
}
.col-1{
	width:45% !important;
}
.col-2{
	width:45% !important;
}
.col-3{
	width:45% !important;
}
.col-4{
	width:45% !important;
}
.btn {

    white-space: wrap !important;
}
}

@media screen and (max-width: 599px) {
  .grid-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    grid-auto-rows: minmax(auto, 100px);
  }
  .grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
	}

}
.grid-wrapper .grid-item {
  display: grid;
  align-items: flex-end;
  justify-items: center;
  position: relative;
  z-index: 0;
 /* border: 1px solid transparent;*/
  font-size: x-large;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 800ms ease-out;
  transition: transform 800ms ease-out;
  transition: transform 800ms ease-out, -webkit-transform 800ms ease-out;
}
.grid-wrapper .grid-item:hover {
  z-index: 10;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid white;
  cursor: pointer;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transform-origin: center;
          transform-origin: center;
  transition: all 500ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}

#page-image-banner{
	width: 100%;
}

#page-image-banner img{
	width: 100%;
}

#block-u-o-theme-endofwhdpagecontent {
    margin: 50px auto !important;
}

#block-u-o-theme-endofwcdpagecontent {
    margin: 50px auto !important;
}

@media screen and (max-width: 599px) {
  .grid-wrapper .grid-item {
    min-height: 100px;
  }
  
  .grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
}

.calendar-column-style{
	width: 100% !important;
	margin: 5px;
	border-bottom: dotted .05em #666666;
}
}

/*END Other Grid Styles Styles*/

/*START Navigation responsive menu*/

@media screen and (max-width: 599px) {
	
header#navbar a.logo img {
    height: 60px;
    left: 30px;
    position: absolute;
    -webkit-transition: width 2s, height 4s;
    transition: width 2s, height 4s;
	}

.name.navbar-brand {
		display: none;
	}
	
.container-footer {
    width: 100%;
    display: inline-flex;
}

.pull-right {
    float: right!important;
    
}

header#navbar .nav {
    font-size: .8em;
}

#navbar .nav {
    font-size: .8em;
    background-color: #ca4f15;
}

header#navbar .dropdown-menu > li > a{
	color: #ffffff;
	font-size: .8em;
}
  .column {
    width: 100%;
  }
  
  .views-col .col-2{
    width: 100%;
  }
.resources-column-style{
	width:100%;
}

.col-1{
	width:100% !important;
}
 .col-2{
	width:100% !important;
}
.col-3{
	width:100% !important;

}
.col-4{
	width:100% !important;
}
}

/*START Navigation responsive menu*/