﻿
body {
    font-family: 'Nunito', Verdana, Tahoma,Arial, sans-serif;
    color: #2e3849;
    
}
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../../../../Content/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'),
    /*url(../../../../Content/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),*/
    url(../../../../Content/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../../../../Content/fonts/MaterialIcons-Regular.woff) format('woff'), url(../../../../Content/fonts/MaterialIcons-Regular.ttf) format('truetype');
    /*update to new material icon file on july 2018*/
    /*---------------------------------------------*/
    /*src: url(../../../../Content/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');*/
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 21px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons.md-dark {
    color: #9B9B9B;
}
.simply-link {
    color: #470759 !important;
    cursor:pointer;
    text-decoration:none;
}

.card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
    aspect-ratio: 16 / 9;
}

.card-img-top:hover {
    transform:scale(1.05);
}

.card-home-category {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color), transparent 90%);
    transition: transform 0.3s ease-in-out;    
    border:none;
}

.btn-primary {
    color: #fff;
    border-color: #330540 !important;
    background-color: #470759 !important;
}

.light-background {
    background-color: #f2f2f2;    
}

.package-name-link {
    color: #2d465e;
    font-size: 1.25rem;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.25em;
}
.package-name-link:hover {
    color: #470759;
}
.package-thumb-body {
    padding: 1rem .25rem;
}
.text-left {
    text-align: left !important;
}
.package-price{
    font-size:16px;
    font-weight:bold;
}
.package-thumb-icon {
    vertical-align: middle;
    margin-top: -5px;
    color: #470759 !important;
}
.package-other-details{
    font-size:14px;
}

.section-villa {
    background-color: #f2f2f2;
}

/*carousel css*/

.carousel-inner {
    border-radius: 6px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}
/*End of carousel css*/

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}

.display-7 {
    color: #212529;
}

.title-d {
    color: #212529;    
    font-size: 1.3rem;
    line-height: 2rem;
}

.grid-icon {
    color: #470759 !important;
}

.list{
    padding-left:10px !important;
}

.package-description {
    padding-left: 10px !important;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.simply-text {
    font-size: 1rem;    
    padding: .5rem;    
    border-color: rgb(209 213 219 / 1);
    border-width: 1px;
    border-radius: .5rem;
    width: 100%;
}

.simply-search-text {
    font-size: 1rem;
    padding: .29em;
    border-color: rgb(209 213 219 / 1);
    border-width: 1px;
    border-radius: .2rem;
    width: 100%;
}

.list-simply{
    padding:4px 0;
}

li.breadcrumb-item, li.breadcrumb-item a {
    font-size: 12px;
}