/**
*============================================================
* Please note the css in this file override those of the theme
*============================================================
 */
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto-Bold.woff2') format('woff2'),
    url('fonts/roboto/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Bold.woff2') format('woff2'),
    url('fonts/raleway/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Medium.woff2') format('woff2'),
    url('fonts/raleway/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Thin.woff2') format('woff2'),
    url('fonts/raleway/Raleway-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Regular.woff2') format('woff2'),
    url('fonts/raleway/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Light.woff2') format('woff2'),
    url('fonts/raleway/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*************** global ************/
.main-title h1{
    font-weight: bold;
    font-size: 1.8rem;
    color:#7D4254;
}
.main-title{
    margin-bottom: 2rem;
}
a{
    text-decoration: none;
    color: #7D4254;
    color: rgba(255, 255, 255, 0.83);
}
section{
    padding: 2rem 0 3rem 0;
}
.card:hover{
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
}
.btn:hover{

}
.navbar-brand{
    padding: 0.4rem 0!important;
}
.navbar-brand img{
    width: 50%;
}
/*************end of global ********/
body{
    font-family: Raleway;
    background: #EAF1F4;
}

#header{
    background: #fff;
}
#header a{
    color: #7D4254;
    font-weight: bold;
}
.nav-item{
    min-width: 5rem;
    text-align: center;
}
.navbar-brand{
    padding: 1.3rem 0;
}
#dropdown-menu a{
    color: #ffffff;
}
.nav-item .active{
    border-bottom: 3px solid brown;
    color: #7D4254;
}
.nav-item  a {
    display: inline-block;
    position: relative;
    color: #7D4254;
}

.nav-item a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: #7D4254;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.nav-item a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.my-btn,
.my-btn:hover{
    background: #7D4254;
    color: #ffffff;
}


/************ start or slider ection ***********************/
#slider-section{
    padding: 0;
}
.parallax {
    /* The image used */
    background: #000000;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.2), rgba(10, 10, 10, 0.2)),url("images/bg-image-alt.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.2), rgba(12, 12, 12, 0.2)),url("images/bg-image-alt.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.search-area-container{
    background: #7D4254;
    position: absolute;
    top: 40%;
    color: #ffffff;
    padding: 1rem;
    width: 35%;
}
.search-area-container h2{
    font-size: 1.5rem;
}

.home-form-container{
    margin-top: 0.5rem;
    border: 1px solid #fff;
    padding: 0.7rem;
}
.select2-container .select2-selection--single{
    height: 37px!important;
}
.select2-container--default .select2-selection--single{
    padding-top: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px!important;
}
/*********** start of home info blocks *****************/
#home-info-blocks{
padding: 0;
    background: #fff;
}
#home-info-blocks .card:hover{
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
}

.info-blocks{
    border: none;
    height: 23rem;
}
#home-info-blocks .card-container{
    padding: 0 0;
    position: relative;
    top: 0;
}
.info-blocks .info-block-icon{
    font-size: 2.4rem;
    border: 2px solid #7D4254;
    border-radius: 10px;
    padding: 1rem;
}
.info-blocks .card-body h2{
    font-size: 1.5rem;
    font-weight: bold;
    color: #7D4254;
}
.card-footer{
    background: none;
    margin-top: 0.7rem;
    border: none;
}
.info-blocks .card-footer a{
    font-weight: bold;
    color: #7D4254;
    text-decoration: none;
}
.info-blocks .card-body{
    padding-bottom: 0;
}

.info-blocks .content{
    text-align: justify;
}
.contact-item a{
    text-decoration: none;
    color: #7D4254;
}
.contact-item a:hover{
    text-decoration: none;
    color: #7D4254;
}
#sign-off-footer a{
    color: #7D4254;
}

/*********** featured section **************/
#featured-venues{
    /* The image used */
    background: #7D4254;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.7), rgba(10, 10, 10, 0.7)),url("images/venue-bg.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.7), rgba(12, 12, 12, 0.7)),url("images/venue-bg.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 800px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.featured-wrapper{

}
#featured-venues h1,
#featured-venues .home-callToAction{
    color: #ffffff;
}
#featured-venues .custom-card{
    margin-bottom: 1.5rem;
    position: relative;
}

.features-all-link{
    padding-top: 2rem;
}
.featured-wrapper a{
    color: #fff;
}
#featured-venues .custom-card{
    background: transparent;
}

