Crafts Archives - Focus on the Family

/* ----------------------------------------- */ /* WordPress Archive slug: clubhouse-jr-archive - start */ /* ----------------------------------------- */ .pagination { text-align: center; display: block; } .pagination ul { list-style: none; display: inline-block; } .pagination ul li { float: left; margin: 10px; } .pagination ul li a { text-decoration: none; font-weight: 400; padding: 5px 10px; } .pagination ul li a:hover { text-decoration: underline; background-color: #ebebeb; } .pagination ul li.active a { color: #3a3a3a; background-color: #ebebeb; border-radius: 3px; } .reset-button { color: #1b4d5a; background-color: white; border: 2px solid #1b4d5a; padding: 5px 30px 5px 30px; text-align: center; text-decoration: none; display: block; margin-left: auto; margin-right: auto; } .club-jr-filter label { font-family: 'McLaren', serif; font-weight: normal; } .club-jr-filter .radio label, .club-jr-filter .checkbox label { font-family: 'Sarala', Arial, sans-serif; font-weight: normal; } .search-page { padding: 20px; } .clearfix { clear: both; } .content { max-width: 1140px; margin: 0 auto 40px auto; overflow: auto; width: 100%; } .breadcrumb { padding: 30px 0 10px 10px; margin: 0; border-radius: 0; background-color: #fff; } .archive-description, .taxonomy-archive-description, .taxonomy-description { padding: 30px 0 30px 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; } .archive-description h1, .taxonomy-archive-description h1, .taxonomy-description h1 { margin: 0; } .tax-clubjrcontenttype .taxonomy-archive-description h1, .tax-clubhouse-jr-content-topic .taxonomy-archive-description h1 { font-family: 'McLaren', serif; text-transform: none; font-size: 3rem; font-weight: normal; color: #584d9c; } /* Small devices (tablets, 768px and up) */ @media only screen and (min-width: 769px) { .archives-right { float: right; border-left: 1px solid #ebebeb; } .post-row { display: flex; margin: 2em 0; } } /* ----------------------------------------- */ /* WordPress Archive slug: clubhouse-jr-archive - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-clubhouse-jr-archive - start */ /* ----------------------------------------- */ .club-jr-archive-post-block { border-radius: 20px; margin-top: 2em; min-height: 100%; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; justify-content: flex-start; background: #9bbe57; } .club-jr-post-thumbnail { padding-bottom: calc( 0.55 * 100% ); position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .club-jr-post-thumbnail img { width: calc(100% + 1px); height: auto; position: absolute; top: calc(50% + 1px); left: calc(50% + 1px); -webkit-transform: scale(1.01) translate(-50%,-50%); -ms-transform: scale(1.01) translate(-50%,-50%); transform: scale(1.01) translate(-50%,-50%); display: block; max-height: none; max-width: none; } .club-jr-post-text { vertical-align: top; } .club-jr-post-title { margin: 20px 0 0 0; padding: 0 30px; } .club-jr-post-title h3 { font-size: 2rem; margin-bottom: 25px; } .club-jr-post-title h3 a { color: #ffffff; font-weight: normal; text-decoration: none; font-family: 'McLaren', serif; } /* ----------------------------------------- */ /* Content Template: loop-item-in-clubhouse-jr-archive - end */ /* ----------------------------------------- */

Clubhouse Jr.

Other Focus Websites