@import url(https://fonts.googleapis.com/css?family=Pavanam|Padauk|Palanquin|Crimson+Text|Merriweather);
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;400&family=Archivo+Black&family=Asap+Condensed&family=Barlow:wght@100;400&family=Cabin&family=Cuprum&family=Fira+Sans:wght@100;400&family=Inter:wght@100;300;400&family=Josefin+Sans:wght@100;400&family=Jost:wght@100;200;400&family=Libre+Franklin:ital,wght@0,100;1,300&family=Mukta:wght@200;300;400&family=Nanum+Gothic&family=News+Cycle&family=Noto+Sans&family=Oxygen:wght@300;400;700&family=PT+Sans&family=Padauk&family=Rubik:wght@300;400&family=Sarabun&family=Signika&family=Space+Grotesk&family=Spartan:wght@100;300;400&family=Tajawal:wght@200;300;400&family=Urbanist:wght@100;400&display=swap');

ul, ul li {list-style: none; margin:0;}

body {
    /*font-family: 'Alegreya Sans', sans-serif;
    font-family: 'Archivo Black', sans-serif;
    font-family: 'Asap Condensed', sans-serif;
    font-family: 'Barlow', sans-serif;
    font-family: 'Cabin', sans-serif;
    font-family: 'Cuprum', sans-serif;
    font-family: 'Fira Sans', sans-serif;
    font-family: 'Inter', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Jost', sans-serif;
    font-family: 'Libre Franklin', sans-serif;
    font-family: 'Mukta', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;
    font-family: 'News Cycle', sans-serif;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Oxygen', sans-serif;
    font-family: 'Padauk', sans-serif;
    font-family: 'PT Sans', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-family: 'Sarabun', sans-serif;
    font-family: 'Signika', sans-serif;
    font-family: 'Space Grotesk', sans-serif;
    font-family: 'Spartan', sans-serif;
    font-family: 'Urbanist', sans-serif;
    font-family: 'Palanquin';*/
    font-family: 'Tajawal', sans-serif;

    font-size:12px;
    color:#444;
    background:#f7f7f7;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    /*font-family: 'Archivo Black', sans-serif;
    font-family: 'Asap Condensed', sans-serif;
    font-family: 'Barlow', sans-serif;
    font-family: 'Cuprum', sans-serif;
    font-family: 'Fira Sans', sans-serif;
    font-family: 'Inter', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Jost', sans-serif;
    font-family: 'Libre Franklin', sans-serif;
    font-family: 'Mukta', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;
    font-family: 'News Cycle', sans-serif;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Oxygen', sans-serif;
    font-family: 'Padauk', sans-serif;
    font-family: 'PT Sans', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-family: 'Sarabun', sans-serif;
    font-family: 'Signika', sans-serif;
    font-family: 'Space Grotesk', sans-serif;
    font-family: 'Spartan', sans-serif;
    font-family: 'Tajawal', sans-serif;
    font-family: 'Urbanist', sans-serif;*/
    font-family: 'Cabin', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Archivo Black', sans-serif;
    font-family: 'Asap Condensed', sans-serif;
    font-family: 'Barlow', sans-serif;
    font-family: 'Cuprum', sans-serif;
    font-family: 'Fira Sans', sans-serif;
    font-family: 'Inter', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Jost', sans-serif;
    font-family: 'Libre Franklin', sans-serif;
    font-family: 'Mukta', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;
    font-family: 'News Cycle', sans-serif;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Oxygen', sans-serif;
    font-family: 'Padauk', sans-serif;
    font-family: 'PT Sans', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-family: 'Sarabun', sans-serif;
    font-family: 'Signika', sans-serif;
    font-family: 'Space Grotesk', sans-serif;
    font-family: 'Spartan', sans-serif;
    font-family: 'Tajawal', sans-serif;
    font-family: 'Urbanist', sans-serif;
    font-family: 'Merriweather';*/
    font-family: 'Cabin', sans-serif;

}


.top-bar a {
    font-size: 0.9rem;
    font-weight:700;
    color:#aaa;
    font-family: 'Palanquin';    
}

.top-bar a:hover {
    color:#ff6600;
}

.hero a {
    color:#fff;
}

.hero a:hover {
    color:#eee;
}


.cell-title {
    margin-bottom:2rem;
}

.cell-theme {
    font-size: 0.9rem;
    margin-bottom:1rem;
}

.cell-theme a {
    font-weight: 700;
    color:#ec8a49;
}

.featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-item {
    position: relative;
    padding:2px 1px;
}

.featured-item div.detail {
    opacity: 0.65;
    filter: alpha(opacity=65); /* For IE8 and earlier */    
    background:#fff;
    color:#000;
    padding:0.75rem;
    position: absolute;
    bottom:0;
    z-index:1;
    height:5em;
    width:100%; 
    box-sizing: border-box;    
}

.featured-item div.detail {
    font-size:0.8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.featured-item div.detail ul {
    margin:0;
}

.listings img {
	-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom:0.5rem;
}

.listing {
    margin:1.5rem;
}

.listing div.detail {
    padding:0.75rem;
    height:5em;
    width:100%; 
}

.listing div.detail {
    font-weight: 800;
    text-transform: uppercase;
}

.listing div.detail ul {
    margin:0;
}

.listing h6 {
    margin-bottom:0;
}

.listing li span {
    margin-right:0.25rem;
}

.detail-list li {
    margin-bottom:1rem;
}

.detail-list li label {
    font-weight:800;
    font-size:0.9em;
}

.orbit-bullets button {
    height: 0.5rem;
    width:0.5rem;
    background-color:#fff;
}

.orbit-bullets button.is_active {
    color:#000;
}



.orbit-bullets-inverse button {
    height: 0.5rem;
    width:0.5rem;
    background-color:#ddd;
    margin:0.5rem;
}

.orbit-bullets-inverse button.is_active {
    color:#000;
}


img.gallery-image {
	-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;    
    object-fit: cover;
    
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown.menu .is-active > a {
    background:none;
    color:#555;
}


.title-bar {
    background:#fc751b;
}

/* For mobile phones: */

@media print, screen and (min-width: 40em){
    /* For tablets: */
    html {
        font-size:12px;
    }
    h1, .h1 {
    font-size: 2rem; }
    h2, .h2 {
    font-size: 2.7rem; }
    h3, .h3 {
    font-size: 1.5rem; }
    h4, .h4 {
    font-size: 1.3rem; }
    h5, .h5 {
    font-size: 1.1rem; }
    h6, .h6 {
    font-size: 1rem; }    
    p {
        font-size: 1rem;
    }
}

@media print, screen and (min-width: 64em) {
    /* For desktop: */
    html {
        font-size:15px;
    }
    h1, .h1 {
        font-size: 3rem; }
    h2, .h2 {
    font-size: 2.5rem; }
    h3, .h3 {
    font-size: 1.9375rem; }
    h4, .h4 {
    font-size: 1.5625rem; }
    h5, .h5 {
    font-size: 1.25rem; }
    h6, .h6 {
    font-size: 1rem; }   
    p {
        font-size: 1rem;
    }
}

.show-demo {
    display: none;
}


.hide-demo {
    display: block;
}

.subheader {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.responsive-embed {
    margin-bottom: 0rem;
}