/* Travel page specific styles */

body {
    background: var(--sg-bg-color);
}
/* PAGE WRAPPER */
.travel-page{
   /* padding-top: var(--header-height);*/
	 margin: 20px 0;
}

/* SVG FILTERS */
.svgfilterblur { filter:url(#blur-effect-1); }
.svgfilterblur:hover { filter:url(#blur-effect-2); }
.svgfilternoblur { filter:url(#blur-effect-2); }

/* MAIN GRID (DESKTOP DEFAULT) */
#travelmainarticle{
    display: grid;
    grid-template-areas:
        "excursion excursion tours tours tours hotels"
        "places places tours tours tours hotelstext"
        "travelers travelerstext travelerstext events eventtext eventtext"
        "guideinfo transport transport transport apartments apartments"
        "guideinfo transport transport transport loyality loyality"
        "guideinfotext transport transport transport loyality loyality";

    grid-template-rows:
        180px
        195px
        135px
        180px
        50px
        145px;

    grid-template-columns:
        4fr
        1fr
        3fr
        3fr
        1fr
        4fr;

    grid-gap: 20px;
    height: auto;
}

/* AREAS + BG IMAGES */
#tgrl_excursion{grid-area: excursion;}
#tgrl_excursion-inner{background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_excurs.png);}

#tgrl_tours{grid-area: tours;}
#tgrl_tours-inner{background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_tours.png);}

#tgrl_hotels{grid-area: hotels; margin-bottom: 0;}
#tgrl_hotels-inner{margin-bottom: 0; background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_hotels.png);}

#tgrl_hotelstext{grid-area: hotelstext; margin-top: 0;} 

#tgrl_places{grid-area: places;}
#tgrl_places-inner{background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_places.png);}

#tgrl_travelers{grid-area: travelers; margin-right: 0; background: var(--sg-bg-color);}
#tgrl_travelers-inner{margin-right: 0; background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_tourism.jpg);}

#tgrl_travelerstext{grid-area: travelerstext; margin-left: 0; background: var(--sg-bg-color);}

#tgrl_events{grid-area: events; margin-right: 0; background: var(--sg-bg-color);}
#tgrl_events-inner{margin-right: 0; background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_events.png);}

#tgrl_eventtext{grid-area: eventtext; margin-left: 0; background: var(--sg-bg-color);}

#tgrl_guideinfo{grid-area: guideinfo; margin-bottom: 0;}
#tgrl_guideinfo-inner{margin-bottom: 0; background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_guides.jpg);}

#tgrl_guideinfotext{grid-area: guideinfotext; margin-top: 0;}

#tgrl_transport{grid-area: transport;}
#tgrl_transport-inner{background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_transport.png);}

#tgrl_apartments{grid-area: apartments;}
#tgrl_apartments-inner{background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_apartments.png);}

#tgrl_loyality{grid-area: loyality;}
#tgrl_loyality-inner{background-image:url(https://sweet-georgia.com/sgengine/datas/storage/pictures/travel/main/pl_loyalty.png);}

/* COMMON BLOCKS */
.innergrid{
    /*margin: 10px;*/
    position: relative;
}

.blurdiv{
    width: 100% !important;
    height: 100% !important;
    background-size: cover;
    background-position: center;
}

.fonecontainer{
    width: 100%;
    height: 100%;
}

/* TEXT PANELS */
.block-text,
.block-text1{
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: left;
    padding-top: 3%;
    padding-bottom: 6%;
		background: var(--sg-bg-color);
}

.block-text{
    background: var(--sg-panel-dark, #7a7e7c);
}

/* HEADERS OVER IMAGE */
.hdr{
    position: absolute;
    text-align: left;
    pointer-events: none;
}

/* TYPO */
.ppppp{
    font-size: 24px;
    color: #252525;
    padding: 0;
    margin: 2% 0 3% 5%;
}

.pppp{
    font-size: 36px;
    color: #fff;
    padding: 0;
    margin-left: 5%;
    margin-bottom: 3%;
}

.ppp{
    font-size: 30px;
    color: #fff;
    padding: 0;
    margin: 2% 0 3% 5%;
}

.pp{
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-left: 5%;
}

.p-dark{ color: #252525 !important; }
.p-white{ color: #ffffff !important; }

/* POSITIONS (DESKTOP) */
#excurs,#places,#aparts,#loyal{
    top: 2%;
    left: 3%;
    width: 94%;
}

#tours,#trans{
    top: 10%;
    left: 3%;
    width: 94%;
}

#hotels1,#adv2{ display: none; }

/* SVG DEFAULT OFF (as original) */
svg{ display: none; }

/* =========================
   BREAKPOINTS (AS ORIGINAL)
   ========================= */

@media screen and (max-width:960px){

    #travelmainarticle{
        grid-template-areas:
            "excursion excursion tours tours tours"
            "places places tours tours tours"
            "travelers travelers travelers events events"
            "guideinfo transport transport transport apartments"
            "hotels transport transport transport loyality";

        grid-template-rows:
            180px
            180px
            135px
            180px
            180px;

        grid-template-columns:
            3fr
            1fr
            2fr
            2fr
            4fr;
    }

    #tgrl_hotelstext,
    #tgrl_travelerstext,
    #tgrl_guideinfotext,
    #tgrl_eventtext{
        display: none;
    }

    #tgrl_hotels,
    #tgrl_guideinfo{
        /*margin-bottom: 10px;*/
    }

    #tgrl_travelers,
    #tgrl_events{
        /*margin-right: 10px;*/
    }

    .svgfilterblur { filter:url(#blur-effect-2); }

    #excurs,#places,#aparts,#loyal,#hotels1{
        top: 60%;
        left: 3%;
        width: 94%;
    }

    #tours,#trans{
        top: 60%;
        left: 2%;
        width: 96%;
        height: auto;
    }

    .pp{ display: none; }

    .ppp{
        padding: 0;
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 24px;
    }

    #hotels1{ display: block; }

    #adv2{
        display: block;
        top: 15%;
        left: 2%;
        width: 96%;
        text-align: center;
    }
}

@media screen and (max-width:720px){
    svg{ display: none; }
}

@media screen and (max-width:660px){

    #travelmainarticle{
        grid-template-areas:
            "excursion places places"
            "tours tours tours"
            "travelers travelers events"
            "apartments hotels hotels"
            "transport loyality loyality";

        grid-template-rows:
            180px
            250px
            135px
            180px
            180px;

        grid-template-columns:
            2fr
            0.5fr
            1.5fr;
    }

    #trans{
        top: 60%;
        left: 3%;
        width: 94%;
    }

    #trans > p{
        padding: 0;
        padding-top: 2%;
        padding-bottom: 2%; 
        font-size: 24px;
        margin: 0 0 0 1em;
    }
}

@media screen and (max-width:480px){

    #travelmainarticle{
        grid-template-areas:
            "excursion"
            "tours"
            "places"
            "travelers"
            "events"
            "guideinfo"
            "transport"
            "apartments"
            "hotels"
            "loyality";

        grid-template-rows:
            180px
            250px
            180px
            135px
            180px
            200px
            250px
            180px
            180px
            180px;

        grid-template-columns: 1fr;
    }
}