/*!
 * Add custom css for this site here:
 */

/** Summer Camps theme styles **/


.main-content h2, h3, h4 {font-family: 'Montserrat', sans-serif!important;}


.main-content h2 {
    display:block;
	 color:#c8102e;
	 font-weight:900;
	 background-color:#ffffff;
}
.main-content h3 {
    color:#c8102e;
      font-weight:600;
}

.main-content h3 small {
    color:#000;
    font-weight:600;
    margin-top:0;
    margin-bottom:0;
}

.main-content h4{
    color:#c8102e;
      font-weight:600;
}

.main-content strong {font-weight:600;}

.main-content span.light {
    font-weight:400;
}
.nav-tabs>li  {
    float: left;
    margin-bottom: -1px;
    padding: 0 15px;
}

.nav-tabs>li a  {
    font-family: 'Montserrat', sans-serif!important;
    color:#c8102e;
    font-weight:600;
    font-size: 18px;
}

.tab-content{
    padding-top:2em;
}
.carousel-caption {
    /* right: 58%; */
    left: 2%;
    padding: 1.5em;
    background-color: #c8102e;
    opacity: .8;
    text-align: left;
}

.main-content .carousel-caption h2 {
    display: block;
    color: #ffffff;
    font-weight: 900;
    background-color: #c8102e;
}

.carousel-caption h2 a {
    color: #ffffff;
}
a.btn.btn-primary.pull-right{
    margin:0 0 1em 1em;
}
/** Search Feature Styles **/
#myInput {
    background-image: url('../images/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
    /*border-collapse: collapse;  Collapse borders */
    /*width: 100%;  Full-width */
    /*border: 1px solid #ddd;  Add a grey border */
    /*font-size: 18px;  Increase font-size */
}

#myTable th, #myTable td {
    /* text-align: left; Left-align text */
    /*padding: 12px;  Add padding */
}

#myTable tr {
    /* Add a bottom border to all table rows 
    border-bottom: 1px solid #ddd; */
}

#myTable tr.header, #myTable tr:hover {
    /* Add a grey background color to the table header and on hover 
    background-color: #f1f1f1;*/
}