#featured-venues .card-img:hover{
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
}
#featured-venues .card-img{
    border: 2px #fff solid ;
    width: 90%;
    border-radius: 5px;
}
#featured-venues .card-img img{
    border-radius: 5px;
}

.card.circle{
    padding: 5px;
    position:absolute;
    background: #ffffff!important;
    width: 45%;
    height: 50%;
    border-radius: 50%;
    right: 0;
    top: 24%;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
}
.featured-icon{
    padding-top:0.5rem;
    font-size: 1.5rem;
}

.featured-category .hr{
    border-bottom: 1px solid #7D4254;
    width: 50%;
    height: 1px;
    position: absolute;
    right: 25%;
    padding-top: 0.1rem;
    opacity: 0.5;
}
.featured-name{
    padding-top: 0.5rem;
    font-weight: bold;
    min-height: 2.5rem;
}
.featured-btn a{
    color: #7D4254;
}

/************* featured logos **************/
#featured-logos{
    padding: 2rem 0rem 2rem 0
}

/*.vr{
    border-right: 1px solid #000000;
    height: 7rem;
    position: absolute;
    margin-left: 0.7rem;
    margin-top: 0.7rem;
}*/

#footer{
    background-color: #ffffff;
    padding-top: 4rem;

}
#footer .card:hover{
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
}
.footer-logo{
    padding: 1rem ;
}
.footer-logo img{
    width: 70%;
}
.footer-logo{
    padding-bottom: 0;
}
#footer .card-body{
    padding-top: 0;
}
#footer .address{
    padding-top: 1rem;
}
#footer .other{
    padding-top: 1rem;
}
.motto{
    color: #7D4254;
    font-style: italic;
    font-family: Lato;
}
.other .fa{
    color: #7D4254;
}

#footer h1{
    font-size: 1.5rem;
}
.card-body .about-us{
    line-height: 2rem;
}
.social .footer-logo{
    padding-bottom: 1rem;
}
.social-icons{
    border: 1px solid blue;
    border-radius: 10px;
    padding: 1rem 1rem 1rem 0.1rem;

}
.social-icons span{
    background: blue;
    color: #ffffff;
    padding: 1rem;
    border-radius: 10px;
    margin-right: 1.5rem;
}
#twitter-icon{
    border-color: #1d9bf0;
}
#twitter-icon span{
    background: #1d9bf0;
}
#instagram-icon span{
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}
#instagram-icon{
    border-color: rgb(131,58,180);
    border-color: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}
.icon-container{
    margin: 1rem 0;
}
#footer .card{
    background: none;
    border: none;
}
#sign-off-footer{
    background: #ffffff;
    padding: 1rem;
}
.icon-container a{
    color: #7D4254;
}

/******* Venue section on home page ***/
#venueSection{
    padding: 2rem 0;
}
#venueSection .main-title{
    margin-bottom: 2rem;
}
.venue-name{
    padding-top: 0.5rem;
    font-weight: bold;
}
.view-more a{
    color: #7D4254;
}
.venue-cards{
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
    margin-bottom: 1.5rem;

}

.venue-cards .card-body{
    position: absolute;
    left: 0;
    bottom: 2rem;
    background: #ffffff;
    width: 70%;
    padding-top: 0;
    padding-bottom: 0.4rem;
    border: 1px solid #7D4254;
    border-left: none;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
}
.load-more{
    padding-top: 1.5rem;
    color: #7D4254;
    font-weight: bold;
}
.load-more span:hover{
    cursor: pointer;
}
.load-more a{
    text-decoration: none;
}
#loadVenues,#loadCameras,#loadDeco{
    color: #7D4254!Important;
}
/********** catering section css ******/

#cateringSection{
    padding: 2rem 0 3rem 0;
    /* The image used */
    background: #000000;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.7), rgba(10, 10, 10, 0.7)),url("images/bg-catering.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.7), rgba(12, 12, 12, 0.7)),url("images/bg-catering.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#cateringSection .main-title,
#cateringSection h1{
    color: #ffffff;
}
.catering-cards{
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
    margin-bottom: 1.5rem;
}
.catering-info{
    font-weight: bold;
}
#loadCaterers{
    color: #fff;
}
/********** photo graph section ***/
#videographySection{
    padding: 2rem 0 3rem 0;
}
/*********** PA System *****/
#paSystemSection{
    /* The image used */
    background: #7D4254;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.7), rgba(10, 10, 10, 0.7)),url("images/pasysterm-bg.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.7), rgba(12, 12, 12, 0.7)),url("images/pasysterm-bg.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#paSystemSection .main-title,
