/* Theme Name: Katie's Kitchen Counter Description: Custom theme Version: 1.0 Author: cre8d design Author URI: https://www.cre8d-design.com Update URI: false */ @font-face { font-family: 'satoshi-web'; src: url('fonts/Satoshi-Variable.woff2') format('woff2'), url('fonts/Satoshi-Variable.woff') format('woff'), url('fonts/Satoshi-Variable.ttf') format('truetype'); font-weight: 300 900; font-display: swap; font-style: normal; } @font-face { font-family: 'satoshi-web'; src: url('fonts/Satoshi-VariableItalic.woff2') format('woff2'), url('fonts/Satoshi-VariableItalic.woff') format('woff'), url('fonts/Satoshi-VariableItalic.ttf') format('truetype'); font-weight: 300 900; font-display: swap; font-style: italic; } @font-face { font-family: 'recoleta-web'; src: url('font/RecoletaRegular/font.woff2') format('woff2'), url('font/RecoletaRegular/font.woff') format('woff'); font-display: swap; } :root { --kkc-aliceblue: #e2e9f3; --kkc-prussianblue: #243953; --kkc-white: #fff; --kkc-antiflashwhite: #f1f4f9; --kkc-beaver: #ac9076; --kkc-beaver-hover: #907156; --kkc-bone: #e2ddcf; --kkc-bone-hover: #D5CEBC; --kkc-cadetgray: #879bb3; --kkc-columbiablue: #bddbf5; --kkc-columbiablue-hover: #A5CCF0; --kkc-isabelline: #f5f3ee; --kkc-oldlace: #fff4e2; --kkc-orangepeel: #ff9a00; --kkc-pattensblue: #ebf4fc; --kkc-polynesianblue: #02498c; --kkc-polynesianblue-hover: #0472BF; --kkc-slategray: #67798c; --kkc-sunset: #ffd799; --kkc-sunset-hover: #FFC67A; } img,legend{border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,figure{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:bolder;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{box-sizing:content-box}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}select{text-transform:none}button{overflow:visible}button,input,select,textarea{max-width:100%}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default;opacity:.5}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;margin-right:.4375em;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #d1d1d1;margin:0 0 1.75em;padding:.875em}fieldset>:last-child{margin-bottom:0}legend{padding:0}textarea{overflow:auto;vertical-align:top} body {font-family:"satoshi-web",sans-serif;} h1, h2, h3, h4, h5, h6, #topbar, .imagegrid .gridtitle {font-family:"recoleta-web",serif;} h3.comauth, #topbar span.arrowtext, #respond #reply-title small, .imagegrid-numbers .gridnumber, .togglelist .toggleitem>:first-child, .recipeindex .ri-facets h2, .wprm-recipe-template-kkc-recipe h4, .wprm-recipe-template-kkc-recipe h4.wprm-recipe-group-name {font-family:"satoshi-web",sans-serif;} pre,code {font-family:Menlo,Consolas,monaco,monospace;} /***** GENERAL STYLING *****/ .screen-reader-text {border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important} .skip-to-content:focus {clip:auto !important;clip-path:none;margin:0;height:auto;width:auto;top:5px;left:5px;display:block;font-size:16px;line-height:24px;padding:12px 20px;font-weight:bold;text-decoration:none;text-align:center;background:var(--kkc-polynesianblue);color:var(--kkc-white) !important;z-index:10000000;transition:none;border-radius:4px;} body,html {min-width:320px;} img, .wp-caption {max-width:100%;height:auto;} .clearfix:before, .clearfix:after {content:" ";display:table;} .clearfix:after {clear:both;} .clearfix {*zoom:1;} .container {display:block;width:1280px;max-width:100%;margin:0 auto;padding:0 40px;min-width:320px;box-sizing:border-box;} @media screen and (max-width:1023px) { .container {padding:0 20px;} } @media screen and (max-width:339px) { .container {padding:0 10px;} } body {font-size:20px;line-height:1.6;color:var(--kkc-prussianblue);background:var(--kkc-white);word-wrap:break-word;} a {transition:color 0.3s, background 0.3s;color:var(--kkc-polynesianblue);font-weight:bold;text-decoration:underline;} a strong {font-weight:inherit;} a:hover, a:active {color:var(--kkc-polynesianblue-hover);} a[data-pin-log] {cursor:pointer;} a[data-pin-custom]>* {pointer-events:none;} a img, .imagegrid .gridimage img {vertical-align:bottom;transition:opacity 0.3s;} a:hover img, a:active img, .imagegrid .gridlink:hover .gridimage img {opacity:0.75;} p, address {margin-top:0;margin-bottom:1em;} ul, ol {margin:1em 0;padding:0 0 0 1.6em;} ul ul, ul ol, ol ul, ol ol {margin-top:4px;margin-bottom:0;} ul ul, ol ul {list-style:disc;} ul li, ol li {margin:0 0 4px 0;padding:0 0 0 0.3125em;} li::marker {line-height:1;} ol.wp-block-list {list-style:none;} ol.wp-block-list>li {margin-left:-1.6em;margin-bottom:0.6em;padding-left:1.925em;position:relative;list-style:none !important;} ol.wp-block-list>li:last-child {margin-bottom:0;} ol.wp-block-list>li:before {display:block;content:counter(list-item);background:var(--kkc-prussianblue);color:var(--kkc-white);border-radius:50%;text-align:center;font-weight:bold;position:absolute;left:0.25em;top:0.4em;font-size:0.5em;width:2.4em;line-height:2.4em;} .wp-block-list.is-style-check {list-style:none;} .wp-block-list.is-style-check>li {padding-left:1.925em;margin-left:-1.6em;position:relative;list-style:none;} .wp-block-list.is-style-check>li:last-child {margin-bottom:0;} .wp-block-list.is-style-check>li:before {font-size:0.7777777777em;content:"";display:block;position:absolute;left:0.525em;top:0.5714285714em;width:1em;height:1em;-webkit-mask-size:100%;mask-size:auto 100%;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--kkc-prussianblue);} .wp-block-list.is-style-check>li:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M27.413 6.588c0.781 0.781 0.781 2.050 0 2.831l-16 16c-0.781 0.781-2.050 0.781-2.831 0l-8-8c-0.781-0.781-0.781-2.050 0-2.831s2.050-0.781 2.831 0l6.587 6.581 14.587-14.581c0.781-0.781 2.050-0.781 2.831 0z'%3E%3C/path%3E%3C/svg%3E%0A");mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M27.413 6.588c0.781 0.781 0.781 2.050 0 2.831l-16 16c-0.781 0.781-2.050 0.781-2.831 0l-8-8c-0.781-0.781-0.781-2.050 0-2.831s2.050-0.781 2.831 0l6.587 6.581 14.587-14.581c0.781-0.781 2.050-0.781 2.831 0z'%3E%3C/path%3E%3C/svg%3E%0A");} h1, h2, h3, h4, h5, h6 {position:relative;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:inherit;} h1 {font-size:48px;line-height:56px;font-weight:normal;margin:60px 0 40px 0;} h2 {font-size:32px;line-height:40px;font-weight:normal;margin:40px 0 20px 0;} h3, .featurebox h2, .sidebar h2 {font-size:24px;line-height:32px;font-weight:normal;margin:40px 0 20px 0;} h4 {font-size:22px;line-height:30px;font-weight:normal;margin:30px 0 20px 0;} h5 {font-size:20px;line-height:28px;font-weight:normal;margin:30px 0 20px 0;} h6 {font-size:18px;line-height:26px;font-weight:normal;margin:30px 0 20px 0;} h2.sectitle {margin-top:60px;text-align:center;margin-bottom:30px;} h2.expanded:not(.sectitle) {width:740px;max-width:100%;margin-left:auto;margin-right:auto;} .postcontent h2.sectitle {margin-top:40px;} .highlighted-heading {font-size:24px;line-height:36px;text-align:center;margin-bottom:30px;} .highlighted-heading span {background:url(images/highlight-1.svg);background-size:100% 78.1%;background-position:center center;background-repeat:no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 15px;} .highlighted-heading span:nth-child(4n+3) {background-image:url(images/highlight-2.svg);background-size:100% 76.4%;background-position:center bottom;padding-bottom:6px;} .pagetitle {text-align:center;} .posttitle {text-align:left;} @media screen and (max-width:767px) { h1 {font-size:28px;line-height:38px;margin:40px 0 30px 0;} h2 {font-size:26px;line-height:36px;margin:30px 0 20px 0;} h2.sectitle {margin-top:40px;margin-bottom:20px;} } .wp-block-media-text h1 {margin-bottom:20px;} .sidebar .wp-block-image {margin-top:20px;margin-bottom:20px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:inherit;} .wprm-recipe-details-unit {font-size:inherit !important;} h1.has-text-align-left, h2.has-text-align-left {text-align:left;} h1.has-text-align-center, h2.has-text-align-center {text-align:center;} h1.has-text-align-right, h2.has-text-align-right {text-align:right;} .btnswrap-a {display:flex;margin-left:-10px;row-gap:10px;flex-wrap:wrap;} .btnswrap .btn {margin-left:10px;} .btnswrap-center .btnswrap-a {justify-content:center;} .btnswrap-left .btnswrap-a {justify-content:flex-start;} .btnswrap-right .btnswrap-a {justify-content:flex-end;} .btn, .facetwp-load-more, .togglefacets, .recipeindex .ri-facets .facetwp-facet-reset button {background:var(--kkc-polynesianblue);border:none;color:var(--kkc-white) !important;font-size:16px;line-height:24px;padding:12px 20px;font-weight:bold !important;text-decoration:none !important;text-align:center;display:inline-block;box-sizing:border-box;border-radius:4px;transition:color 0.3s, background 0.3s;} .btn-columbiablue {background:var(--kkc-columbiablue);color:var(--kkc-prussianblue) !important;} .btn-sunset {background:var(--kkc-sunset);color:var(--kkc-prussianblue) !important;} .btn-beaver {background:var(--kkc-beaver);} .btn-bone {background:var(--kkc-bone);color:var(--kkc-prussianblue) !important;} .btn:hover, .btn:active, .facetwp-load-more:hover, .togglefacets:hover, .recipeindex .ri-facets .facetwp-facet-reset button:hover {background:var(--kkc-polynesianblue-hover);} .btn-columbiablue:hover, .btn-columbiablue:active {background:var(--kkc-columbiablue-hover);} .btn-sunset:hover, .btn-sunset:active {background:var(--kkc-sunset-hover);} .btn-beaver:hover, .btn-beaver:active {background:var(--kkc-beaver-hover);} .btn-bone:hover, .btn-bone:active {background:var(--kkc-bone-hover);} .btn-full {display:block;flex-grow:1;} .togglefacets, .facetwp-load-more, .recipeindex .ri-facets .facetwp-facet-reset button {transition:background 0.3s;} .btn:focus-visible {outline:auto;} .btn.clicked {position:relative;color:transparent !important;transition:none;} .btn.clicked:before {content:"Loading...";color:var(--kkc-white);position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:12px 20px;} .btn .cicon {height:24px;vertical-align:top;margin-right:6px;} hr, hr.wp-block-separator {width:100% !important;height:0;background:none;color:var(--kkc-aliceblue);border:none;border-bottom:3px double currentColor;clear:both;max-width:none !important;opacity:1 !important;} .wp-block-image, .wp-block-archives, .wp-block-categories, .wp-block-code, .wp-block-columns, .wp-block-cover, .wp-block-embed, .wp-block-gallery, .gallery, .wp-block-group, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-preformatted, .wp-block-pullquote, .wp-block-separator, .wp-block-table, .wp-block-verse, .wp-block-video, .wp-video, .wp-block-quote, .wprm-recipe, .pagination, .fluid-width-video-wrapper-b, .gridresults, .ajaxnav {margin-top:40px;margin-bottom:40px;} .wp-block-buttons {margin-top:25px;margin-bottom:25px;} .wp-block-group {margin-top:0;margin-bottom:0;} .mainsection, hr, hr.wp-block-separator {margin-top:60px;margin-bottom:60px;} .mainsection.lesspace {margin-top:40px;margin-bottom:40px;} @media screen and (max-width:767px) { .mainsection, hr, hr.wp-block-separator {margin-top:40px;margin-bottom:40px;} } .maincol .mainsection, .maincol hr, .maincol hr.wp-block-separator {margin-top:40px;margin-bottom:40px;} @media screen and (max-width:767px) { .maincol .mainsection, .maincol hr, .maincol hr.wp-block-separator {margin-top:30px;margin-bottom:30px;} .maincol .wp-block-image, .maincol .wp-block-archives, .maincol .wp-block-categories, .maincol .wp-block-code, .maincol .wp-block-columns, .maincol .wp-block-cover, .maincol .wp-block-embed, .maincol .wp-block-gallery, .maincol .gallery, .maincol .wp-block-group, .maincol .wp-block-latest-comments, .maincol .wp-block-latest-posts, .maincol .wp-block-preformatted, .maincol .wp-block-pullquote, .maincol .wp-block-separator, .maincol .wp-block-table, .maincol .wp-block-verse, .maincol .wp-block-video, .maincol .wp-video, .maincol .wp-block-quote, .maincol .wprm-recipe {margin-top:30px;margin-bottom:30px;} } .sidebar .mainsection, .sidebar hr, .sidebar hr.wp-block-separator {margin-top:60px;margin-bottom:60px;} @media screen and (max-width:767px) { .sidebar .mainsection, .sidebar hr, .sidebar hr.wp-block-separator {margin-top:30px;margin-bottom:30px;} } .btnswrap {margin-top:25px;margin-bottom:25px;} h2 + * {margin-top:0 !important;} h3 + * {margin-top:0 !important;} h4 + * {margin-top:0 !important;} h2 + h3, h2 + .narrow>h3:first-child {margin-top:40px !important;} h2 + .narrow>:first-child {margin-top:0 !important;} h1 + .mainsection {margin-top:0;} h2 + .mainsection {margin-top:30px !important;} .sidebar h2 + .mainsection {margin-top:25px !important;} @media screen and (max-width:767px) { h2 + .mainsection {margin-top:20px !important;} } .imagegrid + .ajaxnav, .mainsection + .gridmore {margin-top:-20px;} .maincol .mainsection + .gridmore {margin-top:0;} @media screen and (max-width:767px) { .imagegrid + .ajaxnav, .mainsection + .gridmore {margin-top:0;} } .ajaxnav + .imagegrid {margin-top:0;} div.wp-block-image {margin:0 !important;} .alignleft, .wp-block-image .alignleft, .wp-block-image.alignleft {float:left;margin:5px 40px 1em 0;max-width:calc(50% - 20px);} .alignright, .wp-block-image .alignright, .wp-block-image.alignright {float:right;margin:5px 0 1em 40px;max-width:calc(50% - 20px);} .aligncenter, .wp-block-image .aligncenter {margin:40px auto;} img.alignnone {margin:40px 0;display:block;} img.aligncenter {display:block;} @media screen and (max-width:767px) { .aligncenter, .wp-block-image .aligncenter {margin:30px auto;} img.alignnone {margin:30px 0;} } .wp-caption img, .wp-block-image img {vertical-align:bottom;} .wp-caption .wp-caption-text, .wp-block-image figcaption, .wp-block-embed figcaption, .wp-block-table figcaption, .wp-block-media-text__media figcaption, .blocks-gallery-caption {margin:15px 0 0 0;font-size:16px;line-height:24px;color:inherit;color:inherit;text-align:left;} .wp-block-media-text__media figcaption {margin-top:20px;text-align:center;} .wp-block-media-text .wp-block-media-text__media img, .wp-block-image img {border-radius:4px !important;} @media screen and (max-width:479px) { .alignleft, .wp-block-image .alignleft, .wp-block-image.alignleft, .alignright, .wp-block-image .alignright, .wp-block-image.alignright {float:none;display:block;max-width:100%;margin:30px auto;} } /***** HEADER ******/ #wpadminbar {z-index:100005;} body.menuopen #wpadminbar, body.searchopen #wpadminbar, body.facetsopen #wpadminbar {z-index:9;} #header {height:140px;} #header-a {background:var(--kkc-white);} #header-b {position:relative;} body.fixedheader #header-a {position:fixed;top:0;left:0;width:100%;z-index:10000;-webkit-animation:scrollheader 0.3s;animation:scrollheader 0.3s;box-sizing:border-box;background:var(--kkc-white);box-shadow:0 0 20px rgba(0,0,0,.2);} body.admin-bar.fixedheader #header-a {top:32px;} @media screen and (max-width:782px) { body.admin-bar.fixedheader #header-a {top:46px;} } @media screen and (max-width:600px) { body.admin-bar.fixedheader #header-a {top:0;} } @-webkit-keyframes scrollheader { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes scrollheader { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } html {scroll-padding-top:90px;} html.has-admin-bar {scroll-padding-top:132px;} @media screen and (max-width:782px) { html.has-admin-bar {scroll-padding-top:136px;} } @media screen and (max-width:600px) { html.has-admin-bar {scroll-padding-top:90px;} } .socialicons>ul {font-size:24px;line-height:1;margin:0 0 0 -30px;row-gap:10px;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;} .socialicons>ul>li {margin:0 0 0 30px;padding:0;} .socialicons>ul>li>a {display:block;margin:0 -10px;font-weight:inherit;color:inherit;} .socialicons>ul>li>a:hover, .socialicons>ul>li>a:active {color:var(--kkc-polynesianblue);} .socialicons>ul>li>a .cicon {padding:0 10px;display:block;} #topbar {background:var(--kkc-pattensblue);padding:8px 0;font-size:18px;line-height:24px;} #topbar .wrapper {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-left:-25px;} #topbar span.text {margin-left:25px;} #topbar span.arrowtext {font-weight:bold;font-size:12px;line-height:18px;text-transform:uppercase;margin-left:25px;} #topbar span.arrowtext .cicon {font-size:10px;height:18px;vertical-align:top;margin-left:5px;} #topbar a {text-decoration:none;color:inherit;font-weight:inherit;} #topbar a:hover, #topbar a:active {text-decoration:underline;color:var(--kkc-polynesianblue);} #logo {width:233px;margin:0 auto;line-height:1;font-weight:normal;position:absolute;top:30px;left:0;z-index:1;} #logo a {display:block;font-weight:inherit;} #logo img {display:block;width:100%;opacity:1;} body.fixedheader #logo {width:139px;top:10px;} .menubar a {display:block;color:inherit;text-decoration:none;font-weight:inherit;} .menubar a:hover, .menubar a:active {text-decoration:underline;color:var(--kkc-polynesianblue);} .menubar a strong {font-weight:bold;} .menubar li>.linkwrap>span {display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;} .menubar {position:relative;} .menubar>ul {margin:0;padding:0;list-style:none;} .menubar>ul>li {margin:0;padding:0;} .menubar>ul>li>.submenu {display:none;} .menubar>ul>li>.submenu>ul {margin:0;padding:0;list-style:none;} .menubar>ul>li>.submenu>ul>li {margin:0;padding:0;} .menubar>ul>li>.submenu>ul>li>ul {margin:0;padding:0;list-style:none;} .menubar>ul>li>.submenu>ul>li>ul>li {margin:0;padding:0;} button.closebtn {font-size:30px;border:none;border-radius:0;padding:0;line-height:40px;max-width:none;display:inline-block;vertical-align:top;transition:color 0.3s;background:none;} button.closebtn:hover {color:var(--kkc-polynesianblue);} button.closebtn .cicon {padding:0;height:40px;vertical-align:top;} button.closemenu {display:none;} #toggles {display:none;} button.togglesearch, button.togglemenu {font-size:24px;border:none;border-radius:0;padding:0;line-height:48px;max-width:none;display:inline-block;vertical-align:top;transition:background 0.3s, color 0.3s;background:none;margin:0 -10px;} button.togglesearch .cicon, button.togglemenu .cicon {height:48px;vertical-align:top;padding:0 10px;} button.togglemenu {font-size:28px;} button.togglesearch:hover, button.togglemenu:hover {color:var(--kkc-polynesianblue);} @media screen and (min-width:1280px) { button.togglesearch {font-size:20px;} #menu {height:140px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;} body.fixedheader #menu {height:68px;padding-top:0;} #menuoverlay {display:none;} .menubar {font-size:16px;line-height:24px;} .menubar a .cicon {height:24px;vertical-align:top;margin-right:5px;} .menubar>ul {display:flex;justify-content:flex-end;flex-wrap:wrap;padding-left:273px;margin:0 -20px;} .menubar>ul>li>a, .menubar>ul>li>.linkwrap>a, .menubar>ul>li>.linkwrap>span {padding:12px 20px;font-weight:500;} .menubar>ul>li>a:hover, .menubar>ul>li>a:active, .menubar>ul>li>.linkwrap>a:hover, .menubar>ul>li>.linkwrap>a:active {color:var(--kkc-polynesianblue);} .menubar>ul>li.menu-item-has-children>.linkwrap {position:relative;} .menubar>ul>li.menu-item-has-children {position:relative;} .menubar>ul>li.menu-item-has-children>.linkwrap>.dropdown-toggle {position:absolute;top:50%;right:20px;border:none;border-radius:0;margin:-11px 0 0 0;padding:0;background:none;pointer-events:none;line-height:1;transition:color 0.3s;} .menubar>ul>li.menu-item-has-children>.linkwrap>a, .menubar>ul>li.menu-item-has-children>.linkwrap>span {padding-right:35px;} .menubar>ul>li.menu-item-has-children>.linkwrap>.dropdown-toggle .cicon {font-size:12px;height:24px;display:inline-block;vertical-align:top;transition:color 0.3s;} .menubar>ul>li.menu-item-has-children>.linkwrap:hover>.dropdown-toggle .cicon {color:var(--kkc-polynesianblue);} .menubar>ul>li>.submenu {display:none !important;visibility:hidden;opacity:0;position:absolute;top:48px;padding-top:5px;left:0;z-index:10000;min-width:calc(100% + 10px);font-size:16px;line-height:24px;} .menubar>ul>li>.submenu>ul {white-space:nowrap;background:var(--kkc-isabelline);overflow:hidden;padding:12px 20px;border-radius:4px;} .menubar>ul>li>.submenu>ul>li>a {padding:6px 0;font-weight:normal;transition:none;} .menubar>ul>li>.submenu>ul>li>a:hover, .menubar>ul>li>.submenu>ul>li>a:active {color:var(--kkc-polynesianblue);} .menubar>ul>li.active>.submenu, .menubar>ul>li.accopen>.submenu {visibility:visible;opacity:1;display:block !important;animation:fadein 0.3s;} .menubar>ul>li.search {padding:0 20px;} body.resizing #menu a {transition:none;} } @keyframes fadein { 0% {opacity:0;visibility:hidden;} to {opacity:1;visibility:visible;} } @media screen and (max-width:1279.9px) { #toggles {display:block;height:140px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;} body.fixedheader #toggles {height:68px;padding-top:0;} #toggles ul {margin:0 0 0 -30px;padding:0;list-style:none;display:flex;justify-content:flex-end;} #toggles ul li {margin:0 0 0 30px;padding:0;} body.menuopen #header-a {z-index:10006 !important;} #menuwrap {position:fixed;top:0;right:-320px;width:320px;height:100%;z-index:10012;overflow-y:auto;transition:right 0.5s, visibility 0.5s;box-sizing:border-box;padding:20px 20px 0 20px !important;background:var(--kkc-white);visibility:hidden;} body.menuopen {overflow:hidden;} body.menuopen #menuwrap {right:0;visibility:visible;} body.menuopen #menuoverlay {width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0;right:0;z-index:10011;} button.closemenu {display:block;margin:-10px 0 0 auto;} .menubar {font-size:18px;line-height:26px;} .menubar>ul {padding-bottom:20px;} .menubar>ul>li>a, .menubar>ul>li>.linkwrap>a, .menubar>ul>li>.linkwrap>span {padding:11px 0;font-weight:500;} .menubar a .cicon {height:26px;vertical-align:top;margin-right:5px;} .menubar>ul>li>.submenu>ul {padding-bottom:5px;} .menubar>ul>li>.submenu>ul>li>a {padding:11px 0;font-weight:normal;} .menubar li.menu-item-has-children>.linkwrap {padding-right:30px;cursor:pointer;position:relative;} .menubar li.menu-item-has-children>.linkwrap>span {cursor:pointer;transition:color 0.3s;} .menubar li.menu-item-has-children>.linkwrap>span:hover {text-decoration:underline;color:var(--joc-blue);} .menubar li.menu-item-has-children>.linkwrap>.dropdown-toggle {display:block;position:absolute;top:0;right:-18px;width:48px;height:48px;border:none;border-radius:0;margin:0;padding:0;background:none;transition:color 0.3s;text-align:center;} .menubar li.menu-item-has-children>.linkwrap>.dropdown-toggle:hover, .menubar li.menu-item-has-children>.linkwrap>span:hover + .dropdown-toggle {color:var(--kkc-polynesianblue);} .menubar li.menu-item-has-children>.linkwrap>.dropdown-toggle .cicon {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:transform 0.3s;height:48px;vertical-align:top;font-size:18px;} .menubar li.menu-item-has-children.open>.linkwrap>.dropdown-toggle .cicon {-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} .menubar li.menu-item-has-children>.submenu {left:auto !important;} .menubar li.menu-item-has-children>.submenu>ul {margin-left:20px;} .menubar li.menu-item-has-children>.submenu>ul>li>ul {margin-left:20px;} .menubar>ul>li.search {display:none;} } @media screen and (max-width:767px) { #header, #menu, #toggles {height:120px;} #logo {width:auto;max-width:233px;margin-right:100px;top:0;display:flex;align-items:center;height:100%;} body.fixedheader #logo {width:139px;top:0;} #toggles ul {margin-left:-25px;} #toggles ul li {margin-left:25px;} } #searchwrap {background:var(--kkc-white);position:fixed;top:0;left:0;width:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:10000;float:none;display:block;margin:0;transition:transform 0.3s;padding:0;visibility:hidden;} body.searchopen #searchwrap {transform:translateY(0);z-index:90000;margin-left:0;box-shadow:0 0 20px rgba(0,0,0,.2);visibility:visible;} body.resizing #searchwrap {-webkit-transition:none;transition:none;} #searchwrap h2 {margin:0 0 20px 0;padding:0 40px;text-align:center;} #searchwrap .closebtn {display:block;top:10px;right:20px;position:absolute;z-index:1;} #searchwrap-a {padding:20px;} .searchform {margin:40px 0;background:var(--kkc-white);border:1px solid var(--kkc-prussianblue);color:var(--kkc-prussianblue);position:relative;box-sizing:border-box;margin:0 auto;max-width:100%;width:800px;border-radius:0;} .searchform .input {margin-right:0px;} .searchform .input input {background:none;border:none;margin:0;padding:10px 0 10px 15px;width:100%;box-sizing:border-box;border-radius:0;font-size:18px;line-height:30px;} .searchform button[type="submit"] {margin:0;padding:0;border:none;background:none;width:50px;height:50px;position:absolute;top:0;right:0;transition:color 0.3s;font-size:20px;border-radius:0;} .searchform button[type="submit"]:hover {color:var(--joc-blue);} .searchform button[type="submit"] .cicon {display:block;margin:0 auto;} blockquote>:first-child {margin-top:0;} blockquote>:first-child>:first-child {margin-top:0;} blockquote>:last-child {margin-bottom:0;} blockquote>:last-child>:last-child {margin-bottom:0;} .has-small-font-size, .has-normal-font-size, .has-regular-font-size, .has-medium-font-size, .has-large-font-size, .has-huge-font-size, .has-larger-font-size {font-size:inherit !important;} iframe {max-width:100%;box-sizing:border-box;} iframe.instagram-media, twitter-widget {margin-left:auto !important;margin-right:auto !important;margin-bottom:0 !important;} .wp-block-quote {margin-left:0;margin-right:0;padding:0 0 0 30px;border-left:1px solid var(--joc-black);font-style:italic;} .wp-block-pullquote {font-size:26px;line-height:36px;border:none;padding:40px 0;background:var(--joc-black);} .wp-block-quote cite, .wp-block-pullquote cite {color:inherit;font-size:13px;line-height:18px;display:block;margin:20px 0 0 0;font-weight:600;text-transform:uppercase;letter-spacing:0.0625em;text-align:center;} /*** BODY STYLES ***/ .bodysection {position:relative;padding:60px 0;} .bodysection-antiflashwhite {background:var(--kkc-antiflashwhite);} .bodysection-isabelline {background:var(--kkc-isabelline);} .bodysection-oldlace {background:var(--kkc-oldlace);} .bodysection-white:first-child {padding-top:0;} .bodysection-white:last-child {padding-bottom:0;} .bodysection-blue a {color:inherit;text-decoration:underline;} .bodysection>.container>.breadcrumb:last-child {margin:0 0 -15px 0 !important;position:relative;} @media screen and (max-width:767px) { .bodysection {padding:30px 0;} .bodysection-white:first-child {padding-top:0;} .bodysection-white:last-child {padding-bottom:0;} .bodysection-compact {padding:30px 0;} .bodysection-pagetitle {padding:30px 0;} .bodysection>.container>.breadcrumb:last-child {margin:0 0 -15px 0 !important;} } .narrow {width:740px;max-width:100%;margin-left:auto;margin-right:auto;} .heading-more {display:flex;justify-content:space-between;margin:40px 0 20px 0;row-gap:15px;position:relative;align-items:flex-end;} .heading-more>h2 {margin:0;text-align:left;} .heading-more>h2:last-child {flex-grow:1;} .heading-more>.more {flex-shrink:0;margin:0 0 0 20px !important;line-height:1;} .gridheading-wrap .gridmore {display:none;} @media screen and (max-width:767px) { .heading-more {display:block;} .heading-more>h2 {text-align:center;} .heading-more>.more {display:none;} .gridheading-wrap .gridmore {display:block;text-align:center;margin-top:30px !important;} } .gridheading-wrap .heading-more + .mainsection {margin:30px 0 0 0;} .gridheading-wrap .heading-more + .mainsection + .mainsection {margin-bottom:0;} @media screen and (max-width:767px) { .gridheading-wrap .heading-more + .mainsection {margin-top:20px;} } .imagegrid {margin-left:auto;margin-right:auto;max-width:100%;position:relative;} .imagegrid3 {width:1198px;} .imagegrid>ul {margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;list-style:none;row-gap:30px;} .imagegrid>ul>li {margin:0;padding:0;container:griditem / inline-size;} .imagegrid .gridlink {position:relative;} .imagegrid .gridimage {margin-bottom:10px;} .imagegrid .gridimage .gridimage-a {position:relative;height:0;padding-bottom:133.3333333333%;flex-grow:1;overflow:hidden;background:var(--kkc-white);} .imagegrid-square .gridimage .gridimage-a {padding-bottom:100%;} .imagegrid-horz .gridimage .gridimage-a {padding-bottom:75%;} .imagegrid .gridimage-a img {display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:4px;} .imagegrid .gridimage-a span.noimage {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#eee;} .imagegrid2>ul, .imagegrid2-side>ul, .imagegrid-excerpts>ul {grid-template-columns:repeat(2,minmax(0,1fr))} .imagegrid3>ul {grid-template-columns:repeat(3,minmax(0,1fr));} .imagegrid4>ul, .imagegrid4-index>ul {grid-template-columns:repeat(4,minmax(0,1fr));} .imagegrid5>ul {grid-template-columns:repeat(5,minmax(0,1fr));} .imagegrid .gridtitle {margin:0;position:static;font-size:20px;line-height:30px;font-weight:normal;} .imagegrid .gridtitle a {color:inherit;text-decoration:none;font-weight:inherit;display:block;} .imagegrid .gridtitle a:after {content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;} .imagegrid .gridtitle a:hover, .imagegrid .gridtitle a:active {color:var(--kkc-polynesianblue);text-decoration:underline;} .imagegrid-excerpts .gridtitle {font-size:24px;line-height:34px;} .imagegrid .gridexcerpt {font-size:18px;margin-top:10px;} .imagegrid-numbers .gridtitle a>span {position:relative;display:block;padding-left:38px;} .imagegrid-numbers .gridtitle .gridnumber {position:absolute;top:0;left:0;display:block;font-size:10px;width:30px;line-height:30px;border-radius:50%;background:var(--kkc-prussianblue);color:var(--kkc-white);text-align:center;font-weight:bold;} .imagegrid-collage>ul {display:grid;grid-template-columns:repeat(20,1fr);margin-left:0;column-gap:20px;} .imagegrid-collage>ul>li {grid-column-end:span 4;} .imagegrid-collage>ul>li>.li-a {margin-left:0;} .imagegrid-collage>ul>li.item1 {grid-column-end:span 10;grid-row-end:span 2;} .imagegrid-collage>ul>li.item2, .imagegrid-collage>ul>li.item3 {grid-column-end:span 5;} .imagegrid-collage>ul>li.item1 .gridimage .gridimage-a {padding-bottom:calc(75% + 85px);} @media screen and (min-width:1024px) { .imagegrid-collage>ul>li.item2 .gridtitle {min-height:60px;} } @media screen and (max-width:1023.9px) { .imagegrid-collage>ul {grid-template-columns:repeat(2,minmax(0,1fr));} .imagegrid-collage>ul>li {grid-column-end:auto;} .imagegrid-collage>ul>li.item1 {grid-column-end:auto;grid-row-end:auto;} .imagegrid-collage>ul>li.item2, .imagegrid-collage>ul>li.item3 {grid-column-end:auto;} .imagegrid-collage>ul>li.item1 .gridimage .gridimage-a {padding-bottom:75%;} .imagegrid-excerpts>ul {grid-template-columns:repeat(1,minmax(0,1fr));} } @container griditem (width < 280px) { .imagegrid .gridtitle {font-size:18px;line-height:26px;} .imagegrid-numbers .gridtitle a>span {padding-left:32px;} .imagegrid-numbers .gridtitle .gridnumber {top:1px;width:24px;line-height:24px;top:1px;} } .imagegrid-excerpts>ul {column-gap:60px;} .imagegrid-excerpts>ul>li>.li-a {display:flex;} .imagegrid-excerpts>ul>li>.li-a>.gridlink {display:flex;align-items:center;flex-grow:1;margin-left:-30px;} .imagegrid-excerpts>ul>li>.li-a .gridimage {margin:0 0 0 30px;flex:1;align-self:flex-start;} .imagegrid-excerpts>ul>li>.li-a .gridtext {margin:0 0 0 30px;flex:1;} @media screen and (max-width:767px) { .imagegrid>ul {grid-template-columns:repeat(2,minmax(0,1fr));} .imagegrid-excerpts>ul {grid-template-columns:repeat(1,minmax(0,1fr));} .imagegrid-excerpts>ul>li>.li-a>.gridlink {margin-left:-20px;} .imagegrid-excerpts>ul>li>.li-a .gridimage {margin-left:20px;} .imagegrid-excerpts>ul>li>.li-a .gridtext {margin-left:20px;} } @media screen and (max-width:479px) { .imagegrid-excerpts>ul>li>.li-a>.gridlink {margin-left:0;display:block;} .imagegrid-excerpts>ul>li>.li-a .gridimage {margin:0 0 20px 0;} .imagegrid-excerpts>ul>li>.li-a .gridtext {margin:0;} } .ajaxnav, .gridmore {text-align:center;} .recipeindex {display:flex;margin-top:40px;} .recipeindex .ri-facets {width:240px;margin-right:60px;flex-shrink:0;font-size:18px;line-height:24px;min-width:0;} .recipeindex .ri-facets h2 {margin:0 0 30px 0;font-size:18px;line-height:24px;font-weight:bold;} .recipeindex .ri-facets .facetwp-checkbox {margin-bottom:25px;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FFF4E2' d='M6.667 1.333h18.667c2.946 0 5.333 2.388 5.333 5.333v18.667c0 2.946-2.388 5.333-5.333 5.333h-18.667c-2.946 0-5.333-2.388-5.333-5.333v-18.667c0-2.946 2.388-5.333 5.333-5.333z'%3E%3C/path%3E%3Cpath fill='%23ff9a00' d='M25.333 0.667c3.314 0 6 2.686 6 6v18.667c0 3.314-2.686 6-6 6h-18.667c-3.314 0-6-2.686-6-6v-18.667c0-3.314 2.686-6 6-6h18.667zM25.333 2h-18.667c-2.577 0-4.667 2.089-4.667 4.667v18.667c0 2.577 2.089 4.667 4.667 4.667h18.667c2.577 0 4.667-2.089 4.667-4.667v-18.667c0-2.577-2.089-4.667-4.667-4.667z'%3E%3C/path%3E%3C/svg%3E%0A");background-size:auto 24px;padding-left:38px;background-position:left top;} .recipeindex .ri-facets .facetwp-checkbox.checked {background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffd799' d='M6.667 1.333h18.667c2.946 0 5.333 2.388 5.333 5.333v18.667c0 2.946-2.388 5.333-5.333 5.333h-18.667c-2.946 0-5.333-2.388-5.333-5.333v-18.667c0-2.946 2.388-5.333 5.333-5.333z'%3E%3C/path%3E%3Cpath fill='%23ff9a00' d='M25.333 0.667c3.314 0 6 2.686 6 6v18.667c0 3.314-2.686 6-6 6h-18.667c-3.314 0-6-2.686-6-6v-18.667c0-3.314 2.686-6 6-6h18.667zM25.333 2h-18.667c-2.577 0-4.667 2.089-4.667 4.667v18.667c0 2.577 2.089 4.667 4.667 4.667h18.667c2.577 0 4.667-2.089 4.667-4.667v-18.667c0-2.577-2.089-4.667-4.667-4.667z'%3E%3C/path%3E%3Cpath fill='%23243953' d='M25.5 11.578l-0.664 0.664-10.563 10.512-0.66-0.66-5.613-5.586 1.324-1.328 0.664 0.66 4.285 4.266 9.902-9.855 1.324 1.328z'%3E%3C/path%3E%3C/svg%3E%0A");} .recipeindex .ri-facets .facetwp-facet>.facetwp-checkbox:last-child {margin-bottom:0;} .recipeindex .ri-facets .facetwp-display-value {padding-right:0;display:block;} .recipeindex .ri-facets .facetwp-counter {display:none;} .recipeindex .ri-facets .facetwp-expand {display:none;} .recipeindex .ri-facets .facetwp-depth {margin-left:30px;} .recipeindex .ri-facets .facet-wrap.expandable .facet-label + .facetwp-facet {display:none;} .recipeindex .facetwp-pager {display:flex;flex-wrap:wrap;margin-left:-10px;row-gap:8px;justify-content:center;font-size:16px;line-height:24px;} .recipeindex .facetwp-pager:empty {margin-top:-60px !important;} @media screen and (max-width:767px) { .recipeindex .facetwp-pager:empty {margin-top:-40px !important;} } .recipeindex .facetwp-pager .facetwp-page {margin:0 0 0 10px;padding:0 10px;display:block;text-decoration:none;font-weight:bold;color:inherit;} .recipeindex .facetwp-pager .facetwp-page:hover {text-decoration:underline;color:var(--kkc-polynesianblue);} .recipeindex .facetwp-pager .facetwp-page.dots:hover, .facetwp-pager .facetwp-page.active:hover {text-decoration:none;} .recipeindex .facetwp-pager .facetwp-page.active {text-decoration:underline;color:var(--kkc-polynesianblue);} .recipeindex .facetwp-pager .facetwp-page .cicon {height:24px;vertical-align:top;} .recipeindex .facetwp-pager .facetwp-page.next .cicon {margin-left:5px;} .recipeindex .facetwp-pager .facetwp-page.prev .cicon {margin-right:5px;} .recipeindex .ri-results {flex-grow:1;min-width:0;} .recipeindex .ri-showfilters {display:none;} .recipeindex button.closefacets {display:none;} .recipeindex .ri-facets .facet-label {font-size:24px;line-height:32px;margin:0;position:relative;padding-right:20px;} .recipeindex .ri-facets .facet-wrap.expandable .facet-label {cursor:pointer;transition:color 0.3s;} .recipeindex .ri-facets .facet-wrap.expandable .facet-label:hover {color:var(--kkc-polynesianblue);} .recipeindex .ri-facets .facet-label + .facetwp-facet>:first-child {margin-top:25px;} .recipeindex .ri-facets .facet-label .facet-label-toggle {position:absolute;top:0;right:0;} .recipeindex .ri-facets .facet-label .facet-label-toggle .cicon {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:transform 0.3s;height:32px;vertical-align:top;font-size:18px;} .recipeindex .ri-facets .expanded .facet-label .facet-label-toggle .cicon {-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} .recipeindex .ri-facets .preexpanded .facet-label .facet-label-toggle .cicon {transition:none;} .recipeindex .ri-facets .facetwp-facet {margin-bottom:0;} .recipeindex .ri-facets .facet-wrap {margin-bottom:30px;} .recipeindex .facetwp-type-pager {text-align:center;} @media screen and (max-width:1023px) { .recipeindex {display:block;} .recipeindex .ri-facets {margin:0;position:fixed;top:0;left:-320px;width:320px;height:100%;z-index:10012;overflow-y:auto;transition:left 0.5s, visibility 0.5s;box-sizing:border-box;padding:20px 20px 0 20px !important;background:var(--kkc-white);visibility:hidden;} body.facetsopen {overflow:hidden;} body.facetsopen .ri-facets {left:0;visibility:visible;} body.facetsopen #facetoverlay {width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0;right:0;z-index:10011;} .recipeindex button.closefacets {margin:-10px 0 10px auto;display:block;} .recipeindex button.closefacets:hover {color:var(--kkc-polynesianblue);} .recipeindex .ri-showfilters {display:block;text-align:center;margin-bottom:40px;} } .recipeindex .facetwp-facet-pagination {margin-top:-20px;margin-bottom:0;} @media screen and (max-width:767px) { .recipeindex .facetwp-facet-pagination {margin-top:0;} } .filterresults .filterresult {display:none;} .filterresults .filterresult.active {display:block;} .featurebox {display:flex;margin-left:auto;margin-right:auto;max-width:100%;border-radius:4px;overflow:hidden;} .featurebox-right {flex-direction:row-reverse;} .featurebox-textfirst {flex-direction:row-reverse;} .featurebox-textfirst.featurebox-right {flex-direction:row;} .featurebox .featurebox-text {padding:40px;box-sizing:border-box;display:flex;align-items:center;background:var(--kkc-aliceblue);} .featurebox .featurebox-text-a {min-width:0;flex-grow:1;} .featurebox .featurebox-image a {display:block;} .featurebox .featurebox-text {width:50%;} .featurebox .featurebox-image {width:50%;position:relative;} .featurebox .featurebox-image .featurebox-image-a>span:first-child {content:"";height:0;display:block;} .featurebox .featurebox-image img {display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;outline:inherit;} @media screen and (max-width:1023px) { .featurebox {display:block;} .featurebox .featurebox-text {display:block;width:auto !important;margin:0 !important;min-width:0 !important;} .featurebox .featurebox-image {width:auto !important;} } @media screen and (max-width:767px) { .featurebox .featurebox-text {padding:30px 20px;} } .buttonbar {background:var(--kkc-oldlace);border-radius:4px;padding:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:20px;margin-left:-20px;} .buttonbar .label {margin:0 0 0 30px;font-size:18px;line-height:24px;font-weight:bold;} .buttonbar ul {margin:0 0 0 10px;padding:0;list-style:none;display:flex;flex-wrap:wrap;row-gap:20px;justify-content:center;} .buttonbar ul li {margin:0 0 0 10px;padding:0;} @media screen and (max-width:767px) { .buttonbar ul {margin-left:20px;row-gap:10px;} .buttonbar ul li {margin-left:10px;} } .wp-block-media-text {margin-left:auto;margin-right:auto;max-width:100%;grid-gap:0;} .wp-block-media-text:not(.is-style-custom) {grid-template-columns:1fr 1fr !important;} .wp-block-media-text.has-media-on-the-right:not(.is-style-custom) {grid-template-columns:1fr 1fr !important;} .wp-block-media-text.is-style-narrowimage {grid-template-columns:400px 1fr !important;} .wp-block-media-text.is-style-narrowimage.has-media-on-the-right {grid-template-columns:1fr 400px !important;} .wp-block-media-text .wp-block-media-text__media {padding:0;align-self:start;position:relative;} .wp-block-media-text .wp-block-media-text__content {padding:0 0 0 60px;min-width:0;} .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding:0 60px 0 0;min-width:0;} #bodyel .wp-block-media-text .wp-block-media-text__content>:first-child {margin-top:0;} #bodyel .wp-block-media-text .wp-block-media-text__content>:first-child>:first-child {margin-top:0;} #bodyel .wp-block-media-text .wp-block-media-text__content>:last-child {margin-bottom:0;} #bodyel .wp-block-media-text .wp-block-media-text__content>:last-child>:last-child {margin-bottom:0;} @media screen and (min-width:1024px) { .wp-block-media-text h1:not(.has-text-align-center) {text-align:inherit;} } @media screen and (max-width:1023px) { #bodyel .wp-block-media-text.is-stacked-on-mobile {grid-template-columns:100% !important;font-size:inherit;} .wp-block-media-text {grid-gap:40px !important;} .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {display:block;width:100%;margin:0 auto !important;grid-column:1;grid-row:1;} .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {width:100%;grid-column:1;grid-row:2;box-sizing:border-box;padding:0;} .wp-block-media-text>figure img, .wp-block-media-text>figure video {width:100%;max-width:100%;} .wp-block-media-text.reversemobile.is-stacked-on-mobile .wp-block-media-text__media {grid-row:2;} .wp-block-media-text.reversemobile.is-stacked-on-mobile .wp-block-media-text__content {grid-row:1;} } .cols .cols-a {display:flex;margin-left:-40px;row-gap:40px;flex-wrap:wrap;} .cols .col-a {margin-left:40px;container: col / inline-size;} .cols .col {min-width:0;margin:0;} .cols2 .cols-a {margin-left:-60px;} .cols2 .col-a {margin-left:60px;} .cols2 .col {width:50%;} .cols3 .col {width:33.3333333333%;} .cols4 .col {width:25%;} @media screen and (max-width:1023.9px) { .cols3 .cols-a {display:block;margin-left:0;} .cols3 .col {width:100% !important;} .cols3 .col-a {margin-left:0;container:none / normal;} .cols3 .col + .col {margin-top:30px;} .cols4 .col {width:50%;} } @media screen and (max-width:767px) { .cols2 .cols-a, .cols4 .cols-a {display:block;margin-left:0;} .cols2 .col, .cols4 .col {width:100% !important;} .cols2 .col-a, .cols4 .col-a {margin-left:0;container:none / normal;} } .contentbox {padding:30px;margin-top:40px;margin-bottom:40px;font-size:18px;border-radius:4px;} .contentbox.breaknarrow {padding:60px;} .contentbox-bg.contentbox-isabelline {background:var(--kkc-isabelline);} .contentbox-bg.contentbox-pattensblue {background:var(--kkc-pattensblue);} .contentbox-bg.contentbox-aliceblue {background:var(--kkc-aliceblue);} .contentbox-bg.contentbox-columbiablue {background:var(--kkc-columbiablue);} .contentbox-bg.contentbox-prussianblue {background:var(--kkc-prussianblue);} .contentbox-bg.contentbox-oldlace {background:var(--kkc-oldlace);} .contentbox-border.contentbox-columbiablue {border:2px solid var(--kkc-columbiablue);} .contentbox-border.contentbox-prussianblue {border:2px solid var(--kkc-prussianblue);} .contentbox-bg.contentbox-dark {color:var(--kkc-white);} .contentbox-bg.contentbox-dark a {color:inherit;text-decoration:underline;} @media screen and (max-width:767px) { .contentbox, .contentbox.breaknarrow {padding:30px 20px;} } .authorbox {min-height:200px;} .authorbox img.avatar {float:right;width:200px;aspect-ratio:1;border-radius:50%;object-fit:cover;margin:0 0 20px 20px !important;} .authorbox img.avatar + * {margin-top:0;} @media screen and (max-width:767px) { .authorbox {min-height:100px;} .authorbox img.avatar {width:100px;} } .subcats {padding:0 30px;position:relative;margin:40px 0;} .subcats + .mainsection {margin-top:-10px;} .subcats .swiper-custom-prev, .subcats .swiper-custom-next {position:absolute;top:0;font-size:20px;cursor:pointer;transition:color 0.3s;text-align:center;padding:0 10px;line-height:1;-webkit-user-select:none;user-select:none;transition:color 0.3s;} .subcats .swiper-custom-prev:hover, .subcats .swiper-custom-next:hover {color:var(--joc-blue);} .subcats .swiper:not(.swiper-initialized) ~ .swiper-custom-prev, .subcats .swiper:not(.swiper-initialized) ~ .swiper-custom-next {visibility:hidden;} .subcats .swiper-custom-prev .cicon, .subcats .swiper-custom-next .cicon {height:52px;vertical-align:top;} .subcats .swiper-custom-prev {left:-10px;} .subcats .swiper-custom-next {right:-10px;} .subcats .swiper-button-disabled {display:none;} .subcats .swiper {visibility:hidden;} .subcats .swiper-initialized {visibility:visible;} .subcats .swiper-slide {width:auto;margin-right:20px;min-height:48px;} .subcats .swiper-slide:last-child {margin-right:0;} .subcats .btn {padding-left:20px;padding-right:20px;} .subcats .btn.active {background:var(--joc-gold);color:var(--joc-white) !important;text-decoration:none !important;} @media screen and (max-width:767px) { .subcats {margin:30px 0;} .subcats .swiper-slide {margin-right:10px;} } .termdescription {text-align:center;margin:40px auto;} .postcols {display:flex;} .postcols>.maincol {flex-grow:1;margin-right:40px;min-width:0;} .postcols>.maincol>.maincol-a {max-width:740px;position:relative;} .postcols>.sidebar {width:340px;flex-shrink:0;font-size:18px;} @media screen and (max-width:1219px) { .postcols>.sidebar {width:300px;} } @media screen and (max-width:1023.9px) { .postcols {display:block;} .postcols>.maincol {display:block;width:740px;max-width:100%;margin:0 auto;} .postcols>.sidebar {width:340px;max-width:100%;margin-left:auto;margin-right:auto;margin-top:40px;} } .sidewelcome {padding-top:30px;} .sidewelcome .contentbox>img {margin:0 auto 12px auto;margin-top:-60px !important;display:block;} .sidewelcome h2 {margin-top:10px;font-size:32px;line-height:40px;text-align:center;} @media screen and (max-width:767px) { .sidewelcome h2 {font-size:26px;line-height:34px;} } .breadcrumb {font-size:14px;line-height:22px;font-weight:500;margin-bottom:20px;border-top:3px double var(--kkc-aliceblue);padding-top:30px;} .breadcrumb a {color:inherit;font-weight:inherit;text-decoration:none;} .breadcrumb a:hover, .breadcrumb a:active {color:var(--kkc-polynesianblue);text-decoration:underline;} .breadcrumb .cicon {display:inline-block;font-size:9px;height:20px;vertical-align:top;margin:0 4px;position:relative;top:1px;} .breadcrumb + * {margin-top:0;} .postheader .posttitle {margin:0 0 10px 0;} .postheader {border-bottom:3px double var(--kkc-aliceblue);padding-bottom:20px;} .postheader .postauthor {display:flex;align-items:center;min-width:0;position:relative;align-items:center;} .postheader .postauthor .pa-image {width:64px;margin-right:15px;flex-shrink:0;background:var(--ihn-white);border-radius:50%;aspect-ratio:1;} .postheader .postauthor .pa-image img {display:block;border-radius:50%;aspect-ratio:1;object-fit:cover;width:100%;} .postheader .postauthor .pa-text {min-width:0;flex-grow:1;font-size:16px;line-height:22px;} .postheader .postauthor .postdate {display:block;font-size:14px;line-height:20px;margin-top:4px;} .postheader .postmeta {font-size:16px;line-height:22px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap;row-gap:8px;margin-left:-40px;} .postheader .pm-left, .postheader .pm-right {margin-left:40px;} .postheader .postmeta ul {margin:0 0 0 -40px;padding:13px 0;list-style:none;display:flex;flex-wrap:wrap;row-gap:15px;align-items:center;} .postheader .postmeta ul li {margin:0 0 0 40px;padding:0;} .postheader .postmeta ul li .cicon {height:22px;vertical-align:top;margin-right:8px;} .postheader .postmeta ul li a {text-decoration:none;color:inherit;} .postheader .postmeta ul li a:hover, .postheader .postmeta ul li a:active {text-decoration:underline;color:var(--kkc-polynesianblue);} .postheader .rating .rating-a {margin-left:-5px;display:flex;align-items:center;justify-content:center;line-height:1;} .postheader .rating .wprm-recipe-rating {margin-left:5px;} .postheader .rating .wprm-recipe-rating-count, .postheader .rating .wprm-recipe-rating-average {margin-left:5px;font-size:inherit;font-weight:500 !important;} .postheader .rating .wprm-recipe-rating .wprm-rating-star {padding-top:0 !important;padding-bottom:0 !important;} /* .postheader .postmeta li.rating .wprm-recipe-rating {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:7px;margin-left:-5px;line-height:1;} .postheader .postmeta li.rating .wprm-recipe-rating .wprm-rating-star {padding-top:0 !important;padding-bottom:0 !important;} .postheader .postmeta li.rating .wprm-recipe-rating-average {margin-left:5px;font-size:inherit;} .postheader .postmeta li.rating .wprm-recipe-rating-details {margin-left:5px;font-size:inherit;} .imagegrid .gridrating {margin-top:10px;font-size:13px;line-height:13px;} .imagegrid .gridrating .rating-a {margin-left:-5px;display:flex;align-items:center;justify-content:center;} .imagegrid .gridrating .wprm-recipe-rating {margin-left:5px;} .imagegrid .gridrating .wprm-recipe-rating-count {margin-left:5px;font-size:12px;} .postheader .postmeta ul li.rating {font-size:16px;line-height:1;font-weight:500;} .postheader .ph-right ul li.rating {text-align:center;font-size:20px;line-height:1;} .postheader .ph-right ul li.rating .rating-a {border:1px solid var(--joc-darkbeige);padding:20px;box-sizing:border-box;} .postheader .ph-right ul li.rating .wprm-recipe-rating-count {font-size:14px;line-height:1;font-weight:bold !important;text-transform:uppercase !important;letter-spacing:0.0625em;margin-top:12px;} .postheader .ph-left {flex-grow:1;min-width:0;} .postheader .ph-left p:last-child {margin-bottom:0;} @media screen and (max-width:767px) { .postheader {display:block;} .postheader .ph-right ul {display:flex;flex-wrap:wrap;margin-left:-10px;align-items:center;justify-content:center;row-gap:10px;} .postheader .ph-right ul li {margin:0 0 0 10px;} .postheader .ph-right a.btn-smaller {padding:0;font-size:11px;line-height:16px;padding:4px 5px;} .postheader .ph-right a.btn-smaller .cicon {height:16px;font-size:10px;margin-left:3px;} .postheader .ph-right ul li.rating {text-align:center;font-size:12px;line-height:1;} .postheader .ph-right ul li.rating .rating-a {border:none;padding:0;} .postheader .ph-right ul li.rating .wprm-recipe-rating .wprm-rating-star {font-size:12px !important;} .postheader .ph-right ul li.rating .wprm-recipe-rating-count {font-size:11px;line-height:1;margin-top:4px;} } */ .disclaimer {font-size:14px;line-height:22px;font-style:italic;margin-bottom:40px;margin-top:-40px !important;} .disclaimer a {color:inherit;text-decoration:underline;font-weight:inherit;} .disclaimer a:hover, .disclaimer a:active {color:var(--kkc-polynesianblue);} @media screen and (max-width:767px) { .disclaimer {margin-top:-20px !important;margin-bottom:20px;} } .table-of-contents {background:var(--kkc-isabelline);padding:30px;font-size:18px;border-radius:4px;} .table-of-contents ul li {margin-bottom:6px;} .table-of-contents ul ul {margin-top:6px;} .table-of-contents ul li a {color:inherit;font-weight:inherit;text-decoration:none;} .table-of-contents ul li a:hover, .table-of-contents ul li a:active {text-decoration:underline;color:var(--kkc-polynesianblue);} .table-of-contents.toc-closed ul li.toc-hide {display:none;} .table-of-contents .toc-toggle {margin-top:20px;} .table-of-contents .toc-toggle button {display:inline-block;border:none;} .table-of-contents .toc-toggle span.closed {display:none;} .table-of-contents.toc-closed .toc-toggle span.closed {display:inline;} .table-of-contents.toc-closed .toc-toggle span.open {display:none;} @media screen and (max-width:767px) { .table-of-contents {padding:30px 20px;} } .togglelist .toggleitem {background:var(--kkc-pattensblue);margin-top:10px;padding:15px;border-radius:4px;} .contentbox .toggleitem {background:var(--kkc-white);} .togglelist .togglereveal {display:none;margin-bottom:0;} .togglelist .open .togglereveal {display:block;} .togglelist .toggleitem>:first-child {display:block;margin:-15px -15px -15px -15px !important;padding:11px 42px 11px 15px;position:relative;cursor:pointer;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:bold;font-size:18px;line-height:26px;} .togglelist .toggleitem>:first-child:hover {color:var(--kkc-polynesianblue);} .togglelist .toggleitem.open>:first-child {margin-bottom:15px !important;background:var(--kkc-columbiablue);} .togglelist .toggleitem>:first-child:after {content:"";position:absolute;top:11px;right:15px;display:block;font-size:18px;width:0.625em;height:26px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='32' viewBox='0 0 20 32'%3E%3Cpath d='M17.413 14.588c0.781 0.781 0.781 2.050 0 2.831l-10 10c-0.781 0.781-2.050 0.781-2.831 0s-0.781-2.050 0-2.831l8.588-8.588-8.581-8.588c-0.781-0.781-0.781-2.050 0-2.831s2.050-0.781 2.831 0l10 10z'%3E%3C/path%3E%3C/svg%3E%0A") center center no-repeat;mask:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='32' viewBox='0 0 20 32'%3E%3Cpath d='M17.413 14.588c0.781 0.781 0.781 2.050 0 2.831l-10 10c-0.781 0.781-2.050 0.781-2.831 0s-0.781-2.050 0-2.831l8.588-8.588-8.581-8.588c-0.781-0.781-0.781-2.050 0-2.831s2.050-0.781 2.831 0l10 10z'%3E%3C/path%3E%3C/svg%3E%0A") center center no-repeat;-webkit-mask-size:100%;mask-size:100%;transition:transform 0.3s;} .togglelist .toggleitem.open>:first-child:after {transform:rotate(90deg);} @media screen and (max-width:767px) { .togglelist .toggleitem {padding-left:20px;padding-right:20px;} .togglelist .toggleitem>:first-child {margin-left:-20px !important;margin-right:-20px !important;padding-left:20px;} } .postcats {font-size:14px;line-height:22px;margin:40px 0;} .postcats a {font-weight:inherit;} .biobox {display:flex;align-items:center;font-size:18px;} .biobox .bb-image {width:200px;margin-right:30px;align-self:flex-start;flex-shrink:0;} .biobox .bb-image img {display:block;border-radius:50%;aspect-ratio:1;object-fit:cover;} .biobox .bb-text {flex-grow:1;min-width:0;} .biobox h2 {font-size:24px;line-height:32px;margin-bottom:15px;} .biobox .bb-moresocial {display:flex;flex-wrap:wrap;row-gap:20px;align-items:center;margin-left:-40px;} .biobox .bb-moresocial .btn {margin-left:40px;} .biobox .bb-moresocial .socialicons {margin:0 0 0 40px;} .biobox .bb-moresocial .socialicons>ul {margin-left:-30px;font-size:20px;} .biobox .bb-moresocial .socialicons>ul>li {margin-left:30px;} @media screen and (max-width:767px) { .biobox {display:block;} .biobox .bb-image {margin:0 auto 30px auto;} } .logolist span.label {display:block;font-size:16px;line-height:22px;font-weight:bold;text-align:center;margin:0 0 30px 0;} .logolist ul {margin:0 0 0 -50px;row-gap:25px;padding:0;list-style:none;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .logolist ul li {margin:0 0 0 50px;padding:0;} .logolist ul li a, .logolist ul li img {display:block;} @media screen and (max-width:767px) { .logolist ul {margin-left:-30px;} .logolist ul li {margin-left:30px;} } .postfooter {font-size:18px;} /***** COMMENT LIST *****/ ul.commentlist {margin:0;padding:0;list-style:none;} ul.commentlist li.comment-li {margin:0 0 30px 0;padding:0;} ul.commentlist>li.comment-li:first-child {padding-top:0;border-top:none;} ul.commentlist li.comment-li>ul {margin:30px 0 0 30px;padding:0;list-style:none;} ul.commentlist li #respond {margin:30px 0;} ul.commentlist li li #respond {margin-left:-30px;} ul.commentlist li li li #respond {margin-left:-60px;} ul.commentlist li li li li #respond {margin-left:-90px;} ul.commentlist li li li li li #respond {margin-left:-120px;} @media screen and (max-width:619px) { ul.commentlist li.comment-li li.comment-li>ul {margin-left:0;} ul.commentlist li li li #respond {margin-left:-30px !important;} } #respond #reply-title small {display:block;font-size:14px;line-height:20px;font-weight:bold;margin-top:10px;} #respond #reply-title small a {color:inherit;text-decoration:none;} #respond #reply-title small a:hover, #respond #reply-title small a:active {color:var(--kkc-polynesianblue);text-decoration:underline;} .comdiv .comavatar {width:48px;float:left;margin-right:20px;} .comdiv .comavatar img {display:block;border-radius:50%;} .comdiv .comright {overflow:hidden;} .comdiv.bypostauthor, .comdiv.byadmin {background:var(--kkc-oldlace);padding:30px;} @media screen and (max-width:767px) { .comdiv.bypostauthor, .comdiv.byadmin {padding:30px 20px;} } .comdiv .comauth {font-size:16px;line-height:22px;font-weight:bold;margin:0 0 5px 0;} .comdiv .comactions {font-size:14px;line-height:20px;font-weight:bold;margin-top:15px;} .comdiv .comactions ul {display:flex;flex-wrap:wrap;margin:0 0 0 -20px;row-gap:4px;padding:0;list-style:none;align-items:center;} .comdiv .comactions ul li {margin:0 0 0 20px;padding:0;min-width:0;} .comdiv .comactions a {text-decoration:none;} .comdiv .comactions a:hover, .comdiv .comactions a:active {color:var(--kkc-polynesianblue-hover);text-decoration:underline;} .comdiv img.wprm-comment-rating {margin:10px 0 0 0 !important;} .wprm-user-rating-summary .wprm-recipe-rating-recipe-summary {line-height:1;} .wprm-user-rating-summary .wprm-user-rating-summary-details {margin-top:0;} /***** COMMENT FORM *****/ .leavecomment h2, .commentsection h2 {text-align:left;} #respond h2 {margin-top:0;} #respond .comment-form .wprm-rating-stars {display:block;} #respond .comment-form .wprm-comment-ratings-container {display:block;} #respond .comment-form .wprm-comment-ratings-container>legend {height:0;} #respond .comment-form .comment-form-wprm-rating {display:flex;flex-wrap:wrap;align-items:center;margin-left:-10px;margin-top:0;row-gap:6px;} #respond .comment-form .comment-form-wprm-rating label {margin:0 0 0 10px;font-size:18px;font-weight:bold;} #respond .comment-form .comment-form-wprm-rating .wprm-rating-stars {margin-left:10px;} #respond .comment-form .comtwocol {margin-left:-20px;display:flex;} #respond .comment-form .comtwocol p {margin-left:20px;width:50%;} #respond .comment-form input[type="text"], #respond .comment-form input[type="email"], #respond .comment-form input[type="url"], #respond .comment-form textarea {border:1px solid var(--kkc-prussianblue);color:var(--kkc-prussianblue);background:var(--kkc-white);padding:10px 15px;border-radius:4px;font-size:18px;line-height:30px;width:100%;box-sizing:border-box;} #respond .comment-form textarea {height:142px;transition:height 0.3s;} #respond .comment-form.expanded textarea {height:262px;} #respond .comment-form .form-submit {margin-bottom:0;} #respond .comment-form input[type="submit"] {background:var(--kkc-polynesianblue);color:var(--kkc-white);border:none;font-size:16px;line-height:24px;margin:0;padding:12px 20px;font-weight:bold;border-radius:4px;display:block;transition:background 0.3s;box-sizing:border-box;width:auto;} #respond .comment-form input[type="submit"]:hover {background:var(--kkc-polynesianblue-hover);} #respond .comment-form label {display:block;margin:0 0 8px 0;font-size:18px;line-height:24px;font-weight:bold;display:block;} #respond .comment-form p {margin-bottom:20px;} #respond .comment-form .comment-form-cookies-consent, #respond .comment-form .comment-subscription-form, #respond .comment-form .comment-form-subscriptions {position:relative;} #respond .comment-form .comment-form-cookies-consent input[type="checkbox"], #respond .comment-form .comment-subscription-form input[type="checkbox"], #respond .comment-form .comment-form-subscriptions input[type="checkbox"] {opacity:0;position:absolute;top:1px;left:0;width:22px;height:22px;z-index:-1;} #respond .comment-form .comment-form-cookies-consent input[type="checkbox"]:focus-visible + label:before, #respond .comment-form .comment-subscription-form input[type="checkbox"]:focus-visible + label:before, #respond .comment-form .comment-form-subscriptions input[type="checkbox"]:focus-visible + label:before {box-shadow:0 0 3px var(--kkc-prussianblue);} #respond .comment-form .comment-form-cookies-consent input[type="checkbox"] + label, #respond .comment-form .comment-subscription-form input[type="checkbox"] + label, #respond .comment-form .comment-form-subscriptions input[type="checkbox"] + label {position:relative;display:block;padding-left:32px;margin:0;font-size:16px;line-height:24px;font-weight:normal;} #respond .comment-form .comment-form-cookies-consent input[type="checkbox"] + label:before, #respond .comment-form .comment-subscription-form input[type="checkbox"] + label:before, #respond .comment-form .comment-form-subscriptions input[type="checkbox"] + label:before {content:"";display:block;position:absolute;top:1px;left:0;width:22px;height:22px;background:var(--kkc-white);border:1px solid var(--kkc-prussianblue);cursor:pointer;box-sizing:border-box;} #respond .comment-form .comment-form-cookies-consent input[type="checkbox"]:checked + label:after, #respond .comment-form .comment-subscription-form input[type="checkbox"]:checked + label:after, #respond .comment-form .comment-form-subscriptions input[type="checkbox"]:checked + label:after {content:"";display:block;position:absolute;top:5px;left:4px;width:14px;height:14px;background-size:100%;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23281e16' d='M27.241 5.217l-16.44 16.44-6.041-6.041c-0.293-0.293-0.768-0.293-1.061 0l-1.768 1.768c-0.293 0.293-0.293 0.768 0 1.061l8.339 8.339c0.293 0.293 0.768 0.293 1.061 0l18.738-18.738c0.293-0.293 0.293-0.768 0-1.061l-1.768-1.768c-0.293-0.293-0.768-0.293-1.061 0z'%3E%3C/path%3E%3C/svg%3E%0A");} p.akismet_comment_form_privacy_notice {margin:30px 0;} .leavecomment .wprm-user-rating-summary:last-child {margin:60px 0 -40px 0 !important;} @media screen and (max-width:767px) { .leavecomment .wprm-user-rating-summary:last-child {margin:40px 0 -20px 0 !important;} } #footer {padding:60px 0;} #footer .ftcols {display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;} #footer .socialicons {display:flex;align-items:center;flex-wrap:wrap;row-gap:10px;margin-left:-30px;} #footer .socialicons>p {margin:0 0 0 30px;font-size:16px;line-height:24px;font-weight:bold;} #footer .socialicons>ul {margin-left:0;} @media screen and (max-width:767px) { #footer {padding:40px 0;} #footer .ftcols {margin-bottom:30px;} #footer .ftlogo img {display:block;margin:0 auto 30px auto;} #footer .ftcols {display:block;text-align:center;} #footer .ftcols .socialicons {justify-content:center;} } #footer .ftsmall {font-size:14px;line-height:20px;} #footer .ftsmall ul {margin:0 0 0 -40px;row-gap:8px;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-grow:1;} #footer .ftsmall ul li {margin:0 0 0 40px;padding:0;min-width:0;} #footer .ftsmall ul li.right {margin-left:auto;padding-left:40px;} #footer .ftsmall a {font-weight:inherit;text-decoration:none;color:inherit;} #footer .ftsmall a:hover, #footer .ftsmall a:active {text-decoration:underline;color:var(--kkc-polynesianblue);} @media screen and (max-width:1023px) { #footer .ftsmall {margin:0 0 15px 0;} #footer .ftsmall ul {justify-content:center;} } @media screen and (max-width:767px) { #footer .ftsmall ul {display:block;margin-left:0;text-align:center;} #footer .ftsmall ul li {margin-left:0;margin-bottom:15px;} #footer .ftsmall ul li.right {margin-left:0;padding-left:0;} #footer .ftsmall ul li:last-child {margin-bottom:0;} } .cicon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; overflow:visible !important; } .icon-amazon {width:0.875em;} .icon-pinterest { width: 0.7998046875em; } .icon-facebook { width: 0.5498046875em; } .icon-youtube { width: 1.2222222222em; } .icon-tumblr { width: 0.625em; } .icon-tiktok { width: 0.9287109375em; } .icon-spotify { width: 0.96875em; } .icon-podcast { width: 0.875em; } .icon-soundcloud { width: 1.25em; } .icon-wikipedia { width: 1.25em; } .icon-link { width: 1; } .icon-yummly { width: 2.65625em; } .icon-apple { width: 0.75em; } .icon-threads { width: 0.875em; } .icon-xmark-sharp {width:0.75em;} .icon-bars {width:0.875em;} .icon-angle-down { width: 0.875em; } .icon-star { width: 1.125em; } .icon-arrow-down { width: 0.75em; } .icon-basket-shopping { width: 1.125em; } .icon-question { width: 0.625em; } .icon-lightbulb { width: 0.75em; } .icon-bars-solid {width:0.875em;} .icon-angle-right-sharp { width: 0.625em; } .icon-angle-right-solid { width: 0.5em; } .icon-angle-down-solid { width: 0.875em; } .icon-browse-all { width: 1.0439453125em; } .icon-angle-right { width: 0.625em; } .icon-angle-left { width: 0.625em; } .icon-arrow-down-long-solid {width:0.75em;} .icon-arrow-up-down {width:0.625em;} .icon-check-solid {width:0.875em;} .icon-angle-right-sharp-solid {width:0.625em;} .icon-pinterest {width:0.96875em;} span[data-pin-log="button_pinit_floating"] {z-index:90 !important;} /****** MARGINS ******/ #bodyel .notop>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .nobot>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} @media screen and (min-width:768px) { #bodyel .notop768>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop768>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .nobot768>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot768>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} } @media screen and (min-width:1024px) { #bodyel .notop1024>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .notop1024>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child>:first-child {margin-top:0;} #bodyel .nobot1024>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} #bodyel .nobot1024>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child>:last-child {margin-bottom:0;} } #bodyel .wprm-rating-star svg {width:1em;height:1em;margin:0 !important;display:inline-block;vertical-align:top;} #bodyel .wprm-rating-star {display:inline-block;vertical-align:top;line-height:1;} .wp-block-columns .wp-block-column>:first-child {margin-top:0;} .wp-block-columns .wp-block-column>:last-child {margin-bottom:0;} #bodyel .custom-gform-wrap, #bodyel .gform_confirmation_wrapper {margin-top:20px;margin-bottom:20px;} #bodyel .gform_confirmation_wrapper, #bodyel .custom-gform-wrap {position:relative;} #bodyel .gform_wrapper .gfield_label {font-size:16px;line-height:24px;font-weight:normal;display:block;margin-bottom:5px;color:inherit;} #bodyel .gform_wrapper input[type=color], #bodyel .gform_wrapper input[type=date], #bodyel .gform_wrapper input[type=datetime-local], #bodyel .gform_wrapper input[type=datetime], #bodyel .gform_wrapper input[type=email], #bodyel .gform_wrapper input[type=month], #bodyel .gform_wrapper input[type=number], #bodyel .gform_wrapper input[type=password], #bodyel .gform_wrapper input[type=search], #bodyel .gform_wrapper input[type=tel], #bodyel .gform_wrapper input[type=text], #bodyel .gform_wrapper input[type=time], #bodyel .gform_wrapper input[type=url], #bodyel .gform_wrapper input[type=week], #bodyel .gform_wrapper select, #bodyel .gform_wrapper textarea, #bodyel .gform_wrapper .gform_fileupload_multifile .gform_drop_area { border:1px solid var(--kkc-prussianblue);color:var(--kkc-prussianblue);background:var(--kkc-white);padding:10px 15px;font-size:16px;line-height:24px;border-radius:4px; } #bodyel .gform_wrapper input[type="file"] {font-size:16px;line-height:24px;} #bodyel .gform_wrapper .gfield textarea.small {height:118px;} #bodyel .gform_wrapper .gfield textarea.medium {height:166px;} #bodyel .gform_wrapper .gfield textarea.large {height:214px;} #bodyel .gform_wrapper select.gfield_select, #bodyel .gform_wrapper .ginput_complex select, #bodyel .gform_wrapper .gfield_time_ampm select, #bodyel .gform_wrapper .ginput_container_date select { -moz-appearance:none;-webkit-appearance:none;appearance: none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23281e16' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E"),linear-gradient(to bottom, #fff 0%,#fff 100%);background-repeat: no-repeat, repeat;background-position: right 17px top 50%, 0 0;background-size: .625em auto, 100%;padding-right:45px; } /* Hide arrow icon in IE browsers */ #bodyel .gform_wrapper select.gfield_select::-ms-expand, #bodyel .gform_wrapper .ginput_complex select::-ms-expand, #bodyel .gform_wrapper .gfield_time_ampm select::-ms-expand, #bodyel .gform_wrapper .ginput_container_date select::-ms-expand { display: none; } #bodyel .gform_wrapper select.gfield_select[multiple], #bodyel .gform_wrapper .ginput_complex select[multiple] {background-image:none;padding-right:20px;} #bodyel .gform_wrapper .ginput_container_time {min-width:90px;max-width:90px;} #bodyel .gform_wrapper .gfield_time_ampm {min-width:95px;max-width:95px;} #ui-datepicker-div {z-index:99999 !important;} #bodyel .gform_wrapper .description, #bodyel .gform_wrapper .gfield_description, #bodyel .gform_wrapper .gsection_description, #bodyel .gform_wrapper .instruction, #bodyel .gform_wrapper .ginput_complex label, #bodyel .gform_wrapper .gform_fileupload_rules {font-size:13px;line-height:18px;padding-top:10px;} @media screen and (min-width:641px) { #bodyel .gform_wrapper .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)), #bodyel .gform_wrapper .ginput_full:not(:last-of-type) {margin-bottom:15px;} } @media screen and (max-width:640px) { #bodyel .gform_wrapper .ginput_complex span {margin-bottom:15px;} #bodyel .gform_wrapper .ginput_complex span:last-of-type {margin-bottom:0;} } #bodyel .gform_wrapper .field_description_above .description, #bodyel .gform_wrapper .field_description_above .gfield_description, #bodyel .gform_wrapper .gfield_description_above .gsection_description, #bodyel .gform_wrapper .gfield_description_above .instruction {padding-top:0;padding-bottom:10px;} #bodyel .gform_wrapper .gform_fields {grid-row-gap:20px;} #bodyel .gform_wrapper .gchoice {position:relative;} #bodyel .gform_wrapper .gfield_checkbox label, #bodyel .gform_wrapper .gfield_radio label, #bodyel .gform_wrapper .ginput_container_consent label {font-size:16px;line-height:24px;margin:0;max-width:none;display:block;position:relative;padding-left:32px;font-weight:inherit;} #bodyel .gform_wrapper .gfield_checkbox .gchoice, #bodyel .gform_wrapper .gfield_radio .gchoice {margin-bottom:10px;} #bodyel .gform_wrapper .gfield_checkbox .gchoice:last-child, #bodyel .gform_wrapper .gfield_radio .gchoice:last-child {margin-bottom:0;} #bodyel .gform_wrapper .gfield_radio input[type="radio"] {opacity:0;position:absolute;top:2px;left:0;width:20px;height:20px;z-index:-1;} #bodyel .gform_wrapper .gfield_radio input[type="radio"]:focus + label:before {box-shadow:0 0 3px var(--joc-black);} #bodyel .gform_wrapper .gfield_radio label:before {content:"";display:block;position:absolute;top:2px;left:0;width:20px;height:20px;background:var(--joc-white);border-radius:50%;border:1px solid var(--joc-black);box-sizing:border-box;} #bodyel .gform_wrapper .gfield_radio input[type="radio"]:checked + label:after {content:"";display:block;position:absolute;top:8px;left:6px;width:8px;height:8px;border-radius:50%;background:var(--joc-black);} #bodyel .gform_wrapper .gfield_checkbox input[type="checkbox"], #bodyel .gform_wrapper .ginput_container_consent input[type="checkbox"] {opacity:0;position:absolute;top:2px;left:0;width:20px;height:20px;z-index:-1;} #bodyel .gform_wrapper .gfield_checkbox input[type="checkbox"]:focus + label:before, #bodyel .gform_wrapper .ginput_container_consent input[type="checkbox"]:focus + label:before {box-shadow:0 0 3px var(--joc-black);} #bodyel .gform_wrapper .gfield_checkbox label:before, #bodyel .gform_wrapper .ginput_container_consent label:before {content:"";display:block;position:absolute;top:2px;left:0;width:20px;height:20px;background:var(--joc-white);box-sizing:border-box;border:1px solid var(--joc-black);} #bodyel .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label:after, #bodyel .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked + label:after {content:"";display:block;position:absolute;top:5px;left:3px;width:14px;height:14px;background-size:100%;background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23281e16' d='M27.241 5.217l-16.44 16.44-6.041-6.041c-0.293-0.293-0.768-0.293-1.061 0l-1.768 1.768c-0.293 0.293-0.293 0.768 0 1.061l8.339 8.339c0.293 0.293 0.768 0.293 1.061 0l18.738-18.738c0.293-0.293 0.293-0.768 0-1.061l-1.768-1.768c-0.293-0.293-0.768-0.293-1.061 0z'%3E%3C/path%3E%3C/svg%3E%0A");} #bodyel .gform_wrapper .gfield_checkbox input[value="gf_other_choice"] + label + br, #bodyel .gform_wrapper .gfield_radio input[value="gf_other_choice"] + label + br {display:none;} #bodyel .gform_wrapper .gfield_checkbox button, #bodyel .gform_wrapper .gfield_radio button {margin-top:5px;font-size:16px;} #bodyel .gform_wrapper .gfield_checkbox input[type="text"], #bodyel .gform_wrapper .gfield_radio input[type="text"] {margin-top:15px;width:100%;} #bodyel .gform_wrapper select.gfield_select, #bodyel .gform_wrapper .ginput_complex select, #bodyel .gform_wrapper .gfield_time_ampm select {height:48px;} #bodyel .gform_wrapper .hour_minute_colon {align-self:center;} #bodyel .gform_wrapper select[multiple] {height:auto;} #bodyel .gform_wrapper select option {padding:2px;} #bodyel .gform_wrapper .gform_button, #bodyel .gform_wrapper .gform-button, #bodyel .gform_wrapper .gform_page_footer .button {background:var(--kkc-polynesianblue);color:var(--kkc-white);border:none;border-radius:4px;font-size:16px;line-height:24px;font-weight:bold;padding:12px 20px;overflow:visible;cursor:pointer;-webkit-appearance:none;margin:0;width:100%;box-sizing:border-box;transition:background 0.3s;} #bodyel .gform_wrapper .gform_button:hover, #bodyel .gform_wrapper .gform-button:hover, #bodyel .gform_wrapper .gform_page_footer .button:hover {background:var(--kkc-polynesianblue-hover);} #bodyel .gform_wrapper .gform_footer, #bodyel .gform_wrapper .gform_page_footer {margin-top:20px;padding-top:0;padding-bottom:0;position:relative;} #bodyel .gform_wrapper .gform_footer .gform-loader {position:absolute;margin-inline-start:0;margin-left:-4em;margin-top:-4em;top:50%;left:50%;} #bodyel .gform_wrapper .ginput_container_checkbox + .gfield_description, #bodyel .gform_wrapper .ginput_container_radio + .gfield_description, #bodyel .gform_wrapper .ginput_container_consent + .gfield_description {margin-top:10px;} #bodyel .gform_wrapper .ginput_container_consent + .gfield_description {border:none;max-height:none;overflow-y:visible;padding:0;} #bodyel .gform_wrapper .gfield_required {font-size:inherit;padding-left:5px;font-style:normal;color:inherit;font-weight:normal;} #bodyel .gform_wrapper .gfield_required .gfield_required {padding-left:0;} #bodyel .gform_wrapper .gform_required_legend .gfield_required {padding-left:0;} #fullwrap #gf_form_focus {outline:none;} #bodyel .gform_wrapper {--joc-gform-error:var(--joc-orange);} #bodyel .gform_wrapper .gfield.gfield_error .gfield_required, #bodyel .gform_wrapper .gfield_error .gfield_label, #bodyel .gform_wrapper div.validation_error, #bodyel .gform_wrapper ol.validation_list, #bodyel .gform_wrapper .validation_message, #bodyel .gform_wrapper .gf_submission_limit_message, #bodyel .gform_wrapper .gfield.gfield_error div.ginput_complex.ginput_container label, #bodyel .gform_wrapper .gfield.gfield_error .gfield_checkbox, #bodyel .gform_wrapper .gfield.gfield_error ul.gfield_radio, #bodyel .gform_wrapper .gform_validation_errors > h2 {color:var(--joc-gform-error);} #bodyel .gform_wrapper .gfield.gfield_error input[type="text"], #bodyel .gform_wrapper .gfield.gfield_error input[type="url"], #bodyel .gform_wrapper .gfield.gfield_error input[type="email"], #bodyel .gform_wrapper .gfield.gfield_error input[type="tel"], #bodyel .gform_wrapper .gfield.gfield_error input[type="number"], #bodyel .gform_wrapper .gfield.gfield_error input[type="password"], #bodyel .gform_wrapper .gfield.gfield_error textarea, #bodyel .gform_wrapper .gfield.gfield_error select.gfield_select {border-color:var(--joc-gform-error);;} #bodyel .gform_wrapper .gfield_error label {color:inherit;} #bodyel .gform_wrapper .gfield_validation_message, #bodyel .gform_wrapper .validation_message {border:none;padding:0;background:none;font-size:13px;line-height:18px;margin-top:10px;} #bodyel .gform_wrapper .gform_validation_errors {border:none;border-radius:0;box-shadow:none;background:none;margin:0 0 30px 0;padding:0;} #bodyel .gform_wrapper .gform_validation_errors .gform-icon {display:none;} #bodyel .gform_wrapper .gform_validation_errors h2 {font-size:inherit;line-height:inherit;font-weight:normal;margin:0 0 15px 0;text-align:left;font-family:inherit;} #bodyel .gform_wrapper .gform_validation_errors>h2.hide_summary {margin:0;} #bodyel .gform_wrapper .gform_validation_errors>ol {padding-left:1.6em;} #bodyel .gform_wrapper .gform_validation_errors>ol li {font-size:inherit;color:inherit;margin-bottom:4px;} #bodyel .gform_wrapper .gform_validation_errors>ol a {font-size:inherit;color:inherit;font-weight:inherit;} #bodyel .gform_wrapper .gsection {padding:0;border:none;} #bodyel .gform_wrapper .gform_title {margin:0 0 30px 0;} #bodyel .gform_wrapper .gsection_title {margin:10px 0 0 0;} #bodyel .gform_wrapper .gform_description {display:block;margin-bottom:30px;} #bodyel .gform_wrapper .recaptchafield:not(.gfield_error) {position:absolute;} #bodyel .gform_wrapper .recaptchafield.gfield_error .gfield_validation_message {margin-top:0;} #bodyel .gform_wrapper .grecaptcha-badge {z-index:1;} #bodyel .gform_wrapper .gform_anchor, #bodyel .gform_wrapper .gform_validation_errors {outline:none !important;} .subscribeform {margin:30px 0;} .subscribeform .input {margin-bottom:15px;position:relative;} .subscribeform .input-submit {margin-bottom:0;} .subscribeform .input-name, .subscribeform .input-email {width:100%;} .subscribeform input[type="text"], .subscribeform input[type="email"] {display:block;margin:0;box-sizing:border-box;background:var(--kkc-white);border:1px solid var(--kkc-prussianblue);color:var(--kkc-prussianblue);padding:11px 15px;font-size:16px;line-height:24px;border-radius:4px;min-width:0;width:100%;box-sizing:border-box;} .subscribeform input[type="submit"] {background:var(--kkc-polynesianblue);color:var(--kkc-white);border:none;transition:background 0.3s;margin:0;padding:12px 20px;border:none;display:block;box-sizing:border-box;font-size:16px;line-height:24px;border-radius:4px;font-weight:bold;width:100%;} .subscribeform input[type="submit"]:hover {background:var(--kkc-polynesianblue-hover);} .subscribeform label {position:absolute;top:0;left:0;padding:12px 15px;box-sizing:border-box;max-width:100%;height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:24px;pointer-events:none;transform-origin:0 0;transition: opacity .2s ease-in-out, transform .2s ease-in-out, padding .2s ease-in-out;border-radius:4px;color:var(--kkc-prussianblue);opacity:0.6;} .subscribeform input::placeholder {color:transparent;} .subscribeform input:focus + label, .subscribeform input:not(:placeholder-shown) + label { /* scale to 12px / 18px label font size height: 18px / the scale padding: 3 / the scale translate: (padding-3) / scale, -9/scale */ color:var(--kkc-prussianblue);transform: scale(0.75) translate(16px, -12px);padding:0 4px;height:24px;background:var(--kkc-white);opacity:1; } .subscribeform input:-webkit-autofill + label { color:var(--kkc-prussianblue);transform: scale(0.75) translate(16px, -12px);padding:0 4px;height:24px;background:var(--kkc-white);opacity:1; } .jquery-modal.blocker { z-index: 100000001; padding:30px 30px;background:rgba(0,0,0,0.3);} .jquery-modal .modal { z-index: 100000002; } .jquery-modal .modal {width:100%;max-width:640px;background:none;box-shadow:none;padding:0;} .jquery-modal .modal-a {background:var(--kkc-aliceblue);color:var(--kkc-prussianblue);padding:60px;box-sizing:border-box;border-radius:0;} .jquery-modal .modal .closebtn {position:absolute;right:20px;top:10px;} .jquery-modal .modal .closebtn:hover {color:var(--kkc-polynesianblue);} .jquery-modal .modal h2 {margin-top:0;font-size:24px;line-height:32px;text-align:center;} .jquery-modal .modal .subscribeform {margin-bottom:0;} @media screen and (max-width:1023px) { .jquery-modal .modal {max-width:740px;} .jquery-modal .modal-a {padding:60px 40px;} } @media screen and (max-width:767px) { .jquery-modal.blocker {padding:30px 20px;} .jquery-modal .modal-a {padding:50px 20px 20px 20px;} .jquery-modal .modal {max-width:380px;} }