/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*LAYOUT*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*LAYOUT (BOTH)*/
/*****************************************************************************************/

#pierwsze-kroki,
#miejsce-na-film,
#miejsce-na-dodatki-wprowadzajace,
#poczytaj-o-nas,
#poczytaj-o-nas ul,
#odwiedz-nas div,
#odwiedz-nas,
#lista-typowych-pytan { flex-wrap: wrap; }

#aktualnosci h3,
#jestes-tu-nowy h3 { text-align: left; }
#wydarzenia h3:before,
#nowe-kazania h3:before,
#nowe-kazania-video h3:before,
#nowe-artykuly h3:before { content: ''; display: inline-block; position: relative; }
#pierwsze-kroki h3:before,
#poczytaj-o-nas h3:before,
#odwiedz-nas h3:before { content: ''; display: inline-block; position: relative; }

#aktualnosci ul { display: flex; flex-flow: wrap-reverse row; justify-content: flex-start; }
#aktualnosci .zobacz-wszystkie { justify-content: center; }

#miejsce-na-film { display: flex; justify-content: center; position: relative; }
#miejsce-na-dodatki-wprowadzajace li,
#poczytaj-o-nas li,
#lista-typowych-pytan li { display: flex; align-items: flex-end; justify-content: flex-start; position: relative; }
#miejsce-na-dodatki-wprowadzajace a,
#poczytaj-o-nas a,
#lista-typowych-pytan a { display: block; }
#miejsce-na-dodatki-wprowadzajace a p,
#poczytaj-o-nas p,
#lista-typowych-pytan a p { position: absolute; bottom: 0; text-align: center; }
#mapa figcaption { text-align: center; }

/*****************************************************************************************/
/*LAYOUT (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {}

/*****************************************************************************************/
/*LAYOUT (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*SIZES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*SIZES (BOTH)*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Proportions*/
/*-----------------------------------------------------------*/

#pierwsze-kroki,
#pierwsze-kroki h3,
#miejsce-na-dodatki-wprowadzajace li,
#poczytaj-o-nas h3,
#poczytaj-o-nas li,
#odwiedz-nas h3,
#lista-typowych-pytan li { width: 100%; }

#aktualnosci { width: 25%; }
#przerwa { width: 7%; }
#jestes-tu-nowy { width: 68%; }

    #aktualnosci li:nth-child(3) { width: 100%; }

    #miejsce-na-film { width: 68.2%; }
    #miejsce-na-dodatki-wprowadzajace { width: 31.8%; }

#poczytaj-o-nas ul { width: 25%; }

    #lista-typowych-pytan { width: 31.8%; }
    #mapa { width: 68.2%; }

        #pierwsze-kroki a p,
        #poczytaj-o-nas a p,
        #lista-typowych-pytan a p { width: 100%; }

/*-----------------------------------------------------------*/
/*Spaces*/
/*-----------------------------------------------------------*/

#jestes-tu-nowy > section:not(:first-of-type) { margin-top: 1.5em; }

    h3 { margin: 0.5em 0; padding: 0.8em; }
    #aktualnosci h3,
    #jestes-tu-nowy h3 { margin-bottom: 0.2em; }
    #nowe-kazania h3,
    #nowe-kazania-video h3,
    #nowe-artykuly h3,
    #poczytaj-o-nas h3,
    #odwiedz-nas h3 { margin-top: 3em; }
    #wydarzenia h3:before,
    #nowe-kazania h3:before,
    #nowe-kazania-video h3:before,
    #nowe-artykuly h3:before { margin-left: 0.5em; margin-right: 0.75em; top: 0.1em; }
    #pierwsze-kroki h3:before,
    #poczytaj-o-nas h3:before,
    #odwiedz-nas h3:before { margin-left: 0.5em; margin-right: 0.75em; top: 0.1em; }

    #aktualnosci ul { margin: 0.2em 0; margin-bottom: 0; padding: 0.5em; }

        #aktualnosci li { padding: 0.5em; margin-bottom: 0.5em; }
        #aktualnosci li:nth-child(2) { padding-left: 1em; }
        #aktualnosci li:nth-child(3) { padding: 0.65em 0.5em; padding-right: 1em; }
        #aktualnosci .zobacz-wszystkie { padding: 0.5em 0 0 0; }

            #aktualnosci li a { line-height: 1.5; }

    #miejsce-na-film iframe,
    #miejsce-na-film video,
    #miejsce-na-film div#zdjecie-powitalne { margin-right: .2em; }
    #miejsce-na-dodatki-wprowadzajace li:nth-child(1) { margin-bottom: 0.1em; }
    #miejsce-na-dodatki-wprowadzajace li:nth-child(2) { margin-top: 0.1em; }

    #nasz-zbor li,
    #nasz-pastor li,
    #o-baptystach li { margin-right: 0.2em; }

    #lista-typowych-pytan li:not(:last-child) { margin-bottom: 0.1em; }
    #lista-typowych-pytan li:not(:first-child) { margin-top: 0.1em; }

        #miejsce-na-dodatki-wprowadzajace a p,
        #lista-typowych-pytan a p,
        #poczytaj-o-nas a p { padding: 0.8em; transition: all 0.3s ease-in-out 0s; }
        #miejsce-na-dodatki-wprowadzajace a:hover p,
        #lista-typowych-pytan a:hover p,
        #poczytaj-o-nas a:hover p { padding-bottom: 1.2em; }

    #mapa { margin: 0; padding-left: 0.2em; }

        #mapa figcaption { padding: 1.5em; }

            #mapa figcaption p:not(:first-child) { margin-top: 0.75em; }

