Current Directory: /home/u930863517/domains/limraevents.com/public_html/css/partials
Viewing File: /home/u930863517/domains/limraevents.com/public_html/css/partials/global.css
/* ========================================================== */
/* ELEMENTS */
/* ========================================================== */
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body, html{
min-height: 200vh;
position: relative;
overflow-x: hidden;
scroll-behavior: smooth;
font-family: 'Times New Roman', Times, serif;
/*font-style: italic;*/
}
a{
text-decoration: none !important;
color: inherit;
}
ul{
list-style: none;
}
section{
padding: 100px 0;
}
/* ========================================================== */
/* CLASSES */
/* ========================================================== */
.btn, .btn:hover, .btn:focus,
.form-control, .form-control:hover, .form-control:focus{
outline: none !important;
box-shadow: none !important;
}
.container{
max-width: 1200px !important;
}
.flex-center{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
/* this will make image on page non downloadable */
.image{
position: relative;
}
.image:after{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ========================================================== */
/* BUTTONS */
/* ========================================================== */
.primary-button,
.secondary-button{
padding: 0;
padding: 0.6rem 1.5rem;
border: 2px solid var(--black-color2);
border-radius: 50px;
color: var(--black-color2);
text-transform: uppercase;
font-size: 14px;
position: relative !important;
overflow: hidden;
margin: 0.5rem;
}
.primary-button .overlay{
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 200%;
transform: translate(-50%, -50%) rotate(-15deg);
background: var(--black-color2);
transition: 0.2s ease;
}
.primary-button span,
.secondary-button span{
position: relative;
z-index: 95;
}
.primary-button:hover span{
color: var(--white-color);
}
.primary-button:hover .overlay{
width: 100%;
}
.secondary-button{
color: var(--white-color);
}
.secondary-button:hover span{
color: var(--white-color);
}
.secondary-button .overlay{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 200%;
transform: translate(-50%, -50%) rotate(-15deg);
background: var(--black-color2);
transition: 0.2s ease;
}
.secondary-button:hover .overlay{
width: 0;
}
/* ========================================================== */
/* HEADINGS */
/* ========================================================== */
.heading-wrapper .line{
width: 50px;
height: 2px;
background: black;
margin: 0 0.5rem;
}
.heading-wrapper .heading{
font-family: var(--font-monteserrat);
text-transform: uppercase;
font-weight: 600;
margin: 0.5rem;
}
/* ========================================================== */
/* BACK TO TOP */
/* ========================================================== */
.backtotop{
position: fixed;
right: 2rem;
bottom: 2rem;
z-index: 1000;
box-shadow: var(--box-shadow2);
background: white;
border-radius: 5px;
width: 40px;
height: 40px;
visibility: hidden;
opacity: 0;
transition: 0.5s ease;
}
.backtotop.show{
visibility: visible;
opacity: 1;
}
.backtotop button{
border: none;
background: none;
margin: 0;
width: 100%;
height: 100%;
outline: none;
}
@media only screen and (max-width: 993px) {
.backtotop{
right: 1rem;
bottom: 1rem;
width: 35px;
height: 35px;
}
}
/* ========================================================== */
/* FOLLOW US */
/* ========================================================== */
.follow-us{
background: url("../../assets/backgrounds/follow-us-back.jpg") center no-repeat;
background-size: cover;
background-attachment: fixed;
clip-path: polygon(0 10%, 50% 0, 100% 10%, 100% 100%, 0 100%);
position: relative;
}
.follow-us::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.6;
}
.follow-us .content{
position: relative;
z-index: 100;
text-align: center;
color: white;
}
.follow-us .content h3{
font-family: var(--font-roboto);
}
.follow-us .content h1{
font-family: var(--font-monteserrat);
text-transform: uppercase;
font-weight: bold;
font-size: 50px;
}
.follow-us .content p{
font-family: var(--font-roboto);
}
.follow-us .content a{
width: 50px !important;
height: 50px !important;
padding: 0 ;
display: flex;
justify-content: center;
align-items: center;
margin: 0.5rem 0.25rem;
}
.follow-us .primary-button{
border: 2px solid var(--white-color) !important;
color: var(--white-color) !important;
}
.follow-us .primary-button .overlay{
background: var(--white-color);
}
.follow-us .primary-button:hover span{
color: var(--black-color2);
}
@media only screen and (max-width: 768px) {
.follow-us .content h3{
font-size: 20px;
}
.follow-us .content h1{
font-size: 35px;
}
.follow-us .content a{
width: 45px !important;
height: 45px !important;
}
}
/* ========================================================== */
/* FOOTER */
/* ========================================================== */
.footer{
background: black;
color: white !important;
margin: 0;
}
footer hr{
background: #333;
}
.footer-heading{
font-family: var(--font-monteserrat);
text-transform: uppercase;
font-weight: bold;
margin-bottom: 1rem;
}
.footer ul{
list-style: none;
}
.footer ul li{
font-size: 14px;
padding: 0.25rem 0;
}
.footer ul li i{
color: var(--secondary-color);
margin-right: 10px;
}
.footer .footer-para{
font-size: 14px;
}
.footer .primary-button{
padding: 0.5rem 1rem;
border: 2px solid var(--white-color);
}
.footer .primary-button span{
font-size: 12px;
color: var(--white-color);
}
.footer .primary-button .overlay{
background: white !important;
border-radius: 50px;
height: 100%;
transform: rotate(0deg) translate(-50%, -50%);
}
.footer .primary-button:hover span{
color: var(--black-color2);
}
.footer .social-links a{
font-size: 12px;
margin: 0 !important;
text-transform: capitalize;
}
.footer .social-links i{
margin: 0 2px !important;
}
.footer .high-rated{
display: flex;
align-items: center;
justify-content: flex-start;
}
.footer .high-rated{
margin-bottom: 0.5rem;
}
.footer .high-rated a{
margin-right: 1rem;
}
.footer .high-rated img{
width: 20px;
margin-right: 5px;
}
.footer .high-rated span{
font-size: 0.8rem;
}
.footer .link-wrapper{
margin: 0.5rem 0;
font-size: 0.8rem;
color: var(--secondary-color);
}
.footer .link-wrapper strong{
color: white;
}
.footer .link-wrapper a{
padding: 0 5px;
}
.footer .link-wrapper a:hover{
color: white;
}
.footer .seo-links{
height: 0px;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
@media only screen and (max-width: 768px) {
footer .container{
padding-top: 0 !important;
}
.footer-heading{
margin-top: 3rem;
}
footer .copy{
padding-bottom: 20px;
}
footer .copy *{
text-align: center !important;
width: 100%;
margin: 0;
}
}
/* ========================================================== */
/* PRELOADER */
/* ========================================================== */
.prevideo{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9000;
overflow: hidden;
transition: 0.5s ease;
background: white;
}
.prevideo img{
position: absolute;
top: 50%;
left: 50%;
width: 400px;
animation: zoom 1s infinite;
transform: translate(-50%, -50%);
}
@keyframes zoom{
0%{
width: 400px;
}
50%{
width: 430px;
}
100%{
width: 400px;
}
}
.prevideo.loaded{
top: 110vh;
visibility: hidden;
opacity: 0;
}
@media only screen and (max-width: 768px) {
.prevideo img{
width: 200px;
animation: zoom1 1s infinite !important;
}
@keyframes zoom1{
0%{
width: 200px;
}
50%{
width: 220px;
}
100%{
width: 200px;
}
}
}