/*
@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: */

.volunteer-application-form iframe{
    height: 2180px;
}
.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: #fff;
    background-color: #01a8e0;
    border-color: #fff;
}
p.alert.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.btn-hover-color:hover{
    color: #F78F1E;
  }
  .text-white{
    color: #fff;
  }

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

.post-right {
    display: block;
}

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

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

.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%; }

.btn-default.btn-secondary-colored-invert {
    color: #fff;
    background-color: #F78F1E;
    border-color: #F78F1E;
    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: #01A8E0;
    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: #F78F1E;
    overflow: hidden !important;
}
.calendar .event a {
    display: block;
    padding: 2px 5px;
    background: #F78F1E;
    color: #fff;
    cursor: pointer;
}
.menuzord-brand {
    margin: 10px 10px 10px 0;
}
.menuzord-brand img {
    max-height: 100px;
}
#footer, .footer-bottom {
    color: #f2f8f9;
}

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

#footer a:hover {
    color: #04a7e0;
}
    .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;
}
.bg-theme-image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.bg-theme-image .display-table-cell {
    vertical-align: top;
}
.effect__hover .text-white {
    color: #000 !important;
}
.card .card__text {
    width: calc(100% - 20px);
}
.card .card__text p {
    color: #ffffff;
}
.card .card__text .text-theme-colored {
    color: #fff !important;
}
.card .card__text .text-theme-colored:hover {
    color: #ffffff !important;
}
.clients-logo.transparent .item {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0px solid #ccc;
}
.clients-logo .owl-stage {
    margin: 0 auto;
}
.owl-carousel .owl-item img {
    width: auto;
    text-align: center;
    margin: 0 auto;
}
.clients .owl-carousel .owl-item img {
    height: 60px;
}
.media-body p{
    color:#000000;
}
.post-right .post-title a:hover{
    color:#01A8E0!important;
}
@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;
    }
}
.gift-content-wrapper {background-image:url("../images/water-lilly-700x500-1.jpg");position: relative;z-index: 99;padding:0}
.custom-align li {
    display: flex;
    flex-wrap: wrap;
}
.gift-content-wrapper p, .gift-content-wrapper h3{padding:15px;}
.gift-content-wrapper:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, 0.6);
    top: 0;
    z-index: -1;
}
.gift-content-wrapper p{
    min-height: 175px;
}
.custom-align li > div:first-child {
    width: 47%;
}
.highlight-day{
    color: #F78F1E;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Catamaran', sans-serif;
}
.cm-content{
    font-family: 'Catamaran', sans-serif;
}
.btn:hover {
    text-decoration: none !important;
}
.section-block a:hover p{color:#01A8E0}
.icon-box.bg-silver-light:hover {
    background: #d3f0f8 !important;
}
.float-right {
    float: right;
}