/* library.css - use for icg perl apps */

    .icg-button {
  		padding: 0 14px;
  		width: auto !important;
  		height: 33px;
  		background-color: #597a3c;
  		text-transform: uppercase;
  		color: #FFF;
  		font-weight: 700;
  		text-decoration: none;
  		border: none;
  		transition: all .2s
  			ease-out;
  	}
  	.icg-button:hover {
  		color: #151515;
  		background-color: #e1ffad;
  		border: 1px solid #151515;
  	}
  	
  	.select-menu {
  		width: 24%;
  	}
    /*------------------ This page only ------------------*/

    .uk-container {
    	padding: 0;
    }
    h1 {
      margin-top: 10px;
    }

    h4 {
      margin: 0 10px 20px;
    }

    .uk-container-medium hr {
      margin-top: 0;
    }

    #program-list a:link,
    #program-list a:hover,
    #program-list a:visited {
      color: #000;
      text-decoration: none;
    }

    #program-list li a:link,
    #program-list li a:hover,
    #program-list li a:visited {
      color: #487791;
    }
    .uk-active {
    	font-weight: 700;
    }

    .gobutton {
      font-size: 1em;
      background-color: #597A3C;
      color: white !important;
      text-align: center;
      height: 40px;
      width: 200px;
      border: none;
      border-radius: 7px;
      padding: 5px 10px;
      margin: 0 auto;
    }

    .gobutton:hover {
      color: #151515 !important;
      background-color: #E1FFAD;
      text-decoration: none;
      border: 1px solid #151515;
      opacity: 0.9;
    }

    /* -------- Select Menu ---------- */

    .select-menu {
      font-size: 13px;
      width: 15%;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: transparent;
      background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
      background-repeat: no-repeat;
      /*      background-position-x: 100%;
      background-position-y: 4px;  */
      border: 1px solid #dfdfdf;
      border-radius: 2px;
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
      padding: 0.5rem;
      padding-right: 2rem;
    }

    .select-menu:hover {
      background-image: url("data:image/svg+xml;utf8,<svg fill='black' transform='scale(1.3)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    }

    /* ------------ This controls the video formatting ------------------- */

    .standard {
      max-width: 1200px;
    }

    /* This page */

    .cell {
      float: left;
      width: 210px;
      margin-left: 5px;
      height: 225px;
    }

    .cell p {
      margin-top: 15px;
      font-size: .8em;
      line-height: 1em;
    }

    .search-form input {
      width: 55%;
    }

    #video {
    }


   @media only screen and (max-width: 1280px) {
      .cell {
        width: 19vw;
      }

      .select-menu {
        width: 24%;
      }

      .search-form {
        width: 45%;
      }
    }

   @media only screen and (max-width: 960px) {
      .cell {
        width: 25vw;
      }

      .select-menu {
        width: 24%;
      }

      .search-form {
        width: 60%;
      }

      #video {
        margin-left: 2%;
      }
    }

   @media only screen and (max-width: 640px) {
      .cell {
        width: 39vw;
      }

      .select-menu {
        width: 100%;
      }

      .search-form {
        width: 100%;
      }

      #video {
        margin-left: 1%;
      }

      .uk-navbar-center:only-child {
        position: static;
        margin-left: 1em;
      }
    }




   @media only screen and (max-width: 480px) {
      .cell {
        width: 100%;
        height: 285px;
        margin: 0 auto;
      }

      .select-menu {
        width: 100%;
      }

      .search-form {
        width: 100%;
      }
    }