/* ---------------------------- Display ---------------------------- */

/* ######################### */
/* ## Display Tracks Page ## */
/* ######################### */

        #display { padding-left:0; padding-right:0; }	
        
        #display .nestedBlock { position:relative; padding-left:15%; padding-top:15%; padding-bottom:10%; }
        #display .nestedBlock h2 { position:relative; margin-bottom:0; font-size:3rem; font-weight:300; letter-spacing:0.05rem; color:rgba(255,255,255,1); z-index:20; }
        #display .nestedBlock p { position:relative; font-size:1.1rem; font-weight:300; letter-spacing:0.05rem; color:rgba(255,255,255,1); z-index:20; }

        #display .nestedBlock a { position:relative; z-index:20; }
        
        #display .nestedBlock p.trackDesc { margin-top:20px; margin-bottom:20px; padding:0; }
        #display .nestedBlock p.trackDesc span.blurb { display:block; }
        #display .nestedBlock p.trackDesc span.icon { display:none; }
        
        #display .nestedBlock p.time, #display p.surface, #display p.length { letter-spacing:0.05rem; }
        #display .nestedBlock p.time { font-size:1rem; font-weight:600; }
        
        #display .nestedBlock p.length { font-size:0.8rem; }
        
        #display .nestedBlock p.surface { font-size:1rem; font-weight:600; }
        
		#display .nestedBlock span.sm { font-size:0.9rem; font-weight:300; font-style:italic; letter-spacing:0.08rem; color:rgba(210,210,210,1); }

        #display .overlay { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index:0; }
		





/* ########################## */
/* ## Display Width Format ## */
/* ########################## */

        @media only screen and (max-width: 768px) {
            #display .nestedBlock p.trackDesc span.blurb { display:block; }
            #display .nestedBlock p.trackDesc span.icon { display:none; }
            #display .nestedBlock span.sm { font-size:0.9rem; font-weight:300; font-style:italic; letter-spacing:0.08rem; color:rgba(210,210,210,1); }
        }
    
        @media only screen and (max-width: 414px) {
            #display { text-align:center; }
            #display .nestedBlock { padding-left:15px; padding-right:15px; }
            #display .nestedBlock h2 { margin-top:65px; font-size:2.5rem; text-align:left; }
            #display .nestedBlock p.time, #display .nestedBlock p.surface, #display .nestedBlock p.length { margin-bottom:5px; text-align:left; }
            #display .nestedBlock p.trackDesc span.blurb { display:none; }
            #display .nestedBlock p.trackDesc span.icon { display:block; text-align:left; }
            #display .nestedBlock p.trackDesc span.icon button.tourDesc { padding:5px 10px; background:rgba(0,0,0,0.4); border:rgba(255,255,255,1) thin solid; border-radius:5px; font-size:0.8rem; letter-spacing:0.05rem; color:rgba(255,255,255,1); }
            #display .nestedBlock a.cta { margin-top:75px; }
            #display .nestedBlock span.sm { font-size:0.7rem; letter-spacing:0.05rem; color:rgba(0,0,0,1); }
    
    
            #dataModal .modal-body { padding:0 !important; }
            #dataModal .row { padding:20px 25px; }
            #dataModal .cloud { background-color:rgba(245,245,245,1); }
            #dataModal h4 { padding-top:10px; padding-bottom:15px; font-size:1rem; font-weight:600; text-transform:uppercase; text-align:center; }
            #dataModal h6 span.article { color:rgba(255,102,51,1); }
            #dataModal h6 span.title { font-size:0.8rem; font-weight:600; letter-spacing:0.03rem; color:rgba(0,0,0,1); }
            #dataModal p { padding-top:10px; padding-bottom:10px; list-style:circle; font-size:0.8rem; font-weight:300; letter-spacing:0.05rem; line-height:25px; color:rgba(0,0,0,1); }
            #dataModal .bookMe { padding:7px 30px; background:rgba(255,102,0,1); font-size:0.9rem; letter-spacing:0.03rem; color:rgba(255,255,255,1); }
            #dataModal .bookMe:hover { background:rgba(255,102,51,1); }
        }
        
        @media only screen and (max-width: 375px) {
            #display { text-align:center; }
            #display .nestedBlock { padding-left:15px; padding-right:15px; }
            #display .nestedBlock h2 { margin-top:65px; font-size:2.5rem; text-align:left; }
            #display .nestedBlock p.time, #display .nestedBlock p.surface, #display .nestedBlock p.length { margin-bottom:5px; text-align:left; }
            #display .nestedBlock p.trackDesc span.blurb { display:none; }
            #display .nestedBlock p.trackDesc span.icon { display:block; text-align:left; }
            #display .nestedBlock p.trackDesc span.icon button.tourDesc { padding:5px 10px; background:rgba(0,0,0,0.4); border:rgba(255,255,255,1) thin solid; border-radius:5px; font-size:0.8rem; letter-spacing:0.05rem; color:rgba(255,255,255,1); }
            #display .nestedBlock a.cta { margin-top:50px; }
            #display .nestedBlock span.sm { font-size:0.7rem; letter-spacing:0.05rem; color:rgba(0,0,0,1); }
    
            #dataModal .modal-body { padding:0 !important; }
            #dataModal .row { padding:20px 25px; }
            #dataModal .cloud { background-color:rgba(245,245,245,1); }
            #dataModal h4 { padding-top:10px; padding-bottom:15px; font-size:1rem; font-weight:600; text-transform:uppercase; text-align:center; }
            #dataModal h6 span.article { color:rgba(255,102,51,1); }
            #dataModal h6 span.title { font-size:0.8rem; font-weight:600; letter-spacing:0.03rem; color:rgba(0,0,0,1); }
            #dataModal p { padding-top:10px; padding-bottom:10px; list-style:circle; font-size:0.8rem; font-weight:300; letter-spacing:0.05rem; line-height:25px; color:rgba(0,0,0,1); }
            #dataModal .bookMe { padding:7px 30px; background:rgba(255,102,0,1); font-size:0.9rem; letter-spacing:0.03rem; color:rgba(255,255,255,1); }
            #dataModal .bookMe:hover { background:rgba(255,102,51,1); }
        }
    
        /* Only Change from 375px --> h2 */
        @media only screen and (max-width: 320px) {
            #display { text-align:center; }
            #display .nestedBlock { padding-left:15px; padding-right:15px; }
            #display .nestedBlock h2 { margin-top:65px; font-size:2.5rem; text-align:left; }
            #display .nestedBlock p.time, #display .nestedBlock p.surface, #display .nestedBlock p.length { margin-bottom:5px; text-align:left; }
            #display .nestedBlock p.trackDesc span.blurb { display:none; }
            #display .nestedBlock p.trackDesc span.icon { display:block; text-align:left; }
            #display .nestedBlock p.trackDesc span.icon button.tourDesc { padding:5px 10px; background:rgba(0,0,0,0.4); border:rgba(255,255,255,1) thin solid; border-radius:5px; font-size:0.8rem; letter-spacing:0.05rem; color:rgba(255,255,255,1); }
            #display .nestedBlock a.cta { margin-top:30px; }
            #display .nestedBlock span.smspan.sm { font-size:0.7rem; letter-spacing:0.05rem; color:rgba(0,0,0,1); }
    
            #dataModal .modal-body { padding:0 !important; }
            #dataModal .row { padding:20px 25px; }
            #dataModal .cloud { background-color:rgba(245,245,245,1); }
            #dataModal h4 { padding-top:10px; padding-bottom:15px; font-size:1rem; font-weight:600; text-transform:uppercase; text-align:center; }
            #dataModal h6 span.article { color:rgba(255,102,51,1); }
            #dataModal h6 span.title { font-size:0.8rem; font-weight:600; letter-spacing:0.03rem; color:rgba(0,0,0,1); }
            #dataModal p { padding-top:10px; padding-bottom:10px; list-style:circle; font-size:0.8rem; font-weight:300; letter-spacing:0.05rem; line-height:25px; color:rgba(0,0,0,1); }
            #dataModal .bookMe { padding:7px 30px; background:rgba(255,102,0,1); font-size:0.9rem; letter-spacing:0.03rem; color:rgba(255,255,255,1); }
            #dataModal .bookMe:hover { background:rgba(255,102,51,1); }
        }

