.clm-transition{max-width:1100px;margin:0 auto 36px;color:#242424}.clm-transition-lead{max-width:850px;font-size:18px;line-height:1.6;margin:12px 0 28px}.clm-lunch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.clm-lunch-card{overflow:hidden;border:1px solid #eee;border-radius:12px;background:#fff}.clm-lunch-card a{display:block;text-decoration:none!important;color:inherit!important;height:100%;padding-bottom:20px}.clm-lunch-card img{display:block;width:100%;height:220px;object-fit:cover}.clm-lunch-card h2{font-size:20px!important;line-height:1.35!important;margin:18px 18px 12px!important}.clm-lunch-card span{margin:0 18px;color:#e31d24;font-weight:bold}.clm-transition-nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.clm-transition-nav a{padding:10px 14px;border:1px solid #ddd;border-radius:8px;text-decoration:none!important}.clm-archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.clm-archive-list article{background:#f7f7f7;border-radius:12px;padding:20px}.clm-archive-list time{color:#666;font-size:14px}.clm-archive-list h2{font-size:20px!important;line-height:1.4!important;margin:8px 0 0!important}.clm-archive-notice{background:#fff4f4;border:1px solid #efd4d4;border-radius:10px;padding:18px;margin:16px 0 24px;font-size:16px;line-height:1.5}.clm-archive-notice p{margin:8px 0!important}.clm-transition .webform-client-form{max-width:600px}.clm-transition-nav a:hover,.clm-lunch-card a:hover h2{color:#e31d24!important}@media(max-width:800px){.clm-lunch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.clm-lunch-grid,.clm-archive-list{grid-template-columns:1fr}.clm-transition-lead{font-size:16px}.clm-lunch-card img{height:240px}.clm-transition-nav a{font-size:14px}}

/* The theme applies a sidebar width to every article; these are grid cards. */
.clm-transition .clm-lunch-grid .clm-lunch-card,.clm-transition .clm-archive-list article{width:100%!important;display:block!important;min-width:0}

.not-front .page-title h1.clm-category-title{font-family:"StudioScriptCtt",cursive;font-weight:normal;line-height:1.1;padding:53px 0;margin:0;font-size:60px;background-image:url("/sites/all/themes/cooklikemary/images/front_h.png");background-repeat:no-repeat;background-position:center}.not-front .page-title h1.clm-category-title span{padding:0 30px}@media(max-width:1100px){.not-front .page-title h1.clm-category-title{font-size:48px}}@media(max-width:768px){.not-front .page-title h1.clm-category-title{padding:17px 0 25px}}@media(max-width:560px){.not-front .page-title h1.clm-category-title{font-size:34px}.not-front .page-title h1.clm-category-title span{padding:0 12px}}@media print{.not-front .page-title h1.clm-category-title,.not-front .page-title h1.clm-category-title span{padding:0;background:none}}

/* Course questions use the site's existing field frames and red submit style. */
.clm-course-question-page .node-webform .clm-transition{max-width:720px;margin:0 auto 24px;font-size:18px;line-height:1.55}
.clm-course-question-form{box-sizing:border-box;width:100%;max-width:720px;margin:24px auto 48px;padding:28px;border:1px solid #eee;border-radius:8px;background:#fff;font-family:KabrioSoft-Regular,sans-serif}
.clm-course-question-form .form-item{margin:0 0 22px}
.clm-course-question-form label{display:block;margin-bottom:9px;font-size:18px;line-height:1.35;font-weight:normal;color:#242424}
.clm-course-question-form .form-text,.clm-course-question-form .form-textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;padding:16px 18px;border:2px solid #c9c9c9;border-radius:4px;background:#fff;color:#242424;font:18px/1.35 KabrioSoft-Regular,sans-serif;-webkit-appearance:none;appearance:none}
.clm-course-question-form .form-text{min-height:56px}
.clm-course-question-form .form-textarea{min-height:150px;resize:vertical}
.clm-course-question-form .form-text:focus,.clm-course-question-form .form-textarea:focus{border-color:#e31d24;outline:2px solid #f8d8d9;outline-offset:2px}
.clm-course-question-form .form-text.error,.clm-course-question-form .form-textarea.error{border-color:#e31d24}
.clm-course-question-form .description{margin-top:8px;font-size:14px;line-height:1.45;color:#666}
.clm-course-question-form .form-type-checkbox{position:relative;padding-left:28px;font-size:14px;line-height:1.5}
.clm-course-question-form .form-type-checkbox input[type=checkbox]{position:absolute;left:0;top:3px;width:18px;height:18px;margin:0;accent-color:#e31d24}
.clm-course-question-form .form-type-checkbox label{display:inline;font-size:14px;line-height:1.5;margin:0}
.clm-course-question-form .form-actions{margin:22px 0 0;padding-top:22px;border-top:1px solid #eee}
.clm-course-question-form .webform-submit{box-sizing:border-box;display:block;width:100%;min-height:58px;margin:0;padding:16px 22px;border:0;border-radius:8px;background:#e31d24;color:#fff;font:22px/1.2 KabrioSoft-Regular,sans-serif;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s}
.clm-course-question-form .webform-submit:hover{background:#bd1720}
.clm-course-question-form .webform-submit:focus-visible{outline:3px solid #e31d24;outline-offset:3px}
.clm-course-question-form .webform-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.clm-course-question-form{padding:20px 16px;margin:20px auto 32px}.clm-course-question-page .node-webform .clm-transition{font-size:16px}.clm-course-question-form .form-text,.clm-course-question-form .form-textarea{font-size:16px;padding:14px}.clm-course-question-form label{font-size:16px}.clm-course-question-form .webform-submit{font-size:20px}}

/* Review: wider header slogan and clearer separation between menu links. */
@media(min-width:1025px){
header .header-container .header-content{flex:1;min-width:0}
header .header-container .header-content .top-block{width:100%;gap:24px}
header .header-container .header-content .top-block .slogan{width:340px;max-width:340px;flex:0 0 340px}
header .header-container .header-content .top-block .region-header-top{margin-left:auto;padding-left:0}
header .header-container .header-content .bottom-block .menu-block .main-menu > li > a.menu-219{padding-left:32px!important}
}
/* Keep menu buttons together and the white ITHOUSE credit in the dark footer. */
footer .footer-content{align-items:center;gap:24px}
footer .footer-content .footer-logo,footer .footer-content .footer-logo a{width:154px;height:58px;flex-shrink:0}
footer .footer-content .footer-logo a{background-size:contain}
footer .footer-content .footer-container{flex:1;min-width:0;width:auto;padding-left:0;display:grid;grid-template-columns:max-content 1fr;gap:20px 0;align-items:center}
footer .footer-content .footer-container .top-part{display:contents}
footer .footer-content .footer-container .top-part .slogan{display:block;grid-column:1/-1;max-width:none;white-space:nowrap}
footer .footer-content .footer-container .top-part .region-footer-top{grid-column:1;grid-row:2;flex-grow:0}
footer .footer-content .footer-container .bottom-part{grid-column:2;grid-row:2;padding-top:0;justify-content:flex-start}
footer .footer-content .footer-container .bottom-part .region-footer-bottom{width:auto}
footer .footer-content .footer-container .block-content ul{flex-wrap:nowrap}
footer .footer-content .footer-container .block-content ul li a{white-space:nowrap}
footer .clm-ithouse-credit{flex:0 0 auto;margin-left:auto}
footer .clm-ithouse-credit a{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-height:44px;padding:8px 0;color:#fff;font:13px/1.4 KabrioSoft-Regular,sans-serif;text-decoration:none!important;white-space:nowrap}
footer .clm-ithouse-credit img{display:block;width:100px;height:16px;max-width:none;border:0}
footer .clm-ithouse-credit a:hover{color:#fff;text-decoration:underline!important}
footer .clm-ithouse-credit a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1024px){
footer .footer-content{flex-wrap:wrap;gap:24px}
footer .footer-content .footer-logo{display:none}
footer .footer-content .footer-container{flex:1 0 100%;box-sizing:border-box;width:100%;padding:0 24px}
footer .footer-content .footer-container .top-part .slogan{white-space:normal;line-height:1.5}
footer .clm-ithouse-credit{padding:0 24px}
footer .clm-ithouse-credit a{flex-direction:row;align-items:center;gap:10px}
}

/* Review follow-up: keep the main links together instead of spreading them. */
header .header-container .header-content .bottom-block > .menu-block > .main-menu{justify-content:flex-start;gap:28px}
/* Compact, consistently aligned footer on tablets and phones. */
@media(max-width:1024px){
footer{padding-bottom:48px}
footer .footer-content{gap:22px}
footer .footer-content .footer-container{align-items:start;justify-items:start;gap:18px 0}
footer .footer-content .footer-container .top-part .slogan{width:100%;text-align:left}
footer .clm-ithouse-credit{box-sizing:border-box;flex:0 0 100%;margin:0;padding:0 24px}
footer .clm-ithouse-credit a{justify-content:flex-start;width:max-content;max-width:100%}
}
@media(max-width:480px){
footer .footer-content{padding-top:32px}
footer .footer-content .footer-container{padding:0 20px}
footer .clm-ithouse-credit{padding:0 20px}
footer .footer-content .footer-container .block-content ul li a{margin-right:10px}
}