#paSystemSection h1{
    color: #ffffff;
}

/************Choreography ***********/
#choreographySection{
    padding: 2rem 0 3rem 0;
    /* The image used */
    background: #7D4254;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.7), rgba(10, 10, 10, 0.7)),url("images/bg-choreohraphy.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.7), rgba(12, 12, 12, 0.7)),url("images/bg-choreohraphy.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#choreographySection .main-title,
#choreographySection h1{
    color: #ffffff;
}

/*************** moredeails page css *******************/
.page-header{
    background: #7d4254;
}
#moreDetails-header{
    padding: 0.3rem 0 0.5rem 0;
}
#venue-details{
    padding: 0;
}
#moreDetails-header .header-container h1{
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #ffffff;
}
#moreDetails-header .header-container span{
    font-size: 0.8rem;
    color: #ffffff;
}
.list-inline-item:not(:last-child) {
    margin-right: 0;
}
.floating-contacts .list-inline-item:not(:last-child) {
    margin-right: .5rem;
}
.breadcrumb-item a:hover,
.breadcrumb-item a{
    color: #ffffff;
}
.custom-breadcrumb-item{
    font-size: 0.8rem;
    background: #c2d4de;
    border-radius: 5px;
    padding: 0 4px 2px 4px;
    color: #000000;
    font-weight: bold;
}
/*.slider-details .card-body{
    padding-bottom: 0;
}*/
.slider-details .card-footer{
    padding-bottom: 1rem;
}
.slider-details h2{
    line-height: 0.9;
}
.slider-details  .card{
    background: rgba(0, 0, 0, 0.51);
    color: #fff;
    top: 40%;
    width: 40%;
    position: absolute;
    z-index: 100
}
.slider-container{
    margin-bottom: 1.5rem;
}
.details-heading{
    padding-top: 1rem;
    margin-bottom: 1rem;
}
.details-heading h1{
    font-size: 2rem;
    margin-bottom: 0;
}
.details-container{
    background: #ffffff;
    padding: 0 1rem 1rem 1rem;
}
.floating-container{
    border: 1px #ffffff solid;
    padding: 0.3rem 0.5rem;
    border-radius: 5px;
}

.floating-container .list-inline-item:not(:last-child) {
    margin-right: .5rem!important;
}
.floating-container.phone{
    background: #0c63e4;
}
.floating-container.details_whatsapp{
    background: green;
}
.floating-container.details_email{
    background: dodgerblue;
}
.phone:hover{
    border-color: #0c63e4;
    color: #ffffff;
}
.details_whatsapp:hover{
    border-color: green;
    color: #ffffff;
}
.details_email:hover{
    border-color: dodgerblue;
    color: #ffffff;
}

.package-info{
    padding-top: 2rem;
}
.package-info h2{
    font-size: 1.1rem;
    margin-bottom: 0;
}
.view-contacts{
    padding: 1rem;
}
.contacts-container.card{
    border: none;
}
.contacts-container.card:hover{
    box-shadow: none;
}
.share-container{
    margin-top: 1rem;
}
.share .list-inline-item a{
    text-decoration: none;
}
.facebook,.whatsapp,.instagram,.twitter{
    padding: 10px;
    border: 1px solid;
    border-radius: 25px;
    font-size: 1.2rem;
}

.whatsapp:hover{
    border-color: #41e85f;
    color: #ffffff;
    background: #41e85f;
}
.facebook:hover{
    border-color: #0d6efd;
    color: #ffffff;
    background: #0d6efd;
}
.twitter:hover{
    border-color: #1DA1F2;
    color: #ffffff;
    background: #1DA1F2;
}
.instagram:hover{
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    color: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    color: #fff;
}
.share-container{
    margin-top: 1rem;
}
.gallery-container{
    background: #ffffff;
    margin-top: 1rem;
    padding:1rem;
}
.map-section{
    margin-top: 1rem;
    background: #fff;
    padding: 1rem;
}
.map-container h2{
    font-size: 1.5rem;
}

#testimony,
#gallery{
    background: #ffffff ;
    margin-top: 1rem;
    padding-top: 1rem;
}

