@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* MARK: Generic site
*/

:root {
    --background-main:#323746;
}

body, div, span, p, li {
    font-family: "Inter", sans-serif;
}

body {
	background:#efefef;
}

body > header, body > main, body > footer {
	max-width:1440px;
	margin: 0 auto;
	background:white;	
}

body main article > * > * {margin-left:20px;margin-right:20px;}

body main article {
    padding-top: 30px;
    padding-bottom: 50px;

    

    .post-title {
        padding:20px 40px;
    }

    .post-meta {
        padding:10px 40px;
    }

    .post-content{
        padding:20px 40px;

        p {
            padding-bottom:30px;
        }
    }
    

    .wp-block-gallery {
        padding: 30px 0;
    }

}

time.updated {display:none;}

body.no-photo .post-thumbnail {display:none;}

body.device-mobile {

        .post-title {
            padding:20px 0;
        }

        .post-meta {
            padding:10px 0;
        }

        .post-content{
        padding:20px 0px;}
    
    
    }

body:is(.category-parent-martyriko-chorio, .category-martyriko-chorio) {
        background:url('https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/paper.jpg') top center no-repeat;
        background-size: cover;display: flow-root;
    }    

@media screen and (min-width:738px) {
        .flx, .items-flx .items .below-flx > * {display:flex;}
        .grd, .items-grd .items, .below-grd > * {display:grid;}
    }

/* MARK: Header site
*/    

/* header */

#site-header {
    display:flex;
    justify-content: space-between;
    padding:0 20px;
    background:var(--background-main);
    min-height: 100px;
    align-items: center;

.site-logo img {max-width: 500px;width: 100%;}
}

/* MARK: Footer site
*/

/* footer  */

footer {
    min-height: 100px;
    text-align:center;
    padding-top:25px;

    a {color:black;}
}


/* MARK: Menu site
*/

/* menu */

.menu-main-menu-container ul#primary-menu {
	display:flex;
	list-style:none;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
	padding:0;

    a {
        display: inline-block;
        color:white;
        text-decoration:none;
        padding: 3px 10px;
        border-radius:30px;
        font-size:80%;
        text-wrap: nowrap;
    }

    li.current_page_item a {text-decoration: underline;}

	
	ul {display:none;}

    .menu-martyrikos a {
        background:#0A0B0E;
    }
}


/* page  */
.martyriko-template-template-clean article {padding-top:0;}
.wp-block-telex-block-custom-container:has(.full_width), .full_width {margin:0;}


/* martyriko */
.section_title {
    background:url('https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/03.svg') 10px center var(--background-main) no-repeat;
    background-size: 35px;
    padding:20px 50px;
    color:white;
    a {color:white;text-decoration: none;}
    a:hover {color:white;}
}
.ta_thymata {
    background:url('https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/paper.jpg') top left no-repeat;background-size: cover;

.items {
    /* display:flex; */
    justify-content: space-around;
    gap:30px;
    padding:30px;
    li {padding:0;list-style: none;text-align: center;}
    a {color:black;text-decoration: none;}
    img {width:100%;max-width: 300px;margin-bottom:20px;}
    grid-template-columns: repeat(4, 1fr);
}
}

.article-list {
    .article-title {font-size:larger;font-weight:bold}
}

/* MARK: Οι δράσεις block
*/

.oi_draseis {
    background: var(--background-main);
    color:white;
    padding:30px;

    .items {
        /* display: grid; */
        gap:30px;

        a {color:white;text-decoration: none;}

        .article-item {
            grid-template-columns: 300px auto;
            gap:20px;

            .article-content {
                display:grid;
            
            & > * {order:100;}
            }

            img {width:100%;margin:0px;margin-bottom:30px;margin-bottom:20px;}

            .article-meta {order:50;text-decoration:underline;}
        }
    }
}

@media screen and (min-width:768px) {
    .oi_draseis .article-item {display:grid;}
}

/* MARK: Περίπατος block
*/

.peripatos {
    background:#dddee0;
    
    img {box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);}

    

    .custom-child-posts-list {
        display: grid; /* Ορίζουμε Grid container */
        grid-template-columns: repeat(5, 1fr); /* Ορίζουμε 3 ίσες στήλες (ή όσες θέλεις) */
        gap: 30px; /* Κενό μεταξύ των στοιχείων */
        margin:0;
        padding-bottom:30px;


    }

    /* Στυλ για το πρώτο στοιχείο */
    article.child-post-item:first-child {
        grid-column: 1 / -1; /* Ξεκίνα από την 1η γραμμή και τελείωσε στην τελευταία */
        background: #555a64;
        color:white;
        /* display:grid; */
        gap:30px;
        padding-top:10px;
        grid-template-columns: 60% auto;
    }

    .child-post-item:not(:first-child) {
        
        .child-post-content {
        display: none; /* Το κρύβουμε */
        }

        img {width: 100%; margin:0px!important;}
    }

}

@media screen and (min-width:768px) {
    .peripatos article.child-post-item:first-child {display:grid;}
}
@media screen and (max-width:767px) {
    .peripatos article.child-post-item:first-child {img {margin:0;} .child-post-thumbnail-wrapper {padding:0 20px;}}
}
/* Όλα τα υπόλοιπα στοιχεία θα τοποθετηθούν αυτόματα στις υπόλοιπες στήλες/γραμμές */

/* MARK: Είπαν block
*/

.eipan {
    background:url('https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/radio.jpg') center top no-repeat black;
    background-size:150%;
    min-height:500px;
    color:black;
    padding:40px;

    a {color:black;}
    
    .article-list {
        max-width: 600px;
        .article-image-link, .read-more-link {display:none;}
    }
}

@media screen and (max-width:767px) {
    .eipan {background-size: cover;}
}

