@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

@media (min-width:1200px){
  .container{
    max-width:1000px;
  }
}


body{
  font-family:'Roboto', sans-serif;
}

h1{
  font-family:'Roboto', sans-serif;
  font-size: 2em;
  padding-bottom:20px;
  font-weight: bold;
  color:#A42492;
}

h2{
  font-family:'Roboto', sans-serif;
  font-size: 1.5em;
  margin-bottom: 1.2em;
  font-weight: bold;
  color:#A42492;
}
h3{
  font-size: 1.3em;
  font-weight: bold;
  color:#A42492;
  margin-bottom: 1.1em;

}
p{
  font-size: 1.2em;
  line-height: 1.7em;
  padding-bottom: 10px;
}

a{
  color:#067e84;
}
a:hover{
  color:#0b4447;
}

.no-wrap{
  white-space: nowrap;
}
.background{
    background: #b4e9eb;
    background: -webkit-linear-gradient(white, #00b3ba); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #00b3ba); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #00b3ba); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #00b3ba); /* Standard syntax */
}

.banner{
  height:265px;
  background-size:contain;
  background-repeat:no-repeat;
  background-color: #00b3ba;
  background-image: url(../img/bannertop.jpg);
  background-position:center;
}
@media (max-width:760px){
  .banner{
    background-size:cover;
    background-position: bottom left;
  }
}

.content ul{
  font-size: 1.2em;
  line-height: 1.7em;
  padding-bottom:15px;
}
.content .container{
  background-color:white;
}
.content .container .row{
  margin:20px;
}

.navbar{
  margin-bottom: 0;
  border:0;
}

.navbar-default {
    background-color: rgba(0,0,0,0);
}

.navbar .container{
  background-color:#00b4ba;
}

.navbar-default .navbar-brand{
  color:white;
  font-size: 1.3em;
}

.navbar-default .navbar-brand:hover{
  background-color: #06a2a9;
  color:white;
}

.navbar-default .navbar-toggle{
  border-color: white;
  background-color:#06a2a8;
}

.navbar-default .navbar-toggle:focus{
  border-color: white;
  background-color:#06a2a8;
}
.navbar-default .navbar-toggle:hover{
  border-color: white;
  background-color:#078b91;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
  }
.navbar-default .navbar-nav>li>a {
    color:white;
    font-size: 1.3em;

}
.navbar-default .navbar-nav>li>a:hover {
  background-color: #06a2a9;
  color:white;


}
.active{
  background-color:#078b91;
  font-weight: bold;

}
.content .row .no-mar, .content .row .no-mar .col-sm-6{
  padding:0;
  margin:0;
}

.btn-custom{
  background-color:#A42492;
  border:#891979 2px solid;
  color:white;
  font-weight: bold;
  margin-top:30px;
  margin-bottom:20px;
}

.btn-custom:hover{
  background-color: #891979;
  color:white;
  border:#891979 2px solid;

}
.btn-custom:focus{
  color:white;
  background-color: #891979;
  border:#891979 2px solid;

}

.btn-lg{
  padding:15px 20px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border:0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  font-size:1.2em;
  border-top:1px solid #9cd4d9;
  border-bottom:1px solid #9cd4d9;
  padding:15px;
}

.table-right{
  text-align: right;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #c6f1f5;
}
.program th{
  background-color:#c6f1f5;

}
.table-title th{
  color:white;
  background-color: #078b91;
  background-color:#A42492;
}


.table-ghost{
  background-color:#00b3ba;
  color:white;
}
.panel ul li{
  padding:7px;
}
.right-align{
  padding-top:20px;
  padding-bottom:20px;
  text-align: right;
}
.footer .container{
  background-color: #06a2a9;
  padding:0;
  padding-bottom:40px;
}
.footer .row {
  padding:60px;
  padding-bottom: 40px;
}
.footer ul{
  list-style-type: none;
  padding:0;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2em;
  line-height: 1.7em;

}
.footer ul li{
  padding:5px;
}
.footer ul li a{
  color:white;
  text-decoration: underline;
}
.footer ul li a:hover{
  color:#A42492;

}
.footer p{
  padding:2px;
  margin:0;
  color:white;
  text-align: right;
}

.footer p a{
  text-align: right;
  color:white;
  text-decoration: underline;
}

.footer p a:hover{
  color:#A42492;

}

.fa{
  color:#06a2a9;
}

@media (max-width:768px ){
  .footer p, .footer p a{
    text-align: left;

    padding-left:5px;
  }
  .footer ul{
    padding-left:5px;
  }
}