html body{ /*background-color: #ebebeb;*/ margin: 0; padding: 0; }
/* Start
SP
14/09/2021
Removed banner image path from css and added it in php file. Changed structure for LCP and added styling to it.
.banner{ width: 100%; height: 600px; background-image: url(../images/scenery-images.jpg); background-repeat: no-repeat; background-size: cover; position: relative; }
*/
.banner{
width: 100%;
position: relative;
}
.banner .bannerImg{
width: 100%;
min-height: 470px;
background-image: url(../images/scenery-images.jpg);
}
.banner .textOnBannerImgCentered{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
margin: 0;
color: #fff;
text-shadow: 2px 1px 3px #666;
text-align: center;
font-size: 36px;
text-transform: uppercase;
}
/* END 14/09/2021*/
.my-content{ width: 800px; height: 150px; margin: 0 auto; background-color: #fff; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 20px; }
.banner h1{ color: #000; font-weight: bold; margin: 0; position: relative; top: 38%; color: #fff; text-shadow: 2px 1px 3px #666; }
.date, .opt{ width: 40%; float: left;}
.form-control{ height: 50px; border-radius: 0px; }
.my-content a.btn {
background-color: #ef6851;
padding: 14px 49px;
color: #fff;
font-weight: bold;
width: 20%;
border-radius: 0 6px 6px 0;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{ border-radius: 0px !important; border: 1px solid #f00 !important; }
.term{ padding: 20px 0; }
/* Start
SP
14/09/2021
changed h2 to h1. Removed classes "text-center text-uppercase"from html and added css text-align: center;text-transform: uppercase;
.term h2{ font-weight: bold; color: #f2983b; margin: 0px 0px; } /* SP - 19/08/2021 - changed color: orange; margin: 30px 0 0px;
.term h2:after{ content: ''; height: 40px; width: 150px; margin: 0 auto; display: block; background-image: url(../images/Textdivider.png); background-repeat: no-repeat; margin-top: 10px; }
*/
.term h1{ font-weight: bold; color: #f2983b; margin: 0px 0px; text-align: center;text-transform: uppercase;} /* SP - 19/08/2021 - changed color: orange; margin: 30px 0 0px; */
.term h1:after{ content: ''; height: 40px; width: 150px; margin: 0 auto; display: block; background-image: url(../images/Textdivider.png); background-repeat: no-repeat; margin-top: 10px; }
.term p{ padding: 10px 0; }
.details ul{ margin: 0; padding: 0; list-style: none;}
.details ul{ margin: 0; padding: 0; }
.details ul li a{ font-size: 18px; color: #000; }
.details ul li a:hover{ color: orange; }
.term h3{ margin: 20px 0px 0px 0px; font-weight: bold; padding: 0 0 10px; } /*Surekha - 22/02/2021 - changed margin: 0; and padding: 0 0 20px; */
.tab-content{ margin-top: 30px;/* position: relative; */}
.my-nav ul li a{ background-color: transparent; color: #000; font-size: 18px; font-family: 'metropolis-bold'; line-height: 1.2; } /*Surekha - 22/02/2021 - added font-family: 'metropolis-bold';
line-height: 1.2;*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background-color: transparent; color: #000; font-weight: bold; }
.my-nav .active.in{
opacity: 1;
}
.banner-search-details {
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
}
.term .details p{margin: 0; padding: 5px 0; font-family: 'metropolis-regular'; font-size: 16px; text-align: justify;} /*Surekha - 22/02/2021 - changed font-size: 17px; and added text-align: justify;*/
.term .details ul{margin: 0; padding: 10px 10px; padding-left: 20px !important; font-family: 'metropolis-regular'; font-size: 16px;list-style:square; line-height:1.3; } /*Surekha - 22/02/2021 - changed padding: 5px 10px; and added line-height: 1.3; */
.term .details li{padding: 0 0 16px;} /*Surekha - 22/02/2021 - changed padding: 0 0 10px;*/
/*Surekha - 22/02/2021 - added styling for tabs. */
.terms-main-tab li.active a, .terms-main-tab li.active a:focus, .terms-main-tab li.active a:hover{
background-color: #f2983b;
color: #fff !important;
outline: none;
border-radius: 4px;
}
.terms-main-tab li{
margin-left: 2px;
font-size: 16px;
border-radius: 5px;
text-align: center;
color: #f2983b;
font-family: 'metropolis-bold';
width: auto;
min-width: 160px;
height: 50px;
margin: 0 10px 15px 0;
outline: none;
}
.my-nav .terms-main-tab li a{
border: 1px solid #f2983b;
padding: 8px 16px;
}
.my-nav .tab-content .text-left .col-sm-9{
border-left: 1px solid #8080807a;
}
.my-nav .tab-content .text-left .col-sm-9 .details li{
text-align: justify;
}
/*END*/
/* Start
SP
03/09/2021
Added styling to the changed structure.
*/
.my-nav .text-left .details{
border: 1px solid black;
padding: 10px;
margin: 10px 0px;
border-radius: 6px; /* SP - 13/09/2021 - added for border*/
}
/*END*/
/* Start
SP
13/09/2021
Added styling to the back to top button.
*/
a#backToTopBtn{
background-color: #FFB300;
width: 60px;
height: 60px;
text-align: center;
border-radius: 50px;
position: fixed;
bottom: 80px;
right: 10px;
transition: background-color .3s, opacity .5s, visibility .5s;
z-index: 1000;
text-decoration: none;
}
#backToTopBtn::after{
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff
}
.term .container .my-nav .col-sm-12{
text-align: justify;
}
/* Start
SP
14/09/2021
Added styling to main paragraph
*/
.term .container .row p{
text-align: justify;
font-size: 18px !important; /* SP - 22/09/2021 - added styling to paragraph on policy page.*/
}
/* END 14/069/2021*/
@media only screen and (max-width:768px){
.term .container{
margin: 10px;
padding: 30px;
}
.terms-main-tab li{
width: 100% !important;
}
}
@media only screen and (max-width:420px){
.my-nav ul li a{
font-size: 16px;
}
}
/* END 13/09/2021*/