html {
   font: var(--body-text-fonts);
    color: var(--text-color);
}
.template-icon-lock:before{
color: var(--highlight-color);
}
.booking-click-page #msCookieBanner {
	display: none;
}
.booking-click-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow-y: scroll;
    padding:0 20px;
}
.outer-box {
    text-align: center;
    padding: 40px;
   /* background-color: #f4f3f0;*/
  	background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
   	color: var(--inverse-font-color);
}
.outer-box .vcard{
 	    font-size: 18px;
      color: var(--footer-color);
    line-height: 29px; 
}
.click-logo img{
 	max-width: 205px;
  width: 100%;
}

.pro-txt {
      color: var(--text-color);
 	font: var(--h3-title-fonts);
}
.lockimg {
    font-size: 100px;
    padding: 20px 0;
    background: url(https://www.tucsonramada.com/images_noindex/lock.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20px 0px;
}
.booking-click-page .logomain span.sr-only {
    display: none;
}
.vcard {
    padding-top: 20px;
}
.vcard a {
  /*  color: #581f00;*/
  color:#AF0832;
  text-decoration: none;
}
.vcard a:hover, .vcard a:focus {
    /*color: ;*/
   text-decoration: underline;
}

.icon-lock.lockimg {
    background: url(https://www.tucsonramada.com/images_noindex/lock.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20px 0px;
}
@media  (max-width: 767px) {
.pro-txt {
    font: var(--h4-title-fonts);
}
}