/* -------------------------------- This is the Main Design for the Website --------------------------------*/

/* -------------- Universal Formats -------------- */
    @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');
    @font-face{font-family:'SantaChild'; src: url('RESOURCES/Santa Child Font.otf');}
    @font-face{font-family:'Chicle'; src: url('RESOURCES/Chicle-Regular.ttf');}

    *{text-decoration:none; list-style-type:none; text-align:center; scroll-behavior:smooth; --tw-translate-y:-0.25rem; transform:var(--tw-transform);}
    body{background:#171d2b; margin:0 0; position:relative; overflow-x:clip; min-height:100vh;}
    a:link{color:#4ab8c5; transition-duration:0.4s; text-decoration:none;} a:visited{color:#4ab8c5;} a:hover{color:#6bdee7;} a:active{color:#4ab8c5;}
    .fade-in{animation:fadeIn 1s;}
    .hide{display:none;}

    /* Main */
      #contentContainer{margin:0; padding:0; position:relative;}
      #tempSticky{position:absolute; bottom:0; left:0; right:0;}
      #littleNotice{background:#E4802B;}
      #littleUpdate{background:#DF6457;}
      #headerBKG{background:#DF6457; background: linear-gradient(180deg,rgba(223, 100, 87, 1) 0%, rgba(228, 128, 43, 1) 14%, rgba(240, 190, 28, 1) 35%, rgba(204, 216, 142, 1) 51%, rgba(181, 212, 198, 1) 64%, rgba(160, 192, 195, 1) 83%, rgba(139, 172, 192, 1) 98%); /*Gradient Background*/}
      #headerIMG{background:#29385b url('RESOURCES/9921A-Dining 2-corrected.jpg') no-repeat; background-size:cover; background-position:center; overflow:hidden;}
      #skylineIMG{background:#29385b url('RESOURCES/9921A-Bedroom staged corrected.jpg') no-repeat; background-size:cover; background-position:center; overflow:hidden;}
      .wave-container{position:relative; width:100%; height:200px; overflow:hidden;}
      footer{position:absolute; bottom:0; right:0; left:0; margin:0;}
    /* Main End */


    /* Scrollbar */
    	::-webkit-scrollbar{width:10px;}
      ::-webkit-scrollbar-track{background:transparent;}
      ::-webkit-scrollbar-track-piece{background:transparent;}
      ::-webkit-scrollbar-thumb{background:#f089ff; border-radius:3px;}
      ::-webkit-scrollbar-thumb:hover{background:#d6f84c;}
    /* Scrollbar End */

    /* Images */
      .no{pointer-events:none; user-select:none;}
      .images{padding:0; margin:0 0; max-width:100%; height:auto;}
      .icons{width:3.5vw;}
    /* Images End */

    /* Buttons */
      span:hover{cursor:pointer;}
      .hover-element{transition: transform 0.3s ease; transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        transition-delay: 0s;

        /* Add base visual styles if needed, e.g.: */
        /* display: inline-block; */
        /* padding: 1rem 1.5rem; */
        /* background-color: #6366f1; */
        /* color: white; */
        /* border-radius: 8px; */
        /* cursor: pointer; */
      }

      .hover-element:hover {
        transform: scale(1.1);
      }
    /* Buttons End */


    /* General Fonts/Headings */
      .header{font-family:; font-size:3rem;} .smHeader{font-family:; font-size:2rem;} .regText{font-family:; color:#C2E0F2;}
      p{font-family:; font-size:1.5rem; color:#C2E0F2;}


      .left{text-align:left;}
      .right{text-align:right;}
      .hide{display:none;}
      .clear{clear:both;}
      .fade{background:rgba(90.2, 71.4, 71.4, 0.7);}
    /* General Fonts End */

    /* Spacing */
      .inD p{text-indent:3%; line-height:1.8; text-align:left;}
      .s1{padding:1%; z-index:-1;}
      .s2{padding:2%; z-index:-1;}
      .s3{padding:3%; z-index:-1;}
      .s4{padding:4%; z-index:-1;}
      .s5{padding:5%; z-index:-1;}
    /* Spacing End */

    /* Dividers */
      @keyframes fadeIn{0%{opacity:0;} 100% {opacity:1;}}
    /* Dividers End */

    /* -------------- @media View CSS -------------- */
      @media screen and (max-width:760px){ /*1366px 360px*/

      }

      @media screen and (max-width:425px){

      }

    /* -------------- @media View CSS End  -------------- */


/* -------------- Universal Formats End -------------- */
