/home/sylamedg/www/wp-content/plugins/cc-child-pages/includes/css/styles.css
@charset "UTF-8";
/* Aggregates legacy + modern styles, unique namespaces */
.ccchildpages.cclegacy {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 !important;
padding: 0 !important;
clear: both;
display: block;
width: 100%;
}
.ccchildpages.cclegacy .cc-meta-info {
font-size: 70%;
}
.ccchildpages.cclegacy a.ccpage_title_link {
text-decoration: inherit !important;
color: inherit !important;
}
.ccchildpages.cclegacy a.ccpage_linked_thumb img {
border: inherit;
}
.ccchildpages.cclegacy .ccchildpage {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 1em 1%;
padding: 0.75em 2%;
display: block;
float: left;
}
.ccchildpages.cclegacy .ccpages_excerpt,
.ccchildpages.cclegacy .ccpages_more {
font-size: 85%;
}
.ccchildpages.cclegacy .ccpages_excerpt {
display: block;
margin: 0;
padding: 0;
}
.ccchildpages.cclegacy .ccfirst {
clear: both;
}
.ccchildpages.cclegacy .cclast {
margin: 1em 1% 1em 0;
float: right;
}
.ccchildpages.cclegacy.onecol .ccchildpage {
width: 98%;
}
.ccchildpages.cclegacy.twocol .ccchildpage {
width: 48%;
}
.ccchildpages.cclegacy.threecol .ccchildpage {
width: 31.333%;
}
.ccchildpages.cclegacy.fourcol .ccchildpage {
width: 23%;
}
.ccchildpages.cclegacy.fivecol .ccchildpage {
width: 18%;
}
.ccchildpages.cclegacy.sixcol .ccchildpage {
width: 14.666666667%;
}
/*
* Sub-pages ...
*/
.ccchildpages.cclegacy .ccsubpages {
margin-top: 1em;
}
.ccchildpages.cclegacy .ccsubpages ul {
list-style: none;
}
/*
* Navigation links
*/
.ccchildpages.cclegacy .ccpages_nav {
display: block;
clear: both;
text-align: center;
}
/*
* End of Navigation links
*/
/*
* Thumbnails ...
*/
.ccchildpages.cclegacy .cc-child-pages-thumb {
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
clear: both;
}
/*
* End of Thumbnails
*/
/*
* Rules for nested lists ..
*/
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li ul,
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li ul,
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li ul,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li ul,
.ccchildpages.cclegacy.fsixcol ul.ccchildpages_list li ul {
margin-left: 0.5em;
padding-left: 0.5em;
}
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li ul li,
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li ul li,
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li ul li,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li ul li,
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li ul li {
display: list-item;
width: 100%;
float: none;
}
/*
* Media Queries
*/
@media screen and (min-width: 761px) {
/*
* List items
*/
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li,
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li {
margin-left: 0;
margin-right: 2%;
vertical-align: top;
}
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li {
width: 48%;
float: left;
}
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li:nth-child(2n+3),
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li:nth-child(3n+4),
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li:nth-child(4n+5),
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li:nth-child(5n+6),
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li:nth-child(6n+7) {
clear: both;
}
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li {
width: 31.333%;
float: left;
}
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li,
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li {
width: 23%;
float: left;
}
}
@media screen and (min-width: 481px) and (max-width: 760px) {
/* Undo rules we are not interested in for lower resolutions */
.ccchildpages.cclegacy.fourcol .cclast,
.ccchildpages.cclegacy.fivecol .cclast,
.ccchildpages.cclegacy.sixcol .cclast {
margin: 1em 1%;
float: left;
}
.ccchildpages.cclegacy.fourcol .ccfirst,
.ccchildpages.cclegacy.fivecol .ccfirst,
.ccchildpages.cclegacy.sixcol .ccfirst {
clear: none;
}
/* Cards: enforce a simple 3-column float grid */
.ccchildpages.cclegacy.fourcol .ccchildpage,
.ccchildpages.cclegacy.fivecol .ccchildpage,
.ccchildpages.cclegacy.sixcol .ccchildpage {
width: 31.333%;
float: left;
margin: 1em 1%;
}
/* Start each row cleanly: items 1,4,7,... */
.ccchildpages.cclegacy.fourcol .ccchildpage:nth-child(3n+1),
.ccchildpages.cclegacy.fivecol .ccchildpage:nth-child(3n+1),
.ccchildpages.cclegacy.sixcol .ccchildpage:nth-child(3n+1) {
clear: both;
}
/* Ensure every 3rd item doesn't float right (undo previous pattern) */
.ccchildpages.cclegacy.fourcol .ccchildpage:nth-child(3n),
.ccchildpages.cclegacy.fivecol .ccchildpage:nth-child(3n),
.ccchildpages.cclegacy.sixcol .ccchildpage:nth-child(3n) {
float: left;
margin: 1em 1%;
}
/*
* List items (unchanged from your original)
*/
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li,
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li {
margin-left: 0;
margin-right: 5%;
vertical-align: top;
}
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li {
width: 45%;
float: left;
}
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li:nth-child(2n+3),
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li:nth-child(3n+4),
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li:nth-child(3n+4),
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li:nth-child(3n+4),
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li:nth-child(3n+4) {
clear: both;
}
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li {
width: 28.333%;
float: left;
}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
/* Undo rules we are not interested in for lower resolutions */
.ccchildpages.cclegacy.threecol .cclast,
.ccchildpages.cclegacy.fourcol .cclast,
.ccchildpages.cclegacy.fivecol .cclast,
.ccchildpages.cclegacy.sixcol .cclast {
margin: 1em 1% 1em 1%;
float: left;
}
.ccchildpages.cclegacy.threecol .ccfirst,
.ccchildpages.cclegacy.fourcol .ccfirst,
.ccchildpages.cclegacy.fivecol .ccfirst,
.ccchildpages.cclegacy.sixcol .ccfirst {
clear: none;
}
/* Add new rules for lower resolutions */
.ccchildpages.cclegacy.threecol .ccchildpage,
.ccchildpages.cclegacy.fourcol .ccchildpage,
.ccchildpages.cclegacy.fivecol .ccchildpage,
.ccchildpages.cclegacy.sixcol .ccchildpage {
width: 48%;
}
.ccchildpages.cclegacy.threecol .ccchildpage:nth-child(2n),
.ccchildpages.cclegacy.fourcol .ccchildpage:nth-child(2n),
.ccchildpages.cclegacy.fivecol .ccchildpage:nth-child(2n),
.ccchildpages.cclegacy.sixcol .ccchildpage:nth-child(2n) {
margin: 1em 0 1em 1%;
float: right;
}
.ccchildpages.cclegacy.threecol .ccchildpage:nth-child(2n+1),
.ccchildpages.cclegacy.fourcol .ccchildpage:nth-child(2n+1),
.ccchildpages.cclegacy.fivecol .ccchildpage:nth-child(2n+1),
.ccchildpages.cclegacy.sixcol .ccchildpage:nth-child(2n+1) {
clear: both;
}
/*
* List items
*/
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li,
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li {
margin-left: 0;
margin-right: 7%;
vertical-align: top;
}
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li,
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li,
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li,
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li {
width: 43%;
float: left;
}
.ccchildpages.cclegacy.twocol ul.ccchildpages_list li:nth-child(2n+3),
.ccchildpages.cclegacy.threecol ul.ccchildpages_list li:nth-child(2n+3),
.ccchildpages.cclegacy.fourcol ul.ccchildpages_list li:nth-child(2n+3),
.ccchildpages.cclegacy.fivecol ul.ccchildpages_list li:nth-child(2n+3),
.ccchildpages.cclegacy.sixcol ul.ccchildpages_list li:nth-child(2n+3) {
clear: both;
}
}
@media screen and (max-width: 320px) {
/* Undo rules we are not interested in for lower resolutions */
.ccchildpages.cclegacy.twocol .cclast,
.ccchildpages.cclegacy.threecol .cclast,
.ccchildpages.cclegacy.fourcol .cclast,
.ccchildpages.cclegacy.fivecol .cclast,
.ccchildpages.cclegacy.sixcol .cclast {
margin: 1em 1%;
float: left;
}
.ccchildpages.cclegacy.twocol .ccfirst,
.ccchildpages.cclegacy.threecol .ccfirst,
.ccchildpages.cclegacy.fourcol .ccfirst,
.ccchildpages.cclegacy.fivecol .ccfirst,
.ccchildpages.cclegacy.sixcol .ccfirst {
clear: none;
}
/* Add new rules for lower resolutions */
.ccchildpages.cclegacy.twocol .ccchildpage,
.ccchildpages.cclegacy.threecol .ccchildpage,
.ccchildpages.cclegacy.fourcol .ccchildpage,
.ccchildpages.cclegacy.fivecol .ccchildpage,
.ccchildpages.cclegacy.sixcol .ccchildpage {
width: 98%;
float: none;
}
}
/*
* Clearfix hack ... ccclearfix, to avoid upsetting other plugins and themes
*/
.ccchildpages.cclegacy.ccclearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.ccchildpages.cclegacy .ccclearfix {
display: inline-block;
}
/* start commented backslash hack \*/
* html .ccchildpages.cclegacy.ccclearfix {
height: 1%;
}
.ccchildpages.cclegacy.ccclearfix {
display: block;
}
/* close commented backslash hack */
.ccchildpages.ccflex {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin: 0 !important;
padding: 0 !important;
width: 100%;
box-sizing: border-box;
/* NEW: make all cards in a row the same height */
align-items: stretch;
/* NEW: prevent very long titles from stretching cards */
/* Pagination always below the grid */
}
@media screen and (min-width: 761px) {
.ccchildpages.ccflex.onecol .ccchildpage {
width: calc((100% - (1 - 1) * 1em) / 1);
}
.ccchildpages.ccflex.twocol .ccchildpage {
width: calc((100% - (2 - 1) * 1em) / 2);
}
.ccchildpages.ccflex.threecol .ccchildpage {
width: calc((100% - (3 - 1) * 1em) / 3);
}
.ccchildpages.ccflex.fourcol .ccchildpage {
width: calc((100% - (4 - 1) * 1em) / 4);
}
.ccchildpages.ccflex.fivecol .ccchildpage {
width: calc((100% - (5 - 1) * 1em) / 5);
}
.ccchildpages.ccflex.sixcol .ccchildpage {
width: calc((100% - (6 - 1) * 1em) / 6);
}
}
@media screen and (min-width: 481px) and (max-width: 760px) {
.ccchildpages.ccflex.onecol .ccchildpage {
width: 100%;
}
.ccchildpages.ccflex.twocol .ccchildpage {
width: calc((100% - 1em) / 2);
}
.ccchildpages.ccflex.threecol .ccchildpage, .ccchildpages.ccflex.fourcol .ccchildpage, .ccchildpages.ccflex.fivecol .ccchildpage, .ccchildpages.ccflex.sixcol .ccchildpage {
width: calc((100% - 2em) / 3);
}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
.ccchildpages.ccflex.onecol .ccchildpage {
width: 100%;
}
.ccchildpages.ccflex.twocol .ccchildpage, .ccchildpages.ccflex.threecol .ccchildpage, .ccchildpages.ccflex.fourcol .ccchildpage, .ccchildpages.ccflex.fivecol .ccchildpage, .ccchildpages.ccflex.sixcol .ccchildpage {
width: calc((100% - 1em) / 2);
}
}
@media screen and (max-width: 320px) {
.ccchildpages.ccflex .ccchildpage {
width: 100%;
}
}
.ccchildpages.ccflex .ccchildpage {
box-sizing: border-box;
padding: 0.75em 1em;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 0.75rem;
background: #fff;
min-height: 100%;
/* Read more row: full width, pinned to bottom, right-aligned */
}
.ccchildpages.ccflex .ccchildpage .ccpages_more {
margin-top: auto;
box-sizing: border-box;
width: 100%;
text-align: right;
}
.ccchildpages.ccflex .ccchildpage .ccpages_more a {
display: inline-block;
}
.ccchildpages.ccflex .cc-meta-info {
font-size: 70%;
}
.ccchildpages.ccflex a.ccpage_title_link {
text-decoration: inherit !important;
color: inherit !important;
}
.ccchildpages.ccflex a.ccpage_linked_thumb img {
border: inherit;
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
clear: both;
}
.ccchildpages.ccflex .ccpages_excerpt,
.ccchildpages.ccflex .ccpages_more {
font-size: 85%;
}
.ccchildpages.ccflex .ccpages_excerpt {
display: block;
margin: 0;
padding: 0;
/* NEW: let the excerpt absorb spare space so "Read more" stays bottom-aligned */
flex: 1 1 auto;
}
.ccchildpages.ccflex .ccpages_nav {
flex: 0 0 100%;
width: 100%;
order: 999;
margin-top: 1rem;
text-align: center;
}
.ccchildpages.ccflex .ccsubpages {
margin-top: 1em;
}
.ccchildpages.ccflex .ccsubpages ul {
list-style: none;
padding-left: 0;
margin-left: 0;
font-size: 90%;
}
.ccchildpages.ccflex .ccsubpages ul li {
margin: 0.25em 0;
position: relative;
}
.ccchildpages.ccflex .ccsubpages ul ul.children {
margin-left: 1em;
padding-left: 0.5em;
}
.ccchildpages.ccflex .ccsubpages ul ul.children ul {
margin-left: 1em;
padding-left: 1em;
}
.ccchildpages.ccflex .ccsubpages ul ul.children ul li::before {
content: "–";
}
.ccchildpages.ccflex .cc-child-pages-thumb {
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
clear: both;
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li ul, .ccchildpages.ccflex.threecol ul.ccchildpages_list li ul, .ccchildpages.ccflex.fourcol ul.ccchildpages_list li ul, .ccchildpages.ccflex.fivecol ul.ccchildpages_list li ul, .ccchildpages.ccflex.sixcol ul.ccchildpages_list li ul {
margin-left: 0.5em;
padding-left: 0.5em;
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li ul li, .ccchildpages.ccflex.threecol ul.ccchildpages_list li ul li, .ccchildpages.ccflex.fourcol ul.ccchildpages_list li ul li, .ccchildpages.ccflex.fivecol ul.ccchildpages_list li ul li, .ccchildpages.ccflex.sixcol ul.ccchildpages_list li ul li {
display: list-item;
width: 100%;
float: none;
}
@media screen and (min-width: 761px) {
.ccchildpages.ccflex.twocol ul.ccchildpages_list {
/* Multi-column layout */
column-count: 2;
column-gap: 1em;
/* Normal list indentation and bullets */
list-style-position: outside;
margin: 0;
padding-left: 1.25rem;
/* Keep items intact; don’t split an <li> across columns */
/* Do NOT multi-column nested lists */
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
/* reset any old float-based styles */
width: auto;
float: none;
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.threecol ul.ccchildpages_list {
/* Multi-column layout */
column-count: 3;
column-gap: 1em;
/* Normal list indentation and bullets */
list-style-position: outside;
margin: 0;
padding-left: 1.25rem;
/* Keep items intact; don’t split an <li> across columns */
/* Do NOT multi-column nested lists */
}
.ccchildpages.ccflex.threecol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
/* reset any old float-based styles */
width: auto;
float: none;
}
.ccchildpages.ccflex.threecol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.fourcol ul.ccchildpages_list {
/* Multi-column layout */
column-count: 4;
column-gap: 1em;
/* Normal list indentation and bullets */
list-style-position: outside;
margin: 0;
padding-left: 1.25rem;
/* Keep items intact; don’t split an <li> across columns */
/* Do NOT multi-column nested lists */
}
.ccchildpages.ccflex.fourcol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
/* reset any old float-based styles */
width: auto;
float: none;
}
.ccchildpages.ccflex.fourcol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.fivecol ul.ccchildpages_list {
/* Multi-column layout */
column-count: 5;
column-gap: 1em;
/* Normal list indentation and bullets */
list-style-position: outside;
margin: 0;
padding-left: 1.25rem;
/* Keep items intact; don’t split an <li> across columns */
/* Do NOT multi-column nested lists */
}
.ccchildpages.ccflex.fivecol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
/* reset any old float-based styles */
width: auto;
float: none;
}
.ccchildpages.ccflex.fivecol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.sixcol ul.ccchildpages_list {
/* Multi-column layout */
column-count: 6;
column-gap: 1em;
/* Normal list indentation and bullets */
list-style-position: outside;
margin: 0;
padding-left: 1.25rem;
/* Keep items intact; don’t split an <li> across columns */
/* Do NOT multi-column nested lists */
}
.ccchildpages.ccflex.sixcol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
/* reset any old float-based styles */
width: auto;
float: none;
}
.ccchildpages.ccflex.sixcol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
}
/* Medium screens: 481–760px → **cap lists at 3 columns**
- twocol stays 2
- threecol/fourcol/fivecol/sixcol become 3 */
@media screen and (min-width: 481px) and (max-width: 760px) {
.ccchildpages.ccflex.twocol ul.ccchildpages_list {
column-count: 2;
column-gap: 1em;
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
width: auto;
float: none;
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.threecol ul.ccchildpages_list, .ccchildpages.ccflex.fourcol ul.ccchildpages_list, .ccchildpages.ccflex.fivecol ul.ccchildpages_list, .ccchildpages.ccflex.sixcol ul.ccchildpages_list {
column-count: 3;
column-gap: 1em;
}
.ccchildpages.ccflex.threecol ul.ccchildpages_list li, .ccchildpages.ccflex.fourcol ul.ccchildpages_list li, .ccchildpages.ccflex.fivecol ul.ccchildpages_list li, .ccchildpages.ccflex.sixcol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
width: auto;
float: none;
}
.ccchildpages.ccflex.threecol ul.ccchildpages_list li > ul, .ccchildpages.ccflex.fourcol ul.ccchildpages_list li > ul, .ccchildpages.ccflex.fivecol ul.ccchildpages_list li > ul, .ccchildpages.ccflex.sixcol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
}
/* Small screens: 321–480px → **cap lists at 2 columns** */
@media screen and (min-width: 321px) and (max-width: 480px) {
.ccchildpages.ccflex.twocol ul.ccchildpages_list, .ccchildpages.ccflex.threecol ul.ccchildpages_list, .ccchildpages.ccflex.fourcol ul.ccchildpages_list, .ccchildpages.ccflex.fivecol ul.ccchildpages_list, .ccchildpages.ccflex.sixcol ul.ccchildpages_list {
column-count: 2;
column-gap: 1em;
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li, .ccchildpages.ccflex.threecol ul.ccchildpages_list li, .ccchildpages.ccflex.fourcol ul.ccchildpages_list li, .ccchildpages.ccflex.fivecol ul.ccchildpages_list li, .ccchildpages.ccflex.sixcol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
width: auto;
float: none;
}
.ccchildpages.ccflex.twocol ul.ccchildpages_list li > ul, .ccchildpages.ccflex.threecol ul.ccchildpages_list li > ul, .ccchildpages.ccflex.fourcol ul.ccchildpages_list li > ul, .ccchildpages.ccflex.fivecol ul.ccchildpages_list li > ul, .ccchildpages.ccflex.sixcol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
}
/* Extra small: ≤ 320px → **single-column list** */
@media screen and (max-width: 320px) {
.ccchildpages.ccflex.twocol ul.ccchildpages_list, .ccchildpages.ccflex.threecol ul.ccchildpages_list, .ccchildpages.ccflex.fourcol ul.ccchildpages_list, .ccchildpages.ccflex.fivecol ul.ccchildpages_list, .ccchildpages.ccflex.sixcol ul.ccchildpages_list {
column-count: 1;
column-gap: normal;
}
}