@charset "UTF-8";
/***** THE GOLDEN LANDING TEMPLATE - MOBILE ***/
/* Author: 9o9Designs 
/* Version: 1.0  
/* Release Date: March 1, 2025
/*************************************/

@media only screen and (min-width:0px) and (max-width:1024px){
	.hideonmobile{
        display: none;
    }
    html{
	    width:100vw;
	    overflow-x:hidden;
	    margin:0px;
	    padding:0px;
    }
    body{
	    overflow-x:hidden;
	    width:100vw;
	    margin:0px;
	    padding:0px;
    }
    main{
	    width:100%;
    }
    header{
	    height:75px;
	    background:transparent;
    }
    a{
        text-decoration:none;
    }
    .logo{
        text-align:center;
    }
    .logo img{
        width:88px;
        height:50px;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
    }
    #golden-hero{
        width:100%;
        height:600px;
        background:url('/assets/images/mhero.webp') 50% 0 no-repeat;
        background-size:cover;
    }
    .note{
        font-size:.9em;
        text-align:right;
        padding-top:5px;
    }
   /*** begin nav menu ***/
    .nav-left{
        width:100%;
        height:50px;
	    margin-top:20px;
	    font-family:"Poppins", san-serif;
	    text-align:center;
	    text-transform: uppercase;
	    padding-top:10px;
	    font-size:1.4em;
	    margin-left:auto;
	    margin-right:auto;
	    text-align:right;
    }
    .nav-left li{
        display: inline;
        padding:0px;
        margin-left:15px;
        margin-right:15px;
        color:#fff;
        text-decoration:none;  
    }
    .nav-left li a{
        text-decoration:none;
        color:#fff;
    }
    .nav-left  li a:hover {
        color:#e4d298;
        text-decoration:none;
    }
    .nav-left li span{
        text-transform: lowercase;
    }
    .nav-right{
        width:100%;
        height:50px;
	    margin-top:20px;
	    font-family:"Poppins", san-serif;
	    text-align:center;
	    text-transform: uppercase;
	    padding-top:10px;
	    font-size:1.4em;
	    margin-left:auto;
	    margin-right:auto;
	    text-align:left;
    }
    .nav-right  li a:hover {
        color:#ffa500;
        text-decoration:none;
    }
    .nav-right li{
        display: inline;
        padding:0px;
        margin-left:15px;
        margin-right:15px;
        color:#fff;
        text-decoration:none;  
    }
    .nav-right li a{
        text-decoration:none;
        color:#fff;
    }
    .nav-right li a:hover {
        color:#e4d298;
        text-decoration:none;
    }
    .nav-right .nav-right li span{
        text-transform: lowercase;
    }
    #price-label{
        position: absolute;
        top:10px;
        left:68%;
        z-index:100;
        width:100px;
        height:100px;
        background:url('https://thegoldenlanding.com/assets/images/price.webp') no-repeat 0% 0%/100% 100%;
    }
    /*** hero slider ***/
    .slider-container{
        width:190px;
        height:175px;
        margin-left: auto;
        margin-right: auto;
        color:yellow;
        margin-top:25px;
        border: 1px solid yellow;
    }
    /*** about section ***/
    #about{
        width:103%;
        height:550px;
        border-top:10px solid #e4d298;
        background:#fff;
    }
    h2{
      font-family:"Smooch", cursive;
      font-size:3em;
      font-style: normal;
      text-align:center;
      color: #002;
      margin-top:10px;
      line-height:25px;
    }
    h2 span{
      font-family:"Poppins", sans-serif;
      font-weight:200;
      font-size:.3em;
      font-style: normal;
      text-transform:uppercase;
    }
    /*** plans section ***/
    #about{
        width:103%;
        height:550px;
        border-top:10px solid #e4d298;
        background:#fff;
    }
    #about p{
        margin-left:5%;   
    }
    .instruction span{
        font-size:3em;
    }
    #instruction div{
        width:99%;
        margin-left:1%;
        float:left;
        display: grid;
        place-items: center;
    }
    /*** plans section ***/
    #plans{
        width:103%;
        min-height:500px;
        border-top:20px solid #e4d298;
        background:#e4d298;
    }
    .planbox{
        width:97%;
        min-height:345px;
        margin-top:20px;
        margin-left:2.5%;
        background:#fff;
        padding-bottom:50px;
    }
    .planbox a{
        text-decoration: none;
    }
    .plantitle{
        width:100%;
        height:60px;
        color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        font-size:1.5em;
        background:#002;
        display: grid;
        place-items: center;
        text-transform:uppercase;
        font-family: "Poppins", sans-serif;
        font-weight:300;
        font-style: normal;
    }
    .plancontent{
        padding-top:20px;
        padding-left:25px;
        padding-right:15px;
    }
    .planprice{
        font-size:2em;
        font-family: "Oxygen", sans-serif;
        font-weight:400;
        font-style: normal;
        text-align:center;
        margin-bottom:10px;
    }
    /*** gallery section ***/
    #gallery{
        width:103%;
        height:665px; 
    }
    .gallery-container{
        border:1px solid red;
        
    }
    
        /*** footer section ***/
    footer{
        width:103%;
        height:200px;
        background:#002;
    }
    footer a{
        color: #e4d298;
        text-decoration:none;
    }
    .social{
        width:140px;
        height:80px;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        color:#fff;
        text-align:center;
        font-size:.9em;
    }
    .social p{
        margin:0px;
    }
    .social img{
        width:32px;
        height:32px;
        padding:3px;
    }
    #copyright{
        font-size:.9em;
        text-align:center;
        color:#fff;
    }
    
    /*** form items ***/
    button{
        background: url('/assets/images/buttonbg.webp')0 0 repeat-x;
        width:150px;
        height:45px;
        border:1px solid transparent;
    }
    button a{
        color:#e4d298;
        text-decoration:none;
    }
    button a:hover{
        opacity:.8;
    }
    #about button{
    margin-left:5%;
    }
}/* end mobile media query */