/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */


.signup-btn{padding:5px 10px}
img#paw {margin-top: -2px;}
.cover-anchor{position:absolute; top:0; left:0; width:100%; height:100%}
p.alert.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
p.alert.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.btn-hover-color:hover{
    color: #0A838D;
  }

  .btn-colorful {
    background: #0A838D;
    color:  #fff;
    border: 2px solid #0A838D;
    transition: all 300ms;
    border-radius: 2px
}
.btn-colorful:hover {
    background: #fff;
    color: #0A838D;
    border-color: #0A838D;
}

.post-right {
    display: block;
}

h5.post-title {
    margin-bottom: 5px;
    line-height: 14px;
}

.post-right p {
    font-size: 12px;
    line-height: 14px;
}

.btn-default.btn-secondary-colored-invert {
    color: #fff;
    background-color: #468838;
    border-color: #468838;
    font-weight: bold;
}


.btn-default.btn-secondary-colored-invert:hover, .btn-default.btn-secondary-colored-invert:focus, .btn-default.btn-secondary-colored-invert.focus {
    color: #0A838D;
    background-color: #fff;
    border-color: #fff;
}


  #stretchimg{
	display: flex;
	align-items: stretch;
  }
  #stretchimg img{
  	height: 100%;
  	width: 100%;
  	object-fit: cover;
  }

  a .bg-light {
    transition: 0.3s all;
}
a .bg-light:hover {
    background: #eee !important;
}
.widget .post-thumb img {
    max-width: 75px;
}
.calendar {
    width: 100% !important;
    margin-top: 20px;
}
.calendar.mobile td {
    height: 60px;
}
.calendar td {
    height: 100px;
    border: 1px solid #eee;
    padding: 5px;
    vertical-align: top;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.calendar td:hover {
    background: rgba(6, 31, 92, 0.04);
}
.calendar p.day {
    padding: 2px;
    height: 25px;
    margin-bottom: 5px;
}
.calendar.mobile p.event {
    display: inline-block;
    width: 11px;
    font-size: 15px;
}
.calendar p.event {
    width: 100%;
    font-size: 15px;
    line-height: 18px;
}
.calendar tr.headers th {
    width: 14.28% !important;
    background: #76bcc1;
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    color: #000;
}
.schedule-details h3 {
    font-size: 20px;
}
table.calendar .event {
    padding-bottom: 5px;
}
.calendar.mobile p.event a {
    display: inline-block;
    width: 11px;
    height: 11px;
    color: #468838;
    overflow: hidden !important;
}
.calendar .event a {
    display: block;
    padding: 2px 5px;
    background: #468838;
    color: #fff;
    cursor: pointer;
}
.menuzord-brand {
    margin: 10px 10px 10px 0;
}
.menuzord-brand img {
    /*max-height: 100px;*/
    max-height: 60px;
}
#footer, .footer-bottom {
    color: #f2f8f9;
}

#footer a, .footer-bottom a {
    color: #fff;
}

#footer a:hover {
    color: #76bcc1;
}
    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    canvas{
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
    canvas.chartjs-render-monitor {
        min-height: 450px;
        height: 450px !important;
    }

    .gal-title{
        white-space: nowrap !important;
    }

    .nav-panels img {
        max-height:  200px;
        width:  100%;
        object-fit: cover;
    }

    #cm_content .schedule-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#cm_content .schedule-details ul li {
    margin: 0;
    list-style: none;
}
ul.list {
    margin-top: 23px;
    margin-bottom: 23px;
    margin-left: 30px;
}
ul.list li:before {
    margin-left: -20px;
}


@media (max-width:991px) {
    .menuzord-brand img {
        max-height: 65px !important;
    }
    .menuzord-menu {
        margin: 7px 0 0 0;
    }

}

@media (max-width:991px) {

        p.disclaimer{
            font-size: 12px;
        }
    canvas.chartjs-render-monitor {
        min-height: 400px;
        height: 400px !important;
    }
    .menuzord-menu > li > a {
        padding: 8px 5px;
    }
    .gal-caption{
        display: none !important;
    }
    .gal-title{
        white-space: normal !important;
        text-align: right;
        width: calc(80vw - 20px );
    }
    .gal-button {
        font-size: 14px !important;
        line-height: 24px !important;
    }

}

@media (max-width: 991px) and (min-width: 768px){
    span.visible-sm {
        display: inline!important;
    }
    canvas.chartjs-render-monitor {
        min-height: 350px;
        height: 350px !important;
    }

}
@media (max-width: 767px){
    .visible-xs {
        display: inline!important;
    }
    canvas.chartjs-render-monitor {
        min-height: 300px;
        height: 300px !important;
    }
    .text-xs-center{
        text-align: center;
    }
    .embed-container { height: 400px;  }
}

.menuzord-menu ul.dropdown {
    top: 64px;
}