/*-----------------------------------------------------------*/
/*Sizes*/
/*-----------------------------------------------------------*/

/*................................*/
/*Texts*/
/*................................*/

h3 { font-size: 1.25em; }

#aktualnosci li:nth-child(1),
#aktualnosci li:nth-child(2) { font-size: 0.8em; }
#aktualnosci li:nth-child(3) { font-size: 0.925em; }
#aktualnosci .zobacz-wszystkie { font-size: 1.1em; }

#miejsce-na-dodatki-wprowadzajace a p,
#lista-typowych-pytan a p,
#poczytaj-o-nas a p { font-size: 0.925em; }

#mapa figcaption { font-size: 0.9em; }

/*................................*/
/*Images*/
/*................................*/

#wydarzenia h3:before,
#nowe-kazania h3:before,
#nowe-kazania-video h3:before,
#nowe-artykuly h3:before { height: 1em; width: 1em; }
#pierwsze-kroki h3:before,
#poczytaj-o-nas h3:before,
#odwiedz-nas h3:before { height: 1em; width: 1em; }

ul#miejsce-na-dodatki-wprowadzajace li,
ul#lista-typowych-pytan li { height: 10.5em; }
#poczytaj-o-nas li { height: 10.5em; }

    #miejsce-na-dodatki-wprowadzajace a,
    #poczytaj-o-nas a,
    #lista-typowych-pytan a { width: 100%; height: 100%; }

/*................................*/
/*Misc*/
/*................................*/

#miejsce-na-film iframe,
#miejsce-na-film video { width: 100%; height: 21.21em; }

#gmap_canvas { height: 23.8em; }
figure#mapa figcaption { height: 9em; }

/*****************************************************************************************/
/*SIZES (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*****************************************************************************************/
/*SIZES (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*STYLES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*DECORATIONS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

#aktualnosci ul a { font-weight: normal; }
#aktualnosci ul a:hover { text-decoration: underline; }

#miejsce-na-dodatki-wprowadzajace a p,
#lista-typowych-pytan a p,
#poczytaj-o-nas p { font-weight: bold; }

/*-----------------------------------------------------------*/
/*Images*/
/*-----------------------------------------------------------*/

#wydarzenia h3:before { background: url("../img/icons/icon-calendar-red.png") no-repeat; background-size: cover; }
#nowe-kazania h3:before { background: url("../img/icons/icon-microphone-lightred.png") no-repeat; background-size: cover; }
#nowe-kazania-video h3:before { background: url("../img/icons/icon-video-camera-lightred.png") no-repeat; background-size: cover; }
#nowe-artykuly h3:before { background: url("../img/icons/icon-pen-lighterred.png") no-repeat; background-size: cover; }
#pierwsze-kroki h3:before { background: url("../img/icons/icon-directions-blue.png") no-repeat; background-size: cover; }
#poczytaj-o-nas h3:before { background: url("../img/icons/icon-text-blue.png") no-repeat; background-size: cover; }
#odwiedz-nas h3:before { background: url("../img/icons/icon-map-location-blue.png") no-repeat; background-size: cover; }

#miejsce-na-dodatki-wprowadzajace li:nth-child(1) { background-image: url("../img/pictures/jak-moge-byc-zbawiony.jpg"); background-size: cover; }
#miejsce-na-dodatki-wprowadzajace li:nth-child(2) { background-image: url("../img/pictures/zadaj-nam-pytanie.jpg"); background-size: cover; }
#poczytaj-o-nas #nasz-zbor li { background: url("../img/pictures/nasz-zbor.jpg"); background-size: cover; }
#poczytaj-o-nas #nasz-pastor li { background: url("../img/pictures/nasz-pastor.jpg"); background-size: cover; }
#poczytaj-o-nas #o-baptystach li { background: url("../img/pictures/o-baptystach.jpg"); background-size: cover; }
#poczytaj-o-nas #dokumenty-koscielne li { background-image: url("../img/pictures/dokumenty-koscielne.jpg"); background-size: cover; }
#lista-typowych-pytan li:nth-child(1) { background-image: url("../img/pictures/czy-moge-was-odwiedzic.jpg"); background-size: cover; }
#lista-typowych-pytan li:nth-child(2) { background-image: url("../img/pictures/nasz-budynek.jpg"); background-size: cover; }
#lista-typowych-pytan li:nth-child(3) { background-image: url("../img/pictures/jak-wyglada-nabozenstwo.jpg"); background-size: cover; }