/* ---------------------------- (End of) Display ---------------------------- */










/* ---------------------------- Transition ---------------------------- */

/* ############################ */
/* ## Transition Tracks Page ## */
/* ############################ */

        #transition { padding-top:100px; padding-bottom:0; }
        
        #transition h2 { margin-bottom:40px; line-height:55px; }
        #transition h4 { font-family: 'Gochi Hand', cursive; font-size:3rem; color:rgba(255,102,0,1); }
        #transition p { letter-spacing:0.05rem; line-height:35px; color:rgba(102,102,102,1); }
		





/* ############################# */
/* ## Transition Width Format ## */
/* ############################# */

        @media only screen and (max-width: 414px) {
            #transition { padding-top:50px; padding-bottom:0; }
            #transition h4 { font-size:2.5rem; }
        }
        
        /* No Change from 414px */
        @media only screen and (max-width: 375px) {
            #transition { padding-top:50px; padding-bottom:0; }
            #transition h4 { font-size:2.5rem; }
        }
    
        /* Only Change from 375px --> h4 */
        @media only screen and (max-width: 320px) {
            #transition { padding-top:50px; padding-bottom:0; }
            #transition h4 { font-size:2.1rem; }
        }

/* ---------------------------- (End of) Transition ---------------------------- */










/* ---------------------------- Anchor 04 ---------------------------- */

/* ########################### */
/* ## Anchor 04 Tracks Page ## */
/* ########################### */

        #anchor4 { padding-top:100px; }
        #anchor4 .map { height:700px; margin-bottom:0; padding:0; }

		





/* ############################# */
/* ## Anchor 04 Width Format ## */
/* ############################# */

        @media only screen and (max-width: 992px) {
            #anchor4 .map { height:700px; margin-bottom:0; }
        }
    
        @media only screen and (max-width: 820px) {
            #anchor4 .map { height:600px; margin-bottom:0; }
        }
    
        @media only screen and (max-width: 680px) {
            #anchor4 .map { height:500px; margin-bottom:0; }
        }
    
        @media only screen and (max-width: 560px) {
            #anchor4 .map { height:400px; margin-bottom:0; }
        }
    
        @media only screen and (max-width: 470px) {
            #anchor4 .map { height:300px; margin-bottom:0; }
        }
    
        @media only screen and (max-width: 350px) {
            #anchor4 .map { height:200px; margin-bottom:20px; }
        }

/* ---------------------------- (End of) Anchor 04 ---------------------------- */










/* ---------------------------- Tour Visuals ---------------------------- */

/* ################################ */
/* ## Tour Visuals04 Tracks Page ## */
/* ################################ */
		
        #tour_visuals { padding-top:100px; }
        #tour_visuals .visual { height:300px; }

/* ---------------------------- (End of) Tour Visuals ---------------------------- */