/* Theme Name: Sauced By Sunday Author: Nick Zwinggi Author URI: https://zwinggicreative.com Description: Theme built for Sauced By Sunday Version: 2023.1 */ @font-face { font-family: 'Museo'; src: url('fonts/Museo-300.woff2') format('woff2'), url('fonts/Museo-300.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo'; src: url('fonts/Museo-500.woff2') format('woff2'), url('fonts/Museo-500.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo'; src: url('fonts/Museo-500Italic.woff2') format('woff2'), url('fonts/Museo-500Italic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Museo Sans'; src: url('fonts/MuseoSans-300.woff2') format('woff2'), url('fonts/MuseoSans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Sans'; src: url('fonts/MuseoSans-300Italic.woff2') format('woff2'), url('fonts/MuseoSans-300Italic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Museo Sans'; src: url('fonts/MuseoSans-700.woff2') format('woff2'), url('fonts/MuseoSans-700.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Sans'; src: url('fonts/MuseoSans-700Italic.woff2') format('woff2'), url('fonts/MuseoSans-700Italic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} :root{ --olive: #414c3c; --olive14: rgba(65,76,60,.14); --ashforest: #414c3c; --magenta: #b66b93; --violet: #5F2359; --plum: #73325B; --lightplum: #DDCDD7; --purplehr: #726272; --blueviolet: #272E73; --white: #ffffff; --midnight: #242A4C; --darkgreen: #48988A; --teal: #4C9CAA; --teallight: #73AFBA; --blue: #055170; --lightblue: #889; --sage: #8CA87C; --lightsage: #AECB9E; --sagemedium: #d6dEdD; --lightestsage: #CFDBC9; --grey: #DCDDDE; --hr: #E1EBEA; } /* ---------------- ---------------- */ /* -------- Global Elements -------- */ /* ---------------- ---------------- */ html { overflow-x:hidden;} body * {font-family: 'Museo Sans', 'Roboto', 'Droid Sans', sans-serif;} body { font-weight:normal; font-family: 'Museo Sans', 'Roboto', 'Droid Sans', sans-serif; font-size: 16px; background: var(--white); color:#2E2E2E; overflow-x: hidden;} strong, b, strong a, b a { font-weight:700; } em, i, em a, i a { font-style:italic;} .alignright { float:right; margin: 0 0 20px 50px; max-width: calc(50% - 25px) !important;} .alignleft { float:left; margin: 0 50px 20px 0; max-width: calc(50% - 25px) !important;} @media (max-width:767px){ .alignleft, .alignright { float:none; margin: 0 0 20px; max-width: 100% !important; } } hr { height:1px; border:none; border-top:1px solid #dedede; width:100%; background: none; margin: 30px 0;} article ul { list-style: disc; margin: 30px;} article ol { list-style: decimal; margin: 30px;} article ul li, article ol li { padding:5px 0 5px 5px;} .midnight { color:#055170;} .blue { color:#7693A2;} .grey { color:#2E2E2E;} .green { color:var(--olive);} .olive { color:var(--olive);} .green-dark { color:#071108;} .brown { color:#7F4C3A;} .grey-light { color:#f8f8f8;} .grey-mid { color:#DEDEDE;} .black { color:#071108;} .white { color:var(--white);} .bg-midnight { background-color:#055170;} .bg-blue { background-color:#7693A2;} .bg-grey { background-color:#2E2E2E;} .bg-green { background-color:var(--olive);} .bg-olive { background-color:var(--olive);} .bg-green-dark { background-color:#071108;} .bg-brown { background-color:#7F4C3A;} .bg-grey-light { background-color:#f8f8f8;} .bg-grey-mid { background-color:#DEDEDE;} .bg-black { background-olor:#071108;} .bg-white { background-color:var(--white);} .panel-bg-green { background-color:var(--olive); border-radius: 11px;} .panel-bg-blue { background-color:#7693A2; border-radius: 11px;} .panel-bg-olive { background-color:var(--olive); border-radius: 11px;} .panel-bg-midnight { background-color:#055170; border-radius: 11px;} .panel-bg-brown { background-color:#7F4C3A; border-radius: 11px;} .panel-bg-grey { background-color:#2E2E2E; border-radius: 11px;} .panel-bg-green *, .panel-bg-blue *, .panel-bg-brown *, .panel-bg-grey * { color:var(--white);} img { max-width:100%; height: auto;} .pane { border-radius:0; position: relative; overflow: hidden;} .pane img { object-fit: cover; position: absolute; width: 100%; height: 100%;} .relative { position:relative;} .static { position:static;} .fixed { position:fixed;} .absolute { position:absolute;} a { transition: .25s all ease-in-out; color:var(--teal); text-decoration: none;} a:hover { transition: .25s all ease-in-out; color:var(--violet); text-decoration: none;} a.rel { width:0; height:0; opacity: 0; top:-200px; position: absolute; } a.button, .button, .search-submit, button.forminator-button-submit, .button a { background: var(--sage) !important; border-radius: 0px !important; padding:15px 162px 16px 16px !important; line-height: 1em; color:var(--white);text-transform: uppercase; transform:scale(100%) !important; display: inline-block !important; border: none !important; transition: .25s all ease-in-out !important; font-size: 22px !important; cursor: pointer; text-align: left; position: relative;font-weight:700;letter-spacing: 0;} a.button::after, .button::after, .button-link a::after, a.button-link::after, .search-submit::after, button.forminator-button-submit::after, .button a::after { content: ''; position: absolute; right: 12px; top: calc(50% - 9px); height: 17px; width: 130px; background: url("/wp-content/themes/sauced_by_sunday/images/arrow_white.svg") repeat-x; background-size: contain; opacity: 1; transition: .25s all ease-in-out; } a.button:hover::after, .button:hover::after, .button-link a:hover::after, a.button-link:hover::after, .search-submit:hover::after, button.forminator-button-submit:hover::after, .button a:hover::after { opacity: 1; transition:.25s all ease-in-out;} .forminator-ui.forminator-design--default .forminator-button-submit { font-weight: 600 !important; font-size: 16px !important; } a.button:hover, .insights .cell a:hover .button, .button-link a:hover, a.button-link:hover, .search-submit:hover, button.forminator-button-submit:hover, .button a:hover { background: var(--olive) !important; transition: .25s all ease-in-out !important; padding-right:190px !important; border: none !important; } a.button.button-white, a.button.button-light, .button.button-light a, .button-light button { color: #055170; background:var(--white) !important; } a.button.button-white::after, .button.button-white::after, .button-link.button-white a::after, a.button-link.button-white::after, .search-submit.button-white::after, button.forminator-button-submit.button-white::after, .button.button-white a::after, a.button.button-light::after, .button-link.button-light a::after, a.button-link.button-light::after, .search-submit.button-light::after, button.forminator-button-submit.button-light::after, .button.button-light a::after, .button-light button::after { background:url("/wp-content/themes/sauced_by_sunday/images/arrow_blue.svg") no-repeat; background-size:contain; opacity:1; transition: .25s all ease-in-out;} .button.button-light a:hover::after, .button-light button:hover::after { opacity:0; transition: .25s all ease-in-out; } a.button.button-white::before, .button.button-white::before, .button-link.button-white a::before, a.button-link.button-white::before, .search-submit.button-white::before, button.forminator-button-submit.button-white::before, .button.button-white a::before, a.button.button-light::before, .button-link.button-light a::before, a.button-link.button-light::before, .search-submit.button-light::before, button.forminator-button-submit.button-light::before, .button.button-light a::before, .button-light button::before { content:''; position:absolute; right:3px; top:calc(50% - 5px); height:10px; width:30px; background:url("/wp-content/themes/sauced_by_sunday/images/arrow_white.svg") no-repeat; background-size:contain; opacity:0; transition: .25s all ease-in-out;} .button.button-light a:hover::before, .button-light button:hover::before { opacity:1; transition: .25s all ease-in-out; } a.button.button-white:hover, a.button.button-light:hover, .button.button-light a:hover, .button-light button:hover { color: var(--white); background:#055170 !important;} @media (max-width:990px){ a.button, .button, .search-submit, button.forminator-button-submit,.button a { padding:10px 129px 11px 11px !important; font-size: 16px !important;} a.button::after, .button::after, .button-link a::after, a.button-link::after, .search-submit::after, button.forminator-button-submit::after, .button a::after {top: calc(50% - 5px);height: 10px;width: 74px;} a.button:hover, .insights .cell a:hover .button, .button-link a:hover, a.button-link:hover, .search-submit:hover, button.forminator-button-submit:hover,.button a:hover { padding-right:150px !important; } } button.button.slim { padding-top: 7px !important; padding-bottom: 9px !important; font-size: 14px !important; padding-left: 15px !important; line-height: 1.25em; } button.button.slim:hover { background: var(--violet) !important; padding-right: 65px !important; } a.page-numbers { background: var(--sage) !important; border-radius: 0px !important; padding: 15px 16px 16px 16px; line-height: 1em; color: var(--white); text-transform: uppercase; transform: scale(100%) !important; display: inline-block !important; border: none !important; transition: .25s all ease-in-out !important; font-size: 22px !important; cursor: pointer; text-align: center; position: relative; font-weight: 700; letter-spacing: 0; min-width: 53px; } a.next.page-numbers { padding-right:100px; } a.prev.page-numbers { padding-left:100px; } a.next.page-numbers::after, a.prev.page-numbers::after { content: ''; position: absolute; right: 12px; top: calc(50% - 9px); height: 17px; width: 56px; background: url("/wp-content/themes/sauced_by_sunday/images/arrow_white.svg") repeat-x; background-size: contain; opacity: 1; transition: .25s all ease-in-out; } @media(max-width:990px){ a.page-numbers { padding: 10px 13px 10px 12px; font-size: 16px !important; min-width: 28px; margin-bottom:4px; } a.next.page-numbers::after, a.prev.page-numbers::after { height: 10px; top: calc(50% - 5px); width:34px; } } a.prev.page-numbers::after { transform:rotate(180deg);right: unset; left:12px;} a.page-numbers:hover { background: var(--olive) !important; transition: .25s all ease-in-out !important; border: none !important; } span.page-numbers { padding: 15px 16px 16px 16px; line-height: 1em; transform: scale(100%) !important; display: inline-block !important; transition: .25s all ease-in-out !important; font-size: 22px !important; text-align: center; position: relative; font-weight: 700; letter-spacing: 0; min-width: 53px; } @media(max-width:990px){ span.page-numbers { padding: 10px 13px 10px 12px; font-size: 16px !important; min-width: 28px; margin-bottom:4px; } } .flexPanel .pagination.cell_12 { text-align:center; margin-bottom: 100px;} a.download-link { padding-right: 42px !important; } a.download-link::after { content:''; position: absolute; top:50%; transform: translateY(-50%); right:8px; height:20px; width:25px; background: url("/wp-content/themes/sauced_by_sunday/images/downloadable.svg") no-repeat; background-size: contain;} .insights .cell.cell_4 { transition: .25s all ease-in-out; margin:0 0 50px; width:33.333333333%;} @media (max-width:990px){ .insights .cell.cell_4 { margin:0 0 24px; width:50%;} } @media (max-width:540px){ .insights .cell.cell_4 { margin:0; width:100%;} } .insights .cell a { transition: .25s all ease-in-out; color:var(--midnight); text-decoration: none; padding:20px;} .insights .cell a:hover{ transition: .25s all ease-in-out; color:var(--olive); text-decoration: none; background:var(--hr); transform:scale(104%);} .insights .cell a p { font-size:16px; line-height: 1.75em;} button#searchsubmit { margin-top:30px;} p, ul, li { line-height: 1.6em;} p { margin-bottom: 21px; } #memberships, #memberships p { display:flex; align-items: center; justify-content: center;} #memberships img { margin:0 20px;} @media (max-width:990px){ #memberships p { flex-wrap: wrap;} #memberships img { margin: 10px 0; display: block; max-width: 100%;} } .flex-wrap {flex-wrap: wrap;} .pageinner { max-width:1280px; width:90%; margin:0 auto; padding: 0; position: relative;} @media (max-width:990px) { .pageinner { width:calc(100% - 50px); margin:0 25px;} } .pageinnerslim { max-width:840px;} .pageinnerslim img, .wp-caption { max-width:100%; margin-top: 50px;} .wp-caption-text { font-style:italic; padding:20px 0; margin-bottom:30px; border-bottom:1px solid #d7d7d7; line-height: 1.5em;} header .pageinner { max-width:1280px; width:calc(90% - 50px);align-items: center; justify-content: space-between;} @media (max-width:990px) { header .pageinner {width: calc(100% - 50px);text-align: center;justify-content: center;} } .attachment-post-thumbnail, .page-setting img { margin-bottom: 30px;} @media (max-width:767px) { .attachment-post-thumbnail, .page-setting img { display:block;} } .flex { display:flex;} .flex.vertcenter { align-items:center;} .vertcenter { align-items:center;} @media (max-width:990px) { .desktop-only { display:none !important;} } @media (min-width:991px) { .mobile-only { display:none !important;} } .print-only { display:none !important;} /* ---------------- ---------------- */ /* -------- Header Elements -------- */ /* ---------------- ---------------- */ #header { position: fixed; width:100%; top:0; left: 0; z-index: 999999; transition: .25s all ease-in-out; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);} .scroll-up #header, .scroll-down #header { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); transition: .25s all ease-in-out;box-shadow: 0 0 185px 0 rgba(0,0,0,0.078);} .scroll-down #header:not(.active){ top: -120px;} #site-title { background: url("/wp-content/themes/sauced_by_sunday/images/logo.svg") no-repeat; background-size: contain; width: 369px; height: 240px; background-position: left center; text-indent: -9999px; overflow: hidden; margin: 13px 40px 4px -50px; transition: .25s all ease-in-out; } .scroll-up #site-title, .scroll-down #site-title {height: 90px;margin: 12px 0; transition:.25s all ease-in-out;} @media (max-width:990px) { #header, .scroll-up #header, .scroll-down #header {transition: .5s all ease-in-out;} .scroll-up #site-title, .scroll-down #site-title {height:80px;margin: 0 0 0 -17px; transition:.55s all ease-in-out;} } #site-title a {display: block;height: 100%;cursor: pointer;} @media(max-width:990px){ #site-title { background: url("/wp-content/themes/sauced_by_sunday/images/logo.svg") no-repeat; background-size: contain; width: 229px; height: 129px; background-position: left center; text-indent: -9999px; overflow: hidden; margin: 13px 40px 4px -30px; transition: .25s all ease-in-out; z-index: 3333; } #header .pageinner .flex.vertcenter { align-items: flex-start; margin: 10px 0;} } .fader { opacity:0; margin-top:50px !important; transition: .375s all ease-in-out; position: relative} .fader.opaque { opacity:1; margin-top:0 !important; transition: .375s all ease-in-out;} .cell_12.fader, .card.fader { margin-top:70px !important; } .cell_12.fader.opaque, .card.fader.opaque { margin-top:20px !important; } #desktop-menu { display: flex; flex-wrap: wrap; align-content: flex-end; margin-top: -22px; transition:.25s margin ease-in-out;} body.scroll-up #desktop-menu, body.scroll-down #desktop-menu { margin-top: 0px; transition:.25s margin ease-in-out;} #menu-main-menu { width: calc(100%); display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: flex-end;} .menu-main-menu-container { width:100%;} #menu-main-menu a { font-size: 18px; font-style: italic; letter-spacing: 3px; } .menu-nav-shelf-container { width:100%;} .menu-nav-shelf-container ul { display:flex; justify-content: flex-end;} .menu-nav-shelf-container ul li { position: relative; transition: .25s all ease-in-out; line-height: 1.5;} .menu-nav-shelf-container ul li a { padding:7px 0 7px 23px; display: block; font-weight:500; position: relative;font-size: 13px; color: var(--white); letter-spacing: 1.81px;text-transform: uppercase;} .menu-nav-shelf-container ul li.button a { padding-right:0; padding-left:0; margin-top: 8px; padding-top: 8px !important; padding-bottom: 6px !important; margin-left:0px;} .menu-nav-shelf-container ul li.button a:hover { margin-left:-15px;} .menu-nav-shelf-container ul li:not(.social) a {margin-left: 6px;margin-right: 36px;} .menu-nav-shelf-container ul li:not(.button) a { position:relative; color:#fff;} .menu-nav-shelf-container ul li:not(.button) a:hover { color:#fff; } /*.menu-nav-shelf-container ul li:not(.button) a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/sauced_by_sunday/images/chevron-right-dark.svg") no-repeat;width: 0;height: 14px; position: absolute; background-size: 6px 12px; left: 0;background-position: right; top: 15px;} .menu-nav-shelf-container ul li:not(.button) a:hover::before { width: 6px; transition: .25s all .125s ease-in-out; }*/ .menu-nav-shelf-container ul li.button a { font-size:14px !important; padding-left:14px !important; padding-right: 45px !important;} .menu-nav-shelf-container ul li.button a:hover { padding-right:60px !important;} .menu-nav-shelf-container ul li:last-child { margin-right:-5px;} #menu-main-menu > li > a { position:relative;} li.icon-contact a, li.search-nav a, #mobile-nav-list > div > ul > li.search-nav > a, a.search-button {margin-top: 0;display: block !important;padding-right: 0;padding-left: 25px;background-color: transparent !important; border: none !important;transition: .25s all ease-in-out;margin: 0;position: relative;} li.icon-contact a::before, li.search-nav a::before, a.search-button::before { position:absolute; content:''; background-image: url("/wp-content/themes/sauced_by_sunday/images/spyglass-ashforest.svg") !important;background-repeat: no-repeat !important;background-size: contain; background-position: center center; width: 21px;height: 100%; top: 0; left:0; opacity: 1; transition:.25s all ease-in-out;} #mobile-nav-list > div > ul > li.search-nav > a::before { left: unset; right:0;} li.icon-contact a::before {background-image: url("/wp-content/themes/sauced_by_sunday/images/phone.svg") !important;width: 12px; left: 1px} li.icon-contact a:hover, li.search-nav a:hover, a.search-button:hover { transform:scale(104%); transition:.25s all ease-in-out;} .menu-nav-shelf-container ul > li:hover a { color:#071108; transition: .25s all ease-in-out; position: relative; z-index: 3;} .menu-nav-shelf-container ul .sub-menu { padding:14px; position: absolute; left:0px; min-width: 250px; background:#f8f8f8; border:1px solid #DEDEDE; z-index: 2; margin-top:0px; height:auto; overflow: hidden;transition:.25s all ease-in-out; max-height:0px; opacity: 0; flex-wrap: wrap;} .menu-nav-shelf-container ul > li.menu-item-has-children:hover .sub-menu { max-height: 1000px; transition:.25s all ease-in-out; opacity: 1;} @media(max-width:990px){ .menu-nav-shelf-container ul .sub-menu { padding: 0; position: relative; left: 0%; width:100%; height:auto; max-height:0px; overflow: hidden; bottom: unset; top:unset; background:#d0d0d0;transition: .25s all ease-in-out;} .menu-nav-shelf-container ul > li.menu-item-has-children:hover .sub-menu { position: relative; left: 0%; max-height: 1000px;transition: .25s all ease-in-out;opacity: 1;padding-left: 41px;bottom: 0px;z-index: 999;} .menu-nav-shelf-container ul li { position: static;} .menu-nav-shelf-container ul li a { position: static;} .menu-nav-shelf-container ul li.search-nav { display: none;} a.search-button { top: 37px; left: 25px; position: absolute; transform: scale(134%);} } .menu-nav-shelf-container ul .sub-menu li { margin:0; background:#f8f8f8; border:none; width:100%;} .menu-nav-shelf-container ul .sub-menu li a { padding:9px 0; margin: 0; background:#f8f8f8 !important; border:none !important; line-height: 1;} .menu-nav-shelf-container ul .sub-menu li a { position:relative; display: inline-block;padding-right:15px;} .menu-nav-shelf-container ul .sub-menu li a:hover { padding-left:15px;padding-right:0;} .menu-nav-shelf-container ul .sub-menu li a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/sauced_by_sunday/images/chevron-right.svg") no-repeat;width: 0;height: 14px; position: absolute; background-size: 6px 12px; left: 0;background-position: right; top: 9px;} .menu-nav-shelf-container ul .sub-menu li a:hover::before { width: 6px; transition: .25s all .125s ease-in-out; } @media(max-width:990px){ .menu-nav-shelf-container ul .sub-menu li a { padding:10px; margin: 0; background:#d0d0d0 !important; border:1px solid #dedede !important; border-left: none !important; border-right: none !important;} .menu-nav-shelf-container ul .sub-menu li a::before, .menu-nav-shelf-container ul .sub-menu li a::after { display:none !important;} } #menu-main-menu li { position:relative; display: block;} #menu-main-menu > li { padding: 20px;} #menu-main-menu > li.search-nav {padding-right: 0 !important;width: 41px;} #menu-main-menu > li li { padding: 10px 0;} #menu-main-menu > li li:first-child { padding-top:0;} #menu-main-menu > li li:last-child { padding-bottom:0;} #menu-main-menu li > a { font-style: normal;line-height: 1.5;font-family: 'Museo';font-size: 22px;color: var(--olive);letter-spacing: 0;text-transform: lowercase;} #menu-main-menu li > a:hover { color:var(--magenta);} #menu-main-menu li.search-nav > a, #mobile-nav-list > div > ul > li.search-nav > a{ width:35px; height:35px; font-size: 0; text-indent: 9999px; overflow: hidden; display: block;} #menu-main-menu li li > a { position:relative; padding-left:20px; padding-right:15px; display:block;transition: .25s all ease-in-out !important;} #menu-main-menu li li > a:hover { padding-left:40px; padding-right:0px; transition: .25s all ease-in-out !important;} #menu-main-menu li li > a::before { position: absolute; left: 10px; top:2px; content: ''; background-image: url("/wp-content/themes/sauced_by_sunday/images/arrow_blue_thin.svg"); background-position: right center; background-size: auto; background-repeat: no-repeat; width:0px; height: 20px;transition: .25s all ease-in-out;} #menu-main-menu li li > a:hover::before { width:20px; transition: .25s all .125s ease-in-out;} #menu-main-menu li .sub-menu {position: absolute;left: 0;top: 76px;opacity: 0;max-height: 0px;height: auto;overflow: hidden;transition: .25s all ease-in-out;min-width: 350px;width: auto;margin-left: 0;border: #e2eee9 1px solid;background: var(--white);padding: 0 10px;visibility: hidden;} #menu-main-menu li:hover .sub-menu { visibility: visible; max-height: 1000px; transition:.25s all ease-in-out; opacity: 1; padding: 26px 10px 30px;} header .flex.vertcenter {justify-content: space-between;width: 100%;} .overlay { position:fixed; top:0; left:0; width:100%; height: 100%; background:rgba(45,69,83,.9); z-index: 999999999999999999; visibility: hidden; opacity: 0; transition:.25s all ease-in-out;} .overlay.active { visibility: visible; opacity: 1; transition:.25s all ease-in-out;} .overlay #search {margin:0vh auto 0; max-width: 700px; background: var(--white); padding:25px; border-radius:3px; width: calc(100% - 50px); transition:.25s all ease-in-out;} .overlay.active #search {margin:20vh auto 0; transition:.25s all ease-in-out;} form.search-form {display: flex; justify-content: space-between; flex-wrap: wrap;} textarea, input[type="text"], input[type="button"], input[type="reset"], input[type="search"], input[type="password"] { -webkit-appearance: none; appearance: none; border-radius: 0; border: 1px solid #ccc; font-size: 16px; padding: 12px 22px 10px; width:100%; } form.search-form label { width:100%; margin-bottom: 30px;} .closeX { position:absolute; right:50px; top:50px; width:34px; height:34px;} @media(max-width:990px){ .closeX { right: 25px; top: 30px;} } .closeX::before { transition:.25s all ease-in-out; content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(-45deg); background:var(--white); position: absolute;} .closeX::after { transition:.25s all ease-in-out; content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(45deg); background: var(--white); position: absolute;} .closeX:hover::before, .closeX:hover::after { transition: .25s all ease-in-out; transform:rotate(0deg)} .default-header, .text-header { padding:4px 0 0;} @media(max-width:990px){ .default-header, .text-header {padding: 4px 25px 30px;} } .resource_search .custom-form { display:flex;} .resource_search .custom-form button { margin-top:0 !important; } .project-overlay { display:flex; padding:30px;} .project-overlay a { text-transform: uppercase; margin-right: 30px; letter-spacing: 1px;} .project-overlay a:hover { color:#071108;} @media(max-width:990px){ .project-overlay a { text-transform: uppercase; margin-right: 30px; width: 100%; display: block; padding: 5px 0;} .resource_search { width: 100%; margin: 10px 0 0;} } /* ---------------- ---------------- */ /* -------- Mega Menu -------- */ /* ---------------- ---------------- */ .mega-menu{ display: flex; justify-content: flex-end; width: 100%; padding-left: 40px;} @media (max-width:990px){ .mega-menu {flex-wrap: wrap;padding-left: 25px;} .mega-menu > .menu {flex-wrap: wrap; justify-content:left;} } .mega-menu .menu { display:flex; justify-content: flex-end;align-items: end; margin-bottom: -1px;} .mega-menu .menu li.has-mega-menu > a { padding:20px 20px 38px; display: block; background:var(--white); border:1px solid var(--white); transition: .25s all ease-in-out; border-bottom:1px solid #DEDEDE;} @media(max-width:1250px){ .mega-menu .menu li.has-mega-menu > a { padding:15px 15px 28px; width: 180px; } } @media(max-width:990px){ .mega-menu .menu li.has-mega-menu { width: 100%; } .mega-menu .menu li.button-link { width: auto; position: absolute; top: 32px; left: 50%; transform: translateX(-50%);margin: 0 !important;} .mega-menu .menu li.has-mega-menu > a { padding:6px 15px 15px; width: 100%; } } .mega-menu .menu li.has-mega-menu:hover > a { color:#7693A2; background:#f8f8f8; border:1px solid #DEDEDE; border-bottom:1px solid #f8f8f8; transition: .25s all ease-in-out; } li.has-mega-menu > a::before { content:'for'; font-family:'Lora';text-transform: lowercase; color:#7F4C3A; display:block; letter-spacing: 2px; font-size: 13px; padding:0; margin-bottom: 0px;} li.has-mega-menu > a::after { content: ''; background: url("/wp-content/themes/sauced_by_sunday/images/chevron.svg") no-repeat; width: 25px; height: 16px; background-position: right 7px; background-size: 15px; display: inline-block;} @media (max-width:990px){ li.has-mega-menu > a::after {content: '';background: url("/wp-content/themes/sauced_by_sunday/images/chevron.svg") no-repeat;width: 16px;height: 10px;background-position: left bottom;background-size: contain;display: inline-block; transform: rotate(-90deg);} } .mega-menu .menu > li.button-link { margin:0 0 37px 20px;} .mega { display:block; position: absolute; left:0; background: #f8f8f8; padding:0; height: auto; overflow: hidden; max-height:0px;transition: .75s max-height 0s ease-in-out, 0s opacity .75s; opacity: 0; z-index: 2;} .has-mega-menu:hover .mega { max-height: 70vh; transition: .75s max-height ease-in-out; opacity:1; z-index: 3;} .mega-title { font-family:'Lora', 'Museo';text-transform: lowercase; color:#7F4C3A; display:block; letter-spacing: 2px; font-size: 13px; padding:0 0 15px; margin-bottom: 25px; border-bottom:1px solid #dedede; } .mega-flex { padding:40px 45px;border:1px solid #dedede; border-top:none;} .mega-flex .mega-inner { width:18%; margin-right:0; } .mega-flex .mega-inner.widget_media_image { width:calc(50% - 45px); margin-right:45px; } .mega-menu .menu .widget_nav_menu:last-child { width:32%; } .mega-menu .menu .widget_nav_menu .menu { flex-wrap:wrap; justify-content: flex-start; align-items: flex-start; } .mega-menu .menu .widget_nav_menu .menu li { width:100%; padding-bottom: 25px; } .mega-menu .menu .widget_nav_menu .menu li a { position:relative; display: inline-block;} .mega-menu .menu .widget_nav_menu .menu li a:hover { padding-left:15px;} .mega-menu .menu .widget_nav_menu .menu li a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/sauced_by_sunday/images/chevron-right.svg") no-repeat;width: 0;height: 14px; position: absolute; background-size: 6px 12px; left: 0;background-position: right; top: 4px;} .mega-menu .menu .widget_nav_menu .menu li a:hover::before { width: 6px; transition: .25s all .125s ease-in-out; } #mobile-menu.navmenu { display:none;} #contact-nav-list { position:fixed; width:100%; height:100%; top:0; z-index: 888; background: #055170; text-align: left; left:110%; transition:.5s left ease-in-out;} #contact-nav-list { position: absolute;z-index: 999999; } #contact-nav-list.active { left:0%; transition:.5s left ease-in-out;} #contact-nav-list iframe { border: 0; width: 100%; height: 60vh;} #contact-nav-list .textwidget { margin: 3vh 5%;} #contact-nav-list .textwidget a.button{ width:100%;} #contact-nav-list form { padding:24px !important;} #contact-nav-list form * { border-color:var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-input, .forminator-ui#forminator-module-1813.forminator-design--flat .forminator-input input, #contact-nav-list .forminator-design--flat .forminator-textarea { font-size: 16px; font-family: inherit; font-weight: 400; border-radius: 10px; margin: 5px 0; background: rgba(255,255,255,0.3) !important; } #contact-nav-list .forminator-design--flat .forminator-textarea::placeholder, #contact-nav-list .forminator-design--flat .forminator-input::placeholder { color: var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-textarea { max-height:100px; color: var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-input { color: var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-error-message { border-radius: 10px; margin-top: 10px; display: block; color: #fff; background: var(--olive) !important; } #mobile-nav-list { position:fixed; width:100%; height:auto; top:76px; z-index: 888; background: var(--white); text-align: left; left:110%; transition:.5s left ease-in-out; box-shadow: 0 125px 141px 0 rgba(0, 0, 0,.15); } #mobile-nav-list.active { left:0%; transition:.5s left ease-in-out;} #mobile-nav-list .menu-main-menu-container ul { text-align:left; position: relative; right: 28px; padding-bottom:35px; padding-top:14px;} #mobile-nav-list .menu-main-menu-container ul li { position: relative; text-align: right;justify-content: flex-end; display: flex; padding: 10px 0;} #mobile-nav-list .menu-main-menu-container ul li ul { position: relative; top: 0; } #mobile-nav-list .menu-main-menu-container ul a { color:var(--olive);} #mobile-nav-list > div > ul > li > a { font-style: normal; line-height: 1.5; font-family: 'Museo'; font-size: 22px; color: var(--olive); letter-spacing: 0; text-transform: lowercase; } #mobile-nav-list > div > ul > li ul { margin-bottom: 10px; display: none; } #mobile-nav-list > div > ul > li ul li { margin-top: 10px;} #mobile-nav-list > div > ul > li ul a {font-weight: 500;position: relative;padding-left:20px;font-size: 16px;color: var(--white);letter-spacing: 2px;text-transform: uppercase;margin: 0;display: inline-block;} #mobile-nav-list > div > ul > li ul a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/sauced_by_sunday/images/chevron-right-white.svg") no-repeat;width: 6px;height: 14px; position: absolute; display:inline-block; left: 0;background-position: right; top:6px;} .mobilemenu { display: none;} @media (max-width:990px){ .mobilemenu { display: flex; position:fixed; width:100%; height: 70px; bottom: 0; left:0; background-color: var(--olive); border-top: 1px solid var(--white); z-index: 99999999; background-image:url("/wp-content/themes/sauced_by_sunday/images/olivenav.jpg"); background-size: cover; background-position: top left; background-repeat: no-repeat;} .mobilenav-item { width:35px; height:56px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; padding-bottom: 8px; position: relative; transition:.5s background ease-in-out; margin: 10px 0;} .mobilenav-item.active { transition:.5s background ease-in-out;} .mobilenav-item.wide { width:22%} .mobilenav-item img { text-align: center; margin: 0 auto; max-height: 28px;} .mobilenav-item span { text-align: center; margin:0 auto; display: block; text-transform: uppercase; color:var(--olive); font-size:10px; letter-spacing: 1px; width:100%;} .stackNav { position:relative; display: block; height:19px; width:28px; z-index: 99; margin: 0 auto;} .stackNav * { transition:.25s all ease-in-out; background-color: var(--olive);} .stackNav .one { height:2px; width:25px; top:0; left:0; position: absolute; } .stackNav .two { height:2px; width:25px; top:6px; left:0; position: absolute; opacity: 1;} .stackNav .three { height:2px; width:18px; top:12px; left:0; position: absolute; } .mobilenav-item.active .stackNav .one { transform:rotate(45deg); top:6px;} .mobilenav-item.active .stackNav .two { transform:rotate(-45deg); top:6px;} .mobilenav-item.active .stackNav .three { transform:rotate(-45deg); top:6px; opacity: 0; transition:.25s all ease-in-out, .125s opacity .125s ease-in-out;} } @media (max-width:480px){ .mobilenav-item.wide { width:18.5%} .mobilenav-item.wide { width:26%} } @media (max-width:379px){ .mobilenav-item img { max-height: 20px;} .mobilenav-item span { font-size: 9px; letter-spacing: .75px} } .nav-shelf-mobile { padding: 24px 28px;} /* ---------------- ---------------- */ /* -------- Headings -------- */ /* ---------------- ---------------- */ h1, h2 { text-align: left; font-weight: 400; margin: 0;letter-spacing: 0; line-height: 1.1em; position: relative; font-family: "Lora", serif; font-size: 56px;color: var(--olive);} @media (max-width:767px){ h1, h2{ font-size: 36px} } h1.entry-title { margin: 60px 0 30px; } h1.sundaysauce { margin: 72px 0 30px; } h3 { letter-spacing: 0; line-height: 37px; font-family: "Lora", serif; font-weight: 400; margin-bottom: 10px;font-size: 32px;color: var(--midnight);padding-top: 10px;} .subscriber h3 { font-family: 'Museo'; font-weight: 500; font-size: 22px;color:var(--plum);letter-spacing: 0; margin-bottom: 0px !important;} .searchbar h3 { font-family: 'Museo'; font-weight: 500; font-size: 22px;color:var(--plum);letter-spacing: 0; margin-bottom: 11px !important;} h4 { font-weight: 700; text-align: left;color: var(--midnight);margin: 0;font-size: 18px;letter-spacing: 0;line-height: 1.5em;} h5 { color: var(--midnight); font-weight: 300; margin: 0px;font-size: 14px;letter-spacing: 2.9px;line-height: 1.5em; text-transform: uppercase; } .team_member h5 { font-size: 13px; color: var(--midnight); letter-spacing: 6px; line-height: 16px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; } h6 {color: var(--midnight); font-weight: 700; text-transform: uppercase; word-break: break-word;font-size: 14px;letter-spacing: 2.9px;line-height: 1.25em; margin: 15px 3px;} .team_member h6 { margin-top:6px;} @media (max-width:990px){ .searchbar h3 { width:100%; text-align: center;} h4 {font-size: 16px;} h5 {font-size: 12px;} } .page-setting h2, .page-setting h3, .page-setting h4 { text-align: left; margin-bottom: 20px;} .flexPanel p { font-size:18px;} .flexPanel .icon-item p { font-size:16px;} .flexPanel .description p {font-size: 48px; font-weight:400;color: #071108;letter-spacing: 0; line-height: 1.25em; } @media (max-width:1644px){ .flexPanel .description p {font-size: 36px;} } @media (max-width:640px){ .flexPanel .description p {font-size: 24px;} } .link-content { display: flex; flex-wrap: wrap; justify-content: flex-start; padding-top:20px;} .link-content a { margin:0 30px 0 0;} @media (max-width:767px){ .link-content a { margin:0 0 30px; width:100%;} } /* ---------------- ---------------- */ /* -------- Flex Panel Values -------- */ /* ---------------- ---------------- */ .flexPanel { display: flex !important; padding: 0; width:100%; max-width:1280px; flex-wrap: wrap; margin:0 -20px;} .flexPanel.flexReverse { flex-direction:row-reverse;} .flexPanel .cell_12, .flexPanel .cell_11, .flexPanel .cell_10, .flexPanel .cell_9, .flexPanel .cell_8, .flexPanel .cell_7, .flexPanel .cell_6, .flexPanel .cell_5, .flexPanel .cell_4, .flexPanel .cell_3, .flexPanel .cell_2, .flexPanel .cell_1 { width:calc(100% - 40px); margin:20px; display:block;} @media (min-width:768px){ .flexPanel .cell_8,.flexPanel .cell_9 { width:calc(67.777% - 40px);} .flexPanel .cell_4, .flexPanel .cell_3 { width:calc(33.333% - 40px);} } @media (min-width:991px){ .flexPanel { width:calc(100% + 40px); } .flexPanel .cell_11 { width:calc(91.667% - 40px);} .flexPanel .cell_10 { width:calc(83.333% - 40px);} .flexPanel .cell_9 { width:calc(75% - 40px);} .flexPanel .cell_8 { width:calc(66.667% - 40px);} .flexPanel .cell_7 { width:calc(58.333% - 40px);} .flexPanel .cell_6 { width:calc(50% - 40px);} .flexPanel .cell_5 { width:calc(41.667% - 40px);} .flexPanel .cell_4 { width:calc(33.333% - 40px);} .flexPanel .cell_3 { width:calc(25% - 40px);} .flexPanel .cell_2 { width:calc(16.667% - 40px);} .flexPanel .cell_1 { width:calc(8.333% - 40px);} } @media (min-width:991px){ .team_member .flexPanel .cell_3 { width:calc(33% - 40px);} } @media (min-width:1400px){ .team_member .flexPanel .cell_3 { width:calc(25% - 40px);} } @media (max-width:990px){ .flexPanel .card.cell_4, .flexPanel .card.cell_3 { width: calc(50% - 40px) !important;} .flexPanel { width:calc(100% + 40px);} } @media (max-width:640px){ .flexPanel .card.cell_4, .flexPanel .card.cell_3 { width: calc(100% - 40px) !important;} } @media (min-width:991px){ .extra-gap .flexPanel {gap: 35px;flex-wrap: nowrap;} } .pageinner > .flexPanel { max-width:unset;} .videoWrapper { position: relative; padding-bottom: 51.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---------------- ---------------- */ /* -------- Panel Values -------- */ /* ---------------- ---------------- */ main#content { width:100%; margin-top:250px; position: relative; z-index: 1; } @media (max-width:990px){ main#content { margin-top:87px;} } .list-page { padding-bottom:100px;} .page-panel { padding: 25px 0; position: relative;} @media (max-width:990px){ .page-panel { padding: 25px 0;} } .page-panel.insights { padding:50px 0;} .page-panel.border-top .pageinner::after { width:100%; height: 1px; top:-100px; left:0; position: absolute; background:var(--sage); opacity: .42; content: ''; } .page-panel.border-bottom .pageinner::after { width:100%; height: 1px; bottom:-100px; left:0; position: absolute; background:var(--sage); opacity: .42; content: ''; } .page-panel.no-bottom { padding-bottom:0 !important;} .page-panel.no-top { padding-top:0 !important;} @media (max-width:990px){ .page-panel.border-top .pageinner::after { top:-50px; } .page-panel.border-bottom .pageinner::after { bottom:-50px;} } .page-panel.border-top.no-top .pageinner::after { top:0px; } .page-panel.border-bottom.no-bottom .pageinner::after { bottom:0px;} .panel-over-right { position:absolute; right:-20px; top:120px; min-width: 386.65px;} .panel-over-right p { line-height:1em;} @media (max-width:990px){ .panel-over-right { min-width: 215px;} } .panel-bg-padding { padding:40px;} .masthead-text { margin-top:28px;} .masthead-text p { font-size: 31px; color: var(--white); letter-spacing: 0; } .image-icon { bottom: -1px; left: -94px; position: absolute; width: 230px; height: 272px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom;} .image-icon.building { bottom: 0px; left: -83px; position: absolute; width: 230px; height: 172px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } @media (max-width:990px){ .image-icon.building { bottom: -1px;} } .image-icon.house { bottom: 0px; left: -104px; position: absolute; width: 230px; height: 146px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } @media (max-width:990px){ .image-icon.house { bottom: -1px;} } @media (max-width:1250px){ .masthead-text p { font-size: 26px;} } @media (max-width:1100px){ .masthead-text p { font-size: 23px;} } @media (max-width:990px){ .masthead .pane {border-radius: 7px 7px 0 0;} .image-icon { bottom: -1px; left: -37px; position: absolute; width: 90px; height: 122px; z-index: 2; background-size: contain;background-repeat: no-repeat; background-position: left bottom;} .masthead .cell_4 { width: calc(100% - 40px); top: -20px; position: relative; margin: 0; z-index: -1; border-radius: 0 0 7px 7px;} .masthead-text p {font-size: 23px;} .panel-bg-padding { padding:25px;} .image-icon.house {bottom: -1px;left: 0px;width: 110px;height: 96px;} .image-icon.building {left: 0; width: 70px; height: 172px;} } .card-title { display: flex; align-items: center; justify-content: flex-start; border-radius: 7px 7px 0 0; width:calc(100% + 2px); margin-left:-1px;} .card-icon { width:64px; height: 85px; background-position: center center; background-repeat: no-repeat; margin:25px; background-size: contain;} @media (max-width:990px){ .card-icon { width:44px; height: 60px;} } .card-icon.none { width:40px; margin-left:0; margin-right: 0;} .card .pane { height:352px; width:100%; border-radius: 22px 22px 22px 0; margin-bottom:0;} .card .pane.circle-style { width:100%; height: auto; padding-bottom: 100%; border-radius: 100vh;} .card-content { padding: 0px;} .card-content p:first-child { margin-top:32px;} .icon-item .card-content { text-align: center;} @media (max-width:1250px){ .card .pane { height:252px;} } @media (max-width:990px){ .card .pane { height:200px;} } .flex-icon img { max-width:63px; margin: 0 auto; display: block;} .resource_search input { margin-right: 20px; line-height: 1; padding: 5px 10px; border-radius: 6px; border: 0; color:#071108; } .cell_4 .card-title h2 { padding-right:20px; font-size: 30px;} .flexPanel .cell_12.flex { display:flex; } .space-between { justify-content:space-between; align-items: center;} .card.border-bottom {border-bottom:1px solid #dedede; margin-bottom: 20px; padding-bottom:20px;} .article_img { position:relative; height:auto; margin-bottom: 20px;} .article_img .pane { height: auto; padding-bottom: 100%; } .team_img { position:relative; height:auto; margin-bottom: 20px;} .team_img .pane { height: auto; padding-bottom: 100%;border-radius: 90px 90px 90px 0; } .team_member { padding-top:68px !important;} .team_member h3 { margin-bottom: 5px; font-size: 24px; line-height: 1.25em; } h1.team { margin-bottom: 100px; font-size: 69px; text-align: center; line-height: 1; } a.zoom {position: relative; display:block;} a.zoom:hover { transform:scale(104%);} .insights .cell { position: relative; margin-bottom:50px;} .insights .cell .button { position: absolute; bottom:0; left:0;} .insights .cell a { display: block; position: relative; height: 100%; border-radius: 0; } .location_item.element { margin-top: 10px; padding-top: 10px; border-top: 1px solid #d9d9e6; } .stat { position:relative; transition: .25s all ease-in-out;} .stat img { position:absolute; width: 100%; height: 100%; object-fit: cover; z-index: -1; left:0; top:0;border-radius: 11px; } .stat a { display:block; height:100%; width:100%;} .stat a .masthead-text { display:inline-block;} .stat a .masthead-text::after { content: ''; background-image:url("/wp-content/themes/sauced_by_sunday/images/arrow_white_thin.svg"); background-position: right center; background-repeat: no-repeat; height: 30px; width: 70px; position: relative; display: inline-block; margin-left:20px;} .stat-link:hover { transform: scale(104%); transition: .25s all ease-in-out;} .stat .stat-content { margin:50% 0 40px; position: relative; padding:0 6.71% 0 13.42%; z-index: 4} @media (max-width:1250px){ .stat .stat-content { padding:0 6.71%;} .stat a .masthead-text { font-size:36px; line-height: 1.25em; width:auto; padding: 0;} } @media (max-width:990px){ .stat h2 { margin-left: -41px; padding: 10px 60px 10px 30px;} } @media (max-width:540px){ .stat .stat-content { margin: 70% 0 40px;} } .stat * { color:var(--white);} .stat-text { margin-top:10px;} footer { border-radius:0 !important; padding:100px 0; text-align:center; line-height: 1.5em; margin-top: 6px;} footer h3 { color: #071108; display: block; margin-right:50px;} footer .widget_text {text-align:left; padding:40px 0;} footer .widget_text * {text-align:left;} footer .widget_text .textwidget {margin: 30px 0;} th {font-weight:800; text-transform: uppercase;font-size: 15px;letter-spacing: 1.81px;text-align: center;line-height: 30px; padding:30px 18px 6px;} td, #copyright {font-weight:500; text-transform: uppercase;font-size: 15px;letter-spacing: 1.81px;text-align: center;line-height: 19px; padding:0 18px;} #copyright { margin:50px 0;} footer a {font-weight:400; text-transform: none;text-align: left;display: inline-block; text-decoration: underline;font-size: 16px;letter-spacing: 0;line-height: 28px; padding: 5px 0;} footer a:hover { transform:scale(104%);} footer iframe { max-width: calc(100% + 100px); border-radius: 11px;} @media (max-width:1200px){ footer iframe { max-width: calc(100% + 50px);} } @media (max-width:767px){ footer iframe { max-width: calc(100% - 48px);} } footer .flexPanel { position: relative; z-index: 2;} @media (max-width:1200px){ footer .flexPanel .cell_6 { width:100%;} } footer#legal-footer { margin:0;} #legal-sub-footer { padding:0 50px; position: relative; z-index: 2;} /* ---------------- ---------------- */ /* -------- Blog Values -------- */ /* ---------------- ---------------- */ .portfolio-container { margin-top:20px; margin-bottom: 150px; transition:.75s all ease-in-out;} .cat-resource { font-size: 21px;color: #7693A2;letter-spacing: 0;line-height: 24px; margin:10px 0; text-transform: uppercase;} .resource-title { font-weight:600; font-size: 30px; color: #7693A2; letter-spacing: 0; line-height: 32px; margin: 20px 0 10px; text-transform: uppercase;} .portfolio-container .cell { padding:20px 0 50px; position: relative;} .portfolio-container .cell .button { position:absolute; bottom: 10px;left:0; } .portfolio-container.fadey { transition:.75s all ease-in-out; opacity: 0; filter:blur(5px);} .location-filter-results, .people_filter { transition:.75s all ease-in-out;} .location-filter-results.fadey, .people_filter.fadey { transition:.75s all ease-in-out; opacity: 0; filter:blur(5px);} .cell_12.people_filter {margin-left:0; margin-right: 0;} .tags { border-top:#ECECEC 1px solid; border-bottom:#ECECEC 1px solid; text-transform: uppercase; padding:5px 0;margin-bottom: 12px; } .tags a { display:inline-block; padding: 10px 10px 8px 0; position: relative; font-size: 14px; margin-right:10px; letter-spacing: 1px;} .tags a::after { height:76%; width:1px; content: ''; right:0; top:12%; position: absolute; background: #ECECEC;} .tags a:last-child::after { display:none;} .resource_search input[type="search"] { padding: 2px 9px; font-size: 11px; width:100%;height: 21px; border-radius: 3px 0 0 3px; border: none; color:#2E2E2E;} .project-overlay { display:flex; justify-content: space-between; align-items: center;} @media (max-width:990px){ .project-overlay { flex-wrap:wrap;} } .resource_search input[type="submit"] { text-indent: -9999px; overflow: hidden; background-color: var(--white); border-radius: 0 3px 3px 0 !important; height: 21px; width: 30px; padding: 0; background-image: url('/wp-content/themes/sauced_by_sunday/images/spyglass.svg'); background-position: center center; background-size:12px 12px; background-repeat: no-repeat; } .resource_search input[type="submit"]:hover { transform:none; background-color:#63C863; box-shadow: none;} .resource_search form.search-form label { width: 100%; } .project-buttons {padding-right:20px;} .single-thumbnail { display: block; position: relative; margin: 37px 0 !important; width:100%;padding-bottom: 100%;} @media (max-width:990px){ .single-thumbnail { padding:0; margin-top: 30px !important; margin-bottom: 70px !important; height:400px; } } .single-thumbnail img { display:block; width: 100%; height:100%; position: absolute; object-fit: cover;} .the-content-container { margin:100px auto;} .cell_12.tags.singletags { margin-top: -30px; display: flex; justify-content: space-between; flex-wrap: nowrap; margin-bottom: 80px; } .singletags .meta { display: inline-block; padding: 10px 0 8px 10px; position: relative; font-size: 14px; margin-left: 10px; letter-spacing: 1px; } .singletags .meta.author { display:none;} .cell_12.related-title { padding:30px;} .forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input:hover, .forminator-ui.forminator-design--default .forminator-input:focus, .forminator-ui.forminator-design--default .forminator-input:active, .forminator-ui.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered, .forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:hover, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:focus, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:active, .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box { border-color: #ccc !important; background-color: var(--white) !important; } .phone { display:flex; flex-wrap: wrap; margin-top:20px; padding-top: 20px; border-top:1px solid rgb(255,255,255);} .phone-item { width:100%; margin-bottom: 10px; } .phone-item:last-child { margin-bottom: 0px; } .social-contacts { display:flex; margin-top:20px; padding-top: 20px; border-top:1px solid rgb(255,255,255);} .social { height: 35px; width: 26px; overflow: hidden; text-indent: -9999px; display: block !important; position: relative; margin-right:5px;transition:.25s all ease-in-out; margin-left:5px;} .social.email { width:40px;} .social a { height: 22px; width: 25px; overflow: hidden; text-indent: -9999px; display: block !important; position: relative; background-repeat: no-repeat; background-size: contain;margin-top: 5px; margin-left:4px; } .social:hover { transform:scale(114%); transition:.25s all ease-in-out;} .social.facebook { width:27px;} .social.instagram { width:27px;} .social.youtube { width:35px;} .social.facebook a { background-image: url('data:image/svg+xml,'); } .social.linkedin a { background-image:url('data:image/svg+xml;utf8,LinkedIn'); color:var(--white);} .social.twitter a { background-image:url('data:image/svg+xml;utf8,Twitter'); color:var(--white);} .social.youtube a { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F> Group 5 '); margin-top:7px; color:var(--white);} .social.instagram a { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F> Group 7 '); margin: 6px; height: 20px; color:var(--white);} .social.pinterest a { background-image:url('data:image/svg+xml;utf8,'); color:var(--white);} .social.houzz a { background-image:url('data:image/svg+xml;utf8,'); color:var(--white);} .social.tiktok a { background-image:url('data:image/svg+xml;utf8,'); color:var(--white);} .social.email a {height: 30px; width: 30px; margin-top: -2px; background-image:url('data:image/svg+xml;utf8,'); color:var(--white);} .social.rss a { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>'); color:var(--white);} .widget_nav_menu ul li.social.facebook a { background-image: url('data:image/svg+xml,');} .widget_nav_menu ul li.social.linkedin a { background-image:url('data:image/svg+xml;utf8,LinkedIn'); color:var(--white);} .widget_nav_menu ul li.social.twitter a { background-image:url('data:image/svg+xml;utf8,Twitter'); color:var(--white);} .widget_nav_menu ul li.social.youtube a { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F> Group 5 '); margin-top:7px; color:var(--white);} .widget_nav_menu ul li.social.instagram a { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F> Group 7 '); margin: 6px; height: 20px;} .widget_nav_menu ul li.social.pinterest a { background-image:url('data:image/svg+xml;utf8,'); } .widget_nav_menu ul li.social.houzz a { background-image:url('data:image/svg+xml;utf8,'); } .widget_nav_menu ul li.social.tiktok a { background-image:url('data:image/svg+xml;utf8,');} .widget_nav_menu ul li.social.email a {height: 30px; width: 30px; margin-top: -2px; background-image:url('data:image/svg+xml;utf8,');} .widget_nav_menu ul li.social.rss a { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');} .widget_nav_menu ul li.social.facebook, .widget_nav_menu ul li.social.instagram, .widget_nav_menu ul li.social.twitter, .widget_nav_menu ul li.social.pinterest, .widget_nav_menu ul li.social.email, .widget_nav_menu ul li.social.houzz, .widget_nav_menu ul li.social.tiktok, .widget_nav_menu ul li.social.rss { width:48px; height:45px} .widget_nav_menu ul li.social.youtube { width:50px; height:38px} .widget_nav_menu ul li a { background-size:contain;} .widget_nav_menu ul li.social.facebook a, .widget_nav_menu ul li.social.instagram a, .widget_nav_menu ul li.social.twitter a, .widget_nav_menu ul li.social.pinterest a, .widget_nav_menu ul li.social.email a, .widget_nav_menu ul li.social.houzz a, .widget_nav_menu ul li.social.tiktok a, .widget_nav_menu ul li.social.rss a, .widget_nav_menu ul li.social.youtube a { width:100%; height:100%; padding:0; margin:0;} .widget_nav_menu ul li:last-child { margin-right: unset !important; } .team_member .cell:hover .team_img .normy { opacity:0;} .normy { z-index:3;} .funny { z-index:2;} .dl { border-top:1px solid #ececec; padding: 37px 0; display:flex; } .dl:last-child { border-bottom:1px solid #ececec; margin-bottom: 100px;} .dl-image { width:67%; margin-right:50px; height:300px; position: relative; border-radius: 7px; overflow: hidden; background: #000;} .dl-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: .95;} .dl-meta-inner { border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding:20px 0; margin: 20px 0; font-weight:600; font-size: 14px;letter-spacing: 1px;text-transform: uppercase;} @media (max-width:640px){ .dl { flex-wrap: wrap;} .dl-image { width:100%; margin: 0; height: 200px;} .dl-meta { width:100%; margin-top:40px;} } .gm-style-iw { padding:0 !important;} .marker-panel { padding:30px;} .marker-panel h2 { background:url("/wp-content/themes/sauced_by_sunday/images/plans_green.jpg"); padding:30px 30px 30px 60px; width:calc(100% + 60px); margin:-30px 0 0 -30px; font-size: 30px; font-weight:500; color:var(--white); position: relative;} .marker-panel-inner { padding: 30px 0 0 30px;} .marker-panel-inner div { padding: 5px 0;} @media (max-width:640px){ .marker-panel-inner { padding: 30px 0 0 0;} } .gm-ui-hover-effect {top: 0px !important;right: 0px !important;} .gm-ui-hover-effect::before { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(-45deg); background: var(--white) !important;transition: .25s all ease-in-out !important; position: absolute;} .gm-ui-hover-effect::after { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(45deg); background:var(--white) !important;transition: .25s all ease-in-out !important; position: absolute;} .gm-ui-hover-effect:hover::before, .gm-ui-hover-effect:hover::after { background: #dfd; transition: .25s all ease-in-out !important;} .gm-ui-hover-effect img { display: none !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default { background: var(--white);} .gallery-limit { margin-bottom: 60px; width:calc(100% - 70px);} .gallery-limit .gallery { display:flex; align-items: center; justify-content: flex-start; } .gallery-limit .gallery .gallery-item, .gallery-limit .gallery br { display:none; width:auto !important; } .gallery-limit .gallery .gallery-item:nth-child(1), .gallery-limit .gallery .gallery-item:nth-child(2), .gallery-limit .gallery .gallery-item:nth-child(3), .gallery-limit .gallery .gallery-item:nth-child(4), .gallery-limit .gallery .gallery-item:nth-child(5) { display:block;} .gallery-limit .gallery .gallery-item img { border:none !important;} @media (max-width:767px){ .gallery-limit { width:calc(100%);} .gallery-limit .gallery { flex-wrap: wrap;} .gallery-limit .gallery .gallery-item { width:auto !important; max-width:33%;} } .masthead { position:relative; padding:0; overflow-x: hidden;} .masthead#main-panel-1 { margin-top:0; height:calc(100vh - 100px); min-height:800px; } @media (max-width:990px){ .masthead#main-panel-1 { height:calc(100vh);} } .masthead .textbox { position: relative; left: 0; top: 0; z-index: 4; width: calc(100% - 50px); max-width: 1280px; text-align: left; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; height: 100%; } .masthead .textbox * { text-align:left;} .masthead .textbox .textbox-inner { margin-top:20px;} .masthead-text {font-size: 48px;color: var(--white);letter-spacing: 0;line-height: 60px; max-width: 900px;} @media (max-height:900px){ .masthead-text {font-size: 36px; line-height: 1.25em;} } @media (max-height:800px){ .masthead-text {font-size: 36px; line-height: 1.25em;} } @media (max-height:600px){ .masthead-text {font-size: 24px; line-height: 1.25em;} } @media (max-width:990px){ .masthead-text { font-size: 28px;padding-left: 30px; width: calc(100vw - 63px);display: block;} } @media (max-width:480px) and (max-height:700px){ .masthead-text { font-size: 20px;padding-left: 16px;} } @media (max-width:350px){ .masthead-text { font-size: 20px;padding-left: 16px;} } .masthead .pane { border-radius:0; height:457px; } @media (max-width:990px){ .masthead .pane { height:320px; } } @media (max-width:640px){ .masthead .pane { height:240px; } } .slider_pane { width:100%; overflow: hidden; border-radius: 0;} .slider_pane img, .slider_pane video { height:100%; width: 100%; object-fit: cover; position: relative; z-index: 1;} .slider_pane .pane { position:absolute; top:0; left:0; z-index: 3; width:100%; height:100%;} /*.slider_pane .pane::before { height:100%; width: 100%; top:0; left:0; content: ''; background:#071108; opacity:.4; position: absolute; z-index: 3;} */ .team_img .pane::before { position: absolute; bottom: 0; left: 0; height: 60%; width: 85%; background: url("/wp-content/themes/sauced_by_sunday/images/swoop.png") bottom left no-repeat; background-size: contain; content: ''; z-index: 2; } .slider_pane .pane::before { position: absolute; bottom: 0; left: 0; height: 80%; width: 25%; background: url("/wp-content/themes/sauced_by_sunday/images/swoop.png") bottom left no-repeat; background-size: contain; content: ''; z-index: 2; } @media (max-height:800px){ .slider_pane .pane::after { top:38%} } @media (max-width:480px){ .slider_pane .pane::after { top:30%; height:56%;} } .slider, .slick-list, .slick-track, .slider_pane {height:calc(100vh - 100px);min-height: 800px;} @media (max-width:990px){ .slider, .slick-list, .slick-track, .slider_pane {height:calc(100vh);min-height: 800px;} .slick-slider .slick-list { overflow: visible;} } .feature-outer { height:100%; background-position: top right; background-repeat: no-repeat; background-color:var(--white); background-size: auto 100%;} .feature-outer .pageinner { z-index: 2;} .feature-left { width:55%; text-align: left; padding-top: 92px;} .feature-right { width: 47%; height: 100%; position: absolute; top: 0px; right: 0; z-index: 1; } .feature-right img { width: 100%; height: auto; position: absolute; left: 0; top: 0; object-fit: cover; min-width: 770px; min-height: 100%; object-position: left top; } .sundaysauce {font-family: 'Museo'; font-size: 22px; font-weight: 500;color: var(--white);letter-spacing: 0; display:inline-block ; background: var(--olive); padding:15px 21px; text-transform: uppercase; line-height: 1em;} .featuredP { width:85%; margin-top:20px;} .featuredrecipe {font-family: 'Museo';font-size: 22px;color: var(--olive);letter-spacing: 0; display:inline-block;padding:15px 21px;} .feature-left h2 { margin-top:35px; text-align: left;} @media (max-width:990px){ .featuredP {width: 100%;margin-top: 18px;} .feature-left h2 {margin-top: 19px;text-align: left; font-size: 28px} .feature-left { width:100%;padding-top: 32px;} .feature-left .sundaysauce, .featuredrecipe { font-size: 16px;padding: 10px;} .feature-right {width: 70%;position: absolute;height: 60vw;bottom: 0;top: unset;} .sundaysauceouter { display: flex;} .feature-right img {width: 100%;height: 100%;left: 0;top: 0;min-width: unset;min-height: unset;} } @media (max-width:640px){ .feature-right {width: 70%;position: absolute;height: 90vw;bottom: 0;top: unset;} } .slick-prev, .slick-next {position: absolute;bottom: 0px;right: 0px;border: 1px solid var(--sage);height: 7vh;width: 7vh;background-color: var(--sage);text-indent: -9999px;overflow: hidden;background-image: url(/wp-content/themes/sauced_by_sunday/images/chevron-right.svg);background-repeat: no-repeat;background-position: center;background-size: 14px; z-index: 4; transition: .25s all ease-in-out;} .slick-prev:hover, .slick-next:hover { background-size:17px; background-color:var(--lightsage); border-color:var(--sage); transition: .25s all ease-in-out;} @media (max-width:640px){ .slick-prev, .slick-next { background-size:10px;} .slick-prev:hover, .slick-next:hover { background-size:12px;} } .slick-prev { right:calc(7vh - 1px); background-image: url(/wp-content/themes/sauced_by_sunday/images/chevron-left.svg);} .slick-panel .pane { } .slick-panel .pane::after { z-index: 1; content:''; position: absolute; top: 0; left: 0; height: 100%; width:100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+98&0.65+0,0.45+28,0+71 */ background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.45) 28%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 98%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 28%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 98%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 28%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .oliverunner { background-color:var(--olive); margin-top: 0; transition: .25s all ease-in-out;} .scroll-down .alertrunner { margin-top: -35px; transition: .25s all ease-in-out;} @media (min-width:991px){ .scroll-down .oliverunner { margin-top: -35px; transition: .25s all ease-in-out;} } .flex-direction-left .flexPanel { align-content: flex-start;} .flex-direction-right .flexPanel { align-content: flex-end;} .flex-layout-flex-start .flexPanel { justify-content:flex-start;} .flex-layout-flex-end .flexPanel { justify-content:flex-end;} .flex-layout-center .flexPanel { justify-content:center;} .flex-layout-space-around .flexPanel { justify-content:space-around;} .flex-layout-space-between .flexPanel{ justify-content:space-between;} .flex-vert-top .flexPanel { align-items:flex-start;} .flex-vert-center .flexPanel { align-items: center;} .flex-vert-bottom .flexPanel { align-items: flex-end;} @media (max-width:990px){ .mobile_reverse .flexPanel { flex-direction: column-reverse;} } .bg-solid .flexPanel { padding:40px; margin: 0; border-radius: 90px 90px 90px 0;} @media (max-width:990px){ .bg-solid .flexPanel { padding:12px; border-radius:12px;} } .bg-purple .flexPanel {background:url("/wp-content/themes/sauced_by_sunday/images/purple.jpg");background-color: var(--violet); background-size: cover;width: 100%;margin: 0 auto;} .bg-purple .flexPanel *{color: var(--white);} .bg-sage .flexPanel * {background-color: var(--sage);} .bg-solid .hr { padding-top: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;} .bg-purple .flexPanel hr{ color: var(--sage); background: var(--sage); opacity: .42;} img.negative-margin { margin-bottom: -30px; border-radius:22px 22px 22px 0; overflow: hidden;} .facility-single .bg-purple .flexPanel { border-radius:22px 22px 22px 0;} .facility-single .bg-purple .flexPanel .flexinner { padding:20px;} .facility-single .bg-purple .flexPanel .flexinner .item { display:flex; justify-content: space-between; align-content: flex-start; align-items: flex-start; margin-bottom: 10px;} .facility-single .bg-purple .flexPanel .flexinner .item .item_title { text-align:left; font-weight: 600;} .facility-single .bg-purple .flexPanel .flexinner .item .item_desc { text-align:right;} .facility-single .bg-purple .flexPanel .flexinner .pharmacy { margin-top:32px;} blockquote {background:url("/wp-content/themes/sauced_by_sunday/images/purple_horiz.jpg");background-color: var(--violet); background-size: cover;width: 100%;margin: 50px auto; border-radius:58px; position: relative; padding:81px 81px 96px;} blockquote * {color: var(--white);} blockquote::before {content: ''; position: absolute; top:54px; left: 54px; width:calc(100% - 108px); height: calc(100% - 108px); background:rgba(216,216,216,.18); border-radius: 18px;} blockquote h4 {font-weight:bold;font-size: 20px;letter-spacing: 5.69px; text-transform: uppercase;border-bottom: 1px solid var(--purplehr); padding: 0 32px 10px; margin-bottom: 32px;} blockquote p {font-weight:300; font-style: italic;font-size: 40px !important;letter-spacing: 0; line-height: 1.25; padding: 0 32px;} blockquote h6 {font-weight:300; font-style: italic;font-size: 23px;letter-spacing: 0; text-transform: none; padding: 0 32px;} footer#footer { margin-top:0; z-index: 0;} footer #menu-social { display:flex;} footer #menu-footer { text-align: left; margin: 100px auto 0; width: auto; display: inline-block; } footer .gallery { margin-top:100px !important;} .gallery-item img { border:none !important;} .location { line-height:1.75em; margin-top: 16px;} .location_item_title { padding-right: 10px; } .filter-outer { background: #FFFFFF;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.10), 0 3px 6px 0 rgba(0,0,0,0.10); margin-bottom: 40px;} .filter-outer h3 { font-size:24px; margin: 10px 0;} .filter-outer .flex { align-items: center; gap: 30px; justify-content: flex-start;} .filter-outer select { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; outline:0; box-shadow:none; border:0!important; background: var(--grey); background-image: none; flex: 1; padding: 0 0 0 1em; cursor:pointer; font-size: 1em; font-size: 14px; letter-spacing: 0.78px; line-height: 22px; } .filter-outer select::-ms-expand { display: none; } .filter-outer .select { position: relative; display: flex; width: 17em; height: 2em; line-height: 2; background: var(--grey); overflow: hidden; border-radius: .25em; } .doctor-search.filter-outer .select {width: 10em;} .filter-outer .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding:0 .5em 0 1em; background: var(--grey); cursor:pointer; pointer-events:none; transition:.25s all ease; transform: scaleY(60%); } .filter-outer .select:hover::after { color: var(--teal); } /* ---------------- ---------------- */ /* -------- Logo Panel Values -------- */ /* ---------------- ---------------- */ .logopanel { height:calc(100vh - 188px); margin-top:100px; width:100%; position: relative; display: flex; align-items: center;} .logopanel:before { position:absolute; bottom: 0; left:0; height:80%; width:25%; background:url("/wp-content/themes/sauced_by_sunday/images/swoop.png") bottom left no-repeat; background-size:contain; content:''; z-index: 2; } .logopanel .pane {height: 100%;width: 100%; z-index: 1; position: absolute;top: 0;left: 0; border-radius: 0px;} .logopanel .pageinner { z-index:2;} .logo_assign { width: 33%; max-width: 475px; max-height: 80%; height: auto; margin-top: -40px;} @media (min-width:990px){ .logoheaderOuter {margin: 0; padding: 15vh 0 0; } } .vid0 img { width: calc(100% + 30px); margin: -30px 0 0 -50px; max-width: 120%; } @media (max-width:990px){ .vid0 { width:50% !important;} .vid0 img {margin: -60px 0 0 0;} } .vid1 p { max-width:720px;} .cell_9.vid1 p {max-width: 100%;} /* ---------------- ---------------- */ /* -------- YouTube Custom Panel Values -------- */ /* ---------------- ---------------- */ .youtube-container { display: block; width: 41.667%; margin: 30px auto; } .youtube-player {margin-bottom: 24px; display: block; margin 20px auto; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; border-radius: 0; background: #000; } .youtube_main_container.video-aspect-vert .youtube-player {padding-bottom: 180.3%;} .page-panel.video-aspect-vert { margin-top:0px; border-top:1px solid var(--olive14); border-bottom:1px solid var(--olive14); padding: 0px 0 75px 0 !important; margin-bottom: 30px;} @media (max-width:990px){ .page-panel.video-aspect-vert { padding: 0 !important;} } .youtube-thumb {margin-bottom: 24px; display: block; margin 20px auto; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: auto; cursor: hand; cursor: pointer; display: block; border-radius: 25px 25px 25px 0; } .youtube-player.clear-before::before{} .youtube-player:hover div.youtube-play-btn { transform: scale(107%); transition: .25s transform ease-in-out;} img.youtube-thumbnail { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0;height: 100%; margin: 0; object-fit: cover; opacity: .85; transition: .25s all ease-in-out; } div.youtube-play-btn { height: 100px; width: 100px; left: calc(50% - 50px); top: calc(50% - 50px); position: absolute; background: url("/wp-content/themes/sauced_by_sunday/images/play.svg") no-repeat center center; background-size: 100px 100px; transition: .25s transform ease-in-out; } @media (max-width:990px){ div.youtube-play-btn {background-size: 50px 50px;} } .youtube-player:hover img.youtube-thumbnail { opacity:.97; filter: saturate(120%); transition: .25s all ease-in-out;} .youtube-thumb div.youtube-play-btn { opacity: 1; height:24px; width:24px; left: calc(50% - 12px); top: calc(50% - 12px);background-size: 24px 24px; } .youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video-link-panel { width:calc(100% + 40px); margin-left:-20px; margin-right: -20px; display: flex; flex-wrap: wrap;} .video-link-panel .yt-thumb { width:50%; padding:20px; border-radius: 34px; transition: .25s background ease-in-out; } .video-link-panel .yt-thumb:hover { background-color:var(--teal); transition: .25s background ease-in-out;} .video-link-panel .yt-thumb.active { background-color:var(--sagelight); transition: .25s background ease-in-out;} .video-link-panel .yt-thumb.active:hover { background-color:var(--sage); transition: .25s background ease-in-out;} .video-link-panel .youtube-thumb { border-radius:20px; margin-bottom:0px;} .thumb-title { font-weight: bold;font-size: 14px;letter-spacing: 0;line-height: 16px; color:var(--blue); margin-top:10px; transition: .25s color ease-in-out;} .video-link-panel .yt-thumb:not(.active):hover .thumb-title { color:var(--white); transition: .25s color ease-in-out;} .video-meta { display:none;} .video-meta.active { display:block;} .page-panel.video-panel { padding: 100px 0 25px; } .youtube_main_container { height: 0; width:100%; padding-bottom: 61.8%} .youtube-container-inner {position: absolute;top: 0;left: 0;width: calc(41.667% - 40px);height: 0;z-index: 1;} .youtube-container-inner.player-1 { top:-16.667%; left: unset; right: 0;} .youtube-container-inner.player-2 { top:16.667%; left: unset; right: calc(16.667% + 40px);} .youtube-container-inner.player-3 { top:50%; left: unset; right: calc(8.333%);} .youtube-container-inner.player-4 { top:33.333%; left: calc(8.333% - 40px);} .youtube-container-inner.player-6 { top:-16.667%; left: 0; } .youtube-container-inner.player-7 { top:-5.333%; left: unset; right: calc(-3.333% + 40px);} .youtube-container-inner.player-8 { top:37%; left: unset; right: calc(3.333%);} .youtube-container-inner.player-9 { top:16.667%; left: calc(21.333% - 40px);} .youtube-container-inner.player-10 { top:50%; left: 9%;} .youtube-container-inner.player-11 { top:-16.667%; left: unset; right: 6%;} .youtube-container-inner.player-12 { top:16.667%; left: unset; right: calc(16.667% + 40px);} .youtube-container-inner.player-13 { top:50%; left: unset; right: calc(8.333%);} .youtube-container-inner.player-14 { top:33.333%; left: calc(8.333% - 40px);} .youtube-container-inner.player-16 { top:-16.667%; left: 0; } .youtube-container-inner.player-17 { top:-5.333%; left: unset; right: calc(-3.333% + 40px);} .youtube-container-inner.player-18 { top:37%; left: unset; right: calc(3.333%);} .youtube-container-inner.player-19 { top:16.667%; left: calc(21.333% - 40px);} .youtube-container-inner.player-20 { top:50%; left: 9%;} .youtube_main_container:not(.nth-container) { margin-top:100px !important} @media (max-width:990px){ .youtube_main_container:not(.nth-container) {margin-top: 0px !important;} .youtube_main_container { height: auto; width: 100%; padding-bottom: 0;} .youtube-container-inner {position: relative;top: unset !important;left: unset !important;right: unset !important; bottom: unset !important; width:100%;height: unset;z-index: 1;} .youtube-container {display: block;width: 100%;margin: 30px auto;} .vid4 .button-link-panel { margin-top: 0 !important;} .flex-rightness { padding:0;} .bg-solid .flexPanel { margin: 0 -20px;padding:0 !important;} } .youtube_main_container.video-aspect-vert { height: auto; width: 100%; padding-bottom: 75px; display: flex; justify-content: center; position: relative; display: block; } .youtube_main_container.video-aspect-vert .youtube-container { width:calc(100% + 40px); display: flex; margin:0 -20px; flex-wrap: wrap; justify-content: center;} .youtube_main_container.video-aspect-vert .youtube-container-inner { width:calc(20% - 40px); top: unset; left: unset; right:unset; position: relative; margin: 0 20px; height: auto;} @media (max-width:990px){ .youtube_main_container.video-aspect-vert { height: auto; padding-bottom: 55px; padding-top: 55px;} .youtube_main_container.video-aspect-vert .youtube-container-inner { width:calc(33.333% - 40px); margin: 20px !important;} } @media (max-width:540px){ .youtube_main_container.video-aspect-vert .youtube-container { width:calc(100% + 24px); margin:0 -12px;} .youtube_main_container.video-aspect-vert .youtube-container-inner { width:calc(50% - 24px);margin: 12px !important} } #main-panel-1 .vid0 img {width: 100%;margin: 0;} #main-panel-1 .youtube-container-inner.player-1 { left:0; right: unset} #main-panel-1 .youtube-container-inner.player-2 { top: 26.667%;} #main-panel-1 .youtube-container-inner.player-3 { top: 60%;} #main-panel-1 .youtube-container-inner.player-5 {left: unset; right:0; top:-8.667%;} /* ---------------- ---------------- */ /* -------- Flex Feed Values -------- */ /* ---------------- ---------------- */ .feed-content { width:100%; padding:0; margin:0;} .wide-feature { width:100%; padding:20px 0; position: relative;} .wide-feature::after {width: 100%;height: 1px;bottom:0;left: 0;position: absolute;background: var(--sage);opacity: .42;content: '';} .wide-feature:last-child::after { display:none;} .wide-feature a { display: flex; color:var(--midnight); transition: .25s all ease-in-out;} .wide-feature a.event { align-items: center;} .wide-feature .article_img { width:46%; margin: 0 40px 0 0;} .wide-feature .article_img .pane {padding-bottom: 50%;} .wide-feature .link_meta { width: calc(54% - 40px); line-height: 1.5;} .wide-feature .link_meta h5 {font-size: 20px;color: var(--blue); letter-spacing: 0;line-height: 1.25em; transition: .25s all ease-in-out;} .wide-feature a:hover { transform:scale(104%);} .wide-feature a:hover, .wide-feature a:hover .link_meta h5 {color:var(--teal); transition: .25s all ease-in-out;} .wide-feature .link_meta h6 { margin-top:-6px;} .flexAbsolute { position: absolute;display: flex;z-index: 2;height: 100%;background: var(--blue);min-width: 90px;align-items: center;text-align: center;color:var(--white); padding: 0 5px;} .event_color_panel { width:100%;} .event_color_panel h5.year { margin-bottom:0;color:var(--white);font-weight:600;font-size: 15px;letter-spacing: 0.83px;line-height: 1em;} .event_color_panel span.month { font-weight:600;font-size: 15px;color: var(--white);letter-spacing: 0.83px; text-transform: uppercase; display: block; text-align: center;line-height: 10px;} .event_color_panel span.day {font-weight:600;font-size: 44px;color: var(--white);letter-spacing: 2.44px;text-align: center;line-height: 1em; display: block; margin: 1px 0 3px 0;} .event_color_panel span.day.days {letter-spacing: 1.24px; font-size: 28px;margin:3px 0;} .wide-feature .meta_middle_time { font-weight: 600; font-size: 14px; text-transform: uppercase;} .wide-feature .meta_middle_address { margin-top:5px;} .pin-placement { margin-bottom: 12px;} .small-link { font-size: 14px; display: flex; } .specialty {font-weight: 600;margin-bottom: 24px;padding-bottom: 24px;border-bottom:1px solid var(--hr);color: var(--blue);line-height: 1.25;} .alert-list-item { min-height:34px;} .alert-list-item a { display: flex; color: var(--white); min-height: 34px; align-items: center;} .alert-title { font-weight:600;} .alert-desc { font-weight:400; margin-left:20px;} .alert-link { font-weight:600; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; margin-left:20px;} .infoX { position:absolute; top:7px; right: 7px; height:20px; width:20px; border-radius: 4px; background:rgba(0,0,0,.3);} .infoX .left { width:17px; height:2px; background:var(--white); transform: rotate(45deg); position: absolute; top: 9px; left: 1px; border-radius: 2px; transition: .25s all ease-in-out;} .infoX .right { width:17px; height:2px; background:var(--white); transform: rotate(-45deg); position: absolute; top: 9px; left: 1px; border-radius: 2px; transition: .25s all ease-in-out;} .infoX:hover .left { transform: rotate(0deg); transition: .25s all ease-in-out;} .infoX:hover .right { transform: rotate(0deg); transition: .25s all ease-in-out;} @media (max-width:990px){ .alert-list-item a {flex-wrap: wrap;padding: 10px 0; transition: .25s all ease-in-out;max-height: 100vh;} .scroll-down .alert-list-item a {overflow: hidden;transition: .25s all ease-in-out;min-height: 0;padding:0; max-height: 0px;} .alert-list-item a div {margin-left:0; } } /* ---------------- ---------------- */ /* -------- Map Feed Values -------- */ /* ---------------- ---------------- */ #map { width: 100%; height: 75vh; border-radius: 33px;} .map-panel h2 { margin-bottom: 10px;} .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {} .leaflet-fade-anim .leaflet-tile-loaded::before, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup::before { position: absolute; height: 100%; width:30px; background:var(--blue); content: ''; top:0; left:0; } .leaflet-popup-tip, .leaflet-popup-tip-container {display: none;} .popupness h6 { font-size: 11px; color: var(--midnight); margin: 0 0 22px; line-height: 1.25; letter-spacing: .5px; } .leaflet-popup-content { margin: 13px 32px 13px 50px !important; } .leaflet-popup-content p { line-height: 1.25; } .leaflet-popup { overflow:hidden; border-radius: 22px;} .leaflet-popup-close-button { margin: 7px 6px 0 0; } .leaflet-container a * { color: var(--midnight) !important; transition: .25s color ease-in-out;} .leaflet-container a:hover * {color: var(--teal) !important; transition: .25s color ease-in-out;} .leaflet-container a h4 {line-height: 1.2;} .bg-purple .pin-placement .st0 {fill:var(--white); transition: .25s all ease-in-out;} .bg-purple .pin-placement a:hover { color:var(--teal); transition: .25s color ease-in-out;} .bg-purple .pin-placement a:hover .st0 { fill:var(--teal); transition: .25s all ease-in-out;} .team-content { border-top:1px solid var(--hr); margin-top:40px; padding-top:40px;} .gt_white_content a.glink.nturl { color:var(--blue);} .gt_white_content a.glink.nturl:hover { color:var(--teal);} .services-content { padding-bottom: 45px;} .featured_meta { display:flex; align-items: center; margin-bottom:50px;} .featured_avatar { overflow:hidden; border-radius: 100px; height:72px; width:72px;} .featured_avatar img { object-fit:cover; width:100%; height:100%: } .featured_meta_info { margin-left:20px; } @media (max-width:990px){ .featured_meta {margin-bottom: 20px;} .featured_avatar {height: 52px;width: 52px;} } .divider_type { background:var(--white);box-shadow: 0 0 185px 0 rgba(0,0,0,0.078); z-index: 3; padding-top:25px; padding-bottom: 25px; position: relative;} .recipes-list .divider_type { background:transparent; box-shadow: unset; text-align: left; justify-content: flex-start; padding: 0;} .bg-shadow { background:var(--white); box-shadow: 0 0 185px 0 rgba(0,0,0,0.078);} .sub-shadow { background:var(--white); box-shadow: 0 0 155px 0 rgba(0,0,0,0.11); padding:100px; margin:100px 0;} .recipe-card { background:var(--white); box-shadow: 0 0 155px 0 rgba(0,0,0,0.11); padding:30px; margin:0 0 100px;} .sidebar-shadow { background:var(--white); box-shadow: 0 0 155px 0 rgba(0,0,0,0.078); padding:20px; margin:0 0 50px;} .adpanel { background-image: linear-gradient(262deg, #32C5FF 0%, #B620E0 51%, #F7B500 100%); font-size: 22px; color:#ffffff; font-family: 'Museo'; width:728px; height:90px; line-height: 90px; text-align: center; max-width: calc(100% - 0px);} @media (max-width:990px){ .adpanel { margin-left: 0px;} .masthead:not(#main-panel-1) .feature-left {padding-top:52px;} } .sub-shadow .adpanel { background-image: linear-gradient(262deg, #32C5FF 0%, #B620E0 51%, #F7B500 100%); font-size: 22px; color:#ffffff; font-family: 'Museo'; width:100%; height:0; padding-bottom:61.8%;line-height: 90px; text-align: center;} .sidebar-shadow .adpanel { background-image: linear-gradient(262deg, #32C5FF 0%, #B620E0 51%, #F7B500 100%); font-size: 22px; color:#ffffff; font-family: 'Museo'; width:100%; height:0; padding-bottom:61.8%;line-height: 90px; text-align: center; margin-top:50px;} .flexCenter { justify-content: center; gap:40px; align-items: center;} .divider_type input { border-color:var(--lightplum); padding: 12px 47px 12px 14px; width:415px;} .divider_type #searchform { position:relative; width:415px;} .divider_type #searchsubmit { position:absolute; background:transparent !important; text-indent: 9999px; font-size: 0px; top:0; height:47px; right:0; width:47px; padding: 0 !important; margin: 0 !important; overflow: hidden;} .divider_type #searchsubmit::after { display:none;} .divider_type #searchsubmit::before { content:'';; position: absolute; background: url("/wp-content/themes/sauced_by_sunday/images/spyglass-plum.svg") no-repeat; width: 21px; height:20px; top: 13px; right: 12px; background-size: contain; transition:.25s all ease-in-out; } .divider_type #searchsubmit:hover::before { transform:scale(114%); transition:.25s all ease-in-out;} .recipe_categories { display:flex; flex-wrap: nowrap; justify-content: space-between; } .recipe_categories img { border-radius:100vh;} .recipe_categories h6 { text-align:center; margin: 15px -25px;} .recipe_categories a { position: relative; display: block; border-radius: 0; padding:20px 20px 5px; } .recipe_categories a:hover { transform:scale(104%); background: var(--hr);} .recipe_meta { display:flex; gap:20px; flex-wrap:nowrap; align-items: center; margin-bottom: 5px;} .insights .cell a p { margin-top: 17px;} .center { justify-content: center;} .card-content #forminator-module-2544 { border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); display: flex; align-content: flex-end; align-items: end; gap: 40px; } .forminator-ui#forminator-module-2544.forminator-design--default .forminator-input, .forminator-ui#forminator-module-2544.forminator-design--default .forminator-input input { font-size: 16px; font-family: inherit; font-weight: 400; padding: 16px; margin-right: 30px; } .forminator-ui#forminator-module-2544.forminator-design--default .forminator-button-submit { background-color: #17A8E3; color: #FFFFFF; font-size: 23px !important; padding-top: 11px !important; padding-bottom: 11px !important; } .mega-insights { display:flex !important; flex-wrap: wrap; align-items: center; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0px 0px 20px;} .mega-insights a {display: block;text-decoration: none; cursor: pointer !important;} .insight-link { display:flex; align-items: center; flex-wrap: nowrap; gap:20px;} .insight-link .thumb { width:130px; text-align: center;} .insight-link .thumb img { margin: 0; height: auto; width: auto; max-width: 100%; max-height: 130px; display: block;border-radius: 170px;} .mega-insights a h4 { text-decoration:underline !important;} .insight-excerpt { width:calc(100% - 150px);} .insight-excerpt .desc p { color: #000; font-size: 11px; margin: 10px 0 0; letter-spacing: 1px; text-transform: uppercase; } .recipe-single-meta {display: flex;justify-content: space-between;} .flexPanel h3 {margin-bottom:24px;} .flexPanel p { margin-bottom: 30px; } .flexPanel p:last-child { margin-bottom: 0px; } .subscribe-link-panel .flexPanel p { margin-top:0;} .flexPanel ul { font-size: 18px; margin-left: 40px; list-style: disc; } .flexPanel ol { font-size: 18px; margin-left: 40px; list-style: decimal; } .flexPanel li { padding-left:10px;} ul.recipe-stats { background: var(--lightestsage); display: flex; padding: 20px; margin: 20px 0; list-style: none; justify-content: space-evenly; gap: 30px; } ul.recipe-stats li { position:relative; padding:10px 0px; text-align: left; justify-content: center; display: flex;} ul.recipe-stats li .inner { width:auto; text-align: left;} ul.recipe-stats li:last-child::after {display:none;} ul.recipe-stats li span { font-weight:700;} ul.recipe-stats li::after { right:-20px; position: absolute; content: ''; width:1px; height: 100%; top:0; background:var(--white);} @media (max-width:990px){ ul.recipe-stats li::after { display:none;} } .card-buttons { display:flex; gap:20px; justify-content: space-between;} a.button.pin, a.button.print { padding-right: 50px !important; display: block; width: 100%;} a.button.pin:hover, a.button.print:hover { padding-right: 110px !important;} a.button.pin::after{ top: calc(50% - 16px); height: 31px; width: 31px; background: url("/wp-content/themes/sauced_by_sunday/images/pinterest.png") no-repeat; background-size: contain; } a.button.print::after{ top: calc(50% - 16px); height: 31px; width: 31px; background: url("/wp-content/themes/sauced_by_sunday/images/icon_print.svg") no-repeat; background-size: contain; } .recipe-ingredients { margin:50px 0;} .recipe-ingredients .grid { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(4, auto); grid-column-gap: 10px; grid-row-gap: 10px; padding:0 20px; } .recipe-ingredients .grid > *:nth-child(8n - 7) { grid-area: 1 / 1 / 2 / 2; } .recipe-ingredients .grid > *:nth-child(8n - 6) { grid-area: 2 / 1 / 3 / 2; } .recipe-ingredients .grid > *:nth-child(8n - 5) { grid-area: 1 / 2 / 2 / 3; } .recipe-ingredients .grid > *:nth-child(8n - 4) { grid-area: 2 / 2 / 3 / 3; } .recipe-ingredients .grid > *:nth-child(8n - 3) { grid-area: 3 / 1 / 4 / 2; } .recipe-ingredients .grid > *:nth-child(8n - 2) { grid-area: 4 / 1 / 5 / 2; } .recipe-ingredients .grid > *:nth-child(8n - 1) { grid-area: 3 / 2 / 4 / 3; } .recipe-ingredients .grid > *:nth-child(8n - 0) { grid-area: 4 / 2 / 5 / 3; } @media (max-width:990px){ .recipe-ingredients .grid { padding:0; display: flex; flex-wrap: wrap;} .recipe-ingredients .grid > * { margin-top:15px; width:100%;} } .recipe-card ol { list-style: none; counter-reset: item;margin-left:45px; } .recipe-card ol li { counter-increment: item; margin-bottom: 5px; position:relative; line-height: 1.5em; padding:10px 0px; } @media (max-width:1023px){ .recipe-card ol li { font-size:18px;} } .recipe-card ol li::before { position: absolute; content: counter(item); background: var(--sage); border-radius: 100%; color: white; width: 31px; height: 31px; left: -45px; top: 9px; text-align: center; display: block; font-size:18px; font-weight: 900; line-height: 30px; } @media (max-width:1023px){ .recipe-card ol li::before { height:28px; width:28px; } } .flexPanel ul.xoxo { margin-left: 0px; list-style: none; } .flexPanel ul.xoxo li{ padding-left: 0px; } .flexPanel ul.xoxo li.widget_text{ padding:0 20px; } #sidebar h3 { font-size:27px;} .sidebar-shadow .flexPanel { flex-wrap:nowrap; align-items: center; margin-bottom: 20px;} .sidebar-shadow .flexPanel:last-child{ margin-bottom:0;} .headshot { width:46%; margin-left:20px;} .headshot img { border-radius:100vh;} .signature { width:54%; margin-right: 20px;} .sidebar-shadow p {font-size: 15px;line-height: 2em;} #sidebar a.button, #sidebar button, .video-widget a.button { display:block !important; width: 100%; text-align: left;} .flexPanel ul.xoxo li.widget_nav_menu { padding: 0 20px;} .flexPanel ul.xoxo li.widget_nav_menu ul { padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between; align-items: center;} .flexPanel ul.xoxo li.widget_nav_menu ul li.subscribe { display:none;} .flexPanel .cell_4.recipe-sidebar {margin-top: 75px;} .video-widget { margin:75px 0;} .related-recipes-widget { margin:75px 0;} .video-widget img.top-image { width:80%; margin:0 10% 10px; height:auto; } .main_image { width: 80%; margin: 0 10%;} .video-widget-player { width:100%; } .video-widget-player .image-shell { height: 100%; width:100%;} .related-recipes-widget h6 { text-align:center;} .related-recipes-widget .pane { padding: 0 0 100%; border-radius: 100vh; overflow: hidden;} .related-recipes-widget .sidebar-shadow .flexPanel { align-items: flex-start; flex-wrap: wrap; margin-bottom: 0;} .related-recipes-widget .sidebar-shadow .flexPanel .cell_6 { width:calc(50% - 15px) !important; margin: 0 10px 10px 5px;} .related-recipes-widget .sidebar-shadow .flexPanel .cell_6:nth-child(2n - 1) { margin: 0 5px 10px 10px;} .related-recipes-widget .sidebar-shadow .flexPanel .cell_6 a { display: block; position: relative; padding:10px; margin: 0;} .related-recipes-widget .sidebar-shadow .flexPanel .cell_6 a:hover { transform:scale(106%); background: var(--lightestsage);} .related-recipes-widget .sidebar-shadow .flexPanel .cell_6 a h6 { margin-bottom:0;} .flexPanel.divider { position: relative;} .flexPanel.divider::before { min-height:200vh; height:calc(100% - 195px); position: absolute; content: ''; width:1px; left:62.5%; top:75px; background:var(--olive); opacity: .14;} @media (max-width:990px){ .flexPanel.divider {position: relative;margin-top: 102px;} .flexPanel.divider::before {display:none;} } .list-page .entry-content .pageinner { text-align:right;} .list-header { padding-top:50px; } .list-header .cell_12 { display: flex; flex-wrap: wrap; justify-content: flex-end;} .list-header .cell_12 h1 { width:100%; padding-bottom: 20px;} h1.list-title { text-align:left;} .searchpanels form {max-width: 100%;display: flex;justify-content: flex-end;} .searchpanels form .custom-form {display: flex;flex-wrap: wrap;max-width: 400px;justify-content: flex-end;} .searchpanels form .custom-form input { text-align:right;} .flexPanel p.archive-meta {text-align: left;max-width: 920px;display: block;width: 90%; margin-top:30px;} @media(max-width:990px){ .list-header {padding-top: 80px;} .flexPanel p.archive-meta {width: 100%;} } .round-image img { border-radius:100vw !important;} .forminator-design--material .forminator-label:not([class*="forminator-floating-"]) { color: #545454 !important; font-size: 14px !important; margin-top: 19px !important; margin-bottom: 19px !important; } .flexPanel.recipe_categories { padding: 15px 0; } .flexPanel.recipe_categories.cat-page { padding: 0 0 15px; } h1.list-title span { font-size:60%; font-family: "Lora", serif;} .vertcenter { align-items:center;} .forminator-ui button span {font-weight: 700;} @media(max-width:1200px){ .flexPanel.recipe_categories {padding: 0;flex-wrap: wrap;width: calc(100% + 40px); margin-top:0; justify-content: flex-start;} .flexPanel.recipe_categories a { width:25%; display: flex;padding:10px 4px 10px 20px; align-items: center;} .flexPanel.recipe_categories a:nth-child(4n-2) { padding:10px 12px 10px 12px } .flexPanel.recipe_categories a:nth-child(4n-1) { padding:10px 20px 10px 4px } .flexPanel.recipe_categories a:nth-child(4n-0) { padding:10px 20px 10px 4px } .flexPanel.recipe_categories a img {width: 65px;height: 65px; margin-right:7px;} .flexPanel.recipe_categories a h6 { font-size:14px; letter-spacing: 1px;text-align: left; margin: 0;} } @media(max-width:990px){ .flexPanel.recipe_categories a { width:33.333%; display: flex;padding:10px 4px 10px 20px !important;} .flexPanel.recipe_categories a:nth-child(3n-1) { padding:10px 12px 10px 12px !important;} .flexPanel.recipe_categories a:nth-child(3n-0) { padding:10px 20px 10px 4px !important;} .flexPanel.recipe_categories a img {width: 50px;height: 50px; margin-right:7px;} .flexPanel.recipe_categories a h6 { font-size:12px; letter-spacing: 1px;text-align: left;} .searchbar { justify-content: center; gap: 0; align-items: center; flex-wrap: wrap;padding: 0; margin-top: -25px;} .searchbar input { max-width:100%;} .divider_type #searchform { max-width:75%;} .archive .flexPanel .cell_9 { width:calc(100% - 40px);} .archive .searchbar h3 { text-align: left !important;} .archive .divider_type #searchform {max-width: 100%;} .archive .cell_3.round-image { position:absolute; top:-30px; right:-20px; width:100px;} } @media(max-width:540px){ .flexPanel.recipe_categories a { width:50%; display: flex;padding:10px 5px 10px 20px !important;} .flexPanel.recipe_categories a:nth-child(2n-0) { padding:10px 20px 10px 5px !important} .flexPanel.recipe_categories a:nth-child(2n-1) { padding:10px 5px 10px 20px !important} } @media(max-width:350px){ .flexPanel.recipe_categories a img {width: 40px;height: 40px; margin-right:5px;} .flexPanel.recipe_categories a h6 { font-size:11px;} } @media(max-width:990px){ .recipe-template-default .cell_7 { width:calc(100% - 40px);} ul.recipe-stats {flex-wrap: wrap;gap: 10px;} ul.recipe-stats li { border:none; border-bottom:1px solid var(--white); width:100%; justify-content: flex-start; padding: 0 0 10px; } ul.recipe-stats li:last-child { padding-bottom:0; border-bottom: none;} main.default-page { padding-top:60px;} .about-me-panel .cell_4 { max-width:50%;} footer .cell_4 { max-width:50%;} footer .cell_4 img { margin-left:-24px;} } .rmp-widgets-container.rmp-wp-plugin.rmp-main-container.js-rmp-widgets-container { margin-top:100px;} .rmp-widgets-container.rmp-wp-plugin.rmp-main-container.js-rmp-widgets-container .rmp-heading.rmp-heading--title { font-family: 'Lora', serif; font-size: 24px; margin-bottom:20px;} .z-top { z-index:12;}