/* MARK: Οι μαρτυρίες block
*/

.oi_martyries {
    background:url('https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/paper.jpg') top left no-repeat;background-size: cover;

.items {
    /* display:grid; */
    gap:60px;
    justify-content: space-around;
    padding:30px;
    li {padding:0;list-style: none;text-align: center;}
    a {color:black;text-decoration: none;}
    img {max-width: 300px;width:100%;height:auto;margin-bottom:20px;}
    grid-template-columns: repeat(4, 1fr);
}
}

/* MARK: Τα τελευταία block
*/

.teleytaia {
    
	background:
	linear-gradient(
      rgba(255, 255, 255, 0.95), 
	),
	
	url(https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/tree.svg) right center no-repeat #efefef;
	background-size:200%;

.article-list {
    padding:20px;
    /* display:grid; */
    gap:30px;
    grid-template-columns: repeat(3, 1fr);

    img {display:none;}

    a {color:black; }
    .article-title a {display:inline-block; font-size: 120%; line-height: 1.3em; text-decoration: none;margin-bottom:15px;}

}
}
/* #region MARK: map block 
*/

.map {
    background:var(--background-main);
    color:white;


    .small_title {font-size:120%;}
    .map_items {
        padding:20px;
        gap:40px;
        grid-template-columns: 65% auto;
    }

}

/* #endregion  */

/* MARK: Contact block
*/

section.contact {
    /* display:grid; */
    gap:40px;
    grid-template-columns: auto 70%;
    background-color: var(--background-main);
    color:white;

    .contact_text p:not(.small_title) {
        padding:30px;
    }
    .small_title {
        font-size: 120%;
        padding:0 30px;
    }

}

/* MARK: Τεκμήρια block
*/

section.ta_tekmiria {
    padding:30px;
    ul {
        /* display:grid; */
        grid-template-columns: 1fr 1fr 1fr;
        gap:60px;
        padding:0;

        li {
            list-style-type: none;
            text-align:center;
        
        a {color:black;}

        img {margin-bottom:20px;}
        }
    }
    img {margin-bottom:20px;}
        background:url('https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/paper.jpg') top left no-repeat;background-size: cover;

.items {
    /* display:grid; */
    gap:60px;
    justify-content: space-around;
    padding:30px;
    li {padding:0;list-style: none;text-align: center;}
    a {color:black;text-decoration: none;}
    img {max-width: 300px;width:100%;height:auto;margin-bottom:20px;}
    grid-template-columns: repeat(3, 1fr);
}
}

/* MARK: mobile
*/

/* mobile */


@media screen and (min-width:768px) {
    body {margin: 0;}
}

@media screen and (max-width:767px) {
    section.ta_thymata ul.items {  li {text-align:center;} {text-align:center;}img {margin:0 auto;}} 
    .menu-main-menu-container ul#primary-menu {display:none;}
}


/* MARK: Site homepage
*/

 body.page-id-11  /* Homepage */ {
    .header-image {margin:0;padding:0;}
        article.post-11 {padding:0}

        .banners {
            padding:30px;
            grid-template-columns: 1fr 1fr 1fr;
            gap:10px;
            img {width:100%;}

            div {text-align:center; display:grid;}
        }

        .news .article-item {
            grid-template-columns: max(30%, 300px) 1fr;
            gap:30px;

            img {width:100%;margin:0;margin-bottom:20px;}

            a {color:black;}

            &.no-feature-image { grid-template-columns: 1fr; }
        }

        .thisia img {width:100%}
 }


 /* MARK: Post & Page site
 */


 /* POST & PAGE  */

 article.type-post {
    /* display:grid; */

    > * {
        order:100;
    }

    .post-thumbnail {
        order:50;

        img {
            width:100%;height:auto;display:block;padding:0;margin:0;margin-top:-30px;
        }
    }

    body.small-featured & {
        grid-template-columns: repeat(2, 1fr);
        .post-thumbnail {}
        section.entry-header {}
        .post-content, .post-categories {
            grid-column: 1 / -1; /* Από αρχή μέχρι τέλος */
            width: 100%;
        }
        .post-content {padding-top:40px;}
    }
 }

 /* MARK: Martyriko theme site
 */

 .martyriko-template-default {
    main#primary {
        background:url('https://syllogosanokaryofytou.gr/v1/wp-content/uploads/2025/11/paper.jpg') top center no-repeat ;
        background-size: cover;display: flow-root;
    
        .post-thumbnail {
            text-align:center;

            img {
                margin-inline:auto;
                max-width: 100%;
                height:auto;
            }
        }

    body.device-desktop & {

    .post-thumbnail {
        max-width: 50%;
        float:left;
        margin-right:20px;
        margin-bottom:20px;
        padding:0 20px;
    }

    }

    }


 }


 /* MARK: Martyriko Homepage site
 */

 section.martyriko-homepage {
        ul.items {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: auto auto;
            align-items: start;
            gap:40px;
        }

        ul.items li {
            text-align:center;
            display:grid;
            gap:10px;
            grid-template-rows: subgrid;
            list-style: none;
            padding: 0;
            grid-row: 1 / 3;
            grid-row: span 3;
        }


        ul.items li >  a.sub-page-link-wrapper {
            color:black;
            text-decoration: none;   
            align-self: end;         
        }

        ul.items .sub-page-content-wrapper {
            a {
                color:black;
                text-decoration: none;
            }
        }
 }

/* MARK: Archive 
 */

 body.archive {
	.page-header {padding:20px;}
	.items {
		display:grid;
	grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
		.entry-title {margin-bottom:15px;display:inline-block;}
        a {color:black; text-decoration:none; font-weight: bold;}
        img {margin-bottom:20px;}
}