@charset "UTF-8";
 .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%;
} .ccchildpages.cclegacy .ccsubpages {
margin-top: 1em;
}
.ccchildpages.cclegacy .ccsubpages ul {
list-style: none;
} .ccchildpages.cclegacy .ccpages_nav {
display: block;
clear: both;
text-align: center;
}  .ccchildpages.cclegacy .cc-child-pages-thumb {
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
clear: both;
}  .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 screen and (min-width: 761px) { .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) { .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;
} .ccchildpages.cclegacy.fourcol .ccchildpage,
.ccchildpages.cclegacy.fivecol .ccchildpage,
.ccchildpages.cclegacy.sixcol .ccchildpage {
width: 31.333%;
float: left;
margin: 1em 1%;
} .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;
} .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%;
} .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) { .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;
} .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;
} .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) { .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;
} .ccchildpages.cclegacy.twocol .ccchildpage,
.ccchildpages.cclegacy.threecol .ccchildpage,
.ccchildpages.cclegacy.fourcol .ccchildpage,
.ccchildpages.cclegacy.fivecol .ccchildpage,
.ccchildpages.cclegacy.sixcol .ccchildpage {
width: 98%;
float: none;
}
} .ccchildpages.cclegacy.ccclearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.ccchildpages.cclegacy .ccclearfix {
display: inline-block;
}/*\*/* html .ccchildpages.cclegacy.ccclearfix {
height: 1%;
}
.ccchildpages.cclegacy.ccclearfix {
display: block;
}/**/.ccchildpages.ccflex {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin: 0 !important;
padding: 0 !important;
width: 100%;
box-sizing: border-box; align-items: stretch;  }
@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%; }
.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 .ccchildpage .ccpage_title {
margin: 0;
line-height: 1.25;
min-height: 1.25em;
}
.ccchildpages.ccflex .ccchildpage .ccpage_title, .ccchildpages.ccflex .ccchildpage .ccpage_title a {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal; max-width: 100%;
}
.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; 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 { column-count: 2;
column-gap: 1em; list-style-position: outside;
margin: 0;
padding-left: 1.25rem;  }
.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 { column-count: 3;
column-gap: 1em; list-style-position: outside;
margin: 0;
padding-left: 1.25rem;  }
.ccchildpages.ccflex.threecol 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 {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.fourcol ul.ccchildpages_list { column-count: 4;
column-gap: 1em; list-style-position: outside;
margin: 0;
padding-left: 1.25rem;  }
.ccchildpages.ccflex.fourcol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid; width: auto;
float: none;
}
.ccchildpages.ccflex.fourcol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.fivecol ul.ccchildpages_list { column-count: 5;
column-gap: 1em; list-style-position: outside;
margin: 0;
padding-left: 1.25rem;  }
.ccchildpages.ccflex.fivecol ul.ccchildpages_list li {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid; width: auto;
float: none;
}
.ccchildpages.ccflex.fivecol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
.ccchildpages.ccflex.sixcol ul.ccchildpages_list { column-count: 6;
column-gap: 1em; list-style-position: outside;
margin: 0;
padding-left: 1.25rem;  }
.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.sixcol ul.ccchildpages_list li > ul {
column-count: auto;
column-gap: normal;
}
} @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;
}
} @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;
}
} @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;
}
}.ccchildpages.cclegacy.simple .ccchildpage {
background: #eee;
background: var(--ccpro-bg-color, #eee);
background: -moz-linear-gradient(top, var(--ccpro-bg-color, #eee) 0%, var(--ccpro-bg-color, #eee) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, #eee)), color-stop(100%, var(--ccpro-bg-color, #eee)));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, #eee) 0%, var(--ccpro-bg-color, #eee) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, #eee) 0%, var(--ccpro-bg-color, #eee) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, #eee) 0%, var(--ccpro-bg-color, #eee) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, #eee) 0%, var(--ccpro-bg-color, #eee) 100%); -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #333;
}
.ccchildpages.cclegacy.simple .ccchildpage .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.cclegacy.simple .ccchildpage .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.simple .ccchildpage .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.simple .ccchildpage .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.cclegacy.simple .ccchildpage a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.ccchildpages.cclegacy.simple .ccpages_more {
text-align: right;
font-style: italic;
}
.ccchildpages.cclegacy.simple .ccpages_more a {
text-decoration: none;
}
.ccchildpages.cclegacy.simple .ccsubpages {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #999);
padding: 0.5em;
}  .ccchildpages.cclegacy.ccred .ccchildpage {
background: #fee;
background: var(--ccpro-bg-color, #fee);
background: -moz-linear-gradient(top, var(--ccpro-bg-color, #fee) 0%, var(--ccpro-bg-color, #fee) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, #fee)), color-stop(100%, var(--ccpro-bg-color, #fee)));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, #fee) 0%, var(--ccpro-bg-color, #fee) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, #fee) 0%, var(--ccpro-bg-color, #fee) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, #fee) 0%, var(--ccpro-bg-color, #fee) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, #fee) 0%, var(--ccpro-bg-color, #fee) 100%); -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #333;
background-color: var(--ccpro-bg-color);
}
.ccchildpages.cclegacy.ccred .ccchildpage .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.cclegacy.ccred .ccchildpage .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.ccred .ccchildpage .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.ccred .ccchildpage .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.cclegacy.ccred .ccchildpage a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.ccchildpages.cclegacy.ccred .ccpages_more {
text-align: right;
font-style: italic;
}
.ccchildpages.cclegacy.ccred .ccpages_more a {
text-decoration: none;
}
.ccchildpages.cclegacy.ccred .ccsubpages {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #f99);
padding: 0.5em;
}  .ccchildpages.cclegacy.ccblue .ccchildpage {
background: #eef;
background: var(--ccpro-bg-color, #eef);
background: -moz-linear-gradient(top, var(--ccpro-bg-color, #eef) 0%, var(--ccpro-bg-color, #eef) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, #eef)), color-stop(100%, var(--ccpro-bg-color, #eef)));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, #eef) 0%, var(--ccpro-bg-color, #eef) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, #eef) 0%, var(--ccpro-bg-color, #eef) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, #eef) 0%, var(--ccpro-bg-color, #eef) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, #eef) 0%, var(--ccpro-bg-color, #eef) 100%); -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #333;
background-color: var(--ccpro-bg-color);
}
.ccchildpages.cclegacy.ccblue .ccchildpage .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.cclegacy.ccblue .ccchildpage .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.ccblue .ccchildpage .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.ccblue .ccchildpage .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.cclegacy.ccblue .ccchildpage a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.ccchildpages.cclegacy.ccblue .ccpages_more {
text-align: right;
font-style: italic;
}
.ccchildpages.cclegacy.ccblue .ccpages_more a {
text-decoration: none;
}
.ccchildpages.cclegacy.ccblue .ccsubpages {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #99f);
padding: 0.5em;
}  .ccchildpages.cclegacy.ccgreen .ccchildpage {
background: #efe;
background: #efe;
background: var(--ccpro-bg-color, #efe);
background: -moz-linear-gradient(top, var(--ccpro-bg-color, #efe) 0%, var(--ccpro-bg-color, #efe) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, #efe)), color-stop(100%, var(--ccpro-bg-color, #efe)));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, #efe) 0%, var(--ccpro-bg-color, #efe) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, #efe) 0%, var(--ccpro-bg-color, #efe) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, #efe) 0%, var(--ccpro-bg-color, #efe) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, #efe) 0%, var(--ccpro-bg-color, #efe) 100%); -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #333;
background-color: var(--ccpro-bg-color);
}
.ccchildpages.cclegacy.ccgreen .ccchildpage .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.cclegacy.ccgreen .ccchildpage .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.ccgreen .ccchildpage .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.cclegacy.ccgreen .ccchildpage .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.cclegacy.ccgreen .ccchildpage a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.ccchildpages.cclegacy.ccgreen .ccpages_more {
text-align: right;
font-style: italic;
}
.ccchildpages.cclegacy.ccgreen .ccpages_more a {
text-decoration: none;
}
.ccchildpages.cclegacy.ccgreen .ccsubpages {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #9f9);
padding: 0.5em;
} .wp-block-caterhamcomputing-cc-child-pages .ccchildpages.cclegacy.simple .ccchildpage,
.wp-block-caterhamcomputing-cc-child-pages .ccchildpages.cclegacy.ccred .ccchildpage,
.wp-block-caterhamcomputing-cc-child-pages .ccchildpages.cclegacy.ccblue .ccchildpage,
.wp-block-caterhamcomputing-cc-child-pages .ccchildpages.cclegacy.ccgreen .ccchildpage {
color: inherit;
}
.ccchildpages.ccflex.simple .ccchildpage {
background: #eee;
background: rgba(0, 0, 0, 0.3);
background: var(--ccpro-bg-color, rgba(0, 0, 0, 0.3));
background: -moz-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 0, 0.1)) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, rgba(0, 0, 0, 0.3))), color-stop(100%, var(--ccpro-bg-color, rgba(0, 0, 0, 0.1))));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 0, 0.1)) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 0, 0.1)) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 0, 0.1)) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, rgba(0, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 0, 0.1)) 100%);
border-radius: 20px;
color: #333;
}
.ccchildpages.ccflex.simple .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.ccflex.simple .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.simple .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.simple .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.ccflex.simple .ccchildpage a {
color: inherit;
text-decoration: underline;
}
.ccchildpages.ccflex.simple .ccchildpage a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.simple .ccpages_excerpt {
padding: 1em;
}
.ccchildpages.ccflex.simple .ccpages_more {
margin-top: auto;
text-align: right;
font-style: italic;
padding: 0.75em 0 0.75em 1em;
}
.ccchildpages.ccflex.simple .ccpages_more a {
color: var(--ccpro-more-link-color, blue);
text-decoration: none;
}
.ccchildpages.ccflex.simple .ccpages_more a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.simple .ccsubpages {
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #999);
padding: 0.5em;
}
.ccchildpages.ccflex.simple .ccsubpages a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.ccchildpages.ccflex.ccred .ccchildpage {
background: #fee;
background: rgba(255, 0, 0, 0.3);
background: var(--ccpro-bg-color, rgba(255, 0, 0, 0.3));
background: -moz-linear-gradient(top, var(--ccpro-bg-color, rgba(255, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(255, 0, 0, 0.1)) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, rgba(255, 0, 0, 0.3))), color-stop(100%, var(--ccpro-bg-color, rgba(255, 0, 0, 0.1))));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, rgba(255, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(255, 0, 0, 0.1)) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, rgba(255, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(255, 0, 0, 0.1)) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, rgba(255, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(255, 0, 0, 0.1)) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, rgba(255, 0, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(255, 0, 0, 0.1)) 100%);
border-radius: 20px;
color: #333;
}
.ccchildpages.ccflex.ccred .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.ccflex.ccred .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.ccred .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.ccred .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.ccflex.ccred .ccchildpage a {
color: inherit;
text-decoration: underline;
}
.ccchildpages.ccflex.ccred .ccchildpage a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.ccred .ccpages_excerpt {
padding: 1em;
}
.ccchildpages.ccflex.ccred .ccpages_more {
margin-top: auto;
text-align: right;
font-style: italic;
padding: 0.75em 0 0.75em 1em;
}
.ccchildpages.ccflex.ccred .ccpages_more a {
color: var(--ccpro-more-link-color, blue);
text-decoration: none;
}
.ccchildpages.ccflex.ccred .ccpages_more a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.ccred .ccsubpages {
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #f99);
padding: 0.5em;
}
.ccchildpages.ccflex.ccred .ccsubpages a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.ccchildpages.ccflex.ccblue .ccchildpage {
background: #eef;
background: rgba(0, 0, 255, 0.3);
background: var(--ccpro-bg-color, rgba(0, 0, 255, 0.3));
background: -moz-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 255, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 255, 0.1)) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, rgba(0, 0, 255, 0.3))), color-stop(100%, var(--ccpro-bg-color, rgba(0, 0, 255, 0.1))));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 255, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 255, 0.1)) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 255, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 255, 0.1)) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 0, 255, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 255, 0.1)) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, rgba(0, 0, 255, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 0, 255, 0.1)) 100%);
border-radius: 20px;
color: #333;
}
.ccchildpages.ccflex.ccblue .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.ccflex.ccblue .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.ccblue .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.ccblue .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.ccflex.ccblue .ccchildpage a {
color: inherit;
text-decoration: underline;
}
.ccchildpages.ccflex.ccblue .ccchildpage a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.ccblue .ccpages_excerpt {
padding: 1em;
}
.ccchildpages.ccflex.ccblue .ccpages_more {
margin-top: auto;
text-align: right;
font-style: italic;
padding: 0.75em 0 0.75em 1em;
}
.ccchildpages.ccflex.ccblue .ccpages_more a {
color: var(--ccpro-more-link-color, blue);
text-decoration: none;
}
.ccchildpages.ccflex.ccblue .ccpages_more a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.ccblue .ccsubpages {
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #99f);
padding: 0.5em;
}
.ccchildpages.ccflex.ccblue .ccsubpages a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.ccchildpages.ccflex.ccgreen .ccchildpage {
background: #efe;
background: rgba(0, 255, 0, 0.3);
background: var(--ccpro-bg-color, rgba(0, 255, 0, 0.3));
background: -moz-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 255, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 255, 0, 0.1)) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ccpro-bg-color, rgba(0, 255, 0, 0.3))), color-stop(100%, var(--ccpro-bg-color, rgba(0, 255, 0, 0.1))));
background: -webkit-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 255, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 255, 0, 0.1)) 100%);
background: -o-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 255, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 255, 0, 0.1)) 100%);
background: -ms-linear-gradient(top, var(--ccpro-bg-color, rgba(0, 255, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 255, 0, 0.1)) 100%);
background: linear-gradient(to bottom, var(--ccpro-bg-color, rgba(0, 255, 0, 0.3)) 0%, var(--ccpro-bg-color, rgba(0, 255, 0, 0.1)) 100%);
border-radius: 20px;
color: #333;
}
.ccchildpages.ccflex.ccgreen .ccpage_title {
color: var(--ccpro-title-color, inherit);
}
.ccchildpages.ccflex.ccgreen .cc-meta-info {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.ccgreen .cc-meta-info a {
color: var(--ccpro-meta-color, inherit);
}
.ccchildpages.ccflex.ccgreen .ccpages_excerpt {
color: var(--ccpro-excerpt-color, inherit);
}
.ccchildpages.ccflex.ccgreen .ccchildpage a {
color: inherit;
text-decoration: underline;
}
.ccchildpages.ccflex.ccgreen .ccchildpage a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.ccgreen .ccpages_excerpt {
padding: 1em;
}
.ccchildpages.ccflex.ccgreen .ccpages_more {
margin-top: auto;
text-align: right;
font-style: italic;
padding: 0.75em 0 0.75em 1em;
}
.ccchildpages.ccflex.ccgreen .ccpages_more a {
color: var(--ccpro-more-link-color, blue);
text-decoration: none;
}
.ccchildpages.ccflex.ccgreen .ccpages_more a:hover {
color: var(--ccpro-more-link-color, inherit);
}
.ccchildpages.ccflex.ccgreen .ccsubpages {
border-radius: 20px;
border: 2px solid var(--ccpro-subpages-border-color, #9f9);
padding: 0.5em;
}
.ccchildpages.ccflex.ccgreen .ccsubpages a {
color: var(--ccpro-more-link-color, blue);
text-decoration: underline;
}
.wp-block-caterhamcomputing-cc-child-pages .ccchildpages.ccflex.simple .ccchildpage,
.wp-block-caterhamcomputing-cc-child-pages .ccchildpages.ccflex.ccred .ccchildpage,
.wp-block-caterhamcomputing-cc-child-pages .ccchildpages.ccflex.ccblue .ccchildpage,
.wp-block-caterhamcomputing-cc-child-pages .ccchildpages.ccflex.ccgreen .ccchildpage {
color: inherit;
}
.ccchildpages.ccflex.ccsleek .ccchildpage {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ccchildpages.ccflex.ccsleek .ccchildpage:hover {
transform: translateY(-4px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.ccchildpages.ccflex.ccsleek .ccchildpage .cc-child-pages-thumb {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
display: block;
border-bottom: 1px solid #eee;
}
.ccchildpages.ccflex.ccsleek .ccchildpage h3 {
font-size: 1.25rem;
font-weight: 600;
color: #222;
margin: 0;
padding: 1em 1em 0.25em;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .cc-meta-info {
font-size: 0.8rem;
color: #888;
padding: 0 1em 0.5em;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccpages_excerpt {
padding: 0 1em;
color: #555;
font-size: 0.95rem;
line-height: 1.6;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccsubpages {
margin: 1em;
font-size: 0.85rem;
border-top: 1px solid #eee;
padding-top: 0.5em;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccsubpages ul {
margin: 0;
padding: 0;
list-style: none;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccsubpages ul li {
margin-bottom: 0.25em;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccsubpages ul li a {
text-decoration: none;
color: #0073e6;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccsubpages ul li a:hover {
text-decoration: underline;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccsubpages ul li ul {
margin-left: 0.75em;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccpages_more {
margin-top: auto;
padding: 0.75em 1em;
background: #f7f9fa;
text-align: right;
border-top: 1px solid #eee;
font-weight: 500;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccpages_more a {
color: #0073e6;
text-decoration: none;
font-weight: 500;
}
.ccchildpages.ccflex.ccsleek .ccchildpage .ccpages_more a:hover {
color: #005bb5;
text-decoration: underline;
}
.ccchildpages.ccflex.ccbold .ccchildpage {
position: relative;
background: #fafafa;
color: #1a1a1a;
border-radius: 0 0 16px 16px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
clip-path: polygon(0 0, 100% 0, 100% 93%, 50% 100%, 0 93%);
}
.ccchildpages.ccflex.ccbold .ccchildpage:hover {
transform: translateY(-6px);
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15);
}
.ccchildpages.ccflex.ccbold .ccchildpage .cc-child-pages-thumb {
width: 100%;
aspect-ratio: 16/7;
object-fit: cover;
display: block;
filter: grayscale(10%) contrast(1.05);
border-bottom: 4px solid #000;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccpage_title {
padding: 1rem 1.5rem;
font-family: "Courier New", Courier, monospace;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
margin: 0;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
max-width: 80%;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccpage_title,
.ccchildpages.ccflex.ccbold .ccchildpage .ccpage_title a {
background: #000;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ccchildpages.ccflex.ccbold .ccchildpage:has(.cc-child-pages-thumb) .ccpage_title {
position: absolute;
top: 1rem;
left: 0;
z-index: 2;
}
.ccchildpages.ccflex.ccbold .ccchildpage:has(.cc-child-pages-thumb) .cc-meta-info {
margin-top: 5rem;
}
.ccchildpages.ccflex.ccbold .ccchildpage .cc-meta-info {
padding: 0 1.25rem 0.25rem;
font-size: 0.8rem;
color: #777;
font-style: italic;
border-bottom: 1px dashed #ccc;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccpages_excerpt {
padding: 0.5rem 1.25rem 1rem;
font-size: 0.95rem;
line-height: 1.6;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccsubpages {
margin: 0 1.25rem 1rem;
font-size: 0.85rem;
padding: 0.5rem 0;
border-left: 4px solid #000;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccsubpages .ccsubpages_title {
margin: 0 1.25rem 1rem;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccsubpages ul {
list-style: none;
margin: 0;
padding-left: 1rem;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccsubpages ul li {
margin: 0.25rem 0;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccsubpages ul li a {
background: #000;
color: #fff;
padding: 0.2em 0.6em;
border-radius: 12px;
font-size: 0.8rem;
text-decoration: none;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccsubpages ul li a:hover {
background: #333;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccsubpages ul li ul {
margin-left: 1rem;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccpages_more {
margin-top: auto;
padding: 1rem 1.25rem;
background: #000;
color: #fff;
text-align: right;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.85rem;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccpages_more a {
color: #fff;
text-decoration: none;
}
.ccchildpages.ccflex.ccbold .ccchildpage .ccpages_more a:hover {
text-decoration: underline;
}