@charset "UTF-8"; /* Navigation Menu CSS */ ul.hfe-nav-menu, .hfe-nav-menu li, .hfe-nav-menu ul { list-style: none !important; margin: 0; padding: 0; } .hfe-nav-menu li.menu-item { position: relative; } .hfe-flyout-container .hfe-nav-menu li.menu-item { position: relative; background: unset; } .hfe-nav-menu .sub-menu li.menu-item { position: relative; background: inherit; } div.hfe-nav-menu, .elementor-widget-hfe-nav-menu .elementor-widget-container { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__layout-horizontal .hfe-nav-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hfe-nav-menu .parent-has-no-child .hfe-menu-toggle { display: none; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu, .hfe-submenu-action-hover .hfe-layout-vertical .hfe-nav-menu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 16; visibility: hidden; opacity: 0; text-align: left; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:focus > .sub-menu { visibility: visible; opacity: 1; } .hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:focus > .sub-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu .menu-item-has-children .sub-menu { position: absolute; top: 100%; left: 0; z-index: 9999; visibility: hidden; opacity: 0; } .hfe-flyout-container .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 100%; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children.focus > .sub-menu { visibility: visible; opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .hfe-nav-menu:before, .hfe-nav-menu:after { content: ''; display: table; clear: both; } /* Alignemnt CSS */ .hfe-nav-menu__align-right .hfe-nav-menu { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-menu-item, .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li .elementor-button-wrapper{ text-align: right; } .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li .elementor-button-wrapper{ text-align: left; } .hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li .elementor-button-wrapper{ text-align: center; } .hfe-nav-menu__align-left .hfe-nav-menu { margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-menu-item, .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .hfe-nav-menu__align-center .hfe-nav-menu { margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-menu-item, .hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu { width: 100%; } .hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.menu-item { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } /* Alignment CSS ends */ .hfe-active-menu + nav li:not(:last-child) a.hfe-menu-item, .hfe-active-menu + nav li:not(:last-child) a.hfe-sub-menu-item { border-bottom-width: 0; } /* Horizontal Menu */ .hfe-nav-menu a.hfe-menu-item, .hfe-nav-menu a.hfe-sub-menu-item { line-height: 1; text-decoration: none; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .hfe-nav-menu a.hfe-menu-item:hover, .hfe-nav-menu a.hfe-sub-menu-item:hover { text-decoration: none; } .hfe-nav-menu .sub-menu { min-width: 220px; margin: 0; z-index: 9999; } .hfe-nav-menu__layout-horizontal { font-size: 0; } .hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item { font-size: medium; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu{ -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); } /* Icons CSS */ .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before { content: ''; } .hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-arrow i:before { content: ''; } .hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-arrow i:before { content: '+'; } .hfe-submenu-icon-none .hfe-nav-menu .parent-has-child .sub-arrow { display: none; } .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before,.hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before { content: ''; } .hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before { content: '-'; } .hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before { content: ''; } .rtl .hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .rtl .hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } /* Icon CSS ends */ .hfe-nav-menu-icon { padding: 0.35em; border: 0 solid; } .hfe-nav-menu-icon svg { width: 25px; height: 25px; line-height: 25px; font-size: 25px; } .hfe-nav-menu-icon i:focus { outline: 0; } .hfe-has-submenu-container a.hfe-menu-item:focus, .hfe-has-submenu-container a.hfe-sub-menu-item:focus { outline: 0; } /* Submenus */ .hfe-nav-menu .menu-item-has-children:focus, .hfe-nav-menu .menu-item-has-children .sub-menu:focus, .hfe-nav-menu .menu-item-has-children-container:focus { outline: 0; } .hfe-nav-menu .menu-item-has-children-container { position: relative; } .hfe-nav-menu__layout-expandible .sub-menu, .hfe-nav-menu__layout-vertical .sub-menu, .hfe-flyout-wrapper .sub-menu { position: relative; height: 0; } .hfe-nav-menu__submenu-arrow .hfe-menu-toggle:before, .hfe-nav-menu__submenu-plus .hfe-menu-toggle:before, .hfe-nav-menu__submenu-classic .hfe-menu-toggle:before { font-family: 'Font Awesome 5 Free'; z-index: 1; font-size: inherit; font-weight: inherit; line-height: 0; } .hfe-menu-item-center .hfe-nav-menu li a.hfe-menu-item, .hfe-menu-item-center .hfe-nav-menu li a.hfe-sub-menu-item { margin-right: 0px; } .hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-menu-item, .hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-sub-menu-item { margin-right: 0px; } .hfe-nav-menu__toggle-icon:before { content: '\f0c9'; font-family: 'fontAwesome'; z-index: 1; font-size: 24px; font-weight: inherit; font-style: normal; line-height: 0; } .hfe-active-menu .hfe-nav-menu__toggle-icon:before { content: '\f00d'; } .hfe-nav-menu__layout-expandible { -webkit-transition-property: display; transition-property: display; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 ); transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 ); } .hfe-nav-menu__layout-expandible { visibility: hidden; opacity: 0; } .hfe-nav-menu__layout-expandible .sub-menu { visibility: hidden; opacity: 0; } .hfe-active-menu + .hfe-nav-menu__layout-expandible { visibility: visible; opacity: 1; height: auto; } .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-expandible, .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical { position: absolute; top: 100%; } .hfe-nav-menu__layout-expandible .menu-item-has-children .menu-item-has-children .sub-menu, .hfe-nav-menu__layout-vertical .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-layout-expandible nav { height: 0; } .hfe-nav-sub-menu-icon, .hfe-nav-menu__icon { display: inline-block; line-height: 1; } .hfe-nav-menu__toggle { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 22px; cursor: pointer; border: 0 solid; -webkit-border-radius: 3px; border-radius: 3px; color: #494c4f; position: relative; line-height: 1; } .hfe-nav-menu__toggle-icon { display: inline-block; font-size: inherit; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hfe-nav-menu .sub-arrow { font-size: 14px; line-height: 1; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; cursor: pointer; margin-top: -10px; margin-bottom: -10px; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow { margin-left: 10px; } .hfe-nav-menu__layout-vertical .hfe-nav-menu .sub-arrow, .hfe-layout-expandible .sub-arrow, .hfe-flyout-wrapper .sub-arrow { padding: 10px; } .hfe-nav-menu .child-item, .hfe-nav-menu__layout-vertical .hfe-nav-menu .child-item { font-size: 14px; line-height: 1; padding: 10px 0 10px 10px; margin-top: -10px; margin-bottom: -10px; position: absolute; right: 0; margin-right: 20px; } .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-layout-vertical .hfe-nav-menu__toggle { visibility: hidden; opacity: 0; display: none; } .hfe-nav-menu-icon { display: inline-block; line-height: 1; text-align: center; } .hfe-nav-menu__layout-expandible .saved-content, .hfe-nav-menu__layout-expandible .sub-menu, .hfe-nav-menu__layout-expandible .child, .hfe-nav-menu__layout-vertical .saved-content, .hfe-nav-menu__layout-vertical .sub-menu, .hfe-nav-menu__layout-vertical .child, .hfe-flyout-container .saved-content, .hfe-flyout-container .sub-menu, .hfe-flyout-container .child { left: 0 !important; width: 100% !important; } .hfe-flyout-container .hfe-nav-menu .sub-menu { background: unset; } .hfe-nav-menu__layout-vertical .hfe-menu-toggle:hover, .hfe-nav-menu__layout-expandible .hfe-menu-toggle:hover, .hfe-flyout-wrapper .hfe-menu-toggle:hover { border:1px dotted; } .hfe-nav-menu__layout-vertical .hfe-menu-toggle, .hfe-nav-menu__layout-expandible .hfe-menu-toggle, .hfe-flyout-wrapper .hfe-menu-toggle { border:1px dotted transparent; } /* Common Animation CSS */ .hfe-nav-menu .menu-item a:before, .hfe-nav-menu .menu-item a:after { display: block; position: absolute; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1); transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1); } .hfe-nav-menu .menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-nav-menu .menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { opacity: 0; } .hfe-nav-menu .menu-item a.hfe-menu-item:hover:before, .hfe-nav-menu .menu-item a.hfe-menu-item:hover:after, .hfe-nav-menu .menu-item a.hfe-menu-item:focus:before, .hfe-nav-menu .menu-item a.hfe-menu-item:focus:after, .hfe-nav-menu .menu-item a.hfe-menu-item.highlighted:before, .hfe-nav-menu .menu-item a.hfe-menu-item.highlighted:after, .hfe-nav-menu .current-menu-item:before, .hfe-nav-menu .current-menu-item:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Double Line / Underline / Overline Style */ .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:after { height: 3px; width: 100%; left: 0; background-color: #55595c; z-index: 2; } .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { height: 0; width: 0; left: 50%; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 10px; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: 10px; } .hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: -10px; } .hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: -10px; } .hfe-pointer__double-line.hfe-animation__none, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item, .hfe-pointer__underline.hfe-animation__none, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item, .hfe-pointer__overline.hfe-animation__none, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__double-line.hfe-animation__none:before, .hfe-pointer__double-line.hfe-animation__none:after, .hfe-pointer__double-line.hfe-animation__none:hover, .hfe-pointer__double-line.hfe-animation__none:focus, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__underline.hfe-animation__none:before, .hfe-pointer__underline.hfe-animation__none:after, .hfe-pointer__underline.hfe-animation__none:hover, .hfe-pointer__underline.hfe-animation__none:focus, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__overline.hfe-animation__none:before, .hfe-pointer__overline.hfe-animation__none:after, .hfe-pointer__overline.hfe-animation__none:hover, .hfe-pointer__overline.hfe-animation__none:focus, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:before { content: ''; top: 0; } .hfe-pointer__double-line.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { width: 10px; left: -20px; } .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after { content: ''; bottom: 0; } .hfe-pointer__double-line.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { width: 10px; left: -webkit-calc( 100% + 20px); left: calc( 100% + 20px); } /* Framed Style */ .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after { background: transparent; left: 0; top: 0; bottom: 0; right: 0; border: 3px solid #55595c; } .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before { content: ''; } .hfe-pointer__framed.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .hfe-pointer__framed.hfe-animation__grow .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:before { -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, transform 0.4s; transition: opacity 0.2s, transform 0.4s, -webkit-transform 0.4s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:after { width: 3px; height: 3px; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:before { border-width: 0 0 3px 3px; -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 3px 3px 0 0; -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:before, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:after { width: 100%; height: 100%; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:before { -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:after { -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:after { width: 3px; height: 3px; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:before { border-width: 3px 0 0 3px; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 0 3px 3px 0; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__corners .current-menu-item:before, .hfe-pointer__framed.hfe-animation__corners .current-menu-item:after { width: 100%; height: 100%; -webkit-transition: opacity 0.002s, width 0.4s, height 0.4s; transition: opacity 0.002s, width 0.4s, height 0.4s; } .hfe-pointer__framed.hfe-animation__none, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__framed.hfe-animation__none:before, .hfe-pointer__framed.hfe-animation__none:after, .hfe-pointer__framed.hfe-animation__none:hover, .hfe-pointer__framed.hfe-animation__none:focus, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } /* Background Style */ .hfe-pointer__background .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__background .menu-item.parent a.hfe-menu-item:after { content: ''; -webkit-transition: 0.3s; transition: 0.3s; } .hfe-pointer__background .menu-item.parent a.hfe-menu-item:before { top: 0; left: 0; right: 0; bottom: 0; background: #55595c; z-index: -1; } .hfe-pointer__background .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__background .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__background .menu-item.parent a.hfe-menu-item.highlighted, .hfe-pointer__background .current-menu-item { color: #fff; } .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:before { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__grow .current-menu-item:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.3s; transition: 0.3s; } .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shrink .current-menu-item:before { -webkit-transition: opacity 0.15s, -webkit-transform 0.4s; transition: opacity 0.15s, -webkit-transform 0.4s; transition: opacity 0.15s, transform 0.4s; transition: opacity 0.15s, transform 0.4s, -webkit-transform 0.4s; } .hfe-pointer__background.hfe-animation__sweep-left .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { left: 100%; } .hfe-pointer__background.hfe-animation__sweep-right .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { right: 100%; } .hfe-pointer__background.hfe-animation__sweep-up .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 100%; } .hfe-pointer__background.hfe-animation__sweep-down .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { bottom: 100%; } .hfe-pointer__background.hfe-animation__shutter-out-vertical .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { bottom: 50%; top: 50%; } .hfe-pointer__background.hfe-animation__shutter-out-horizontal .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { right: 50%; left: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:after { top: 0; left: 0; right: 0; bottom: 0; background: #55595c; z-index: -1; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:before { top: 0; bottom: 100%; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:after { top: 100%; bottom: 0; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .current-menu-item:before { bottom: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .current-menu-item:after { top: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:before { right: 0; left: 100%; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:after { right: 100%; left: 0; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .current-menu-item:before { left: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .current-menu-item:after { right: 50%; } .hfe-pointer__background.hfe-animation__none, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__background.hfe-animation__none:before, .hfe-pointer__background.hfe-animation__none:after, .hfe-pointer__background.hfe-animation__none:hover, .hfe-pointer__background.hfe-animation__none:focus, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } /* Text Style */ .hfe-pointer__text.hfe-animation__skew .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__skew .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: skew(-8deg); -ms-transform: skew(-8deg); transform: skew(-8deg); } .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .hfe-pointer__text.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .hfe-pointer__text.hfe-animation__float .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__float .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .hfe-pointer__text.hfe-animation__sink .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__sink .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .hfe-pointer__text.hfe-animation__rotate .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__rotate .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .hfe-pointer__text.hfe-animation__none, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__text.hfe-animation__none:before, .hfe-pointer__text.hfe-animation__none:after, .hfe-pointer__text.hfe-animation__none:hover, .hfe-pointer__text.hfe-animation__none:focus, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-flyout-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999998; background: rgba(0,0,0,.6); cursor: pointer; -webkit-backface-visibility: hidden; } /* No link hover effect to last menu item */ .hfe-pointer__underline .menu-item.parent a.hfe-menu-item.elementor-button:after, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item.elementor-button:before, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item.elementor-button:after, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item.elementor-button:before { height: 0px; } .hfe-pointer__framed .menu-item.parent a.hfe-menu-item.elementor-button:before, .hfe-pointer__framed .menu-item.parent a.hfe-menu-item.elementor-button:after{ border-width: 0px; } .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item.elementor-button:hover, .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item.elementor-button:focus { -webkit-transform: none; transform: none; } .hfe-flyout-close, .hfe-flyout-close svg { position: absolute; top: 0; right: 0; margin: 5px; width: 23px; height: 23px; line-height: 23px; font-size: 23px; display: block; cursor: pointer; } .hfe-flyout-wrapper .hfe-side.hfe-flyout-left { top: 0; bottom: 0; left: -100%; right: auto; height: 100%; /*height: 100vh;*/ width: 300px; max-width: 100%; max-width: 100vw; } .hfe-flyout-wrapper .hfe-side { display: none; position: fixed; z-index: 999999; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; } .hfe-flyout-wrapper .hfe-side.hfe-flyout-show { display: block; } .hfe-flyout-content.push { color: #ffffff; } .hfe-flyout-content ul li { color: #ffffff; } /* =========================================================== * Flyout Location * ======================================================== */ .hfe-flyout-wrapper .hfe-side.hfe-flyout-right { top: 0; bottom: 0; left: auto; right: -100%; /* default */ height: 100%; /*height: 100vh;*/ width: 300px; /* default */ max-width: 100%; } .hfe-flyout-wrapper .hfe-side.hfe-flyout-left { top: 0; bottom: 0; left: -100%; /* default */ right: auto; height: 100%; /*height: 100vh;*/ width: 300px; /* default */ max-width: 100%; max-width: 100vw; } .hfe-flyout-wrapper .hfe-side.top { top: -100%; /* default */ bottom: auto; left: 0; right: 0; width: 100%; width: 100vw; height: 300px; /* default */ max-height: 100%; } .hfe-flyout-wrapper .hfe-side.bottom { top: auto; bottom: -100%; /* default */ left: 0; right: 0; width: 100%; width: 100vw; height: 300px; /* default */ max-height: 100%; } /* =========================================================== * Flyout Container * ======================================================== */ .hfe-flyout-content { height: 100%; overflow-x: hidden; overflow-y: auto; line-height: 1.4em; color: #fff; } /* iOS fix */ @media (max-width:1024px) { .hfe-flyout-content { -webkit-transform: translateZ(0); transform: translateZ(0); } } .hfe-flyout-content::-webkit-scrollbar { display: none; } .admin-bar .hfe-side { margin-top: 32px; } /* Dropdown animation CSS */ .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children > ul.sub-menu { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.1s; transition: all 0.1s; } .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover > ul.sub-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children > ul.sub-menu { -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.1s; transition: all 0.1s; } .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover > ul.sub-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .elementor-widget-navigation-menu:not(.hfe-nav-menu__align-justify):not(.hfe-menu-item-space-between) a.hfe-menu-item.elementor-button { display: inline-flex; } .hfe-nav-menu li.elementor-button-wrapper { align-self: center; } /* Tablet */ @media only screen and ( max-width: 1024px ) { .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu{ width: 100%; margin-right:0px; } .hfe-nav-menu__breakpoint-tablet .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-tablet .hfe-layout-vertical .hfe-nav-menu__toggle { display: block; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: visible; opacity: 1; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-vertical { visibility: visible; opacity: 1; height: auto; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { position: relative; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical { position: absolute; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-tablet .hfe-layout-vertical .hfe-nav-menu__toggle { visibility: visible; opacity: 1; display: block; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical { float: none; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__breakpoint-none .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu { visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; } .hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle:hover { border:1px dotted; } .hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle { border:1px dotted transparent; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu { position: relative; height: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu { position: relative; height: 0; top: 0; } .hfe-nav-menu__breakpoint-tablet .saved-content, .hfe-nav-menu__breakpoint-tablet .sub-menu, .hfe-nav-menu__breakpoint-tablet .child { left: 0 !important; width:auto !important; } .hfe-nav-menu .sub-menu { min-width: auto; margin: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow { padding: 10px; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-plus .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '-'; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu .sub-menu{ -webkit-box-shadow: none; box-shadow: none; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '' } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: '' } /* Effect 1: Fade in and scale up */ .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } /*.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu ul.sub-menu ul.sub-menu li a{ border-left: 16px solid transparent; }*/ .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before { background-color: unset!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before{ border: 0px!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text .menu-item.parent a.hfe-menu-item:focus{ -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item, .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-sub-menu-item, .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.elementor-button-wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } /* Mobile */ @media only screen and ( max-width: 767px ) { .hfe-nav-menu__breakpoint-mobile.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item, .hfe-nav-menu__breakpoint-mobile.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-sub-menu-item .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.elementor-button-wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: visible; opacity: 1; display: block; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu { width: 100% } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-vertical .hfe-nav-menu__toggle { display: inline-block; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .sub-menu { position: relative; height: 0; top: 0; } .hfe-nav-menu .sub-menu { min-width: auto; margin: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__breakpoint-none .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu { visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical { float: none; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-vertical .hfe-nav-menu__toggle.hfe-active-menu { display: block; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-mobile .hfe-layout-vertical .hfe-nav-menu__toggle { visibility: visible; opacity: 1; display: block; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical { float: none; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .sub-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: visible; opacity: 1; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-vertical { visibility: visible; opacity: 1; height: auto; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { position: relative; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical { position: absolute; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-plus .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '-'; } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '' } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: '' } .hfe-nav-menu__breakpoint-mobile .hfe-menu-toggle:hover{ border:1px dotted; } .hfe-nav-menu__breakpoint-mobile .hfe-menu-toggle{ border:1px dotted transparent; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu .sub-menu{ -webkit-box-shadow: none; box-shadow: none; } /* Effect 1: Fade in and scale up */ .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-1 .hfe-nav-menu { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s; transition: all 0.3s; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow { padding: 10px; } .hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-1 .hfe-nav-menu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Effect 2: Slide from the right */ .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-2 .hfe-nav-menu { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-2 .hfe-nav-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Effect 3: Slide from the bottom */ .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-3 .hfe-nav-menu { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s; transition: all 0.3s; } .hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-3 .hfe-nav-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hfe-nav-menu__breakpoint-mobile .saved-content, .hfe-nav-menu__breakpoint-mobile .sub-menu, .hfe-nav-menu__breakpoint-mobile .child, .hfe-nav-menu__breakpoint-tablet .saved-content, .hfe-nav-menu__breakpoint-tablet .sub-menu, .hfe-nav-menu__breakpoint-tablet .child{ left: 0 !important; width: auto !important; } .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before { background-color: unset!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before{ border: 0px!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text .menu-item.parent a.hfe-menu-item:focus, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } } .hfe-toggle-no .hfe-layout-expandible .hfe-nav-menu__toggle { display: none; } /* Icon common CSS */ .hfe-icon { display: inline-block; } /* Menu Cart CSS */ .hfe-cart-menu-wrap-custom { display: inline-block; line-height: 1; } .hfe-cart-menu-wrap-custom .hfe-cart-count, .hfe-cart-menu-wrap-custom .hfe-cart-count:after { border-color: #75c32c; color: #75c32c; } .hfe-cart-menu-wrap-custom .hfe-cart-count { font-weight: bold; position: relative; display: inline-block; vertical-align: middle; text-align: center; min-width: 2.1em; min-height: 2.1em; font-size: 0.860em; line-height: 1.8; border-radius: 0.3em 0.3em 0.3em 0.3em; border-width: 2px; border-style: solid; padding: 12px 24px; } /* Default skin for cart*/ .hfe-cart-menu-wrap-default { display: inline-block; line-height: 1; } .hfe-cart-menu-wrap-default .hfe-cart-count, .hfe-cart-menu-wrap-default .hfe-cart-count:after { border-color: #75c32c; color: #75c32c; } .hfe-cart-menu-wrap-default .hfe-cart-count { font-weight: bold; position: relative; display: inline-block; vertical-align: middle; text-align: center; min-width: 2.1em; min-height: 2.1em; font-size: 0.860em; line-height: 1.8; border-radius: 0em 0em 0.3em 0.3em; border-width: 2px; border-style: solid; padding: 0 .4em; } .hfe-cart-menu-wrap-default .hfe-cart-count:after { bottom: 100%; margin-bottom: 0; height: .8em; width: .8em; left: 50%; transform: translateX(-50%); top: -.6em; content: ' '; position: absolute; pointer-events: none; border-width: 2px; border-style: solid; border-top-left-radius: 10em; border-top-right-radius: 10em; border-bottom: 0; } .elementor-widget-hfe-cart:not(.hfe-menu-cart--show-subtotal-yes) .hfe-menu-cart__toggle .elementor-button-text { display: none; } .elementor-widget-hfe-cart.toggle-icon--bag-light .hfe-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e3'; } .elementor-widget-hfe-cart.toggle-icon--bag-medium .hfe-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e4'; } .elementor-widget-hfe-cart.toggle-icon--bag-solid .hfe-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e5'; } .hfe-menu-cart__toggle .elementor-button { background: transparent; border-radius: 0; color: #818a91; border: 1px solid; border-color: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hfe-menu-cart__toggle .elementor-button-text { margin-right: 0.3em; } .hfe-menu-cart__toggle .elementor-button-icon { position: relative; -webkit-transition: color 0.1s; -o-transition: color 0.1s; transition: color 0.1s; } .hfe-menu-cart--items-indicator-bubble .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before { content: attr(data-counter); display: block; position: absolute; min-width: 1.6em; height: 1.6em; line-height: 1.5em; top: -0.7em; right: -0.7em; border-radius: 100%; color: #fff; background-color: #d9534f; text-align: center; font-size: 10px; } .hfe-menu-cart--items-indicator-plain .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before { content: attr(data-counter); display: inline-block; font-weight: normal; } .hfe-menu-cart--empty-indicator-hide .hfe-menu-cart__toggle .elementor-button .elementor-button-icon[data-counter]:before { content: none; display: none; } .hfe-menu-cart__toggle .elementor-button-icon { -webkit-box-ordinal-group: 16; -webkit-order: 15; -ms-flex-order: 15; order: 15; } .hfe-menu-cart__toggle.elementor-button-wrapper .elementor-button { color:#4d4848; } /*Search Box CSS*/ .hfe-search-button-wrapper { display: block; cursor: pointer; vertical-align: middle; text-align: right; } .hfe-search-form__container { display: flex; overflow: hidden; } .hfe-search-form__input { flex-basis: 100%; } .hfe-search-icon-toggle i.fa-search { display: inline-block; position: absolute; width: 20px; box-sizing: content-box; padding: 10px; } .hfe-search-icon-toggle i:before { vertical-align: middle; } /*search icon toggle css*/ .hfe-search-button-wrapper input[type=search] { border: 0; padding: 10px; cursor: pointer; border-radius: 0; transition: all .5s; box-sizing: border-box; outline: none; } .hfe-search-button-wrapper button { border: none; border-radius: 0; padding: 0; } .hfe-search-button-wrapper input[type=search]:focus { cursor: auto; border: none; box-shadow: none; } .hfe-search-icon-toggle input:-moz-placeholder, .hfe-search-icon-toggle input::-webkit-input-placeholder { color: transparent; } .hfe-search-layout-icon .hfe-search-icon-toggle .hfe-search-form__input { background-color: unset; height: 100%; } .hfe-search-button-wrapper.hfe-input-focus { display: flex; } .hfe-search-form__container .hfe-search-submit { min-width: 3%; position:relative; } .hfe-search-form__container button#clear, .hfe-search-icon-toggle button#clear { visibility: hidden; position: absolute; right:0; top:0; padding: 0 8px; font-style: normal; user-select: none; cursor: pointer; bottom:0; margin-right:10px; background-color: transparent; } .hfe-search-button-wrapper input[type="search"]::-webkit-search-decoration, .hfe-search-button-wrapper input[type="search"]::-webkit-search-cancel-button, .hfe-search-button-wrapper input[type="search"]::-webkit-search-results-button, .hfe-search-button-wrapper input[type="search"]::-webkit-search-results-decoration { display: none; } .hfe-search-form__container button#clear-with-button{ visibility: hidden; position: absolute; top: 0; padding: 0 8px; font-style: normal; font-size: 1.2em; user-select: none; cursor: pointer; bottom:0; background-color: transparent; } .hfe-search-button-wrapper, .hfe-search-form__container, .hfe-search-icon-toggle, .hfe-search-button-wrapper .hfe-search-icon-toggle i, .hfe-search-button-wrapper .hfe-search-icon-toggle i:before { position: relative; } .hfe-search-button-wrapper .hfe-search-icon-toggle .hfe-search-form__input { position: absolute; width: 0; right: 0; background-color: transparent; } .hfe-search-icon-toggle { width: 100%!important; } .hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{ position: absolute; width: 250px; right: 0; } .hfe-search-layout-text .hfe-search-form__container, .hfe-search-layout-icon_text .hfe-search-form__container, .hfe-search-layout-text .hfe-search-form__container .hfe-search-form__input, .hfe-search-layout-icon_text .hfe-search-form__container .hfe-search-form__input { width: 100%; } .hfe-search-icon-toggle { line-height: 1.5; } /*-------Navigation menu active parent---------*/ .hfe-pointer__double-line.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.hfe-pointer__double-line.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { width: 100%; left: 0; opacity:1; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: 0px; opacity:1; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 0px; opacity: 1; } .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { height: 3px; width: 100%; left: 0; opacity: 1; } .hfe-pointer__framed.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hfe-pointer__framed.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:before, .hfe-pointer__underline.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__double-line.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { opacity:1; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { border-width:3px; width:100%; opacity:1; height:100%; } /* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 Tested up to: 5.6 Requires PHP: 5.6 Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org Twenty Twenty-One is distributed under the terms of the GNU GPL. */ /** * SETTINGS * File-header..........The file header for the themes style.css file. * Fonts................Any font files, if the project needs specific fonts. * Global...............Project-specific, globally available variables. * * TOOLS * Functions............Global functions. * Mixins...............Global mixins. * * GENERIC * Normalize.css........Normalise browser defaults. * Breakpoints..........Mixins and variables for responsive styles * Vertical-margins.....Vertical spacing for the main components. * Reset................Reset specific elements to make them easier to style in other contexts. * Clearings............Clearings for the main components. * * ELEMENTS * Blockquote...........Default blockquote. * Forms................Element-level form styling. * Headings.............H1–H6 * Links................Default links. * Lists................Default lists. * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. * * BLOCKS * Audio................Specific styles for the audio block. * Button...............Specific styles for the button block. * Code.................Specific styles for the code block. * Columns..............Specific styles for the columns block. * Cover................Specific styles for the cover block. * File.................Specific styles for the file block. * Gallery..............Specific styles for the gallery block. * Group................Specific styles for the group block. * Heading..............Specific styles for the heading block. * Image................Specific styles for the image block. * Latest comments......Specific styles for the latest comments block. * Latest posts.........Specific styles for the latest posts block. * Legacy...............Specific styles for the legacy gallery. * List.................Specific styles for the list block. * Media text...........Specific styles for the media and text block. * Navigation...........Specific styles for the navigation block. * Paragraph............Specific styles for the paragraph block. * Pullquote............Specific styles for the pullquote block. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. * Spacer...............Specific styles for the spacer block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. * Utilities............Block alignments. * * COMPONENTS * Header...............Header styles. * Footer...............Footer styles. * Comments.............Comment styles. * Archives.............Archive styles. * 404..................404 styles. * Search...............Search styles. * Navigation...........Navigation styles. * Footer Navigation....Footer Navigation styles. * Pagination...........Pagination styles. * Single...............Single page and post styles. * Posts and pages......Misc, sticky post styles. * Entry................Entry, author biography. * Widget...............Widget styles. * Editor...............Editor styles. * * UTILITIES * A11y.................Screen reader text, prefers reduced motion etc. * Color Palette........Classes for the color palette colors. * Editor Font Sizes....Editor Font Sizes. * Measure..............The width of a line of text, in characters. */ /* Categories 01 to 03 are the basics. */ /* Variables */ :root { /* Font Family */ /* Font Size */ /* Line Height */ /* Headings */ /* Block: Latest posts */ /* Colors */ /* Body text color, site title, footer text color. */ /* Headings */ /* Mint, default body background */ /* Used for borders (separators) */ /* Spacing */ /* Elevation */ /* Forms */ /* Cover block */ /* Buttons */ /* entry */ /* Header */ /* Main navigation */ /* Pagination */ /* Footer */ /* Block: Pull quote */ /* Block: Table */ /* Widgets */ /* Admin-bar height */ } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration-thickness: 1px; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration-style: dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Responsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ /** * Extends */ .post-thumbnail { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .post-thumbnail { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .post-thumbnail { max-width: min(calc(100vw - 200px), 610px); } } .entry-content .wp-audio-shortcode { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .entry-content .wp-audio-shortcode { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content .wp-audio-shortcode { max-width: min(calc(100vw - 200px), 610px); } } .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { max-width: min(calc(100vw - 200px), 610px); } } *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { max-width: min(calc(100vw - 200px), 610px); } } .default-max-width { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .default-max-width { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .default-max-width { max-width: min(calc(100vw - 200px), 610px); } } .widget-area { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .widget-area { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .widget-area { max-width: min(calc(100vw - 200px), 1240px); } } .pagination { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .pagination { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .pagination { max-width: min(calc(100vw - 200px), 1240px); } } .comments-pagination { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .comments-pagination { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .comments-pagination { max-width: min(calc(100vw - 200px), 1240px); } } .post-navigation { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .post-navigation { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .post-navigation { max-width: min(calc(100vw - 200px), 1240px); } } .site-footer { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .site-footer { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .site-footer { max-width: min(calc(100vw - 200px), 1240px); } } .site-header { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .site-header { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .site-header { max-width: min(calc(100vw - 200px), 1240px); } } .alignwide { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .alignwide { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .alignwide { max-width: min(calc(100vw - 200px), 1240px); } } .wide-max-width { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .wide-max-width { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wide-max-width { max-width: min(calc(100vw - 200px), 1240px); } } .alignfull { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; } .wp-block-group .wp-block-group__inner-container > *.alignfull { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; } .full-max-width { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .alignfull { max-width: 100%; width: auto; margin-left: auto; margin-right: auto; } .full-max-width { max-width: 100%; width: auto; margin-left: auto; margin-right: auto; } } .entry-header .post-thumbnail { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .entry-header .post-thumbnail { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .entry-header .post-thumbnail { width: min(calc(100vw - 200px), 1240px); } } .singular .post-thumbnail { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .singular .post-thumbnail { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .singular .post-thumbnail { width: min(calc(100vw - 200px), 1240px); } } .alignfull [class*=inner-container] > .alignwide { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .alignfull [class*=inner-container] > .alignwide { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .alignfull [class*=inner-container] > .alignwide { width: min(calc(100vw - 200px), 1240px); } } .alignwide [class*=inner-container] > .alignwide { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .alignwide [class*=inner-container] > .alignwide { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .alignwide [class*=inner-container] > .alignwide { width: min(calc(100vw - 200px), 1240px); } } @media only screen and (min-width: 482px) { .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); /*rtl:ignore*/ margin-right: 25px; } @media only screen and (min-width: 482px) { .entry-content > .alignleft { margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 482px) { .entry-content > .alignleft { margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignleft { margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } } @media only screen and (min-width: 482px) { .entry-content > .alignright { /*rtl:ignore*/ margin-left: 25px; /*rtl:ignore*/ margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } @media only screen and (min-width: 482px) { .entry-content > .alignright { margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 482px) { .entry-content > .alignright { margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignright { margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } } /** * Site Structure * * - Set vertical margins and responsive widths on * top-level wrappers and content wrappers * - `--global--width-content` is a responsive variable * - See: globals/_global-width-responsive.scss */ /** * Top Level Wrappers (header, main, footer) * - Set vertical padding and horizontal margins */ .site-header { padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; } .site-main { padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; } .widget-area { padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; } .site-footer { padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; } .site-header { padding-top: 23px; padding-bottom: 60px; } @media only screen and (min-width: 482px) { .site-header { padding-bottom: 90px; } } /** * Site-main children wrappers * - Add double vertical margins here for clearer hierarchy */ .site-main > * { margin-top: 90px; margin-bottom: 90px; } .site-main > *:first-child { margin-top: 0; } .site-main > *:last-child { margin-bottom: 0; } /** * Set the default maximum responsive content-width */ /** * Set the wide maximum responsive content-width */ /** * Set the full maximum responsive content-width */ /* * Block & non-gutenberg content wrappers * - Set margins */ .entry-header { margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .post-thumbnail { margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .entry-content { margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .entry-footer { margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .author-bio { margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } /* * Block & non-gutenberg content wrapper children * - Sets spacing-vertical margin logic */ .site-main > article > * { margin-top: 20px; margin-bottom: 20px; } .site-main > .not-found > * { margin-top: 20px; margin-bottom: 20px; } .entry-content > * { margin-top: 20px; margin-bottom: 20px; } [class*=inner-container] > * { margin-top: 20px; margin-bottom: 20px; } .wp-block-template-part > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .site-main > article > * { margin-top: 30px; margin-bottom: 30px; } .site-main > .not-found > * { margin-top: 30px; margin-bottom: 30px; } .entry-content > * { margin-top: 30px; margin-bottom: 30px; } [class*=inner-container] > * { margin-top: 30px; margin-bottom: 30px; } .wp-block-template-part > * { margin-top: 30px; margin-bottom: 30px; } } .site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*=inner-container] > *:first-child, .wp-block-template-part > *:first-child { margin-top: 0; } .site-main > article > *:last-child, .site-main > .not-found > *:last-child, .entry-content > *:last-child, [class*=inner-container] > *:last-child, .wp-block-template-part > *:last-child { margin-bottom: 0; } .site-footer > * { margin-top: 20px; margin-bottom: 20px; } .widget-area > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .site-footer > * { margin-top: 30px; margin-bottom: 30px; } .widget-area > * { margin-top: 30px; margin-bottom: 30px; } } /* * Block & non-gutenberg content wrapper children * - Sets spacing-unit margins */ .entry-header > * { margin-top: 20px; margin-bottom: 20px; } .post-thumbnail > * { margin-top: 20px; margin-bottom: 20px; } .page-content > * { margin-top: 20px; margin-bottom: 20px; } .comment-content > * { margin-top: 20px; margin-bottom: 20px; } .widget > * { margin-top: 20px; margin-bottom: 20px; } .entry-header > *:first-child, .post-thumbnail > *:first-child, .page-content > *:first-child, .comment-content > *:first-child, .widget > *:first-child { margin-top: 0; } .entry-header > *:last-child, .post-thumbnail > *:last-child, .page-content > *:last-child, .comment-content > *:last-child, .widget > *:last-child { margin-bottom: 0; } /* * .entry-content children specific controls * - Adds special margin overrides for alignment utility classes */ .entry-content > * { /* Reset alignleft and alignright margins after alignfull */ } .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background { margin-top: 0; } .entry-content > *:last-child, .entry-content > *.alignfull.has-background { margin-bottom: 0; } .entry-content > *.alignfull + .alignleft { margin-top: 30px; } .entry-content > *.alignfull + .alignright { margin-top: 30px; } /** * Reset specific elements to make them easier to style in other contexts. */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /** * Apply generic border-box to all elements. * See: * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { /* Apply border-box across the entire page. */ box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1.7; } /** * Relax the definition a bit, to allow components to override it manually. */ *, *::before, *::after { box-sizing: inherit; } body { font-size: 1.25rem; font-weight: normal; color: #28303d; text-align: left; background-color: #d1e4dd; } button { cursor: pointer; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ blockquote { padding: 0; position: relative; margin: 30px 0 30px 25px; } blockquote > * { margin-top: 20px; margin-bottom: 20px; } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } blockquote p { letter-spacing: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.7; } blockquote cite { font-weight: normal; color: #28303d; font-size: 1rem; letter-spacing: normal; } blockquote footer { font-weight: normal; color: #28303d; font-size: 1rem; letter-spacing: normal; } blockquote.alignleft, blockquote.alignright { padding-left: inherit; } blockquote.alignleft p { font-size: 1.125rem; max-width: inherit; width: inherit; } blockquote.alignright p { font-size: 1.125rem; max-width: inherit; width: inherit; } blockquote.alignleft cite { font-size: 1rem; letter-spacing: normal; } blockquote.alignleft footer { font-size: 1rem; letter-spacing: normal; } blockquote.alignright cite { font-size: 1rem; letter-spacing: normal; } blockquote.alignright footer { font-size: 1rem; letter-spacing: normal; } blockquote strong { font-weight: bolder; } blockquote:before { content: "“"; font-size: 1.25rem; line-height: 1.7; position: absolute; left: -12px; } blockquote .wp-block-quote__citation { color: #28303d; font-size: 1rem; font-style: normal; } blockquote cite { color: #28303d; font-size: 1rem; font-style: normal; } blockquote footer { color: #28303d; font-size: 1rem; font-style: normal; } @media only screen and (max-width: 481px) { blockquote { padding-left: 13px; } blockquote:before { left: 0; } } input[type=text] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=email] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=url] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=password] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=search] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=number] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=tel] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=date] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=month] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=week] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=time] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=datetime] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=datetime-local] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=color] { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } .site textarea { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=text]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=email]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=url]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=password]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=search]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=number]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=tel]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=date]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=month]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=week]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=time]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=datetime]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=datetime-local]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=color]:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } .site textarea:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=text]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=week]:disabled, input[type=time]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .site textarea:disabled { opacity: 0.7; } .is-dark-theme input[type=text] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=email] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=url] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=password] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=search] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=number] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=tel] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=date] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=month] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=week] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=time] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=datetime] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=datetime-local] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=color] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme .site textarea { background: rgba(255, 255, 255, 0.9); } input[type=search]:focus { outline-offset: -7px; } .is-dark-theme input[type=search]:focus { outline-color: #d1e4dd; } input[type=color] { padding: 5px; height: 40px; } input[type=email], input[type=url] { /*rtl:ignore*/ direction: ltr; } select { border: 3px solid #39414d; color: #28303d; -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: 1.7; padding: 10px 30px 10px 10px; background: #fff url("data:image/svg+xml;utf8,") no-repeat; background-position: right 10px top 60%; } select:focus { outline-offset: 2px; outline: 2px dotted #39414d; } .is-dark-theme select { background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,") no-repeat; background-position: right 10px top 60%; } textarea { width: 100%; } label { font-size: 1.125rem; font-weight: 500; margin-bottom: 10px; } /** https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: 3px solid #39414d; background: #fff; } input[type=radio] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: 3px solid #39414d; background: #fff; } input[type=checkbox]:disabled, input[type=radio]:disabled { opacity: 0.7; } .is-dark-theme input[type=checkbox] { background: rgba(255, 255, 255, 0.9); } .is-dark-theme input[type=radio] { background: rgba(255, 255, 255, 0.9); } input[type=checkbox]:focus { outline-offset: 2px; outline: 2px dotted #39414d; } input[type=checkbox]:after { content: ""; opacity: 0; display: block; left: 5px; top: 2px; position: absolute; width: 7px; height: 13px; border: 3px solid #28303d; border-top: 0; border-left: 0; transform: rotate(30deg); } input[type=checkbox]:checked { color: #28303d; } input[type=checkbox]:checked:after { opacity: 1; } input[type=radio] { border-radius: 50%; } input[type=radio]:focus { outline-offset: 2px; outline: 2px dotted #39414d; } input[type=radio]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: #28303d; } input[type=radio]:checked { border: 4px solid #39414d; } input[type=radio]:checked:after { opacity: 1; } input[type=radio]:checked:focus { outline-offset: 4px; outline: 2px dotted #39414d; } } input[type=checkbox] + label { display: inline-block; padding-left: 10px; font-size: 1rem; vertical-align: top; } input[type=radio] + label { display: inline-block; padding-left: 10px; font-size: 1rem; vertical-align: top; } /** * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ height: 6px; background: #39414d; border-radius: 6px; outline-offset: 10px; } input[type=range]:disabled { opacity: 0.7; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: 3px solid #39414d; height: 44px; width: 44px; border-radius: 50%; background: #d1e4dd; cursor: pointer; } input[type=range]::-moz-range-thumb { border: 3px solid #39414d; height: 44px; width: 44px; border-radius: 50%; background: #d1e4dd; cursor: pointer; box-sizing: border-box; } } input[type=range]::-ms-track { width: 100%; height: 6px; border-radius: 6px; border-width: 19px 0; border-color: #d1e4dd; background: transparent; color: transparent; cursor: pointer; } input[type=range]::-ms-fill-upper { background: #39414d; border-radius: 6px; } input[type=range]::-ms-fill-lower { background: #39414d; border-radius: 6px; } input[type=range]::-ms-thumb { border: 3px solid #39414d; height: 44px; width: 44px; border-radius: 50%; background: #d1e4dd; cursor: pointer; } fieldset { display: grid; border-color: #39414d; padding: 25px; } fieldset legend { font-size: 1.5rem; } fieldset input[type=submit] { max-width: max-content; } fieldset input:not([type=submit]) { margin-bottom: 20px; } fieldset input[type=radio], fieldset input[type=checkbox] { margin-bottom: 0; } fieldset input[type=radio] + label { font-size: 1.125rem; padding-left: 0; margin-bottom: 20px; } fieldset input[type=checkbox] + label { font-size: 1.125rem; padding-left: 0; margin-bottom: 20px; } ::-moz-placeholder { opacity: 1; } .post-password-message { font-size: 1.5rem; } .post-password-form { display: flex; flex-wrap: wrap; } .post-password-form__label { width: 100%; margin-bottom: 0; } .post-password-form input[type=password] { flex-grow: 1; margin-top: 10px; margin-right: 17px; } .post-password-form__submit { margin-top: 10px; } @media only screen and (min-width: 592px) { .post-password-form__submit { margin-left: 10px; } } img { display: block; height: auto; max-width: 100%; } /* Classic editor images */ .entry-content img { max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Media captions */ figcaption { color: currentColor; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .wp-caption { color: currentColor; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .wp-caption-text { color: currentColor; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .wp-block-embed figcaption { color: currentColor; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption { margin-bottom: 0; } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Over here, place any elements that do not need to have their own file. */ b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } pre { white-space: pre; overflow-x: auto; } /* * text-underline-offset doesn't work in Chrome at all 👎 * But looks nice in Safari/Firefox, so let's keep it and * maybe Chrome will support it soon. */ a { cursor: pointer; color: #28303d; text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, 0.9); } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { color: #d1e4dd; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: #d1e4dd; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: rgba(0, 0, 0, 0.9); color: #fff; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: #fff; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { color: #21759b; background-color: #f1f1f1; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted #28303d; } .has-background .has-link-color a { color: #28303d; } .has-background.has-link-color a { color: #28303d; } /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ .wp-block-audio audio:focus { outline-offset: 5px; outline: 2px solid #28303d; } /** * Button */ .site .button { line-height: 1.5; color: #d1e4dd; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; background-color: #39414d; border-radius: 0; border: 3px solid #39414d; text-decoration: none; padding: 15px 30px; } input[type=submit] { line-height: 1.5; color: #d1e4dd; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; background-color: #39414d; border-radius: 0; border: 3px solid #39414d; text-decoration: none; padding: 15px 30px; } input[type=reset] { line-height: 1.5; color: #d1e4dd; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; background-color: #39414d; border-radius: 0; border: 3px solid #39414d; text-decoration: none; padding: 15px 30px; } .wp-block-search__button { line-height: 1.5; color: #d1e4dd; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; background-color: #39414d; border-radius: 0; border: 3px solid #39414d; text-decoration: none; padding: 15px 30px; } .wp-block-button .wp-block-button__link { line-height: 1.5; color: #d1e4dd; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; background-color: #39414d; border-radius: 0; border: 3px solid #39414d; text-decoration: none; padding: 15px 30px; } .site .button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus { background: transparent; outline-offset: -6px; outline: 2px dotted currentColor; } .is-dark-theme .site .button:focus { color: #39414d; } .is-dark-theme input[type=submit]:focus { color: #39414d; } .is-dark-theme input[type=reset]:focus { color: #39414d; } .is-dark-theme .wp-block-search__button:focus { color: #39414d; } .is-dark-theme .wp-block-button .wp-block-button__link:focus { color: #39414d; } .site .button:focus:not(.has-background) { color: #39414d; } input[type=submit]:focus:not(.has-background) { color: #39414d; } input[type=reset]:focus:not(.has-background) { color: #39414d; } .wp-block-search__button:focus:not(.has-background) { color: #39414d; } .wp-block-button .wp-block-button__link:focus:not(.has-background) { color: #39414d; } .site .button:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } input[type=submit]:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } input[type=reset]:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } .wp-block-search__button:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } .wp-block-button .wp-block-button__link:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } .site .button:active { color: #39414d; background-color: #d1e4dd; } input[type=submit]:active { color: #39414d; background-color: #d1e4dd; } input[type=reset]:active { color: #39414d; background-color: #d1e4dd; } .wp-block-search .wp-block-search__button:active { color: #39414d; background-color: #d1e4dd; } .wp-block-file .wp-block-file__button:active { color: #39414d; background-color: #d1e4dd; } .site .button:hover { color: #39414d; background: transparent; } input[type=submit]:hover { color: #39414d; background: transparent; } input[type=reset]:hover { color: #39414d; background: transparent; } .wp-block-search .wp-block-search__button:hover { color: #39414d; background: transparent; } .wp-block-file .wp-block-file__button:hover { color: #39414d; background: transparent; } /** * Block Options */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { color: #39414d !important; background: transparent !important; border-color: #39414d; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { color: #39414d !important; background: transparent !important; border-color: #39414d; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { color: #d1e4dd !important; background: #39414d !important; } .wp-block-button.is-style-outline .wp-block-button__link { padding: 15px 30px; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { background: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { background: transparent; color: #39414d; border-color: #39414d; } .wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) { color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) { color: #fff; } .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) { color: #fff; } .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) { color: #fff; } .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background { color: #28303d; } .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color { color: #fff; } .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color { color: #fff; } .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color { color: #fff; } .wp-block-button.is-style-outline .wp-block-button__link.has-text-color, .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color { border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link:active { color: #d1e4dd !important; background: #39414d !important; border-color: #39414d; } .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #d1e4dd !important; background: #39414d !important; border-color: #39414d; } .wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color { border-color: #39414d; } .wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color { border-color: #39414d; } .wp-block-button.is-style-outline .wp-block-button__link:focus { color: #39414d !important; background: transparent !important; } .wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius]:focus { outline-offset: 2px; outline: 2px dotted #39414d; } .wp-block-button a.wp-block-button__link[style*=radius]:focus { outline-offset: 2px; outline: 2px dotted #39414d; } .wp-block-code { border-color: #28303d; border-radius: 0; border-style: solid; border-width: 0.1rem; padding: 20px; } .wp-block-code code { color: #28303d; font-size: 1rem; white-space: pre; overflow-x: auto; display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block-column > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 30px; } } @media only screen and (min-width: 822px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } .wp-block-columns.is-style-twentytwentyone-columns-overlap { justify-content: space-around; } @media only screen and (min-width: 652px) { .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { margin-left: -50px; margin-top: 63px; z-index: 2; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { padding-left: 50px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { padding-left: 50px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0; } } .wp-block-columns.alignfull .wp-block-column p:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-columns.alignfull .wp-block-column h1:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-columns.alignfull .wp-block-column h2:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-columns.alignfull .wp-block-column h3:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-columns.alignfull .wp-block-column h4:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-columns.alignfull .wp-block-column h5:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-cover { background-color: #000; min-height: 450px; margin-top: inherit; margin-bottom: inherit; /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ } .wp-block-cover-image { background-color: #000; min-height: 450px; margin-top: inherit; margin-bottom: inherit; /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ } .wp-block-cover:not(.alignwide):not(.alignfull), .wp-block-cover-image:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-cover.alignfull, .wp-block-cover-image.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-cover .wp-block-cover__inner-container { color: currentColor; margin-top: 30px; margin-bottom: 30px; } .wp-block-cover .wp-block-cover-image-text { color: currentColor; margin-top: 30px; margin-bottom: 30px; } .wp-block-cover .wp-block-cover-text { color: currentColor; margin-top: 30px; margin-bottom: 30px; } .wp-block-cover-image .wp-block-cover__inner-container { color: currentColor; margin-top: 30px; margin-bottom: 30px; } .wp-block-cover-image .wp-block-cover-image-text { color: currentColor; margin-top: 30px; margin-bottom: 30px; } .wp-block-cover-image .wp-block-cover-text { color: currentColor; margin-top: 30px; margin-bottom: 30px; } .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container .has-link-color a { color: #28303d; } .wp-block-cover .wp-block-cover-image-text .has-link-color a { color: #28303d; } .wp-block-cover .wp-block-cover-text .has-link-color a { color: #28303d; } .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a { color: #28303d; } .wp-block-cover-image .wp-block-cover-image-text .has-link-color a { color: #28303d; } .wp-block-cover-image .wp-block-cover-text .has-link-color a { color: #28303d; } .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container { color: #fff; } .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text { color: #fff; } .wp-block-cover:not([class*=background-color]) .wp-block-cover-text { color: #fff; } .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container { color: #fff; } .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text { color: #fff; } .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { color: #fff; } .wp-block-cover h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; max-width: inherit; text-align: inherit; padding: 0; } @media only screen and (min-width: 652px) { .wp-block-cover h2 { font-size: 3rem; } } @media only screen and (min-width: 652px) { .wp-block-cover h2 { font-size: 3rem; } } .wp-block-cover-image h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; max-width: inherit; text-align: inherit; padding: 0; } @media only screen and (min-width: 652px) { .wp-block-cover-image h2 { font-size: 3rem; } } @media only screen and (min-width: 652px) { .wp-block-cover-image h2 { font-size: 3rem; } } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: left; } .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { text-align: center; } .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { text-align: right; } .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 60px); } .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 60px); } .wp-block-cover .wp-block-cover__inner-container > * { margin-top: 20px; margin-bottom: 20px; } .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-cover .wp-block-cover__inner-container > * { margin-top: 30px; margin-bottom: 30px; } .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover .wp-block-cover__inner-container > *:last-child, .wp-block-cover-image .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { margin-top: 0; } .wp-block-cover.alignleft > * { margin-top: 60px; margin-bottom: 60px; padding-left: 25px; padding-right: 25px; width: 100%; } .wp-block-cover.alignright > * { margin-top: 60px; margin-bottom: 60px; padding-left: 25px; padding-right: 25px; width: 100%; } .wp-block-cover-image.alignleft > * { margin-top: 60px; margin-bottom: 60px; padding-left: 25px; padding-right: 25px; width: 100%; } .wp-block-cover-image.alignright > * { margin-top: 60px; margin-bottom: 60px; padding-left: 25px; padding-right: 25px; width: 100%; } .wp-block-cover.has-left-content, .wp-block-cover.has-right-content, .wp-block-cover-image.has-left-content, .wp-block-cover-image.has-right-content { justify-content: center; } .wp-block-cover.is-style-twentytwentyone-border { border: 3px solid #28303d; } .wp-block-cover-image.is-style-twentytwentyone-border { border: 3px solid #28303d; } .wp-block-file a.wp-block-file__button:active { color: #39414d; opacity: inherit; } .wp-block-file a.wp-block-file__button:focus { color: #39414d; opacity: inherit; } .wp-block-file a.wp-block-file__button:hover { color: #39414d; opacity: inherit; } .wp-block-file a.wp-block-file__button:visited { color: #d1e4dd; } .wp-block-file a.wp-block-file__button:visited:hover { color: #39414d; } .wp-block-file .wp-block-file__button { line-height: 1.5; color: #d1e4dd; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; background-color: #39414d; border-radius: 0; border: 3px solid #39414d; text-decoration: none; padding: 15px 30px; display: inline-block; } .wp-block-file .wp-block-file__button:focus { background: transparent; outline-offset: -6px; outline: 2px dotted currentColor; } .is-dark-theme .wp-block-file .wp-block-file__button:focus { color: #39414d; } .wp-block-file .wp-block-file__button:focus:not(.has-background) { color: #39414d; } .wp-block-file .wp-block-file__button:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } .wp-block-gallery { margin: 0 auto; } .wp-block-gallery .blocks-gallery-image { width: calc(50% - 10px); } .wp-block-gallery .blocks-gallery-item { width: calc(50% - 10px); } .wp-block-gallery .blocks-gallery-image figcaption { margin: 0; color: #fff; font-size: 1rem; } .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: #fff; font-size: 1rem; } .wp-block-gallery .blocks-gallery-image figcaption a { color: #fff; } .wp-block-gallery .blocks-gallery-item figcaption a { color: #fff; } .wp-block-gallery .blocks-gallery-image figcaption a:focus { background-color: transparent; outline: 2px solid #28303d; text-decoration: none; } .wp-block-gallery .blocks-gallery-item figcaption a:focus { background-color: transparent; outline: 2px solid #28303d; text-decoration: none; } .wp-block-gallery .blocks-gallery-image a:focus img, .wp-block-gallery .blocks-gallery-item a:focus img { outline-offset: 2px; } .wp-block-group { display: block; clear: both; display: flow-root; } .wp-block-group:before, .wp-block-group:after { content: ""; display: block; clear: both; } .wp-block-group .wp-block-group__inner-container { margin-left: auto; margin-right: auto; } .wp-block-group .wp-block-group__inner-container > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: 20px; } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: 30px; } } .wp-block-group.is-style-twentytwentyone-border { border: 3px solid #28303d; padding: 30px; } .wp-block-group.has-background .wp-block-group__inner-container > .alignfull { max-width: calc(100% + 60px); width: calc(100% + 60px); margin-left: -30px; } .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(100% + 60px); width: calc(100% + 60px); margin-left: -30px; } .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull { max-width: calc(100% + 60px); width: calc(100% + 60px); margin-left: -30px; } .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(100% + 60px); width: calc(100% + 60px); margin-left: -30px; } h1 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } .h1 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } h2 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } .h2 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } h3 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } .h3 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } h4 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } .h4 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } h5 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } .h5 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } h6 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } .h6 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } h1 strong { font-weight: 600; } .h1 strong { font-weight: 600; } h2 strong { font-weight: 600; } .h2 strong { font-weight: 600; } h3 strong { font-weight: 600; } .h3 strong { font-weight: 600; } h4 strong { font-weight: 600; } .h4 strong { font-weight: 600; } h5 strong { font-weight: 600; } .h5 strong { font-weight: 600; } h6 strong { font-weight: 600; } .h6 strong { font-weight: 600; } h1 { font-size: 4rem; letter-spacing: normal; line-height: 1.1; } @media only screen and (min-width: 652px) { h1 { font-size: 6rem; } } .h1 { font-size: 4rem; letter-spacing: normal; line-height: 1.1; } @media only screen and (min-width: 652px) { .h1 { font-size: 6rem; } } h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { h2 { font-size: 3rem; } } @media only screen and (min-width: 652px) { h2 { font-size: 3rem; } } .h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .h2 { font-size: 3rem; } } @media only screen and (min-width: 652px) { .h2 { font-size: 3rem; } } h3 { font-size: 2rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { h3 { font-size: 2rem; } } .h3 { font-size: 2rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .h3 { font-size: 2rem; } } h4 { font-size: 1.5rem; font-weight: 600; letter-spacing: normal; line-height: 1.3; } .h4 { font-size: 1.5rem; font-weight: 600; letter-spacing: normal; line-height: 1.3; } h5 { font-size: 1.125rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } .h5 { font-size: 1.125rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } h6 { font-size: 1rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } .h6 { font-size: 1rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } .wp-block-image { text-align: center; } .wp-block-image figcaption { color: #28303d; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .wp-block-image .alignright { margin-left: 25px; } .wp-block-image .alignleft { margin-right: 25px; } .wp-block-image a:focus img { outline-offset: 2px; } .entry-content > *[class=wp-block-image], .entry-content [class*=inner-container] > *[class=wp-block-image] { margin-top: 0; margin-bottom: 0; } .entry-content > *[class=wp-block-image] + *, .entry-content [class*=inner-container] > *[class=wp-block-image] + * { margin-top: 0; } img { height: auto; max-width: 100%; vertical-align: middle; } .wp-block-image.is-style-twentytwentyone-border img { border: 3px solid #28303d; } .wp-block-image.is-style-twentytwentyone-image-frame img { border: 3px solid #28303d; } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: 20px; } @media only screen and (min-width: 482px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { max-width: 50%; } } @media only screen and (max-width: 481px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { margin-left: 0; margin-right: 0; } } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: 1.125rem; line-height: 1.7; /* Vertical margins logic */ margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: #28303d; font-size: 1.125rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 1.125rem; line-height: 1.7; margin: 0; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: 50px; margin-bottom: 50px; } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: 30px; } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-latest-posts > li > * { margin-top: 10px; margin-bottom: 10px; } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 2rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; } @media only screen and (min-width: 652px) { .wp-block-latest-posts > li > a { font-size: 2rem; } } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: #28303d; font-size: 1.25rem; line-height: 1.7; } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: #28303d; font-size: 1rem; line-height: 1.7; } [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-latest-posts.alignfull { padding-left: 20px; padding-right: 20px; } .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { padding-left: 0; padding-right: 0; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { border-top: 3px solid #28303d; border-bottom: 3px solid #28303d; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li { padding-bottom: 30px; border-bottom: 1px solid #28303d; margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { padding-bottom: 30px; border-bottom: 1px solid #28303d; margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { box-shadow: inset 0 -1px 0 0 #28303d; border-bottom: 2px solid #28303d; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { margin: 0; padding-top: 30px; padding-right: 25px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { padding-bottom: 30px; } @media screen and (min-width: 600px) { .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { width: 50%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { width: 33%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { width: 25%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { width: 20%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { width: 17%; } } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { border: 3px solid #28303d; padding: 30px 25px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { padding-bottom: 30px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { margin-top: 25px; margin-bottom: 25px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item a { display: block; } .gallery-item a:focus img { outline-offset: -2px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } figure.wp-caption a:focus img { outline-offset: 2px; } ul { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 0; padding-left: 50px; } ol { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 0; padding-left: 50px; } ul.aligncenter, ol.aligncenter { list-style-position: inside; padding: 0; } ul.alignright, ol.alignright { list-style-position: inside; text-align: right; padding: 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dt { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: bold; } dd { margin: 0; padding-left: 50px; } .wp-block-media-text { /** * Block Options */ } .wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-media-text a:focus img { outline-offset: -1px; } .wp-block-media-text .wp-block-media-text__content { padding: 25px; } @media only screen and (min-width: 592px) { .wp-block-media-text .wp-block-media-text__content { padding: 30px; } } .wp-block-media-text .wp-block-media-text__content > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-media-text .wp-block-media-text__content > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-media-text .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 482px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 30px; padding-bottom: 30px; } } .wp-block-media-text.is-style-twentytwentyone-border { border: 3px solid #28303d; } .wp-block-navigation .wp-block-navigation-link { padding: 0; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { padding: 13px; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-weight: normal; } .wp-block-navigation .wp-block-navigation-link__submenu-icon { padding: 0; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { display: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { border: none; left: 0; margin-left: 13px; min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { display: inline-block; padding: 7px 13px; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { display: none; } .wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { display: block; opacity: 1; visibility: visible; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: #d1e4dd; margin: 0; padding: 0; position: absolute; top: 100%; border: 1px solid #28303d; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before { content: ""; display: block; position: absolute; width: 0; top: -10px; left: 25px; border-style: solid; border-color: #28303d transparent; border-width: 0 7px 10px 7px; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: 25px; border-style: solid; border-color: #28303d transparent; border-width: 0 7px 10px 7px; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { top: -9px; border-color: #d1e4dd transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container { background: #d1e4dd; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { background: #d1e4dd; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { color: #28303d; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { color: #28303d; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { text-decoration: underline; text-decoration-style: dotted; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: --global--line-height-body; } p.has-background { padding: 20px; } p.has-text-color a { color: #28303d; } pre.wp-block-preformatted { overflow-x: auto; white-space: pre; } .wp-block-pullquote { padding: 40px 0; text-align: center; border-width: 3px; border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; /** * Block Options */ } .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } .wp-block-pullquote p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 2rem; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 1.3; margin: 0; } @media only screen and (min-width: 652px) { .wp-block-pullquote p { font-size: 2rem; } } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation { color: currentColor; display: block; font-size: 1rem; font-style: normal; text-transform: none; } .wp-block-pullquote cite { color: currentColor; display: block; font-size: 1rem; font-style: normal; text-transform: none; } .wp-block-pullquote footer { color: currentColor; display: block; font-size: 1rem; font-style: normal; text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before, .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite { text-align: center; } .wp-block-pullquote.alignwide > p { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-pullquote.alignwide > p { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wp-block-pullquote.alignwide > p { max-width: min(calc(100vw - 200px), 1240px); } } .wp-block-pullquote.alignwide blockquote { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-pullquote.alignwide blockquote { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wp-block-pullquote.alignwide blockquote { max-width: min(calc(100vw - 200px), 1240px); } } .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p { padding: 0 40px; } .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 40px; } .wp-block-pullquote.is-style-solid-color { color: #28303d; padding: 50px; border-width: 3px; border-style: solid; border-color: #28303d; } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: 100px; } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left; } .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: inherit; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2rem; } @media only screen and (min-width: 652px) { .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2rem; } } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block-pullquote.is-style-solid-color.alignleft { padding: 20px; } .wp-block-pullquote.is-style-solid-color.alignright { padding: 20px; } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial; } .wp-block-quote { border-left: none; /** * Block Options */ } .wp-block-quote:before { content: "“"; font-size: 1.25rem; line-height: 1.7; left: 8px; } .has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation, .has-background .wp-block-quote cite, [class*=background-color] .wp-block-quote cite, [style*=background-color] .wp-block-quote cite, .wp-block-cover[style*=background-image] .wp-block-quote cite, .has-background .wp-block-quote footer, [class*=background-color] .wp-block-quote footer, [style*=background-color] .wp-block-quote footer, .wp-block-cover[style*=background-image] .wp-block-quote footer { color: currentColor; } .wp-block-quote.has-text-align-right { margin: 30px 25px 30px auto; padding-right: 0; border-right: none; } .wp-block-quote.has-text-align-right:before { display: none; } .wp-block-quote.has-text-align-right p:before { content: "”"; font-size: 1.25rem; font-weight: normal; line-height: 1.7; margin-right: 5px; } .wp-block-quote.has-text-align-center { margin: 30px auto; } .wp-block-quote.has-text-align-center:before { display: none; } .wp-block-quote.is-large { padding-left: 0; padding-right: 0; /* Resetting margins to match _block-container.scss */ margin-top: 30px; margin-bottom: 30px; } .wp-block-quote.is-style-large { padding-left: 0; padding-right: 0; /* Resetting margins to match _block-container.scss */ margin-top: 30px; margin-bottom: 30px; } .wp-block-quote.is-large p { font-size: 2.25rem; font-style: normal; line-height: 1.35; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large p { font-size: 2.5rem; } } .wp-block-quote.is-style-large p { font-size: 2.25rem; font-style: normal; line-height: 1.35; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large p { font-size: 2.5rem; } } .wp-block-quote.is-large:before { font-size: 2.25rem; line-height: 1.35; left: -25px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large:before { font-size: 2.5rem; } } .wp-block-quote.is-style-large:before { font-size: 2.25rem; line-height: 1.35; left: -25px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large:before { font-size: 2.5rem; } } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { display: none; } .wp-block-quote.is-large.has-text-align-right p:before { content: "”"; font-size: 2.25rem; font-weight: normal; line-height: 1.35; margin-right: 10px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large.has-text-align-right p:before { font-size: 2.5rem; } } .wp-block-quote.is-style-large.has-text-align-right p:before { content: "”"; font-size: 2.25rem; font-weight: normal; line-height: 1.35; margin-right: 10px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large.has-text-align-right p:before { font-size: 2.5rem; } } .wp-block-quote.is-large .wp-block-quote__citation { color: #28303d; font-size: 1.125rem; } .wp-block-quote.is-large cite { color: #28303d; font-size: 1.125rem; } .wp-block-quote.is-large footer { color: #28303d; font-size: 1.125rem; } .wp-block-quote.is-style-large .wp-block-quote__citation { color: #28303d; font-size: 1.125rem; } .wp-block-quote.is-style-large cite { color: #28303d; font-size: 1.125rem; } .wp-block-quote.is-style-large footer { color: #28303d; font-size: 1.125rem; } @media only screen and (max-width: 481px) { .wp-block-quote.is-large { padding-left: 25px; } .wp-block-quote.is-style-large { padding-left: 25px; } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { left: 0; } .wp-block-quote.is-large.has-text-align-right { padding-left: 0; padding-right: 25px; } .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: 25px; } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { right: 0; } .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 481px) { .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: 13px; } .wp-block-quote.has-text-align-right:before { right: 0; } .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } } .wp-block-rss { padding-left: 0; } .wp-block-rss > li { list-style: none; } .wp-block-rss:not(.is-grid) > li { margin-top: 50px; margin-bottom: 50px; } .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid > li { margin-bottom: 30px; } .wp-block-rss.is-grid > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-rss > li > * { margin-top: 10px; margin-bottom: 10px; } .wp-block-rss > li > *:first-child { margin-top: 0; } .wp-block-rss > li > *:last-child { margin-bottom: 0; } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 2rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; } @media only screen and (min-width: 652px) { .wp-block-rss .wp-block-rss__item-title > a { font-size: 2rem; } } .wp-block-rss .wp-block-rss__item-author { color: #28303d; font-size: 1.25rem; line-height: 1.7; } .wp-block-rss .wp-block-rss__item-publish-date { color: #28303d; font-size: 1rem; line-height: 1.7; } [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor; } .wp-block-rss .wp-block-rss__item-excerpt { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-rss .wp-block-rss__item-full-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-rss.alignfull { padding-left: 20px; padding-right: 20px; } .entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; padding-right: 0; } .wp-block-search { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-search { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .wp-block-search { max-width: min(calc(100vw - 200px), 610px); } } .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { justify-content: center; } .wp-block-search .wp-block-search__label { font-size: 1.125rem; font-weight: 500; margin-bottom: 10px; } .wp-block-search .wp-block-search__input { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; max-width: inherit; margin-right: -3px; padding: 10px; } .wp-block-search .wp-block-search__input:focus { color: #28303d; border-color: #39414d; } .has-background .wp-block-search .wp-block-search__input, [class*=background-color] .wp-block-search .wp-block-search__input, [style*=background-color] .wp-block-search .wp-block-search__input, .wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input { border-color: currentColor; } .has-background.has-gray-background-color .wp-block-search .wp-block-search__input { border-color: #fff; } .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input { border-color: #fff; } .has-background.has-black-background-color .wp-block-search .wp-block-search__input { border-color: #fff; } .wp-block-search button.wp-block-search__button { margin-left: 0; background-color: transparent; color: #39414d; line-height: 1; } .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; color: #d1e4dd; } .wp-block-search button.wp-block-search__button.has-icon { padding: 6px 15px; } .wp-block-search button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; fill: currentColor; } .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button { color: #fff; border-color: currentColor; } .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button { color: #fff; border-color: currentColor; } .has-background.has-black-background-color .wp-block-search button.wp-block-search__button { color: #fff; border-color: currentColor; } .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #fff; color: #fff; } .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #fff; color: #fff; } .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #fff; color: #fff; } .is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover { color: #d1e4dd; } .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover { color: #d1e4dd; } .is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { color: #d1e4dd; } .has-background.has-white-background-color .wp-block-search button.wp-block-search__button, .has-background.has-green-background-color .wp-block-search button.wp-block-search__button, .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button, .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button, .has-background.has-red-background-color .wp-block-search button.wp-block-search__button, .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button, .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button { border-color: currentColor; color: currentColor; } .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #39414d; color: #fff; } .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #39414d; color: #fff; } .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #39414d; color: #fff; } .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #39414d; color: #fff; } .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #39414d; color: #fff; } .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #39414d; color: #fff; } .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { background-color: #39414d; border-color: #39414d; color: #fff; } .is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: #fff; border: 3px solid #39414d; border-radius: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { margin-right: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: 2px dotted #39414d; outline-offset: -5px; } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline-color: currentColor; } .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button { padding: 15px 30px; } .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: #39414d; color: #39414d; } .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: #39414d; color: #39414d; } .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: #39414d; color: #39414d; } .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: #fff; } .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: #fff; } .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: #fff; } .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: #d1e4dd; color: #d1e4dd; } .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: #d1e4dd; color: #d1e4dd; } .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: #d1e4dd; color: #d1e4dd; } .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: #fff; } .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: #fff; } .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: #fff; } .is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: #d1e4dd; color: #d1e4dd; } .is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { border-color: #d1e4dd; background-color: #d1e4dd; color: #39414d; } .wp-block-search__button { box-shadow: none; } hr { border-style: none; border-bottom: 1px solid #28303d; clear: both; margin-left: auto; margin-right: auto; } hr.wp-block-separator { border-bottom: 1px solid #28303d; opacity: 1; /** * Block Options */ } hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: min(calc(100vw - 200px), 610px); } } hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: min(calc(100vw - 200px), 1240px); } } hr.wp-block-separator:not(.is-style-dots).alignfull { max-width: 100%; } hr.wp-block-separator.is-style-twentytwentyone-separator-thick { border-bottom-width: 3px; } hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color { background-color: transparent !important; } hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before { color: currentColor !important; } hr.wp-block-separator.is-style-dots:before { color: #28303d; font-size: 2.25rem; letter-spacing: 1.125rem; padding-left: 1.125rem; } @media only screen and (min-width: 652px) { hr.wp-block-separator.is-style-dots:before { font-size: 2.5rem; } } .has-background hr.wp-block-separator, [class*=background-color] hr.wp-block-separator, [style*=background-color] hr.wp-block-separator, .wp-block-cover[style*=background-image] hr.wp-block-separator { border-color: currentColor; } .wp-block-social-links a:focus { color: #28303d; } .wp-block-social-links.is-style-twentytwentyone-social-icons-color a { color: #28303d; } .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { background: none; } .wp-block-spacer { display: block; margin-bottom: 0 !important; margin-top: 0 !important; } @media only screen and (max-width: 481px) { .wp-block-spacer[style] { height: 20px !important; } } table, .wp-block-table { width: 100%; min-width: 240px; border-collapse: collapse; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { text-align: center; } table th { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-table th { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } table td { padding: 10px; border: 1px solid; } table th { padding: 10px; border: 1px solid; } .wp-block-table td { padding: 10px; border: 1px solid; } .wp-block-table th { padding: 10px; border: 1px solid; } table figcaption { color: #28303d; font-size: 1rem; } .wp-block-table figcaption { color: #28303d; font-size: 1rem; } table.is-style-regular .has-background { color: #28303d; } table.is-style-stripes .has-background { color: #28303d; } table.is-style-stripes .has-background thead tr { color: #28303d; } table.is-style-stripes .has-background tfoot tr { color: #28303d; } table.is-style-stripes .has-background tbody tr { color: #28303d; } .wp-block-table.is-style-regular .has-background { color: #28303d; } .wp-block-table.is-style-stripes .has-background { color: #28303d; } .wp-block-table.is-style-stripes .has-background thead tr { color: #28303d; } .wp-block-table.is-style-stripes .has-background tfoot tr { color: #28303d; } .wp-block-table.is-style-stripes .has-background tbody tr { color: #28303d; } table.is-style-stripes { border-color: #f0f0f0; } .wp-block-table.is-style-stripes { border-color: #f0f0f0; } table.is-style-stripes th, table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-width: 0; } table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0; } table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.9); } .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.9); } table.wp-calendar-table td, table.wp-calendar-table th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; word-break: normal; } table.wp-calendar-table th { font-weight: bold; } table.wp-calendar-table thead, table.wp-calendar-table tbody { color: currentColor; border: 1px solid; } table.wp-calendar-table caption { font-weight: bold; text-align: left; margin-bottom: 20px; color: currentColor; } .wp-calendar-nav { text-align: left; margin-top: 10px; } .wp-calendar-nav svg { height: 1em; vertical-align: middle; } .wp-calendar-nav svg path { fill: currentColor; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } .wp-block-tag-cloud.alignfull { padding-left: 20px; padding-right: 20px; } .wp-block-verse { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-video figcaption { color: #28303d; font-size: 1rem; margin-top: 10px; margin-bottom: 20px; text-align: center; } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } :root .is-extra-small-text { font-size: 1rem; } :root .has-extra-small-font-size { font-size: 1rem; } :root .is-small-text { font-size: 1.125rem; } :root .has-small-font-size { font-size: 1.125rem; } :root .is-regular-text { font-size: 1.25rem; } :root .has-regular-font-size { font-size: 1.25rem; } :root .is-normal-font-size { font-size: 1.25rem; } :root .has-normal-font-size { font-size: 1.25rem; } :root .has-medium-font-size { font-size: 1.25rem; } :root .is-large-text { font-size: 1.5rem; line-height: 1.3; } :root .has-large-font-size { font-size: 1.5rem; line-height: 1.3; } :root .is-larger-text { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .is-larger-text { font-size: 2.5rem; } } :root .has-larger-font-size { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .has-larger-font-size { font-size: 2.5rem; } } :root .is-extra-large-text { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .is-extra-large-text { font-size: 2.5rem; } } :root .has-extra-large-font-size { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .has-extra-large-font-size { font-size: 2.5rem; } } :root .is-huge-text { font-size: 6rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .is-huge-text { font-size: 6rem; } } :root .has-huge-font-size { font-size: 6rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .has-huge-font-size { font-size: 6rem; } } :root .is-gigantic-text { font-size: 9rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .is-gigantic-text { font-size: 9rem; } } :root .has-gigantic-font-size { font-size: 9rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .has-gigantic-font-size { font-size: 9rem; } } /* Block Alignments */ /** * These selectors set the default max width for content appearing inside a post or page. */ /** * .alignleft */ .alignleft { /*rtl:ignore*/ text-align: left; margin-top: 0; } .entry-content > .alignleft { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .entry-content > .alignleft { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content > .alignleft { max-width: min(calc(100vw - 200px), 610px); } } @media only screen and (min-width: 482px) { .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 25px; margin-bottom: 30px; } .entry-content > .alignleft { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } @media only screen and (min-width: 482px) { .entry-content > .alignleft { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 482px) { .entry-content > .alignleft { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignleft { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } } } /** * .aligncenter */ .aligncenter { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; } /** * .alignright */ .alignright { margin-top: 0; margin-bottom: 30px; } .entry-content > .alignright { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .entry-content > .alignright { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content > .alignright { max-width: min(calc(100vw - 200px), 610px); } } @media only screen and (min-width: 482px) { .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 25px; } .entry-content > .alignright { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } @media only screen and (min-width: 482px) { .entry-content > .alignright { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 482px) { .entry-content > .alignright { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignright { max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); } } } [class*=inner-container] > .alignleft + *, [class*=inner-container] > .alignright + * { margin-top: 0; } /** * .alignwide */ .alignwide { clear: both; } /** * .alignfull */ .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } .has-parallax { background-attachment: fixed; } .has-drop-cap:not(:focus)::first-letter { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: 5rem; } @media only screen and (min-width: 652px) { .has-drop-cap:not(:focus)::first-letter { font-size: 7rem; } } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px; } .desktop-only { display: none; } @media only screen and (min-width: 482px) { .desktop-only { display: block; } } /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ .site-header { display: flex; align-items: flex-start; flex-wrap: wrap; row-gap: 30px; } .wp-custom-logo .site-header { align-items: center; } @media only screen and (min-width: 482px) { .site-header { padding-top: 40px; } } @media only screen and (min-width: 822px) { .site-header { padding-top: 72px; } } .site-branding { color: #28303d; margin-right: 140px; } .site-branding:last-child { margin-right: 0; width: 100%; text-align: center; } @media only screen and (min-width: 482px) { .site-branding { margin-right: initial; margin-top: 4px; } } .site-title { color: #28303d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; letter-spacing: normal; text-transform: uppercase; line-height: 1.3; margin-bottom: 5px; } .site-title a { color: currentColor; font-weight: normal; } .site-title a:link, .site-title a:visited, .site-title a:active { color: currentColor; } .site-title a:hover { color: #39414d; } .site-title a:focus { color: #39414d; } @media only screen and (min-width: 482px) { .site-title { font-size: 1.5rem; } } .site-description { color: currentColor; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.4; } a.custom-logo-link { text-decoration: none; } .has-background-white a.custom-logo-link:focus, .is-dark-theme a.custom-logo-link:focus { background: none; } .site-title > a { text-decoration-color: #39414d; } .site-logo { margin: 15px 0; } .site-header > .site-logo { width: 100%; padding-bottom: 45px; border-bottom: 1px solid; text-align: center; } .site-logo .custom-logo { margin-left: auto; margin-right: auto; max-width: 96px; max-height: 96px; height: auto; display: inline-block; width: auto; } @media only screen and (min-width: 482px) { .site-logo .custom-logo { max-width: 300px; max-height: 100px; height: auto; width: auto; } } @media only screen and (max-width: 481px) { .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { position: absolute; padding-top: 15px; margin-top: 0; top: 0; } .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { display: none; } .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img { max-height: calc(10px + 2em); } .site-header.has-logo.has-title-and-tagline { align-items: flex-start; } .site-header.has-logo.has-title-and-tagline.has-menu { justify-content: space-between; } .site-header.has-logo.has-title-and-tagline.has-menu .site-branding { max-width: calc(100% - 160px); } .site-header.has-logo.has-title-and-tagline .site-branding { margin-right: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after { display: none; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation { position: relative; top: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container { position: relative; padding-top: 0; margin-top: -10px; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { padding-left: 11px; padding-right: 11px; margin-right: -15px; } .site-header:not(.has-logo).has-title-and-tagline .site-branding { margin-right: 0; max-width: calc(100% - 160px); } .site-header:not(.has-menu) { justify-content: center; } } .site-footer { padding-top: 0; padding-bottom: 51px; } .no-widgets .site-footer { margin-top: 180px; } @media only screen and (max-width: 481px) { .no-widgets .site-footer { margin-top: 90px; } } .site-footer > .site-info { padding-top: 30px; color: #28303d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; border-top: 3px solid #28303d; } .site-footer > .site-info .site-name { text-transform: uppercase; font-size: 1.5rem; } .site-footer > .site-info .powered-by { margin-top: 15px; } @media only screen and (min-width: 822px) { .site-footer > .site-info { display: flex; align-items: center; } .site-footer > .site-info .powered-by { margin-top: initial; margin-left: auto; } } .site-footer > .site-info a { color: #28303d; } .site-footer > .site-info a:link { color: #28303d; } .site-footer > .site-info a:visited { color: #28303d; } .site-footer > .site-info a:active { color: #28303d; } .site-footer > .site-info a:hover { color: #28303d; } .site-footer > .site-info a:focus { color: #28303d; } .is-dark-theme .site-footer > .site-info a:focus { color: #d1e4dd; } .has-background-white .site-footer > .site-info a:focus { color: #fff; } .singular .entry-header { border-bottom: 3px solid #28303d; padding-bottom: 60px; margin-bottom: 90px; } .home .entry-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { border-bottom: none; padding-bottom: 39px; margin-bottom: 0; } .no-results.not-found > *:first-child { margin-bottom: 90px; } .page-links { clear: both; } .page-links .post-page-numbers { display: inline-block; margin-left: 13px; margin-right: 13px; min-width: 44px; min-height: 44px; } .page-links .post-page-numbers:first-child { margin-left: 0; } .entry-title { color: #28303d; font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; overflow-wrap: break-word; } @media only screen and (min-width: 652px) { .entry-title { font-size: 3rem; } } @media only screen and (min-width: 652px) { .entry-title { font-size: 3rem; } } .entry-title a { color: currentColor; text-underline-offset: 0.15em; } .entry-title a:hover { color: #28303d; } .entry-title a:focus { color: #39414d; } .entry-title a:active { color: currentColor; } .singular .entry-title { font-size: 4rem; } @media only screen and (min-width: 652px) { .singular .entry-title { font-size: 6rem; } } h1.entry-title { line-height: 1.1; font-weight: 300; } /** * Entry Content */ .entry-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .entry-summary { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .entry-content p { word-wrap: break-word; } .entry-content > iframe[style] { margin: 30px 0 !important; max-width: 100% !important; } .entry-footer { color: #28303d; clear: both; float: none; font-size: 1rem; display: block; } .entry-footer > span { display: inline-block; } .entry-footer a { color: currentColor; } .entry-footer a:hover { color: #28303d; } .entry-footer a:focus { color: #28303d; } .entry-footer a:active { color: currentColor; } .site-main > article > .entry-footer { margin-top: 30px; padding-top: 20px; padding-bottom: 90px; border-bottom: 1px solid #28303d; } body:not(.single) .site-main > article:last-of-type .entry-footer { border-bottom: 1px solid transparent; } .single .site-main > article > .entry-footer { margin-top: 102px; margin-bottom: 102px; padding-bottom: 0; padding-top: 24px; border-top: 3px solid #28303d; border-bottom: 1px solid transparent; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 50px; } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { justify-content: flex-end; text-align: right; } .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { grid-column: span 2; } .single .site-main > article > .entry-footer .posted-on, .single .site-main > article > .entry-footer .byline, .single .site-main > article > .entry-footer .cat-links, .single .site-main > article > .entry-footer .tags-links { display: block; } @media only screen and (max-width: 481px) { .single .site-main > article > .entry-footer { display: block; } .single .site-main > article > .entry-footer .full-size-link { display: block; } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { text-align: left; } } /** * Post Thumbnails */ .post-thumbnail { text-align: center; } .post-thumbnail .wp-post-image { display: block; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 60px; } /** * Author */ .author-bio { position: relative; font-size: 1rem; max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .author-bio { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .author-bio { max-width: min(calc(100vw - 200px), 610px); } } .site-main > article > .author-bio { margin-top: 60px; } .author-bio.show-avatars .avatar { display: inline-block; vertical-align: top; border-radius: 50%; } .author-bio.show-avatars .author-bio-content { display: inline-block; padding-left: 25px; max-width: calc(100vw - 120px); } @media only screen and (min-width: 482px) { .author-bio.show-avatars .author-bio-content { max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px); } } @media only screen and (min-width: 822px) { .author-bio.show-avatars .author-bio-content { max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px); } } .author-bio .author-bio-content .author-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; display: inline; } .author-bio .author-bio-content .author-description { font-size: 1rem; margin-top: 15px; margin-bottom: 15px; } .page-title { font-size: 4rem; } @media only screen and (min-width: 652px) { .page-title { font-size: 6rem; } } h1.page-title { font-weight: 300; } h2.page-title { font-weight: 300; } h1.page-title { line-height: 1.1; } .page-header { border-bottom: 3px solid #28303d; padding-bottom: 60px; } .archive .content-area .format-aside .entry-content { font-size: 1.5rem; } .archive .content-area .format-status .entry-content { font-size: 1.5rem; } .archive .content-area .format-link .entry-content { font-size: 1.5rem; } .search .content-area .format-aside .entry-content { font-size: 1.5rem; } .search .content-area .format-status .entry-content { font-size: 1.5rem; } .search .content-area .format-link .entry-content { font-size: 1.5rem; } .blog .content-area .format-aside .entry-content { font-size: 1.5rem; } .blog .content-area .format-status .entry-content { font-size: 1.5rem; } .blog .content-area .format-link .entry-content { font-size: 1.5rem; } .archive .format-image .entry-content { margin-top: 60px; } .archive .format-gallery .entry-content { margin-top: 60px; } .archive .format-video .entry-content { margin-top: 60px; } .search .format-image .entry-content { margin-top: 60px; } .search .format-gallery .entry-content { margin-top: 60px; } .search .format-video .entry-content { margin-top: 60px; } .blog .format-image .entry-content { margin-top: 60px; } .blog .format-gallery .entry-content { margin-top: 60px; } .blog .format-video .entry-content { margin-top: 60px; } .archive .entry-footer .cat-links, .archive .entry-footer .tags-links, .search .entry-footer .cat-links, .search .entry-footer .tags-links, .blog .entry-footer .cat-links, .blog .entry-footer .tags-links { display: block; } .archive.logged-in .entry-footer .posted-on { margin-right: 10px; } .search.logged-in .entry-footer .posted-on { margin-right: 10px; } .blog.logged-in .entry-footer .posted-on { margin-right: 10px; } .archive-description { margin-top: 30px; font-size: 2.25rem; line-height: 1.3; } @media only screen and (min-width: 652px) { .archive-description { font-size: 2.5rem; } } .error404 main p { font-size: 1.5rem; margin-bottom: 50px; } .search-no-results .page-content { margin-top: 90px; } /** * Comments Wrapper */ .comments-area > * { margin-top: 30px; margin-bottom: 30px; } .comments-area > *:first-child { margin-top: 0; } .comments-area > *:last-child { margin-bottom: 0; } .comments-area.show-avatars .avatar { border-radius: 50%; position: absolute; top: 10px; } .comments-area.show-avatars .fn { display: inline-block; padding-left: 85px; } .comments-area.show-avatars .comment-metadata { padding: 8px 0 9px 85px; } /** * Comment Title */ .comments-title { font-size: 2.25rem; letter-spacing: normal; } @media only screen and (min-width: 652px) { .comments-title { font-size: 3rem; } } @media only screen and (min-width: 652px) { .comments-title { font-size: 3rem; } } .comment-reply-title { font-size: 2.25rem; letter-spacing: normal; } @media only screen and (min-width: 652px) { .comment-reply-title { font-size: 3rem; } } @media only screen and (min-width: 652px) { .comment-reply-title { font-size: 3rem; } } .comment-reply-title { display: flex; justify-content: space-between; } .comment-reply-title small a { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; letter-spacing: normal; } /* Nested comment reply title*/ .comment .comment-respond .comment-reply-title { font-size: 1.5rem; } /** * Comment Lists */ .comment-list { padding-left: 0; list-style: none; } .comment-list > li { margin-top: 30px; margin-bottom: 30px; } .comment-list .children { list-style: none; padding-left: 0; } .comment-list .children > li { margin-top: 30px; margin-bottom: 30px; } @media only screen and (min-width: 482px) { .comment-list .depth-2 { padding-left: 100px; } .comment-list .depth-3 { padding-left: 100px; } } /** * Comment Meta */ .comment-meta .comment-author { line-height: 1.3; margin-bottom: 5px; } @media only screen and (min-width: 482px) { .comment-meta .comment-author { margin-bottom: 0; padding-right: 0; } } .comment-meta .comment-author .fn { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; font-size: 1.5rem; hyphens: auto; word-wrap: break-word; word-break: break-word; } .comment-meta .comment-metadata { color: #28303d; font-size: 1rem; padding: 8px 0 9px 0; } .comment-meta .comment-metadata .edit-link { margin-left: 25px; } @media only screen and (min-width: 482px) { .comment-meta { margin-right: inherit; } .comment-meta .comment-author { max-width: inherit; } } .reply { font-size: 1.125rem; line-height: 1.3; } .bypostauthor { display: block; } .says { display: none; } .pingback .url { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .trackback .url { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .comment-body { position: relative; margin-bottom: 51px; } .comment-body > * { margin-top: 30px; margin-bottom: 30px; } .comment-body .reply { margin: 0; } .comment-content a { word-wrap: break-word; } .pingback .comment-body { margin-top: 30px; margin-bottom: 30px; } .trackback .comment-body { margin-top: 30px; margin-bottom: 30px; } .comment-respond { margin-top: 30px; } .comment-respond > * { margin-top: 20px; margin-bottom: 20px; } .comment-respond > *:first-child { margin-top: 0; } .comment-respond > *:last-child { margin-bottom: 0; } .comment-respond > *:last-child.comment-form { margin-bottom: 30px; } .comment-author { padding-top: 3px; } .comment-author .url { color: currentColor; } .comment-form { display: flex; flex-wrap: wrap; } .comment-form > * { flex-basis: 100%; } .comment-form .comment-notes { font-size: 1.125rem; } .comment-form .comment-form-url, .comment-form .comment-form-comment { width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 0; flex-grow: 1; } @media only screen and (max-width: 481px) { .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 100%; } } .comment-form .comment-form-cookies-consent > label { font-size: 1rem; font-weight: normal; } .comment-form .comment-notes { font-size: 1rem; font-weight: normal; } .comment-form > p { margin-bottom: 20px; } .comment-form > p:first-of-type { margin-top: 0; } .comment-form > p:last-of-type { margin-bottom: 0; } .comment-form > p label { display: block; font-size: 1.125rem; margin-bottom: 10px; width: 100%; font-weight: 500; } .comment-form > p input[type=email] { display: block; font-size: 1.125rem; margin-bottom: 10px; width: 100%; font-weight: 500; } .comment-form > p input[type=text] { display: block; font-size: 1.125rem; margin-bottom: 10px; width: 100%; font-weight: 500; } .comment-form > p input[type=url] { display: block; font-size: 1.125rem; margin-bottom: 10px; width: 100%; font-weight: 500; } .comment-form > p textarea { display: block; font-size: 1.125rem; margin-bottom: 10px; width: 100%; font-weight: 500; } .comment-form > p.comment-form-cookies-consent { display: flex; } @media only screen and (min-width: 482px) { .comment-form > p.comment-form-author { margin-right: 38px; } .comment-form > p.comment-notes, .comment-form > p.logged-in-as { display: block; } } .menu-button-container { display: none; justify-content: space-between; position: absolute; right: 0; padding-top: 15px; padding-bottom: 8px; } .menu-button-container #primary-mobile-menu { margin-left: auto; padding: 10px 15px; } @media only screen and (max-width: 481px) { .menu-button-container { display: flex; } } .menu-button-container .button.button { display: flex; font-size: 1rem; font-weight: 500; background-color: transparent; border: none; color: #28303d; } .menu-button-container .button.button .dropdown-icon { display: flex; align-items: center; } .menu-button-container .button.button .dropdown-icon .svg-icon { margin-left: 5px; } .menu-button-container .button.button .dropdown-icon.open .svg-icon { position: relative; top: -1px; } .menu-button-container .button.button .dropdown-icon.close { display: none; } .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open { display: none; } .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { display: flex; } .has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } .primary-navigation-open .menu-button-container { width: 100%; z-index: 500; background-color: #d1e4dd; } .primary-navigation-open .menu-button-container #primary-mobile-menu { position: static; } .primary-navigation { position: absolute; top: 0; right: 0; color: #28303d; font-size: 1.25rem; line-height: 1.15; margin-top: 0; margin-bottom: 0; } .primary-navigation > .primary-menu-container { position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; padding-top: calc(2rem + 47px); padding-left: 20px; padding-right: 20px; padding-bottom: 25px; background-color: #d1e4dd; transition: all 0.15s ease-in-out; transform: translateY(30px); } @media only screen and (max-width: 481px) { .primary-navigation > .primary-menu-container { height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; } .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { position: fixed; transform: translateY(0) translateX(100%); } .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { top: 46px; } } .admin-bar .primary-navigation > .primary-menu-container { height: calc(100vh - 32px); } @media only screen and (max-width: 782px) { .admin-bar .primary-navigation > .primary-menu-container { height: calc(100vh - 46px); } } .primary-navigation > .primary-menu-container:focus { border: 2px solid #28303d; } } @media only screen and (max-width: 481px) { .primary-navigation-open .primary-navigation { width: 100%; position: fixed; z-index: 2; } } .primary-navigation-open .primary-navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; transform: translateY(0); } @media only screen and (max-width: 481px) { .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { transform: translateX(0) translateY(0); } } @media only screen and (min-width: 482px) { .primary-navigation { position: relative; margin-left: auto; } .primary-navigation > .primary-menu-container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; transform: none; } .primary-navigation #toggle-menu { display: none; } .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: none; } .admin-bar .primary-navigation { top: initial; } .admin-bar .primary-navigation > .primary-menu-container { top: initial; } } .primary-navigation > div > .menu-wrapper { display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-left: 0; position: relative; } @media only screen and (max-width: 481px) { .primary-navigation > div > .menu-wrapper { padding-bottom: 100px; } .primary-navigation > div > .menu-wrapper ul { padding-left: 0; } } .primary-navigation > div > .menu-wrapper li { display: block; position: relative; width: 100%; } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper li { margin: 0; width: inherit; } .primary-navigation > div > .menu-wrapper li:last-child() { margin-right: 0; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: flex; height: calc(27px + 1em); width: 44px; padding: 0; justify-content: center; align-items: center; background: transparent; color: currentColor; border: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { outline: 2px solid #28303d; } @media only screen and (max-width: 481px) { .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: none; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { height: 100%; display: flex; align-items: center; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg { margin-top: -1px; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { display: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { display: flex; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { display: none; } .primary-navigation > div > .menu-wrapper > li > .sub-menu { position: relative; } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper > li > .sub-menu { left: 0; margin: 0; min-width: max-content; position: absolute; top: 100%; padding-top: 3px; transition: all 0.5s ease; z-index: 88888; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:before { content: ""; display: block; position: absolute; width: 0; top: -10px; left: 25px; border-style: solid; border-color: #28303d transparent; border-width: 0 7px 10px 7px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: 25px; border-style: solid; border-color: #28303d transparent; border-width: 0 7px 10px 7px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { top: -9px; border-color: #d1e4dd transparent; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #d1e4dd; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { /* rtl:ignore */ left: 0; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before { /* rtl:ignore */ left: 25px; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { /* rtl:ignore */ left: 25px; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { /* rtl:ignore */ right: 0; /* rtl:ignore */ left: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: 25px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: 25px; } } .primary-navigation .primary-menu > .menu-item:hover > a { color: #28303d; } @media only screen and (min-width: 482px) { .primary-navigation .primary-menu-container { margin-right: -13px; margin-left: -13px; } .primary-navigation .primary-menu-container > ul > .menu-item { display: flex; } .primary-navigation .primary-menu-container > ul > .menu-item > a { padding-left: 13px; padding-right: 13px; } .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { margin-left: -8px; } } .primary-navigation a { display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; font-weight: normal; padding: 13px 0; text-decoration: none; } @media only screen and (min-width: 482px) { .primary-navigation a { display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-weight: normal; } } .primary-navigation a + svg { fill: #28303d; } .primary-navigation a:hover { color: #28303d; } .primary-navigation a:link { color: #28303d; } .primary-navigation a:visited { color: #28303d; } .primary-navigation a:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation a:focus { position: relative; z-index: 99999; outline-offset: 0; text-decoration-thickness: 2px; } .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child { text-decoration: underline; text-decoration-style: solid; } .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation .sub-menu { margin: 0; padding: 0; list-style: none; margin-left: 13px; border: 1px solid #28303d; } .primary-navigation .sub-menu .sub-menu { border: none; } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu > .menu-item > .sub-menu { padding: 0; } } @media only screen and (max-width: 481px) { .primary-navigation .sub-menu .menu-item:last-child() { margin-bottom: 0; } } .primary-navigation .sub-menu .menu-item > a { padding: 17px 13px; display: block; font-size: 1.125rem; font-style: normal; } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu .menu-item > a { font-size: 1rem; font-style: normal; } } .primary-navigation .menu-item-has-children > .svg-icon { display: none; } @media only screen and (min-width: 482px) { .primary-navigation .menu-item-has-children > .svg-icon { display: inline-block; height: 100%; } .primary-navigation .menu-item-has-children .sub-menu .svg-icon { display: none; } } .primary-navigation .menu-item-description { display: block; clear: both; font-size: 1rem; text-transform: none; line-height: 1.7; } .primary-navigation .menu-item-description > span { display: inline-block; } @media only screen and (max-width: 481px) { .lock-scrolling .site { position: fixed; max-width: 100%; width: 100%; } } @keyframes twentytwentyone-close-button-transition { from { opacity: 0; } to { opacity: 1; } } .footer-navigation { margin-top: 60px; margin-bottom: 30px; color: #28303d; font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .footer-navigation-wrapper { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; padding-left: 0; } .footer-navigation-wrapper li { display: inline; line-height: 3; } .footer-navigation-wrapper li a { padding: 17px 13px; transition: transform 0.1s ease; color: #28303d; } .footer-navigation-wrapper li a:link { color: #28303d; } .footer-navigation-wrapper li a:visited { color: #28303d; } .footer-navigation-wrapper li a:active { color: #28303d; } .footer-navigation-wrapper li a:hover { text-decoration: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; color: #28303d; } .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { fill: #d1e4dd; } .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { fill: #fff; } .footer-navigation-wrapper li .svg-icon { vertical-align: middle; fill: #28303d; } .footer-navigation-wrapper li .svg-icon:hover { transform: scale(1.1); } .footer-navigation-wrapper .sub-menu-toggle, .footer-navigation-wrapper .menu-item-description { display: none; } /* Next/Previous navigation */ .navigation { color: #28303d; } .navigation a { color: #28303d; text-decoration: none; } .navigation a:hover { color: #28303d; text-decoration: underline; text-decoration-style: dotted; } .navigation a:focus { color: #39414d; } .navigation a:active { color: #28303d; } .navigation .nav-links > * { min-width: 44px; min-height: 44px; } .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { display: flex; flex-direction: column; } .navigation .nav-links .dots { text-align: center; } @media only screen and (min-width: 592px) { .navigation .nav-links { display: flex; justify-content: center; flex-wrap: wrap; } .navigation .nav-links .nav-next { flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - 10px); } .navigation .nav-links .nav-previous { flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - 10px); } .navigation .nav-links .nav-next { text-align: right; } } .navigation .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative; } .navigation .nav-previous .svg-icon { top: -2px; margin-right: 5px; } .navigation .prev .svg-icon { top: -2px; margin-right: 5px; } .navigation .nav-next .svg-icon { top: -1px; margin-left: 5px; } .navigation .next .svg-icon { top: -1px; margin-left: 5px; } .post-navigation { margin: 30px auto; } @media only screen and (min-width: 822px) { .post-navigation { margin: 30px auto; } } .post-navigation .meta-nav { line-height: 1.7; color: #28303d; } .post-navigation .post-title { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } @media only screen and (min-width: 822px) { .post-navigation .post-title { margin: 5px 29px 0; } } @media only screen and (min-width: 482px) { .post-navigation .nav-links { justify-content: space-between; } } .post-navigation .nav-next { margin-top: 30px; margin-bottom: 30px; } .post-navigation .nav-previous { margin-top: 30px; margin-bottom: 30px; } .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { margin-top: 0; } .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { margin-bottom: 0; } .pagination { border-top: 3px solid #28303d; padding-top: 30px; margin: 30px auto; } .comments-pagination { border-top: 3px solid #28303d; padding-top: 30px; margin: 30px auto; } @media only screen and (min-width: 822px) { .pagination { margin: 30px auto; } .comments-pagination { margin: 30px auto; } } .pagination .nav-links { margin-top: -30px; } .comments-pagination .nav-links { margin-top: -30px; } .pagination .nav-links a:hover { color: #28303d; } .comments-pagination .nav-links a:hover { color: #28303d; } .is-dark-theme .pagination .nav-links a:active { color: #d1e4dd; } .is-dark-theme .pagination .nav-links a:hover:active { color: #d1e4dd; } .is-dark-theme .pagination .nav-links a:hover:focus { color: #d1e4dd; } .is-dark-theme .comments-pagination .nav-links a:active { color: #d1e4dd; } .is-dark-theme .comments-pagination .nav-links a:hover:active { color: #d1e4dd; } .is-dark-theme .comments-pagination .nav-links a:hover:focus { color: #d1e4dd; } .has-background-white .pagination .nav-links a:active { color: #fff; } .has-background-white .pagination .nav-links a:hover:active { color: #fff; } .has-background-white .pagination .nav-links a:hover:focus { color: #fff; } .has-background-white .comments-pagination .nav-links a:active { color: #fff; } .has-background-white .comments-pagination .nav-links a:hover:active { color: #fff; } .has-background-white .comments-pagination .nav-links a:hover:focus { color: #fff; } .pagination .nav-links > * { color: #28303d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; font-weight: normal; margin-top: 30px; margin-left: 13px; margin-right: 13px; } .comments-pagination .nav-links > * { color: #28303d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; font-weight: normal; margin-top: 30px; margin-left: 13px; margin-right: 13px; } .pagination .nav-links > *.current, .comments-pagination .nav-links > *.current { text-decoration: underline; } .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover { text-decoration-style: dotted; } .pagination .nav-links > *:first-child, .comments-pagination .nav-links > *:first-child { margin-left: 0; } .pagination .nav-links > *:last-child, .comments-pagination .nav-links > *:last-child { margin-right: 0; } .pagination .nav-links > *.next, .comments-pagination .nav-links > *.next { margin-left: auto; } .pagination .nav-links > *.prev, .comments-pagination .nav-links > *.prev { margin-right: auto; } @media only screen and (max-width: 821px) { .pagination .nav-links, .comments-pagination .nav-links { display: flex; flex-wrap: wrap; } .pagination .page-numbers, .comments-pagination .page-numbers { display: none; } .pagination .page-numbers.prev, .pagination .page-numbers.next, .comments-pagination .page-numbers.prev, .comments-pagination .page-numbers.next { display: inline-block; flex: 0 1 auto; } } @media only screen and (max-width: 481px) { .pagination .nav-short, .comments-pagination .nav-short { display: none; } } .comments-pagination { padding-top: 20px; margin: 90px auto; } @media only screen and (min-width: 822px) { .comments-pagination { margin: 90px auto 120px auto; } } .comments-pagination .nav-links > * { font-size: 1.25rem; } .widget-area { margin-top: 180px; padding-bottom: 10px; color: #28303d; font-size: 1.125rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } @media only screen and (min-width: 652px) { .widget-area { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 50px; } } @media only screen and (min-width: 1024px) { .widget-area { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 481px) { .widget-area { margin-top: 90px; } } .widget-area ul { list-style-type: none; padding: 0; } .widget-area ul li { line-height: 1.9; } .widget-area ul.sub-menu { margin-left: 13px; } .widget-area ul.children { margin-left: 13px; } .widget-area ul .sub-menu-toggle { display: none; } .widget-area a { color: #28303d; text-decoration: underline; text-decoration-style: solid; text-decoration-color: currentColor; } .widget-area a:link { color: #28303d; } .widget-area a:visited { color: #28303d; } .widget-area a:active { color: #28303d; } .widget-area a:hover { color: #28303d; text-decoration-style: dotted; } .widget-area .wp-block-social-links.alignright { margin-top: 30px; justify-content: flex-end; } .widget-area .wp-block-social-links.alignleft { margin-top: 30px; } .widget-area:after { content: ""; display: table; clear: both; } .widget-title { font-size: 1.125rem; font-weight: 700; line-height: 1.4; } .search-form { display: flex; flex-wrap: wrap; margin: auto; max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .search-form { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .search-form { max-width: min(calc(100vw - 200px), 610px); } } .search-form > label { width: 100%; margin-bottom: 0; font-weight: 500; } .search-form .search-field { flex-grow: 1; max-width: inherit; margin-top: 10px; margin-right: 17px; } .search-form .search-submit { margin-top: 10px; margin-left: 10px; } .widget_search > .search-form .search-field { margin-right: -3px; -webkit-appearance: none; margin-bottom: 15px; } .widget_search > .search-form .search-submit { margin-left: 0; background-color: transparent; color: #39414d; margin-bottom: 15px; } .widget_search > .search-form .search-submit:hover { background-color: #39414d; color: #d1e4dd; } .widget_rss a.rsswidget .rss-widget-icon { display: none; } /* Category 07 is for any utility classes that are not assigned to a specific component. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .skip-link:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } @media (prefers-reduced-motion) { * { transition-delay: 0s !important; transition-duration: 0s !important; } } .has-black-color[class] { color: #000; } .has-gray-color[class] { color: #39414d; } .has-dark-gray-color[class] { color: #28303d; } .has-green-color[class] { color: #d1e4dd; } .has-blue-color[class] { color: #d1dfe4; } .has-purple-color[class] { color: #d1d1e4; } .has-red-color[class] { color: #e4d1d1; } .has-orange-color[class] { color: #e4dad1; } .has-yellow-color[class] { color: #eeeadd; } .has-white-color[class] { color: #fff; } .has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } .has-black-background-color[class] { background-color: #000; } .has-gray-background-color[class] { background-color: #39414d; } .has-dark-gray-background-color[class] { background-color: #28303d; } .has-green-background-color[class] { background-color: #d1e4dd; } .has-blue-background-color[class] { background-color: #d1dfe4; } .has-purple-background-color[class] { background-color: #d1d1e4; } .has-red-background-color[class] { background-color: #e4d1d1; } .has-orange-background-color[class] { background-color: #e4dad1; } .has-yellow-background-color[class] { background-color: #eeeadd; } .has-white-background-color[class] { background-color: #fff; } :not(.has-text-color).has-black-background-color[class] { color: #fff; } :not(.has-text-color).has-gray-background-color[class] { color: #fff; } :not(.has-text-color).has-dark-gray-background-color[class] { color: #fff; } :not(.has-text-color).has-green-background-color[class] { color: #28303d; } :not(.has-text-color).has-blue-background-color[class] { color: #28303d; } :not(.has-text-color).has-purple-background-color[class] { color: #28303d; } :not(.has-text-color).has-red-background-color[class] { color: #28303d; } :not(.has-text-color).has-orange-background-color[class] { color: #28303d; } :not(.has-text-color).has-yellow-background-color[class] { color: #28303d; } :not(.has-text-color).has-white-background-color[class] { color: #28303d; } .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, #d1d1e4, #eeeadd); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, #eeeadd, #d1d1e4); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, #d1e4dd, #eeeadd); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, #eeeadd, #d1e4dd); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, #e4d1d1, #eeeadd); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, #eeeadd, #e4d1d1); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, #d1d1e4, #e4d1d1); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, #e4d1d1, #d1d1e4); } header * { max-width: unset; } main * { max-width: unset; } footer * { max-width: unset; } html, body, div, header, nav, article, figure, hr, main, section, footer { max-width: none; } .is-IE.is-dark-theme { color: #fff; } .is-IE.is-dark-theme *, .is-IE.is-dark-theme a, .is-IE.is-dark-theme .site-description, .is-IE.is-dark-theme .entry-title, .is-IE.is-dark-theme .entry-footer, .is-IE.is-dark-theme .widget-area, .is-IE.is-dark-theme .post-navigation .meta-nav, .is-IE.is-dark-theme .footer-navigation-wrapper li a:link, .is-IE.is-dark-theme .site-footer > .site-info, .is-IE.is-dark-theme .site-footer > .site-info a, .is-IE.is-dark-theme .site-footer > .site-info a:visited { color: #fff; } .is-IE.is-dark-theme .sub-menu-toggle svg, .is-IE.is-dark-theme .sub-menu-toggle path, .is-IE.is-dark-theme .post-navigation .meta-nav svg, .is-IE.is-dark-theme .post-navigation .meta-nav path { fill: #fff; } .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #000; } @media only screen and (max-width: 481px) { .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container, .is-IE.is-dark-theme.primary-navigation-open .menu-button-container { background-color: #000; } } .is-IE.is-dark-theme .skip-link:focus { color: #21759b; } .is-IE .navigation .nav-links { display: block; } .is-IE .post-thumbnail .wp-post-image { min-width: auto; }