@import "elements.less";

body {

   /* background-image: url("http://www.pageresource.com/wallpapers/wallpaper/cute-little-face-cat-high-definition.jpg");*/

    background-position: left top;

    background-repeat: no-repeat;

}

.videoHolder{height: 500px;

position: relative;

overflow: hidden;}

video#bgvid {

position: absolute; right: 0; top:-150;

min-width: 100%; 

width: auto; height: auto; z-index: -100;

background: url(https://www.pageresource.com/wallpapers/wallpaper/cute-little-face-cat-high-definition.jpg) no-repeat;

background-position: left top;

background-size: cover;

transition: 1s opacity; }

.stopfade { opacity: .8; }

.rounded-corners (@radius: 5px) {

  -webkit-border-radius: @radius;

  -moz-border-radius: @radius;

  -ms-border-radius: @radius;

  -o-border-radius: @radius;

  border-radius: @radius;

}

#vidpause {

 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: medium none;

    bottom: 5%;

    color: #fff;

    font-size: 30px;

    right: 1%;

    position: absolute;

}

#landingPage .titleHeader{color: #FFF;

height:80%;

padding-top: 150px;

}

#landingPage .videoHolder h1{text-align:center;

font-size: 3.5em;}



#landingPage .videoHolder #buttonRow{margin-left: auto;

margin-right: auto; width:435px;}



.main{background-color:#fff;

min-height:400px;}



.normalFooter{
display: none;

/*background-color: #f5f5f5;

height: 30px;

padding-top: 8px;

width: 100%;

text-align: center;

bottom: 0;

left: 0;

position:absolute;*/

}



.specialFooter {background-color: #f5f5f5;
/*
height: 30px;

padding-top: 8px;

width: 100%;

text-align: center;

position:absolute;}*/}



.LCCVisit{

	background-image: url("https://greenstreetrescue.org/assets/img/LCCFront-crop.png");

    background-repeat: no-repeat;

    background-position: right center;

height: 350px;

padding-top: 2%;}





.catAdopt{

	background-image: url("https://greenstreetrescue.org/assets/img/white--cat.jpg");

    background-repeat: no-repeat;

    background-position: 0 20px;

height: 350px;

padding-top: 2%;}



.catDonate{

	background-image: url('https://greenstreetrescue.org/assets/img/kitchen-cat.png');

	background-repeat: no-repeat;

    background-position: left -60px;

	background-size: 100%;

	height: 350px;

	color: #fff;

padding-top: 50px;

}

.catFoster{

	background-image: url("https://greenstreetrescue.org/assets/img/fosterCat.png");

    background-repeat: no-repeat;

    background-position: 0 -20px;

height: 350px;

padding-top: 2%;}

#notes{
    font-style: italic;
    position: absolute;
    right:0;
}



.mainTopper{

	min-height: 350px;



background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(216,216,216,0.65) 100%); /* FF3.6+ */



background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(216,216,216,0.65))); /* Chrome,Safari4+ */



background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(216,216,216,0.65) 100%); /* Chrome10+,Safari5.1+ */



background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(216,216,216,0.65) 100%); /* Opera 11.10+ */



background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(216,216,216,0.65) 100%); /* IE10+ */



background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(216,216,216,0.65) 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6d8d8d8',GradientType=1 ); /* IE6-9 */

	}

.mainTopper img{ height: 300px;  max-width: 100%; margin-top:25px; }	



.construction {width: 100%; height: 100%;position: absolute; top: 0; left: 0; background-color: #ffffff;}

#adoptContainer{background-color: #fff;}

.filterBar{background-color: #cfc;margin-top: -20px;padding: 15px 20px;}



	.result a:hover{text-decoration:none;}

	.result a .thumbnail:hover{background-color:#ffc;}

	.result .thumbnail img {height:150px;min-height:150px;max-height:150px;}

	.modal-main-image img{max-height:400px;}

.modal-thumbnails{margin-top:10px;}

.modal-thumbnails img{max-height: 150px;

margin-right: 10px;

border: 1px solid;}

#filterRow {clear: both;

overflow: hidden;}

#filterRow label {font-weight: normal;float:left;}

#filterRow input {float: left;

margin-left: 10px;

margin-right: 2px;} 



.loginPage{text-align: center;

padding: 25px;

width:350px;

margin:auto;}



.loginPage p{padding-top:10px}

.monthlyStats td {     padding-left: 20px !important; color: darkorange;}
 


#adoptionApplicationContainer .container {background-color:#ffc; padding-bottom:15px;height: 100%;}



@media only screen and (max-device-width: 480px) {

#landingPage .titleHeader{color: #000;

height:80%;

padding-top: 150px;

}}



.rescueOfTheWeek{}

.rescueOfTheWeek h2{padding-left: 10px;}

.rescueOfTheWeek p{padding-left: 10px;}

.errorContainer, .error{font-size: 1.5em;



color: red;



font-weight: bold;}