.gallery-card .card-body{
    font-weight: bold;
    font-size: 0.7rem;
    position: absolute;
    top: 1rem;
    padding: 0.3rem;
    border-radius: 0.2rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
}
.gallery-card .card-body:hover{
    cursor: pointer;
}
.card-body ul{
    margin-bottom: 0;
}
.gallery-card .card-body ul li{
    margin-right: 0.8rem;
}
#testimony .main-title{
    color: #7D4254;
}
#other-services a{
    color: #7D4254;
}
#other-services h1 a{
    font-size: 1.8rem;
    color: #7D4254;
}
#other-services h2 a{
    font-size: 1.3rem;
    color: #7D4254;
}
.other-services-container{
    padding-top: 1rem;
}
.other-services-container h2{
    margin-bottom: 0;
}

.listing_page .main-title h1{
    font-size: 1.2rem;
}
#innersearch-section{
    padding-top:0;
    padding-bottom:0
}
#innersearch-section .container{
    position: relative
}
#innersearch-section .form-container{
    z-index:1000;
    right:-1rem;
    position:absolute;
    background: #7D4254;
    padding: 1rem;
    margin-top: 6rem
}

#innersearch-section h2{
    color: #ffffff;
    font-size: 1.2rem;
}
#innersearch-section .home-callTAction{
    color: #ffffff;
}
#innersearch-form{
    padding-top: 1.5rem;
}
#innersearch-section .select2.select2-container.select2-container--default{
    width: 100%!important;
}
@media (max-width: 1199px) {
    .search-area-container {
        width: 50%;
        top: 17%;
    }
    #slider-section .parallax{
        min-height: 500px;
        height: 500px;
    }
    #home-info-blocks .card-container {
        top: 0rem;
    }
    .info-blocks {
        border: none;
        min-height: 28rem;
        height: auto;
    }
    .featured-category{
        font-size: 0;
    }
    .social-icons span {
        margin-right: 1rem;
    }
    #innersearch-section{
        background: #ffffff;
        padding-bottom: 1rem;
    }
    #innersearch-section .form-container {
        position: unset;
        margin-top: 1rem;
    }
    #innersearch-section{
        background: #ffffff;
        padding-bottom: 1rem;
    }
    #innersearch-section .form-container {
        position: unset;
        margin-top: 1rem;
    }
    .slider-details .card {
        width: 100%;
        position: unset;
        margin-top: 1rem;
    }
}
@media (max-width: 1024px) {
    .search-area-container {
        width: 50%;
        top: 17%;
    }
    #slider-section .parallax{
        min-height: 500px;
        height: 500px;
    }
    #home-info-blocks .card-container {
        top: 0rem;
    }
    .info-blocks {
        border: none;
        min-height: 28rem;
        height: auto;
    }
    .featured-category{
        font-size: 0;
    }
    .social-icons span {
        margin-right: 1rem;
    }
    #innersearch-section{
        background: #ffffff;
        padding-bottom: 1rem;
    }
    #innersearch-section .form-container {
        position: unset;
        margin-top: 1rem;
    }
}
@media (max-width: 811px){
    .search-area-container {
        width: 96%;
        padding: 1rem 1rem 1rem 1rem;
        margin-left: 0.1rem;
        margin-right: 0.1rem;
        top: 4.5rem;
    }
    #slider-section .container{
        position: relative;
    }
    .home-form-container {
        padding: 0.7rem 0 0.7rem 0;
        border: none;
    }
    #slider-section .select2.select2-container.select2-container--default.select2-container--focus{
        width: 100%!important;
    }
    #slider-section .parallax{
        min-height: 400px;
        height: 400px;
    }

    #home-info-blocks .card-container {
        top: 0;
    }


    .card-img img{
        width: 100%;
    }



}
@media (max-width: 414px) {
    .search-area-container {
        width: 99%;
        padding: 1rem 1rem 1rem 1rem;
        right: 0;
        margin-left: 0.1rem;
        margin-right: 0.1rem;
        top: 4.5rem;
    }

    #home-info-blocks .card-container {
        top: 2.5rem;
    }
    .card.info-blocks:hover{
        text-underline: none;
    }
    .info-blocks:hover{
        border-bottom: none;
     /*   color: #7D4254;*/
    }

    #footer {
        padding-top: 1rem;
    }
    #footer h1 {
        font-size: 1.2rem;
    }
    .social .footer-logo {
        padding-bottom: 0rem;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        display: none;
    }


}
@media (max-width: 360px) {

    #moreDetails-header .header-container span {
        font-size: 0.7rem;
    }
    #moreDetails-header .header-container h1 {
        font-size: 1rem;
    }
    .custom-breadcrumb-item {
        font-size: 0.6rem;
    }

}