/*****************************************************************************************/
/*COLORS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

#aktualnosci ul { color: #555555; }

    #wydarzenia ul a { color: #902E2B; }
    #nowe-kazania ul a { color: #DC4642;}
    #nowe-kazania-video ul a { color: #DC4642;}
    #nowe-artykuly ul a { color: #DC8784;}

#wydarzenia h3 { color: #902E2B; }
#nowe-kazania h3 { color: #DC4642; }
#nowe-kazania-video h3 { color: #DC4642; }
#nowe-artykuly h3 { color: #DC8784; }
#jestes-tu-nowy h3 { color: #2C6C94; }

#miejsce-na-dodatki-wprowadzajace a p,
#lista-typowych-pytan a p,
#poczytaj-o-nas p { color: white; }

#mapa figcaption { color: white; }

/*-----------------------------------------------------------*/
/*Foregrounds*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*Backgrounds*/
/*-----------------------------------------------------------*/

#wydarzenia h3,
#nowe-kazania h3,
#nowe-kazania-video h3,
#nowe-artykuly h3,
#jestes-tu-nowy h3 { background-color: rgba(255,255,255,0.6); }

#aktualnosci ul { background-color: rgba(255,255,255,0.4); }
#aktualnosci .zobacz-wszystkie { background: transparent; }

#miejsce-na-dodatki-wprowadzajace a p,
#poczytaj-o-nas a p,
#lista-typowych-pytan a p { background-color: rgba(44,108,148,0.7); }
#miejsce-na-dodatki-wprowadzajace a:hover p,
#lista-typowych-pytan a:hover p,
#poczytaj-o-nas a:hover p { background-color: rgba(44,108,148,0.8); }

#mapa figcaption { background-color: rgba(44,108,148,1.0); }

/*-----------------------------------------------------------*/
/*Borders*/
/*-----------------------------------------------------------*/

#aktualnosci h3,
#jestes-tu-nowy h3 { box-shadow: 0 0 2em 0em rgba(0,0,0,0.1); }
#wydarzenia h3 { border-left: .4em solid #902E2B; }
#nowe-kazania h3 { border-left: .4em solid #DC4642; }
#nowe-kazania-video h3 { border-left: .4em solid #DC4642; }
#nowe-artykuly h3 { border-left: .4em solid #DC8784; }
#jestes-tu-nowy h3 { border-left: .4em solid #2C6C94; }

#aktualnosci ul { box-shadow: 0.6em 0 0.3em -0.4em #DDDDDD, inset 0 0 5em -1em rgba(0,0,0,0.05); border-bottom: .1em solid #E8E8E8; }
#wydarzenia ul { border-left: .25em solid #902E2B; }
#nowe-kazania ul { border-left: .25em solid #DC4642;}
#nowe-kazania-video ul { border-left: .25em solid #DC4642;}
#nowe-artykuly ul { border-left: .25em solid #DC8784;}
#aktualnosci .zobacz-wszystkie { border: none; box-shadow: none; }

#miejsce-na-dodatki-wprowadzajace a p,
#poczytaj-o-nas a p,
#lista-typowych-pytan a p { box-shadow: 0 -0.4em 1.2em -0.3em #222222; /*border-top-left-radius: 0; border-top-right-radius: 0;*/ }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MISCELLANEOUS*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*RESETS*/
/*****************************************************************************************/

/*****************************************************************************************/
/*UNIVERSAL*/
/*****************************************************************************************/

/*****************************************************************************************/
/*BETA*/
/*****************************************************************************************/

h2 { display: none; }

div#gmap_canvas { position: relative; }
div#no-map-wrapper { position: absolute; top: 0; left: 0; display: flex; align-items: center; text-align: center; }
div#no-map-wrapper { padding: 2em; }
div#no-map-wrapper { height: 100%; }
div#no-map-wrapper p { font-size: 0.9em; }
div#no-map-wrapper p a { text-decoration: none; }
div#no-map-wrapper p a:hover { text-decoration: underline; }
div#no-map-wrapper p a { color: #43A4E0; }

/*****************************************************************************************/
/*DEVELOPMENT*/
/*****************************************************************************************/