/*
@Author: Green Field School, Dehradun
@URL: http://www.greenfieldschool.in/

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: */

.donation-qr a{
	color: #07847F;
}
.donation-qr a:hover{
	color: #F68250;
}

.tp-contact__text a {
	color: #333333;
}

.tp-footer__bg::after {
    background-color: rgba(30, 55, 55, 0.9);
}

/* Sidebar button */
.tm-sidebar-floating-box {
	position: fixed;
	top: 50%;
	right: 0;
	border-radius: 7px 0 0 7px;
	padding: 11px 0;
	margin: -89px 0 0;
	background-color: #fff;
	box-shadow: 0 6px 12px rgba(0,0,0,.25);
	z-index: 99;
	border-right: 0;
	border-style: solid none solid solid;
	border-top-color: #79BB51;
	border-bottom-color: #79BB51;
	border-left-color: #79BB51;
	border-width: 2px 0px 2px 2px;
	border-right-color: inherit;
}
.tm-sidebar-floating-box a img {
    display: inline-block;
    vertical-align: middle;
    color: #79BB51;
    width: 32px;
}

.tm-floating-box-icon {
    display: block;
    position: relative;
    width: 55px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.tm-floating-box-icon svg {
    display: inline-block;
    vertical-align: middle;
    color: #79BB51;
    width: 32px;
}
.tm-floating-box-icon>span {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    width: 150px;
    background-color: #395E24;
    box-shadow: 0 6px 12px rgba(0,0,0,.25);
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    color: #fff;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 7px 0 0 7px;
}
.tm-floating-box-icon:hover>span {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.popup-qr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.flash {
	animation: blinker 0.6s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}


/* calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: left; font-weight:bold; color: #333; font-size: 12px; margin-top:-10px; padding:10px 10px 0 0; padding-bottom: 15px;}
#wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; }
#wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; }
#wp-calendar tbody td:hover { background: #f1f1f1; color: #333; }
#wp-calendar tbody td a {
	display: block;
	text-decoration: none;
	background: #f1f1f1;
	color: #006600;
}
#wp-calendar tbody td:hover a { background: #79BB51; color: #fff; }
#wp-calendar tfoot td { padding-top: 1px; padding: 4px; }
#wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #79BB51; color: #fff; }
#wp-calendar tbody a { display: block; text-decoration: underline; }
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; }
#footer #wp-calendar thead th { background: #79BB51}
#footer #wp-calendar tbody td { border-color: #2E3C6F }