.successStories{background-color:rgba(231, 231, 231, 0.43);}

#freewall {margin:15px;}



.brick{



background-color: white;



float: left;



cursor: default;



overflow: hidden;



background-repeat: no-repeat;



background-size: cover;



background-position: center;



width:300px;



background: white;



box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);



border-radius: 3px;



color: #333;



border: none;



}

.brick img{    display: block;



    margin-left: auto;



    margin-right: auto ;



	margin-top:10px;



	box-shadow: 2px 2px 2px #888888;}



.brick .info{margin-left: auto;



    margin-right: auto;



    width: 185px;}



.brick .info .catName{font-weight:bold;}

.catDescCell {max-width: 300px;word-break: break-all;}



.pictureInfoHolder {overflow:hidden;}



.pictureInfoHolder .pictureHolder {float:left;}



.pictureInfoHolder #PictureOptions {float:left;}



.pictureInfoHolder #PictureOptions ul{list-style: none;}

#map { bottom: 20px;



    left: 20px;



    position: fixed;



    right: 20px;  



    top: 240px;}.statusPosition{  margin-top: 30px;}



 .latLong button{ margin-top:25px;} 

 .badDate{
     display: none; 
     color: red;
     font-size: 1.2em;
 }

 



 #pdfHolder{max-height:100%; 	}



#alert {background-color:yellow;overflow:hidden}

#alert h2{color:black; float:left;margin-top: 10px;}

#alert p{padding-top:15px;padding-left:10px; float:left; width:70%}

#helpButton { display: none; }

#catTrackContainer h4{width: 50%}

#donationContainer h1,#donationContainer h2{color: #0038A8}

/* REDESIGN 2022 START CLASSES*/
.redesign2022 .favicon22 {
    height: 40px;
}
.redesign2022 .navbar-brand22{
    float: left;
    padding-right: 0px !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 20px;}
.redesign2022 .navbar-collapse {
    
    font-size: 18px;
}
.redesign2022 .MainPicture{
    height: 500px;
    position: relative;
    overflow: hidden;
    background-image: url('https://greenstreetrescue.org/assets/img/banner-1.jpg');

	background-repeat: no-repeat;

    background-position: center;
 background-color: #FFF;
}

.redesign2022 #landingPage .titleHeader {
   color: #FFF;
    /* height: 80%; */
    padding-top: 0;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 140px;
    text-align: center;
}
.redesign2022 #landingPage .titleHeader h1{
    font-weight: 700;
}
.redesign2022 #buttonRow{
    width:100%;
    background-color: #ADEFDE;
    height: 100px;
}
.redesign2022 #buttonRow #buttonGroup{
    padding-top: 10px;
}
.redesign2022 button{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        margin-right: 15px;
        font-weight: 700;
}
.redesign2022 p{
   font-size: 16px;
}
.redesign2022 .darkFont{
    color: gray;
}
.redesign2022 h2{
    border-bottom: #db0a0a solid 2px;
    font-weight: 700;
}



.redesign2022 .LCCVisit{

	background-image: url("https://greenstreetrescue.org/assets/img/LCCFront-crop.png");

    background-repeat: no-repeat;

    background-position: right center;

height: 350px;

padding-top: 2%;}

 .redesign2022 .catAdopt{

	background-image: url('https://greenstreetrescue.org/assets/img/banner-2.jpg');

	background-repeat: no-repeat;

    background-position: left -60px;

	background-size: 100%;

	height: 350px;

	color: #fff;

padding-top: 50px;
}
.redesign2022 .catDonate{

	background-image: url("https://greenstreetrescue.org/assets/img/white--cat.jpg");

    background-repeat: no-repeat;

    background-position: 0 20px;
    
    background-size: auto;

height: 350px;

padding-top: 2%;}

.redesign2022 .catFoster{
    background-color: #ADEFDE;
    background-image: none;
height: 350px;

padding-top: 2%;}

.redesign2022 .centerMe {
    
    text-align: center;
}
#redesign2022Footer{
    
    background-color: #ADEFDE;
    padding-bottom: 20px;
    font-size: 17px;
}
#redesign2022Footer div{
}
#redesign2022Footer .padMeLeft{
    padding-left: 25px;
}

#redesign2022Footer div:after {
  content: "";
  background: grey;
  position: absolute;
  bottom: 10%;
  right: 0;
  height: 70%;
  width: 2px;
}
#redesign2022Footer h3{  font-weight: 700;}

#redesign2022Footer ul { list-style-type: none; }
#redesign2022FooterCredits{
    
  background-color: grey;
    font-size: 17px;
    color: #FFF;
    padding-bottom: 10px;
    padding-top: 10px;
}
#redesign2022Footer a, #redesign2022FooterCredits a, .redesign2022 a{color: red;
        font-weight: 700;}

#dupes-box ul {
  list-style: none;
}

#dupes-box ul li::before {
  content: "<> ";
}