/*
    Theme Name: Bobcat Theme 3
    Author: CJ Lupori
    Description: Bobcat Theme Option 3 of 3
    Version: 1.00
*/

.covidbanner{background:#000;text-align:center;padding:1% 0;}
.covidbanner h2{color:#fff;padding:0;font-size:36px;}
.covidbanner:hover{background:#ff3600;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
.covidbanner:hover h2{color:#000;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
.signature{font-family: 'Dancing Script', cursive;float:right;margin-top:10px;font-size:30px;}
.svcimg{max-width:180px !important;max-height:90px !important;margin:10px;vertical-align: middle;}
.category img{max-height:80px;max-width:250px;}
.videogrid{width:100%;margin:0 auto;text-align:center;}
.videohold{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;width:45%;margin:0 1%;}
.has-feedback .form-control-feedback {
  right: 98% !important;
  top: 2px !important;

}
.row > * {
  padding-left: calc(var(--bs-gutter-x) * 0.0);
  padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
  text-decoration: none;
}
/*---POP-UP -----------------------------------*/

/**, *:after, *:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.box {
   width: 50%;
   margin: 0 auto;
   background: rgba(0,0,0,0.2);
   padding: 35px;
   border-radius: 20px/50px;
   background-clip: padding-box;
   text-align: center;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
    transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #ff3600;
	border: 1px solid #000;
	padding:0 5px 5px 5px;
}
.popup .close:hover {
  background: #ff3600;
  color:#fff;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

.popup h3{font-size:24px;color:#ff3600;padding-bottom:2%;}
.popup p{padding-bottom:1.5%;}

.popupoverlay:target:before {
    display: none;
}
.popupoverlay:before {
                content:"";
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                background: rgba(0, 0, 0, 0.7);
                position: fixed;
                z-index: 99999;
}
.popupoverlay .popup {
                background: #fff;
                border:3px solid #000;
                border-radius: 5px;
                width: 100%;
                max-width: 1300px;
                position: absolute;
                top: 6vw;
                left: 0;
                right: 0;
                float:none;
                padding: 40px;
                margin: 0 auto;
                text-align:left;
                z-index: 99999999;
                -webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                color:#000;
                font-size: 16px;font-weight: 400;
}
.popupoverlay:target .popup {
    top: -180%;
    left: -100%;
}*/


@media screen and (max-width: 1200px) {
	.covidbanner h2{font-size:30px;}
	.videohold video{height:250px !important;}
	.svcimg{max-width:140px !important;max-height:60px !important;}
}

@media screen and (max-width: 1024px) {
	.popupoverlay .popup{top:0;}
	.popup p{font-size:15px;}
}
	
@media screen and (max-width: 800px) {
	.covidbanner{padding:3% 0;}
	.covidbanner h2{font-size:24px;}
	.popupoverlay .popup{overflow-y:scroll;}
	.popup p{font-size:14px;}
}

@media screen and (max-width: 700px) {
	.videohold{display:block;width:90%;margin:2% auto;}
	.videohold video{height:350px !important;}
}

@media screen and (max-width: 600px) {
	.covidbanner h2{font-size:20px;}	
	.videohold video{height:300px !important;}
}

@media screen and (max-width: 480px) {
	.covidbanner h2{font-size:18px;}	
	.videohold{width:96%;}
	.videohold video{height:250px !important;}
}

@media screen and (max-width: 380px) {
	.videohold video{height:200px !important;}
	.svcimg{max-width:120px !important;max-height:50px !important;}
}