Файловый менеджер - Редактировать - /home/digitalm/studiodentisticodigitalecm/wp-content/themes/healthy-smiles/assets/css/frontend.css
Назад
@charset "UTF-8"; html { min-height: 100%; overflow-x: hidden; line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: var(--cmsmasters-base-font-size); } body { margin: 0; color: var(--cmsmasters-colors-text); background-color: var(--cmsmasters-body-bg-color); background-image: var(--cmsmasters-body-bg-image); background-repeat: var(--cmsmasters-body-bg-repeat); background-position: var(--cmsmasters-body-bg-position); background-size: var(--cmsmasters-body-bg-size); background-attachment: var(--cmsmasters-body-bg-attachment); font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); -webkit-text-decoration: var(--cmsmasters-base-text-decoration); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); word-spacing: var(--cmsmasters-base-word-spacing); text-align: left; overflow-x: hidden; } /*! * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License */ html { overflow-wrap: break-word; word-break: break-word; } /* Sections ========================================================================== */ *, *:before, *:after { box-sizing: border-box; /* 3 */ } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1, h2, h3, h4, h5, h6 { color: var(--cmsmasters-colors-heading); margin: 0 0 0.75rem; padding: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1, h2, h3 { margin-top: 3rem; } h1:first-child, h2:first-child, h3:first-child { margin-top: 0; } h4, h5, h6 { margin-top: 2rem; } h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1, h1.elementor-heading-title { font-family: var(--cmsmasters-h1-font-family); font-weight: var(--cmsmasters-h1-font-weight); font-style: var(--cmsmasters-h1-font-style); text-transform: var(--cmsmasters-h1-text-transform); -webkit-text-decoration: var(--cmsmasters-h1-text-decoration); text-decoration: var(--cmsmasters-h1-text-decoration); font-size: var(--cmsmasters-h1-font-size); line-height: var(--cmsmasters-h1-line-height); letter-spacing: var(--cmsmasters-h1-letter-spacing); word-spacing: var(--cmsmasters-h1-word-spacing); } h2, h2.elementor-heading-title { font-family: var(--cmsmasters-h2-font-family); font-weight: var(--cmsmasters-h2-font-weight); font-style: var(--cmsmasters-h2-font-style); text-transform: var(--cmsmasters-h2-text-transform); -webkit-text-decoration: var(--cmsmasters-h2-text-decoration); text-decoration: var(--cmsmasters-h2-text-decoration); font-size: var(--cmsmasters-h2-font-size); line-height: var(--cmsmasters-h2-line-height); letter-spacing: var(--cmsmasters-h2-letter-spacing); word-spacing: var(--cmsmasters-h2-word-spacing); } h3, h3.elementor-heading-title { font-family: var(--cmsmasters-h3-font-family); font-weight: var(--cmsmasters-h3-font-weight); font-style: var(--cmsmasters-h3-font-style); text-transform: var(--cmsmasters-h3-text-transform); -webkit-text-decoration: var(--cmsmasters-h3-text-decoration); text-decoration: var(--cmsmasters-h3-text-decoration); font-size: var(--cmsmasters-h3-font-size); line-height: var(--cmsmasters-h3-line-height); letter-spacing: var(--cmsmasters-h3-letter-spacing); word-spacing: var(--cmsmasters-h3-word-spacing); } h4, h4.elementor-heading-title { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); -webkit-text-decoration: var(--cmsmasters-h4-text-decoration); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); word-spacing: var(--cmsmasters-h4-word-spacing); } h5, h5.elementor-heading-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); -webkit-text-decoration: var(--cmsmasters-h5-text-decoration); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); word-spacing: var(--cmsmasters-h5-word-spacing); } h6, h6.elementor-heading-title { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); } p { margin: 0 0 1.5rem; padding: 0; } p.has-background, p.mce-content-body.has-background { padding: 0.95em 1.3em; } p.has-drop-cap:not(:focus):first-letter, p.mce-content-body.has-drop-cap:not(:focus):first-letter { color: var(--cmsmasters-colors-heading); font-family: var(--cmsmasters-h1-font-family); font-weight: var(--cmsmasters-h1-font-weight); font-size: 4em; line-height: 0.9em; text-transform: uppercase; font-style: normal; float: left; margin: 0.32em 0.52em 0.1em 0.52em; } p.has-drop-cap:not(:focus).has-text-color:first-letter, p.mce-content-body.has-drop-cap:not(:focus).has-text-color:first-letter { color: inherit; } p.has-small-font-size, p.has-medium-font-size, p.has-large-font-size, p.has-huge-font-size, p[style^="font-size:"], p[style*="font-size:"], p.mce-content-body.has-small-font-size, p.mce-content-body.has-medium-font-size, p.mce-content-body.has-large-font-size, p.mce-content-body.has-huge-font-size, p.mce-content-body[style^="font-size:"], p.mce-content-body[style*="font-size:"] { line-height: 1.5em; } ::-moz-selection { color: var(--cmsmasters-colors-bg); background-color: var(--cmsmasters-colors-accent); } ::selection { color: var(--cmsmasters-colors-bg); background-color: var(--cmsmasters-colors-accent); } /* Grouping content ========================================================================== */ hr { box-sizing: content-box; /* 1 */ height: 1px; /* 1 */ overflow: visible; /* 2 */ border: 0; color: var(--cmsmasters-colors-bd); background-color: var(--cmsmasters-colors-bd); margin-top: 3rem; margin-bottom: 3rem; clear: both; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { color: inherit; font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ white-space: pre-wrap; margin: 3rem 0 3rem; padding: 0; } /* Text-level semantics ========================================================================== */ a { background-color: transparent; text-decoration: none; color: var(--cmsmasters-colors-link); transition: color 0.3s ease-in-out, text-decoration-color 0.3s ease-in-out; } a:hover, a:active { color: var(--cmsmasters-colors-hover); } a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { cursor: default; } a:not([href]):not([tabindex]):focus { outline: 0; } p a, .elementor p a { font-weight: var(--cmsmasters-link-font-weight); font-style: var(--cmsmasters-link-font-style); letter-spacing: var(--cmsmasters-link-letter-spacing); word-spacing: var(--cmsmasters-link-word-spacing); text-decoration-line: var(--cmsmasters-link-text-decoration-line); text-decoration-color: var(--cmsmasters-link-text-decoration-colors-normal); text-decoration-style: var(--cmsmasters-link-text-decoration-style); text-decoration-thickness: var(--cmsmasters-link-text-decoration-thickness); text-underline-position: var(--cmsmasters-link-text-underline-position); text-underline-offset: var(--cmsmasters-link-text-underline-offset); } p a:hover, .elementor p a:hover { text-decoration-color: var(--cmsmasters-link-text-decoration-colors-hover); } /** * 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 */ } /** * 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, monospace; /* 1 */ font-size: 1em; /* 2 */ padding: 0; margin: 0; background: none; } /** * 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; max-width: 100%; height: auto; } /* 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; } figure { margin: 0; } figcaption { text-align: center; font-family: var(--cmsmasters-caption-outside-font-family); font-weight: var(--cmsmasters-caption-outside-font-weight); font-style: var(--cmsmasters-caption-outside-font-style); text-transform: var(--cmsmasters-caption-outside-text-transform); -webkit-text-decoration: var(--cmsmasters-caption-outside-text-decoration); text-decoration: var(--cmsmasters-caption-outside-text-decoration); font-size: var(--cmsmasters-caption-outside-font-size); line-height: var(--cmsmasters-caption-outside-line-height); letter-spacing: var(--cmsmasters-caption-outside-letter-spacing); word-spacing: var(--cmsmasters-caption-outside-word-spacing); color: var(--cmsmasters-caption-outside-colors-text); background-color: var(--cmsmasters-caption-outside-colors-bg); border-color: var(--cmsmasters-caption-outside-colors-bd); border-style: var(--cmsmasters-caption-outside-bd-style); border-top-width: var(--cmsmasters-caption-outside-bd-width-top); border-right-width: var(--cmsmasters-caption-outside-bd-width-right); border-bottom-width: var(--cmsmasters-caption-outside-bd-width-bottom); border-left-width: var(--cmsmasters-caption-outside-bd-width-left); border-radius: var(--cmsmasters-caption-outside-bd-radius); padding-top: var(--cmsmasters-caption-outside-padding-top); padding-right: var(--cmsmasters-caption-outside-padding-right); padding-bottom: var(--cmsmasters-caption-outside-padding-bottom); padding-left: var(--cmsmasters-caption-outside-padding-left); width: 100%; margin: 0; margin-top: var(--cmsmasters-caption-outside-gap); } figcaption a { color: var(--cmsmasters-caption-outside-colors-link); } figcaption a:hover { color: var(--cmsmasters-caption-outside-colors-hover); } svg { fill: currentColor; } /* Misc ========================================================================== */ table { text-align: inherit; border-spacing: 0; border-collapse: separate; border: 0; background-color: transparent; width: 100%; margin-top: 3rem; margin-bottom: 3rem; /* for gutenberg start */ /* for gutenberg end */ overflow-wrap: initial; word-break: initial; } table th { text-align: inherit; } table tbody { border-width: 0; } table th, table td { padding-top: var(--cmsmasters-table-padding-top); padding-right: var(--cmsmasters-table-padding-right); padding-bottom: var(--cmsmasters-table-padding-bottom); padding-left: var(--cmsmasters-table-padding-left); } table tbody th, table tbody td, table > th, table > td { font-family: var(--cmsmasters-table-font-family); font-weight: var(--cmsmasters-table-font-weight); font-style: var(--cmsmasters-table-font-style); text-transform: var(--cmsmasters-table-text-transform); -webkit-text-decoration: var(--cmsmasters-table-text-decoration); text-decoration: var(--cmsmasters-table-text-decoration); font-size: var(--cmsmasters-table-font-size); line-height: var(--cmsmasters-table-line-height); letter-spacing: var(--cmsmasters-table-letter-spacing); word-spacing: var(--cmsmasters-table-word-spacing); border-width: 0; /* for gutenberg */ border-style: solid; border-top-width: 1px; border-left-width: 1px; border-left-style: solid; color: var(--cmsmasters-table-colors-text); border-color: var(--cmsmasters-table-colors-bd); background-color: var(--cmsmasters-table-colors-bg); } table tbody th a, table tbody td a, table > th a, table > td a { color: var(--cmsmasters-table-colors-link); } table tbody th a:hover, table tbody td a:hover, table > th a:hover, table > td a:hover { color: var(--cmsmasters-table-colors-hover); } table tbody th:last-child, table tbody td:last-child, table > th:last-child, table > td:last-child { border-right-width: 1px; border-right-style: solid; } table tbody tr:first-child th, table tbody tr:first-child td, table > tr:first-child th, table > tr:first-child td { border-top-width: 0; } table thead:empty + tbody tr:first-child th, table thead:empty + tbody tr:first-child td, table tbody:first-child tr:first-child th, table tbody:first-child tr:first-child td, table > tr:first-child th, table > tr:first-child td { border-top-width: 1px; border-top-style: solid; } table tbody:last-child tr:last-child th, table tbody:last-child tr:last-child td, table > tr:last-child th, table > tr:last-child td { border-bottom-width: 1px; border-bottom-style: solid; } table thead { border-width: 0; } table thead th, table thead td { font-family: var(--cmsmasters-table-thead-font-family); font-weight: var(--cmsmasters-table-thead-font-weight); font-style: var(--cmsmasters-table-thead-font-style); text-transform: var(--cmsmasters-table-thead-text-transform); -webkit-text-decoration: var(--cmsmasters-table-thead-text-decoration); text-decoration: var(--cmsmasters-table-thead-text-decoration); font-size: var(--cmsmasters-table-thead-font-size); line-height: var(--cmsmasters-table-thead-line-height); letter-spacing: var(--cmsmasters-table-thead-letter-spacing); word-spacing: var(--cmsmasters-table-thead-word-spacing); border-width: 0; /* for gutenberg */ border-style: solid; border-left-width: 1px; border-left-style: solid; color: var(--cmsmasters-table-thead-colors-text); border-color: var(--cmsmasters-table-thead-colors-bd); background-color: var(--cmsmasters-table-thead-colors-bg); } table thead th a, table thead td a { color: var(--cmsmasters-table-thead-colors-link); } table thead th a:hover, table thead td a:hover { color: var(--cmsmasters-table-thead-colors-hover); } table thead th:first-child, table thead td:first-child { border-left-width: 0; border-left-style: solid; } table tfoot { border-width: 0; } table tfoot th, table tfoot td { font-family: var(--cmsmasters-table-tfoot-font-family); font-weight: var(--cmsmasters-table-tfoot-font-weight); font-style: var(--cmsmasters-table-tfoot-font-style); text-transform: var(--cmsmasters-table-tfoot-text-transform); -webkit-text-decoration: var(--cmsmasters-table-tfoot-text-decoration); text-decoration: var(--cmsmasters-table-tfoot-text-decoration); font-size: var(--cmsmasters-table-tfoot-font-size); line-height: var(--cmsmasters-table-tfoot-line-height); letter-spacing: var(--cmsmasters-table-tfoot-letter-spacing); word-spacing: var(--cmsmasters-table-tfoot-word-spacing); border-width: 0; /* for gutenberg */ border-style: solid; border-top-width: 1px; border-left-width: 1px; border-left-style: solid; color: var(--cmsmasters-table-tfoot-colors-text); border-color: var(--cmsmasters-table-tfoot-colors-bd); background-color: var(--cmsmasters-table-tfoot-colors-bg); } table tfoot th a, table tfoot td a { color: var(--cmsmasters-table-tfoot-colors-link); } table tfoot th a:hover, table tfoot td a:hover { color: var(--cmsmasters-table-tfoot-colors-hover); } table tfoot th:last-child, table tfoot td:last-child { border-right-width: 1px; border-right-style: solid; } table tfoot tr:last-child th, table tfoot tr:last-child td { border-bottom-width: 1px; border-bottom-style: solid; } table.is-style-stripes { border-width: 0; } table.is-style-stripes tr:nth-child(odd) { background-color: transparent !important; } blockquote:not([class]) { font-family: var(--cmsmasters-blockquote-font-family); font-weight: var(--cmsmasters-blockquote-font-weight); font-style: var(--cmsmasters-blockquote-font-style); text-transform: var(--cmsmasters-blockquote-text-transform); -webkit-text-decoration: var(--cmsmasters-blockquote-text-decoration); text-decoration: var(--cmsmasters-blockquote-text-decoration); font-size: var(--cmsmasters-blockquote-font-size); line-height: var(--cmsmasters-blockquote-line-height); letter-spacing: var(--cmsmasters-blockquote-letter-spacing); word-spacing: var(--cmsmasters-blockquote-word-spacing); background-color: var(--cmsmasters-blockquote-colors-bg); border-style: var(--cmsmasters-blockquote-bd-style); border-top-width: var(--cmsmasters-blockquote-bd-width-top); border-right-width: var(--cmsmasters-blockquote-bd-width-right); border-bottom-width: var(--cmsmasters-blockquote-bd-width-bottom); border-left-width: var(--cmsmasters-blockquote-bd-width-left); border-color: var(--cmsmasters-blockquote-colors-bd); border-radius: var(--cmsmasters-blockquote-bd-radius); box-shadow: var(--cmsmasters-blockquote-box-shadow); padding-top: var(--cmsmasters-blockquote-padding-top); padding-right: var(--cmsmasters-blockquote-padding-right); padding-bottom: var(--cmsmasters-blockquote-padding-bottom); padding-left: var(--cmsmasters-blockquote-padding-left); margin: 3rem 0 3rem; position: relative; quotes: none; } blockquote:not([class]) > * { position: relative; } blockquote:not([class]):after { content: none; } blockquote:not([class]):before { content: "”" !important; font-family: var(--cmsmasters-blockquote-icon-font-family); font-weight: var(--cmsmasters-blockquote-icon-font-weight); font-size: var(--cmsmasters-blockquote-icon-font-size); line-height: 1px; color: var(--cmsmasters-blockquote-icon-color); display: var(--cmsmasters-blockquote-icon-visibility); justify-content: var(--cmsmasters-blockquote-icon-horizontal-alignment); align-items: var(--cmsmasters-blockquote-icon-vertical-alignment); width: 100%; height: 100%; position: absolute; left: var(--cmsmasters-blockquote-icon-horizontal-offset); top: var(--cmsmasters-blockquote-icon-vertical-offset); } blockquote:not([class]):not(.has-text-color) { color: var(--cmsmasters-blockquote-colors-text); } blockquote:not([class]):not(.has-text-color) a { color: var(--cmsmasters-blockquote-colors-link); } blockquote:not([class]):not(.has-text-color) a:hover { color: var(--cmsmasters-blockquote-colors-hover); } blockquote:not([class]).has-text-color a { color: inherit; opacity: 0.8; transition: opacity 0.3s ease-in-out; } blockquote:not([class]).has-text-color a:hover { color: inherit; opacity: 1; } blockquote:not([class]) p:last-of-type { margin: 0; padding: 0; } blockquote:not([class]) cite { font-family: var(--cmsmasters-blockquote-cite-font-family); font-weight: var(--cmsmasters-blockquote-cite-font-weight); font-style: var(--cmsmasters-blockquote-cite-font-style); text-transform: var(--cmsmasters-blockquote-cite-text-transform); -webkit-text-decoration: var(--cmsmasters-blockquote-cite-text-decoration); text-decoration: var(--cmsmasters-blockquote-cite-text-decoration); font-size: var(--cmsmasters-blockquote-cite-font-size); line-height: var(--cmsmasters-blockquote-cite-line-height); letter-spacing: var(--cmsmasters-blockquote-cite-letter-spacing); word-spacing: var(--cmsmasters-blockquote-cite-word-spacing); color: var(--cmsmasters-blockquote-cite-color); display: block; margin-top: var(--cmsmasters-blockquote-cite-gap); } blockquote:not([class]).has-text-color cite { color: inherit; } iframe { max-width: 100%; margin: 3rem 0 3rem; } .cmsmasters-iframe { width: 100%; } address { margin: 3rem 0 3rem; } .cmsmasters-dn { display: none; } .cmsmasters-vh { visibility: hidden; } /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* WordPress ========================================================================== */ [class].alignright { text-align: right; float: right; margin-top: 0; margin-bottom: 0.75rem; margin-left: 1.5rem; margin-right: 0; position: relative; z-index: 1; } img[class].alignright { clear: right; } @media only screen and (max-width: 767px) { [class].alignright { max-width: 50%; } } [class].alignleft { text-align: left; float: left; margin-top: 0; margin-bottom: 0.75rem; margin-left: 0; margin-right: 1.5rem; position: relative; z-index: 1; } img[class].alignleft { clear: left; } @media only screen and (max-width: 767px) { [class].alignleft { max-width: 50%; } } [class].aligncenter { text-align: center; clear: both; display: block; margin-top: 3rem; margin-bottom: 3rem; margin-left: auto; margin-right: auto; } .aligncenter, .alignnone, .alignfull, .alignwide { clear: both; } .cmsmasters-content-layout-fullwidth .alignfull { width: calc(100vw - 17px); max-width: 100vw; left: 50%; position: relative; transform: translateX(-50%); } .cmsmasters-is-touch .cmsmasters-content-layout-fullwidth .alignfull { width: 100vw; } .cmsmasters-content-layout-fullwidth .alignwide { width: calc(100% + (((100vw - var(--cmsmasters-main-content-width)) / 3) * 2)); min-width: 100%; max-width: 100vw; left: 50%; position: relative; transform: translateX(-50%); } .full-width { min-width: 100%; } audio.full-width { width: 100%; } .gallery-caption { display: block; } .wp-caption { max-width: 100%; background-color: var(--cmsmasters-caption-image-colors-bg); border-color: var(--cmsmasters-caption-image-colors-bd); border-style: var(--cmsmasters-caption-image-bd-style); border-top-width: var(--cmsmasters-caption-image-bd-width-top); border-right-width: var(--cmsmasters-caption-image-bd-width-right); border-bottom-width: var(--cmsmasters-caption-image-bd-width-bottom); border-left-width: var(--cmsmasters-caption-image-bd-width-left); border-radius: var(--cmsmasters-caption-image-bd-radius); padding-top: var(--cmsmasters-caption-image-padding-top); padding-right: var(--cmsmasters-caption-image-padding-right); padding-bottom: var(--cmsmasters-caption-image-padding-bottom); padding-left: var(--cmsmasters-caption-image-padding-left); margin-top: 3rem; margin-bottom: 3rem; } .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption.alignleft { margin: 0 1.5rem 0.75rem 0; } .wp-caption.alignright { margin: 0 0 0.75rem 1.5rem; } .wp-caption img { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { text-align: center; font-family: var(--cmsmasters-caption-outside-font-family); font-weight: var(--cmsmasters-caption-outside-font-weight); font-style: var(--cmsmasters-caption-outside-font-style); text-transform: var(--cmsmasters-caption-outside-text-transform); -webkit-text-decoration: var(--cmsmasters-caption-outside-text-decoration); text-decoration: var(--cmsmasters-caption-outside-text-decoration); font-size: var(--cmsmasters-caption-outside-font-size); line-height: var(--cmsmasters-caption-outside-line-height); letter-spacing: var(--cmsmasters-caption-outside-letter-spacing); word-spacing: var(--cmsmasters-caption-outside-word-spacing); color: var(--cmsmasters-caption-outside-colors-text); background-color: var(--cmsmasters-caption-outside-colors-bg); border-color: var(--cmsmasters-caption-outside-colors-bd); border-style: var(--cmsmasters-caption-outside-bd-style); border-top-width: var(--cmsmasters-caption-outside-bd-width-top); border-right-width: var(--cmsmasters-caption-outside-bd-width-right); border-bottom-width: var(--cmsmasters-caption-outside-bd-width-bottom); border-left-width: var(--cmsmasters-caption-outside-bd-width-left); border-radius: var(--cmsmasters-caption-outside-bd-radius); padding-top: var(--cmsmasters-caption-outside-padding-top); padding-right: var(--cmsmasters-caption-outside-padding-right); padding-bottom: var(--cmsmasters-caption-outside-padding-bottom); padding-left: var(--cmsmasters-caption-outside-padding-left); width: 100%; margin: 0; margin-top: var(--cmsmasters-caption-outside-gap); } .wp-caption .wp-caption-text a, .wp-caption .wp-caption-dd a { color: var(--cmsmasters-caption-outside-colors-link); } .wp-caption .wp-caption-text a:hover, .wp-caption .wp-caption-dd a:hover { color: var(--cmsmasters-caption-outside-colors-hover); } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: transparent; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: var(--cmsmasters-colors-heading); display: block; height: auto; left: 5px; line-height: normal; padding: 10px 20px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Elementor columns gap */ /* Print ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { page-break-inside: avoid; border: 1px solid #000; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Theme Icons */ [class^=cmsmasters-theme-icon-]:before, [class*=" cmsmasters-theme-icon-"]:before { font-family: eicons; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @keyframes cmsmasters-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .cmsmasters-theme-icon-animation-spin:before { animation: cmsmasters-spin 2s infinite linear; } .cmsmasters-theme-icon-nav-arrow:before { content: "\e87d"; } .cmsmasters-theme-icon-burger-menu-open:before { content: "\e816"; } .cmsmasters-theme-icon-burger-menu-close:before { content: "\e87f"; } .cmsmasters-theme-icon-header-top-open:before { content: "\e816"; } .cmsmasters-theme-icon-header-top-close:before { content: "\e87f"; } .cmsmasters-theme-icon-header-search-button:before { content: "\e94a"; } .cmsmasters-theme-icon-header-search:before { content: "\e94a"; } .cmsmasters-theme-icon-header-search-close:before { content: "\e87f"; } .cmsmasters-theme-icon-slider-navigation-prev:before { content: "\e87e"; } .cmsmasters-theme-icon-slider-navigation-next:before { content: "\e87d"; } .cmsmasters-theme-icon-single-nav-prev:before { content: "\e87e"; } .cmsmasters-theme-icon-single-nav-next:before { content: "\e87d"; } .cmsmasters-theme-icon-comments-nav-prev:before { content: "\e87e"; } .cmsmasters-theme-icon-comments-nav-next:before { content: "\e87d"; } .cmsmasters-theme-icon-pagination-prev:before { content: "\e87e"; } .cmsmasters-theme-icon-pagination-next:before { content: "\e87d"; } .cmsmasters-theme-icon-search-button:before { content: "\e94a"; } .cmsmasters-theme-icon-comment:before { content: "\e8b8"; } .cmsmasters-theme-icon-image-placeholder:before { content: "\e925"; } /* Forms ========================================================================== */ label, .wpcf7-quiz-label { font-family: var(--cmsmasters-input-label-font-family); font-weight: var(--cmsmasters-input-label-font-weight); font-style: var(--cmsmasters-input-label-font-style); text-transform: var(--cmsmasters-input-label-text-transform); -webkit-text-decoration: var(--cmsmasters-input-label-text-decoration); text-decoration: var(--cmsmasters-input-label-text-decoration); font-size: var(--cmsmasters-input-label-font-size); line-height: var(--cmsmasters-input-label-line-height); letter-spacing: var(--cmsmasters-input-label-letter-spacing); word-spacing: var(--cmsmasters-input-label-word-spacing); color: var(--cmsmasters-input-label-color); display: inline-block; margin-bottom: 0.75rem; } input[type=radio] + label, input[type=checkbox] + label, input[type=radio] + .wpcf7-quiz-label, input[type=checkbox] + .wpcf7-quiz-label { margin-left: 10px; margin-bottom: 0; } /** * 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: 1rem; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } input:focus, select:focus, textarea:focus { outline: none; } /** * 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; } input[type=text], input[type=date], input[type=email], input[type=number], input[type=password], input[type=search]:not(.cmsmasters-header-search-form__input), input[type=tel], input[type=url], select, textarea { background-image: none; outline: none; height: auto; width: 100%; max-width: 100%; vertical-align: middle; flex-grow: 1; text-shadow: none; font-family: var(--cmsmasters-input-font-family); font-weight: var(--cmsmasters-input-font-weight); font-style: var(--cmsmasters-input-font-style); text-transform: var(--cmsmasters-input-text-transform); -webkit-text-decoration: var(--cmsmasters-input-text-decoration); text-decoration: var(--cmsmasters-input-text-decoration); font-size: var(--cmsmasters-input-font-size); line-height: var(--cmsmasters-input-line-height); letter-spacing: var(--cmsmasters-input-letter-spacing); word-spacing: var(--cmsmasters-input-word-spacing); color: var(--cmsmasters-input-normal-colors-color); background-color: var(--cmsmasters-input-normal-colors-bg); border-color: var(--cmsmasters-input-normal-colors-bd); border-style: var(--cmsmasters-input-normal-bd-style); border-top-width: var(--cmsmasters-input-normal-bd-width-top); border-right-width: var(--cmsmasters-input-normal-bd-width-right); border-bottom-width: var(--cmsmasters-input-normal-bd-width-bottom); border-left-width: var(--cmsmasters-input-normal-bd-width-left); border-radius: var(--cmsmasters-input-normal-bd-radius); box-shadow: var(--cmsmasters-input-normal-box-shadow); padding-top: var(--cmsmasters-input-padding-top); padding-right: var(--cmsmasters-input-padding-right); padding-bottom: var(--cmsmasters-input-padding-bottom); padding-left: var(--cmsmasters-input-padding-left); transition: all 0.3s ease-in-out; } input[type=text]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]:not(.cmsmasters-header-search-form__input)::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--cmsmasters-input-placeholder-color); -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } input[type=text]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]:not(.cmsmasters-header-search-form__input)::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: var(--cmsmasters-input-placeholder-color); -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } input[type=text]:focus, input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:not(.cmsmasters-header-search-form__input):focus, input[type=tel]:focus, input[type=url]:focus, select:focus, textarea:focus { color: var(--cmsmasters-input-focus-colors-color); background-color: var(--cmsmasters-input-focus-colors-bg); border-color: var(--cmsmasters-input-focus-colors-bd); border-radius: var(--cmsmasters-input-focus-bd-radius); box-shadow: var(--cmsmasters-input-focus-box-shadow); } input[type=text]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=search]:not(.cmsmasters-header-search-form__input):focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent; } input[type=text]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=search]:not(.cmsmasters-header-search-form__input):focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent; } select { display: block; background-image: linear-gradient(45deg, transparent 50%, var(--cmsmasters-input-normal-colors-color) 50%), linear-gradient(135deg, var(--cmsmasters-input-normal-colors-color) 50%, transparent 50%); background-size: 6px 5px, 6px 5px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: calc(100% - 16px) 50%, calc(100% - 10px) 50%; padding-right: 25px; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { width: auto; -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: 0; 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: none; } button, [type=submit], [type=button] { outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } button:not(:disabled), [type=submit]:not(:disabled), [type=button]:not(:disabled) { cursor: pointer; } /** * Correct the padding in Firefox. */ fieldset { border-style: solid; border-color: var(--cmsmasters-colors-bd); margin: 3rem 0; 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; resize: vertical; } /** * 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 */ } .wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance { margin: 0 -1rem; } .wpcf7-checkbox span.wpcf7-list-item, .wpcf7-radio span.wpcf7-list-item, .wpcf7-acceptance span.wpcf7-list-item { margin: 0 1rem; } .wpcf7-checkbox span.wpcf7-list-item label, .wpcf7-radio span.wpcf7-list-item label, .wpcf7-acceptance span.wpcf7-list-item label { margin: 0; } .wpcf7-checkbox span.wpcf7-list-item input, .wpcf7-checkbox span.wpcf7-list-item span, .wpcf7-radio span.wpcf7-list-item input, .wpcf7-radio span.wpcf7-list-item span, .wpcf7-acceptance span.wpcf7-list-item input, .wpcf7-acceptance span.wpcf7-list-item span { vertical-align: middle; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ body:not(.cmsmasters-is-touch) input[type=number] { padding-right: 0; } [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 */ } /* Button */ button, .cmsmasters-theme-button { text-align: center; font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); -webkit-text-decoration: var(--cmsmasters-button-text-decoration); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); word-spacing: var(--cmsmasters-button-word-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all 0.3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; } button:hover, .cmsmasters-theme-button:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-button-hover-text-decoration); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } button:before, button:after, .cmsmasters-theme-button:before, .cmsmasters-theme-button:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity 0.3s ease-in-out; } button:before, .cmsmasters-theme-button:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } button:after, .cmsmasters-theme-button:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } button:hover:before, .cmsmasters-theme-button:hover:before { opacity: 0; } button:hover:after, .cmsmasters-theme-button:hover:after { opacity: 1; } .mejs-button > button:before, .mejs-button > button:after, #e-styleguide-preview-dialog.dialog-styleguide-widget button:before, #e-styleguide-preview-dialog.dialog-styleguide-widget button:after { content: none; } input[type=submit], input[type=button] { text-align: center; font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); -webkit-text-decoration: var(--cmsmasters-button-text-decoration); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); word-spacing: var(--cmsmasters-button-word-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all 0.3s ease-in-out; overflow: visible; background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); } input[type=submit]:hover, input[type=button]:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-button-hover-text-decoration); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); } .cmsmasters-theme-button-clear-style { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); -webkit-text-decoration: var(--cmsmasters-base-text-decoration); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); word-spacing: var(--cmsmasters-base-word-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; } .cmsmasters-theme-button-clear-style:before, .cmsmasters-theme-button-clear-style:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .cmsmasters-theme-button-clear-style:hover { color: var(--cmsmasters-colors-hover); } .cmsmasters-theme-button-clear-style:hover:before, .cmsmasters-theme-button-clear-style:hover:after { opacity: initial; } /* Lists ========================================================================== */ dl, dt, dd, ol, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style-position: outside; margin: 2rem 0 2rem 2rem; } ol ol, ol ul, ul ol, ul ul { margin: 0 0 0 2rem; } ol { list-style-type: decimal; } ul { list-style-type: disc; } li { margin-top: 6px; } dl { margin-top: 3rem; margin-bottom: 3rem; } dt { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); -webkit-text-decoration: var(--cmsmasters-h5-text-decoration); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); word-spacing: var(--cmsmasters-h5-word-spacing); } * + dt { margin-top: 1.5rem; } dd { margin-left: 2rem; } /* Import Elements Styles */ /* Audio */ .cmsmasters-audio-wrap { position: relative; overflow: hidden; } .cmsmasters-audio-wrap iframe { margin: 0; } .cmsmasters-audio-wrap audio { display: block; margin: 0; } /* Image */ .cmsmasters-image-wrap { line-height: 0; } .cmsmasters-image-placeholder { color: var(--cmsmasters-colors-heading); background-color: var(--cmsmasters-colors-alternate); display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; } .cmsmasters-image-placeholder span { font-size: 30px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Menus */ .cmsmasters-menu { display: none; } @media only screen and (min-width: 1025px) { .cmsmasters-menu { display: block; } } @media only screen and (max-width: 1024px) { .cmsmasters-menu { width: 100%; position: absolute; left: 0; top: 100%; z-index: 10; } .cmsmasters-header .cmsmasters-menu { margin: 0; } } .cmsmasters-menu__nav { display: block; position: relative; } @media only screen and (min-width: 1025px) { .cmsmasters-menu__nav { height: 100%; } } .cmsmasters-menu__list { position: relative; z-index: 202; } .cmsmasters-menu__list:hover { z-index: 203; } .cmsmasters-menu__list, .cmsmasters-menu__list ul { list-style: none; margin: 0; padding: 0; } .cmsmasters-menu__list ul { position: relative; z-index: 203; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, margin 0.3s ease-in-out; } .cmsmasters-menu__list li { display: block; margin: 0; padding: 0; position: relative; z-index: 203; } .cmsmasters-menu__list li:hover { z-index: 204; } .cmsmasters-menu__list a { display: block; position: relative; z-index: 204; transition: none; } .cmsmasters-menu__list a span { display: block; position: relative; } .cmsmasters-menu__list a span.cmsmasters-menu__item { transition: all 0.3s ease-in-out; } .cmsmasters-burger-menu-button { display: block; } @media only screen and (min-width: 1025px) { .cmsmasters-burger-menu-button { display: none; } } .cmsmasters-burger-menu-button__toggle { display: inline-block; cursor: pointer; } .cmsmasters-header-top .cmsmasters-burger-menu-button__toggle { font-size: var(--cmsmasters-header-top-nav-burger-button-icon-size); padding-top: var(--cmsmasters-header-top-nav-burger-button-padding-top); padding-right: var(--cmsmasters-header-top-nav-burger-button-padding-right); padding-bottom: var(--cmsmasters-header-top-nav-burger-button-padding-bottom); padding-left: var(--cmsmasters-header-top-nav-burger-button-padding-left); color: var(--cmsmasters-header-top-nav-burger-button-normal-colors-color); background-color: var(--cmsmasters-header-top-nav-burger-button-normal-colors-bg); border-color: var(--cmsmasters-header-top-nav-burger-button-normal-colors-bd); border-style: var(--cmsmasters-header-top-nav-burger-button-normal-bd-style); border-top-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-top); border-right-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-left); border-radius: var(--cmsmasters-header-top-nav-burger-button-normal-bd-radius); box-shadow: var(--cmsmasters-header-top-nav-burger-button-normal-box-shadow); transition: all 0.3s ease-in-out; } .cmsmasters-header-top .cmsmasters-burger-menu-button__toggle.cmsmasters-active { color: var(--cmsmasters-header-top-nav-burger-button-active-colors-color); background-color: var(--cmsmasters-header-top-nav-burger-button-active-colors-bg); border-color: var(--cmsmasters-header-top-nav-burger-button-active-colors-bd); border-radius: var(--cmsmasters-header-top-nav-burger-button-active-bd-radius); box-shadow: var(--cmsmasters-header-top-nav-burger-button-active-box-shadow); } .cmsmasters-header-mid .cmsmasters-burger-menu-button__toggle { font-size: var(--cmsmasters-header-mid-nav-burger-button-icon-size); padding-top: var(--cmsmasters-header-mid-nav-burger-button-padding-top); padding-right: var(--cmsmasters-header-mid-nav-burger-button-padding-right); padding-bottom: var(--cmsmasters-header-mid-nav-burger-button-padding-bottom); padding-left: var(--cmsmasters-header-mid-nav-burger-button-padding-left); color: var(--cmsmasters-header-mid-nav-burger-button-normal-colors-color); background-color: var(--cmsmasters-header-mid-nav-burger-button-normal-colors-bg); border-color: var(--cmsmasters-header-mid-nav-burger-button-normal-colors-bd); border-style: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-style); border-top-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-top); border-right-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-left); border-radius: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-radius); box-shadow: var(--cmsmasters-header-mid-nav-burger-button-normal-box-shadow); transition: all 0.3s ease-in-out; } .cmsmasters-header-mid .cmsmasters-burger-menu-button__toggle.cmsmasters-active { color: var(--cmsmasters-header-mid-nav-burger-button-active-colors-color); background-color: var(--cmsmasters-header-mid-nav-burger-button-active-colors-bg); border-color: var(--cmsmasters-header-mid-nav-burger-button-active-colors-bd); border-radius: var(--cmsmasters-header-mid-nav-burger-button-active-bd-radius); box-shadow: var(--cmsmasters-header-mid-nav-burger-button-active-box-shadow); } .cmsmasters-header-bot .cmsmasters-burger-menu-button__toggle { font-size: var(--cmsmasters-header-bot-nav-burger-button-icon-size); padding-top: var(--cmsmasters-header-bot-nav-burger-button-padding-top); padding-right: var(--cmsmasters-header-bot-nav-burger-button-padding-right); padding-bottom: var(--cmsmasters-header-bot-nav-burger-button-padding-bottom); padding-left: var(--cmsmasters-header-bot-nav-burger-button-padding-left); color: var(--cmsmasters-header-bot-nav-burger-button-normal-colors-color); background-color: var(--cmsmasters-header-bot-nav-burger-button-normal-colors-bg); border-color: var(--cmsmasters-header-bot-nav-burger-button-normal-colors-bd); border-style: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-style); border-top-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-top); border-right-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-left); border-radius: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-radius); box-shadow: var(--cmsmasters-header-bot-nav-burger-button-normal-box-shadow); transition: all 0.3s ease-in-out; } .cmsmasters-header-bot .cmsmasters-burger-menu-button__toggle.cmsmasters-active { color: var(--cmsmasters-header-bot-nav-burger-button-active-colors-color); background-color: var(--cmsmasters-header-bot-nav-burger-button-active-colors-bg); border-color: var(--cmsmasters-header-bot-nav-burger-button-active-colors-bd); border-radius: var(--cmsmasters-header-bot-nav-burger-button-active-bd-radius); box-shadow: var(--cmsmasters-header-bot-nav-burger-button-active-box-shadow); } .cmsmasters-burger-menu-button__toggle > span { display: block; position: relative; } .cmsmasters-burger-menu-button__toggle > span:last-child { display: none; } .cmsmasters-burger-menu-button__toggle > span > *, .cmsmasters-burger-menu-button__toggle > span > *:before { display: block; width: 1em; height: 1em; } .cmsmasters-burger-menu-button__toggle.cmsmasters-active > span:first-child { display: none; } .cmsmasters-burger-menu-button__toggle.cmsmasters-active > span:last-child { display: block; } @media only screen and (min-width: 1025px) { .cmsmasters-menu__list { display: flex; flex-wrap: wrap; height: 100%; } .cmsmasters-header-top .cmsmasters-menu__list { align-items: var(--cmsmasters-header-top-nav-dropdown-container-position); } .cmsmasters-header-mid .cmsmasters-menu__list { align-items: var(--cmsmasters-header-mid-nav-dropdown-container-position); } .cmsmasters-header-bot .cmsmasters-menu__list { align-items: var(--cmsmasters-header-bot-nav-dropdown-container-position); } .cmsmasters-menu__list > li { display: flex; } .cmsmasters-header-top .cmsmasters-menu__list > li { margin-right: var(--cmsmasters-header-top-nav-title-item-gap); } .cmsmasters-header-mid .cmsmasters-menu__list > li { margin-right: var(--cmsmasters-header-mid-nav-title-item-gap); } .cmsmasters-header-bot .cmsmasters-menu__list > li { margin-right: var(--cmsmasters-header-bot-nav-title-item-gap); } .cmsmasters-menu__list > li:after { content: ""; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; left: auto; } .cmsmasters-header-top .cmsmasters-menu__list > li:after { color: var(--cmsmasters-header-top-nav-title-item-divider-color); border-color: var(--cmsmasters-header-top-nav-title-item-divider-color); background-color: var(--cmsmasters-header-top-nav-title-item-divider-color); display: var(--cmsmasters-header-top-nav-title-item-divider-visibility); width: var(--cmsmasters-header-top-nav-title-item-divider-width); height: var(--cmsmasters-header-top-nav-title-item-divider-height); border-radius: var(--cmsmasters-header-top-nav-title-item-divider-bd-radius); left: calc(100% + (var(--cmsmasters-header-top-nav-title-item-gap) - var(--cmsmasters-header-top-nav-title-item-divider-width)) / 2); } .cmsmasters-header-mid .cmsmasters-menu__list > li:after { color: var(--cmsmasters-header-mid-nav-title-item-divider-color); border-color: var(--cmsmasters-header-mid-nav-title-item-divider-color); background-color: var(--cmsmasters-header-mid-nav-title-item-divider-color); display: var(--cmsmasters-header-mid-nav-title-item-divider-visibility); width: var(--cmsmasters-header-mid-nav-title-item-divider-width); height: var(--cmsmasters-header-mid-nav-title-item-divider-height); border-radius: var(--cmsmasters-header-mid-nav-title-item-divider-bd-radius); left: calc(100% + (var(--cmsmasters-header-mid-nav-title-item-gap) - var(--cmsmasters-header-mid-nav-title-item-divider-width)) / 2); } .cmsmasters-header-bot .cmsmasters-menu__list > li:after { color: var(--cmsmasters-header-bot-nav-title-item-divider-color); border-color: var(--cmsmasters-header-bot-nav-title-item-divider-color); background-color: var(--cmsmasters-header-bot-nav-title-item-divider-color); display: var(--cmsmasters-header-bot-nav-title-item-divider-visibility); width: var(--cmsmasters-header-bot-nav-title-item-divider-width); height: var(--cmsmasters-header-bot-nav-title-item-divider-height); border-radius: var(--cmsmasters-header-bot-nav-title-item-divider-bd-radius); left: calc(100% + (var(--cmsmasters-header-bot-nav-title-item-gap) - var(--cmsmasters-header-bot-nav-title-item-divider-width)) / 2); } .cmsmasters-header-top .cmsmasters-menu__list > li:last-child { margin-right: 0; } .cmsmasters-header-mid .cmsmasters-menu__list > li:last-child { margin-right: 0; } .cmsmasters-header-bot .cmsmasters-menu__list > li:last-child { margin-right: 0; } .cmsmasters-menu__list > li:last-child:after { content: none; } .cmsmasters-menu__list > li > a { display: flex; align-items: center; } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { display: flex; justify-content: space-between; overflow: hidden; } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before, .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after { content: ""; width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: opacity 0.3s ease-in-out; } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { opacity: 1; } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after { opacity: 0; } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item > * { z-index: 1; } .cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-top-nav-title-item-font-family); font-weight: var(--cmsmasters-header-top-nav-title-item-font-weight); font-style: var(--cmsmasters-header-top-nav-title-item-font-style); text-transform: var(--cmsmasters-header-top-nav-title-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-top-nav-title-item-text-decoration); text-decoration: var(--cmsmasters-header-top-nav-title-item-text-decoration); font-size: var(--cmsmasters-header-top-nav-title-item-font-size); line-height: var(--cmsmasters-header-top-nav-title-item-line-height); letter-spacing: var(--cmsmasters-header-top-nav-title-item-letter-spacing); word-spacing: var(--cmsmasters-header-top-nav-title-item-word-spacing); color: var(--cmsmasters-header-top-nav-title-item-normal-colors-color); border-color: var(--cmsmasters-header-top-nav-title-item-normal-colors-bd); border-style: var(--cmsmasters-header-top-nav-title-item-normal-bd-style); border-top-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-top); border-right-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-left); border-radius: var(--cmsmasters-header-top-nav-title-item-normal-bd-radius); text-shadow: var(--cmsmasters-header-top-nav-title-item-text-shadow); box-shadow: var(--cmsmasters-header-top-nav-title-item-normal-box-shadow); padding-top: var(--cmsmasters-header-top-nav-title-item-padding-top); padding-right: var(--cmsmasters-header-top-nav-title-item-padding-right); padding-bottom: var(--cmsmasters-header-top-nav-title-item-padding-bottom); padding-left: var(--cmsmasters-header-top-nav-title-item-padding-left); } .cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-title-item-normal-colors-bg); background-image: var(--cmsmasters-header-top-nav-title-item-normal-colors-bg-image); } .cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after { background-color: var(--cmsmasters-header-top-nav-title-item-hover-colors-bg); background-image: var(--cmsmasters-header-top-nav-title-item-hover-colors-bg-image); } .cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-mid-nav-title-item-font-family); font-weight: var(--cmsmasters-header-mid-nav-title-item-font-weight); font-style: var(--cmsmasters-header-mid-nav-title-item-font-style); text-transform: var(--cmsmasters-header-mid-nav-title-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-mid-nav-title-item-text-decoration); text-decoration: var(--cmsmasters-header-mid-nav-title-item-text-decoration); font-size: var(--cmsmasters-header-mid-nav-title-item-font-size); line-height: var(--cmsmasters-header-mid-nav-title-item-line-height); letter-spacing: var(--cmsmasters-header-mid-nav-title-item-letter-spacing); word-spacing: var(--cmsmasters-header-mid-nav-title-item-word-spacing); color: var(--cmsmasters-header-mid-nav-title-item-normal-colors-color); border-color: var(--cmsmasters-header-mid-nav-title-item-normal-colors-bd); border-style: var(--cmsmasters-header-mid-nav-title-item-normal-bd-style); border-top-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-top); border-right-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-left); border-radius: var(--cmsmasters-header-mid-nav-title-item-normal-bd-radius); text-shadow: var(--cmsmasters-header-mid-nav-title-item-text-shadow); box-shadow: var(--cmsmasters-header-mid-nav-title-item-normal-box-shadow); padding-top: var(--cmsmasters-header-mid-nav-title-item-padding-top); padding-right: var(--cmsmasters-header-mid-nav-title-item-padding-right); padding-bottom: var(--cmsmasters-header-mid-nav-title-item-padding-bottom); padding-left: var(--cmsmasters-header-mid-nav-title-item-padding-left); } .cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-title-item-normal-colors-bg); background-image: var(--cmsmasters-header-mid-nav-title-item-normal-colors-bg-image); } .cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after { background-color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-bg); background-image: var(--cmsmasters-header-mid-nav-title-item-hover-colors-bg-image); } .cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-bot-nav-title-item-font-family); font-weight: var(--cmsmasters-header-bot-nav-title-item-font-weight); font-style: var(--cmsmasters-header-bot-nav-title-item-font-style); text-transform: var(--cmsmasters-header-bot-nav-title-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-bot-nav-title-item-text-decoration); text-decoration: var(--cmsmasters-header-bot-nav-title-item-text-decoration); font-size: var(--cmsmasters-header-bot-nav-title-item-font-size); line-height: var(--cmsmasters-header-bot-nav-title-item-line-height); letter-spacing: var(--cmsmasters-header-bot-nav-title-item-letter-spacing); word-spacing: var(--cmsmasters-header-bot-nav-title-item-word-spacing); color: var(--cmsmasters-header-bot-nav-title-item-normal-colors-color); border-color: var(--cmsmasters-header-bot-nav-title-item-normal-colors-bd); border-style: var(--cmsmasters-header-bot-nav-title-item-normal-bd-style); border-top-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-top); border-right-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-left); border-radius: var(--cmsmasters-header-bot-nav-title-item-normal-bd-radius); text-shadow: var(--cmsmasters-header-bot-nav-title-item-text-shadow); box-shadow: var(--cmsmasters-header-bot-nav-title-item-normal-box-shadow); padding-top: var(--cmsmasters-header-bot-nav-title-item-padding-top); padding-right: var(--cmsmasters-header-bot-nav-title-item-padding-right); padding-bottom: var(--cmsmasters-header-bot-nav-title-item-padding-bottom); padding-left: var(--cmsmasters-header-bot-nav-title-item-padding-left); } .cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-title-item-normal-colors-bg); background-image: var(--cmsmasters-header-bot-nav-title-item-normal-colors-bg-image); } .cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after { background-color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-bg); background-image: var(--cmsmasters-header-bot-nav-title-item-hover-colors-bg-image); } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before { content: ""; } .cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before { display: var(--cmsmasters-header-top-nav-title-item-accent-visibility); } .cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before { display: var(--cmsmasters-header-mid-nav-title-item-accent-visibility); } .cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before { display: var(--cmsmasters-header-bot-nav-title-item-accent-visibility); } .cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-child-indicator { display: var(--cmsmasters-header-top-nav-title-item-child-indicator-visibility); } .cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-child-indicator { display: var(--cmsmasters-header-mid-nav-title-item-child-indicator-visibility); } .cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-child-indicator { display: var(--cmsmasters-header-bot-nav-title-item-child-indicator-visibility); } .cmsmasters-header-top .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-top-nav-title-item-hover-colors-color); border-color: var(--cmsmasters-header-top-nav-title-item-hover-colors-bd); border-radius: var(--cmsmasters-header-top-nav-title-item-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-top-nav-title-item-hover-text-decoration); text-decoration: var(--cmsmasters-header-top-nav-title-item-hover-text-decoration); text-shadow: var(--cmsmasters-header-top-nav-title-item-hover-text-shadow); box-shadow: var(--cmsmasters-header-top-nav-title-item-hover-box-shadow); } .cmsmasters-header-top .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:before { opacity: 0; } .cmsmasters-header-top .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:after { opacity: 1; } .cmsmasters-header-mid .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-color); border-color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-bd); border-radius: var(--cmsmasters-header-mid-nav-title-item-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-mid-nav-title-item-hover-text-decoration); text-decoration: var(--cmsmasters-header-mid-nav-title-item-hover-text-decoration); text-shadow: var(--cmsmasters-header-mid-nav-title-item-hover-text-shadow); box-shadow: var(--cmsmasters-header-mid-nav-title-item-hover-box-shadow); } .cmsmasters-header-mid .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:before { opacity: 0; } .cmsmasters-header-mid .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:after { opacity: 1; } .cmsmasters-header-bot .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-color); border-color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-bd); border-radius: var(--cmsmasters-header-bot-nav-title-item-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-bot-nav-title-item-hover-text-decoration); text-decoration: var(--cmsmasters-header-bot-nav-title-item-hover-text-decoration); text-shadow: var(--cmsmasters-header-bot-nav-title-item-hover-text-shadow); box-shadow: var(--cmsmasters-header-bot-nav-title-item-hover-box-shadow); } .cmsmasters-header-bot .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:before { opacity: 0; } .cmsmasters-header-bot .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:after { opacity: 1; } .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-top-nav-title-item-current-colors-color); border-color: var(--cmsmasters-header-top-nav-title-item-current-colors-bd); border-radius: var(--cmsmasters-header-top-nav-title-item-current-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-top-nav-title-item-current-text-decoration); text-decoration: var(--cmsmasters-header-top-nav-title-item-current-text-decoration); text-shadow: var(--cmsmasters-header-top-nav-title-item-current-text-shadow); box-shadow: var(--cmsmasters-header-top-nav-title-item-current-box-shadow); } .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-title-item-current-colors-bg); background-image: var(--cmsmasters-header-top-nav-title-item-current-colors-bg-image); opacity: 1; } .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:after, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:after { opacity: 0; } .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-mid-nav-title-item-current-colors-color); border-color: var(--cmsmasters-header-mid-nav-title-item-current-colors-bd); border-radius: var(--cmsmasters-header-mid-nav-title-item-current-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-mid-nav-title-item-current-text-decoration); text-decoration: var(--cmsmasters-header-mid-nav-title-item-current-text-decoration); text-shadow: var(--cmsmasters-header-mid-nav-title-item-current-text-shadow); box-shadow: var(--cmsmasters-header-mid-nav-title-item-current-box-shadow); } .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-title-item-current-colors-bg); background-image: var(--cmsmasters-header-mid-nav-title-item-current-colors-bg-image); opacity: 1; } .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:after, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:after { opacity: 0; } .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-bot-nav-title-item-current-colors-color); border-color: var(--cmsmasters-header-bot-nav-title-item-current-colors-bd); border-radius: var(--cmsmasters-header-bot-nav-title-item-current-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-bot-nav-title-item-current-text-decoration); text-decoration: var(--cmsmasters-header-bot-nav-title-item-current-text-decoration); text-shadow: var(--cmsmasters-header-bot-nav-title-item-current-text-shadow); box-shadow: var(--cmsmasters-header-bot-nav-title-item-current-box-shadow); } .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-title-item-current-colors-bg); background-image: var(--cmsmasters-header-bot-nav-title-item-current-colors-bg-image); opacity: 1; } .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:after, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:after { opacity: 0; } .cmsmasters-menu__list ul { visibility: hidden; opacity: 0; position: absolute; } .cmsmasters-header-top .cmsmasters-menu__list ul { width: var(--cmsmasters-header-top-nav-dropdown-container-width); background-color: var(--cmsmasters-header-top-nav-dropdown-container-bg-color); background-image: var(--cmsmasters-header-top-nav-dropdown-container-bg-image); background-repeat: var(--cmsmasters-header-top-nav-dropdown-container-bg-repeat); background-position: var(--cmsmasters-header-top-nav-dropdown-container-bg-position); background-size: var(--cmsmasters-header-top-nav-dropdown-container-bg-size); background-attachment: var(--cmsmasters-header-top-nav-dropdown-container-bg-attachment); border-style: var(--cmsmasters-header-top-nav-dropdown-container-bd-style); border-top-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-top); border-right-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-right); border-bottom-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-bottom); border-left-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-left); border-color: var(--cmsmasters-header-top-nav-dropdown-container-bd-color); border-radius: var(--cmsmasters-header-top-nav-dropdown-container-bd-radius); box-shadow: var(--cmsmasters-header-top-nav-dropdown-container-box-shadow); padding-top: var(--cmsmasters-header-top-nav-dropdown-container-padding-top); padding-bottom: var(--cmsmasters-header-top-nav-dropdown-container-padding-bottom); padding-left: 0; padding-right: 0; } .cmsmasters-header-mid .cmsmasters-menu__list ul { width: var(--cmsmasters-header-mid-nav-dropdown-container-width); background-color: var(--cmsmasters-header-mid-nav-dropdown-container-bg-color); background-image: var(--cmsmasters-header-mid-nav-dropdown-container-bg-image); background-repeat: var(--cmsmasters-header-mid-nav-dropdown-container-bg-repeat); background-position: var(--cmsmasters-header-mid-nav-dropdown-container-bg-position); background-size: var(--cmsmasters-header-mid-nav-dropdown-container-bg-size); background-attachment: var(--cmsmasters-header-mid-nav-dropdown-container-bg-attachment); border-style: var(--cmsmasters-header-mid-nav-dropdown-container-bd-style); border-top-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-top); border-right-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-left); border-color: var(--cmsmasters-header-mid-nav-dropdown-container-bd-color); border-radius: var(--cmsmasters-header-mid-nav-dropdown-container-bd-radius); box-shadow: var(--cmsmasters-header-mid-nav-dropdown-container-box-shadow); padding-top: var(--cmsmasters-header-mid-nav-dropdown-container-padding-top); padding-bottom: var(--cmsmasters-header-mid-nav-dropdown-container-padding-bottom); padding-left: 0; padding-right: 0; } .cmsmasters-header-bot .cmsmasters-menu__list ul { width: var(--cmsmasters-header-bot-nav-dropdown-container-width); background-color: var(--cmsmasters-header-bot-nav-dropdown-container-bg-color); background-image: var(--cmsmasters-header-bot-nav-dropdown-container-bg-image); background-repeat: var(--cmsmasters-header-bot-nav-dropdown-container-bg-repeat); background-position: var(--cmsmasters-header-bot-nav-dropdown-container-bg-position); background-size: var(--cmsmasters-header-bot-nav-dropdown-container-bg-size); background-attachment: var(--cmsmasters-header-bot-nav-dropdown-container-bg-attachment); border-style: var(--cmsmasters-header-bot-nav-dropdown-container-bd-style); border-top-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-top); border-right-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-left); border-color: var(--cmsmasters-header-bot-nav-dropdown-container-bd-color); border-radius: var(--cmsmasters-header-bot-nav-dropdown-container-bd-radius); box-shadow: var(--cmsmasters-header-bot-nav-dropdown-container-box-shadow); padding-top: var(--cmsmasters-header-bot-nav-dropdown-container-padding-top); padding-bottom: var(--cmsmasters-header-bot-nav-dropdown-container-padding-bottom); padding-left: 0; padding-right: 0; } .cmsmasters-header-top .cmsmasters-menu__list ul > li { border-bottom-style: var(--cmsmasters-header-top-nav-dropdown-item-divider-type); border-bottom-width: var(--cmsmasters-header-top-nav-dropdown-item-divider-width); border-bottom-color: var(--cmsmasters-header-top-nav-dropdown-item-divider-color); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li { border-bottom-style: var(--cmsmasters-header-mid-nav-dropdown-item-divider-type); border-bottom-width: var(--cmsmasters-header-mid-nav-dropdown-item-divider-width); border-bottom-color: var(--cmsmasters-header-mid-nav-dropdown-item-divider-color); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li { border-bottom-style: var(--cmsmasters-header-bot-nav-dropdown-item-divider-type); border-bottom-width: var(--cmsmasters-header-bot-nav-dropdown-item-divider-width); border-bottom-color: var(--cmsmasters-header-bot-nav-dropdown-item-divider-color); } .cmsmasters-header-top .cmsmasters-menu__list ul > li:last-child { border-bottom: 0; } .cmsmasters-header-mid .cmsmasters-menu__list ul > li:last-child { border-bottom: 0; } .cmsmasters-header-bot .cmsmasters-menu__list ul > li:last-child { border-bottom: 0; } .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { display: flex; justify-content: space-between; overflow: hidden; } .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { content: ""; width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-top-nav-dropdown-item-font-family); font-weight: var(--cmsmasters-header-top-nav-dropdown-item-font-weight); font-style: var(--cmsmasters-header-top-nav-dropdown-item-font-style); text-transform: var(--cmsmasters-header-top-nav-dropdown-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-top-nav-dropdown-item-text-decoration); text-decoration: var(--cmsmasters-header-top-nav-dropdown-item-text-decoration); font-size: var(--cmsmasters-header-top-nav-dropdown-item-font-size); line-height: var(--cmsmasters-header-top-nav-dropdown-item-line-height); letter-spacing: var(--cmsmasters-header-top-nav-dropdown-item-letter-spacing); word-spacing: var(--cmsmasters-header-top-nav-dropdown-item-word-spacing); color: var(--cmsmasters-header-top-nav-dropdown-item-normal-colors-color); padding-top: var(--cmsmasters-header-top-nav-dropdown-item-padding-top); padding-right: var(--cmsmasters-header-top-nav-dropdown-item-padding-right); padding-bottom: var(--cmsmasters-header-top-nav-dropdown-item-padding-bottom); padding-left: var(--cmsmasters-header-top-nav-dropdown-item-padding-left); } .cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-dropdown-item-normal-colors-bg); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-mid-nav-dropdown-item-font-family); font-weight: var(--cmsmasters-header-mid-nav-dropdown-item-font-weight); font-style: var(--cmsmasters-header-mid-nav-dropdown-item-font-style); text-transform: var(--cmsmasters-header-mid-nav-dropdown-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-mid-nav-dropdown-item-text-decoration); text-decoration: var(--cmsmasters-header-mid-nav-dropdown-item-text-decoration); font-size: var(--cmsmasters-header-mid-nav-dropdown-item-font-size); line-height: var(--cmsmasters-header-mid-nav-dropdown-item-line-height); letter-spacing: var(--cmsmasters-header-mid-nav-dropdown-item-letter-spacing); word-spacing: var(--cmsmasters-header-mid-nav-dropdown-item-word-spacing); color: var(--cmsmasters-header-mid-nav-dropdown-item-normal-colors-color); padding-top: var(--cmsmasters-header-mid-nav-dropdown-item-padding-top); padding-right: var(--cmsmasters-header-mid-nav-dropdown-item-padding-right); padding-bottom: var(--cmsmasters-header-mid-nav-dropdown-item-padding-bottom); padding-left: var(--cmsmasters-header-mid-nav-dropdown-item-padding-left); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-dropdown-item-normal-colors-bg); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-bot-nav-dropdown-item-font-family); font-weight: var(--cmsmasters-header-bot-nav-dropdown-item-font-weight); font-style: var(--cmsmasters-header-bot-nav-dropdown-item-font-style); text-transform: var(--cmsmasters-header-bot-nav-dropdown-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-bot-nav-dropdown-item-text-decoration); text-decoration: var(--cmsmasters-header-bot-nav-dropdown-item-text-decoration); font-size: var(--cmsmasters-header-bot-nav-dropdown-item-font-size); line-height: var(--cmsmasters-header-bot-nav-dropdown-item-line-height); letter-spacing: var(--cmsmasters-header-bot-nav-dropdown-item-letter-spacing); word-spacing: var(--cmsmasters-header-bot-nav-dropdown-item-word-spacing); color: var(--cmsmasters-header-bot-nav-dropdown-item-normal-colors-color); padding-top: var(--cmsmasters-header-bot-nav-dropdown-item-padding-top); padding-right: var(--cmsmasters-header-bot-nav-dropdown-item-padding-right); padding-bottom: var(--cmsmasters-header-bot-nav-dropdown-item-padding-bottom); padding-left: var(--cmsmasters-header-bot-nav-dropdown-item-padding-left); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-dropdown-item-normal-colors-bg); } .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before { content: ""; } .cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before { display: var(--cmsmasters-header-top-nav-dropdown-item-accent-visibility); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before { display: var(--cmsmasters-header-mid-nav-dropdown-item-accent-visibility); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before { display: var(--cmsmasters-header-bot-nav-dropdown-item-accent-visibility); } .cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-child-indicator { display: var(--cmsmasters-header-top-nav-dropdown-item-child-indicator-visibility); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-child-indicator { display: var(--cmsmasters-header-mid-nav-dropdown-item-child-indicator-visibility); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-child-indicator { display: var(--cmsmasters-header-bot-nav-dropdown-item-child-indicator-visibility); } .cmsmasters-header-top .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-top-nav-dropdown-item-hover-colors-color); } .cmsmasters-header-top .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-dropdown-item-hover-colors-bg); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-mid-nav-dropdown-item-hover-colors-color); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-dropdown-item-hover-colors-bg); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-bot-nav-dropdown-item-hover-colors-color); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-dropdown-item-hover-colors-bg); } .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-top-nav-dropdown-item-current-colors-color); } .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-dropdown-item-current-colors-bg); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-mid-nav-dropdown-item-current-colors-color); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-dropdown-item-current-colors-bg); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-bot-nav-dropdown-item-current-colors-color); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-dropdown-item-current-colors-bg); } .cmsmasters-menu__list li:hover > ul { visibility: visible; opacity: 1; } .cmsmasters-menu__list li:hover > ul:before { content: ""; position: absolute; } .cmsmasters-menu__list > li > ul { top: 100%; } .cmsmasters-header-top .cmsmasters-menu__list > li > ul { margin: 30px 0 0; transform: translateX(var(--cmsmasters-header-top-nav-dropdown-container-hor-pos)); left: 0; } .cmsmasters-header-mid .cmsmasters-menu__list > li > ul { margin: 30px 0 0; transform: translateX(var(--cmsmasters-header-mid-nav-dropdown-container-hor-pos)); left: 0; } .cmsmasters-header-bot .cmsmasters-menu__list > li > ul { margin: 30px 0 0; transform: translateX(var(--cmsmasters-header-bot-nav-dropdown-container-hor-pos)); left: 0; } .cmsmasters-header-top .cmsmasters-menu__list > li:hover > ul { margin: var(--cmsmasters-header-top-nav-dropdown-container-vert-gap) 0 0; } .cmsmasters-header-mid .cmsmasters-menu__list > li:hover > ul { margin: var(--cmsmasters-header-mid-nav-dropdown-container-vert-gap) 0 0; } .cmsmasters-header-bot .cmsmasters-menu__list > li:hover > ul { margin: var(--cmsmasters-header-bot-nav-dropdown-container-vert-gap) 0 0; } .cmsmasters-header-top .cmsmasters-menu__list > li:hover > ul:before { height: var(--cmsmasters-header-top-nav-dropdown-container-vert-gap); left: calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-left) * -1); right: calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-right) * -1); top: auto; bottom: 100%; transform: translateY(calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-top) * -1)); } .cmsmasters-header-mid .cmsmasters-menu__list > li:hover > ul:before { height: var(--cmsmasters-header-mid-nav-dropdown-container-vert-gap); left: calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-left) * -1); right: calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-right) * -1); top: auto; bottom: 100%; transform: translateY(calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-top) * -1)); } .cmsmasters-header-bot .cmsmasters-menu__list > li:hover > ul:before { height: var(--cmsmasters-header-bot-nav-dropdown-container-vert-gap); left: calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-left) * -1); right: calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-right) * -1); top: auto; bottom: 100%; transform: translateY(calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-top) * -1)); } .cmsmasters-menu__list ul ul { left: 100%; } .cmsmasters-header-top .cmsmasters-menu__list ul ul { margin: 0 0 0 30px; top: calc(var(--cmsmasters-header-top-nav-dropdown-container-padding-top) * -1); transform: translateY(calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-top) * -1)); } .cmsmasters-header-mid .cmsmasters-menu__list ul ul { margin: 0 0 0 30px; top: calc(var(--cmsmasters-header-mid-nav-dropdown-container-padding-top) * -1); transform: translateY(calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-top) * -1)); } .cmsmasters-header-bot .cmsmasters-menu__list ul ul { margin: 0 0 0 30px; top: calc(var(--cmsmasters-header-bot-nav-dropdown-container-padding-top) * -1); transform: translateY(calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-top) * -1)); } .cmsmasters-header-top .cmsmasters-menu__list li li:hover > ul { margin: 0 0 0 var(--cmsmasters-header-top-nav-dropdown-container-hor-gap); } .cmsmasters-header-mid .cmsmasters-menu__list li li:hover > ul { margin: 0 0 0 var(--cmsmasters-header-mid-nav-dropdown-container-hor-gap); } .cmsmasters-header-bot .cmsmasters-menu__list li li:hover > ul { margin: 0 0 0 var(--cmsmasters-header-bot-nav-dropdown-container-hor-gap); } .cmsmasters-menu__list li li:hover > ul:before { top: 0; } .cmsmasters-header-top .cmsmasters-menu__list li li:hover > ul:before { width: var(--cmsmasters-header-top-nav-dropdown-container-hor-gap); height: 100%; left: auto; right: 100%; transform: translateX(calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-left) * -1)); } .cmsmasters-header-mid .cmsmasters-menu__list li li:hover > ul:before { width: var(--cmsmasters-header-mid-nav-dropdown-container-hor-gap); height: 100%; left: auto; right: 100%; transform: translateX(calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-left) * -1)); } .cmsmasters-header-bot .cmsmasters-menu__list li li:hover > ul:before { width: var(--cmsmasters-header-bot-nav-dropdown-container-hor-gap); height: 100%; left: auto; right: 100%; transform: translateX(calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-left) * -1)); } } @media only screen and (max-width: 1024px) { .cmsmasters-header-top .cmsmasters-menu__nav { background-color: var(--cmsmasters-header-top-nav-burger-container-bg-color); background-image: var(--cmsmasters-header-top-nav-burger-container-bg-image); background-repeat: var(--cmsmasters-header-top-nav-burger-container-bg-repeat); background-position: var(--cmsmasters-header-top-nav-burger-container-bg-position); background-size: var(--cmsmasters-header-top-nav-burger-container-bg-size); background-attachment: var(--cmsmasters-header-top-nav-burger-container-bg-attachment); border-style: var(--cmsmasters-header-top-nav-burger-container-bd-style); border-top-width: var(--cmsmasters-header-top-nav-burger-container-bd-width-top); border-bottom-width: var(--cmsmasters-header-top-nav-burger-container-bd-width-bottom); border-left-width: 0; border-right-width: 0; border-color: var(--cmsmasters-header-top-nav-burger-container-bd-color); padding-top: var(--cmsmasters-header-top-nav-burger-container-padding-top); padding-bottom: var(--cmsmasters-header-top-nav-burger-container-padding-bottom); padding-left: 0; padding-right: 0; } .cmsmasters-header-mid .cmsmasters-menu__nav { background-color: var(--cmsmasters-header-mid-nav-burger-container-bg-color); background-image: var(--cmsmasters-header-mid-nav-burger-container-bg-image); background-repeat: var(--cmsmasters-header-mid-nav-burger-container-bg-repeat); background-position: var(--cmsmasters-header-mid-nav-burger-container-bg-position); background-size: var(--cmsmasters-header-mid-nav-burger-container-bg-size); background-attachment: var(--cmsmasters-header-mid-nav-burger-container-bg-attachment); border-style: var(--cmsmasters-header-mid-nav-burger-container-bd-style); border-top-width: var(--cmsmasters-header-mid-nav-burger-container-bd-width-top); border-bottom-width: var(--cmsmasters-header-mid-nav-burger-container-bd-width-bottom); border-left-width: 0; border-right-width: 0; border-color: var(--cmsmasters-header-mid-nav-burger-container-bd-color); padding-top: var(--cmsmasters-header-mid-nav-burger-container-padding-top); padding-bottom: var(--cmsmasters-header-mid-nav-burger-container-padding-bottom); padding-left: 0; padding-right: 0; } .cmsmasters-header-bot .cmsmasters-menu__nav { background-color: var(--cmsmasters-header-bot-nav-burger-container-bg-color); background-image: var(--cmsmasters-header-bot-nav-burger-container-bg-image); background-repeat: var(--cmsmasters-header-bot-nav-burger-container-bg-repeat); background-position: var(--cmsmasters-header-bot-nav-burger-container-bg-position); background-size: var(--cmsmasters-header-bot-nav-burger-container-bg-size); background-attachment: var(--cmsmasters-header-bot-nav-burger-container-bg-attachment); border-style: var(--cmsmasters-header-bot-nav-burger-container-bd-style); border-top-width: var(--cmsmasters-header-bot-nav-burger-container-bd-width-top); border-bottom-width: var(--cmsmasters-header-bot-nav-burger-container-bd-width-bottom); border-left-width: 0; border-right-width: 0; border-color: var(--cmsmasters-header-bot-nav-burger-container-bd-color); padding-top: var(--cmsmasters-header-bot-nav-burger-container-padding-top); padding-bottom: var(--cmsmasters-header-bot-nav-burger-container-padding-bottom); padding-left: 0; padding-right: 0; } .cmsmasters-menu__list { max-height: 100vh; overflow-y: auto; } .cmsmasters-header-top .cmsmasters-menu__list > li { border-top-style: var(--cmsmasters-header-top-nav-burger-title-item-divider-type); border-top-width: var(--cmsmasters-header-top-nav-burger-title-item-divider-width); border-top-color: var(--cmsmasters-header-top-nav-burger-title-item-divider-color); } .cmsmasters-header-mid .cmsmasters-menu__list > li { border-top-style: var(--cmsmasters-header-mid-nav-burger-title-item-divider-type); border-top-width: var(--cmsmasters-header-mid-nav-burger-title-item-divider-width); border-top-color: var(--cmsmasters-header-mid-nav-burger-title-item-divider-color); } .cmsmasters-header-bot .cmsmasters-menu__list > li { border-top-style: var(--cmsmasters-header-bot-nav-burger-title-item-divider-type); border-top-width: var(--cmsmasters-header-bot-nav-burger-title-item-divider-width); border-top-color: var(--cmsmasters-header-bot-nav-burger-title-item-divider-color); } .cmsmasters-header-top .cmsmasters-menu__list > li:first-child { border-top: 0; } .cmsmasters-header-mid .cmsmasters-menu__list > li:first-child { border-top: 0; } .cmsmasters-header-bot .cmsmasters-menu__list > li:first-child { border-top: 0; } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { display: flex; justify-content: space-between; overflow: hidden; } .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { content: ""; width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-top-nav-burger-title-item-font-family); font-weight: var(--cmsmasters-header-top-nav-burger-title-item-font-weight); font-style: var(--cmsmasters-header-top-nav-burger-title-item-font-style); text-transform: var(--cmsmasters-header-top-nav-burger-title-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-top-nav-burger-title-item-text-decoration); text-decoration: var(--cmsmasters-header-top-nav-burger-title-item-text-decoration); font-size: var(--cmsmasters-header-top-nav-burger-title-item-font-size); line-height: var(--cmsmasters-header-top-nav-burger-title-item-line-height); letter-spacing: var(--cmsmasters-header-top-nav-burger-title-item-letter-spacing); word-spacing: var(--cmsmasters-header-top-nav-burger-title-item-word-spacing); color: var(--cmsmasters-header-top-nav-burger-title-item-normal-colors-color); padding-top: var(--cmsmasters-header-top-nav-burger-title-item-padding-top); padding-right: var(--cmsmasters-header-top-nav-burger-title-item-padding-right); padding-bottom: var(--cmsmasters-header-top-nav-burger-title-item-padding-bottom); padding-left: var(--cmsmasters-header-top-nav-burger-title-item-padding-left); } .cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-burger-title-item-normal-colors-bg); } .cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-mid-nav-burger-title-item-font-family); font-weight: var(--cmsmasters-header-mid-nav-burger-title-item-font-weight); font-style: var(--cmsmasters-header-mid-nav-burger-title-item-font-style); text-transform: var(--cmsmasters-header-mid-nav-burger-title-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-mid-nav-burger-title-item-text-decoration); text-decoration: var(--cmsmasters-header-mid-nav-burger-title-item-text-decoration); font-size: var(--cmsmasters-header-mid-nav-burger-title-item-font-size); line-height: var(--cmsmasters-header-mid-nav-burger-title-item-line-height); letter-spacing: var(--cmsmasters-header-mid-nav-burger-title-item-letter-spacing); word-spacing: var(--cmsmasters-header-mid-nav-burger-title-item-word-spacing); color: var(--cmsmasters-header-mid-nav-burger-title-item-normal-colors-color); padding-top: var(--cmsmasters-header-mid-nav-burger-title-item-padding-top); padding-right: var(--cmsmasters-header-mid-nav-burger-title-item-padding-right); padding-bottom: var(--cmsmasters-header-mid-nav-burger-title-item-padding-bottom); padding-left: var(--cmsmasters-header-mid-nav-burger-title-item-padding-left); } .cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-burger-title-item-normal-colors-bg); } .cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-bot-nav-burger-title-item-font-family); font-weight: var(--cmsmasters-header-bot-nav-burger-title-item-font-weight); font-style: var(--cmsmasters-header-bot-nav-burger-title-item-font-style); text-transform: var(--cmsmasters-header-bot-nav-burger-title-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-bot-nav-burger-title-item-text-decoration); text-decoration: var(--cmsmasters-header-bot-nav-burger-title-item-text-decoration); font-size: var(--cmsmasters-header-bot-nav-burger-title-item-font-size); line-height: var(--cmsmasters-header-bot-nav-burger-title-item-line-height); letter-spacing: var(--cmsmasters-header-bot-nav-burger-title-item-letter-spacing); word-spacing: var(--cmsmasters-header-bot-nav-burger-title-item-word-spacing); color: var(--cmsmasters-header-bot-nav-burger-title-item-normal-colors-color); padding-top: var(--cmsmasters-header-bot-nav-burger-title-item-padding-top); padding-right: var(--cmsmasters-header-bot-nav-burger-title-item-padding-right); padding-bottom: var(--cmsmasters-header-bot-nav-burger-title-item-padding-bottom); padding-left: var(--cmsmasters-header-bot-nav-burger-title-item-padding-left); } .cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-burger-title-item-normal-colors-bg); } .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-top-nav-burger-title-item-current-colors-color); } .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-burger-title-item-current-colors-bg); } .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-mid-nav-burger-title-item-current-colors-color); } .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-burger-title-item-current-colors-bg); } .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-bot-nav-burger-title-item-current-colors-color); } .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-burger-title-item-current-colors-bg); } .cmsmasters-header-top .cmsmasters-menu__list ul > li { border-top-style: var(--cmsmasters-header-top-nav-burger-dropdown-item-divider-type); border-top-width: var(--cmsmasters-header-top-nav-burger-dropdown-item-divider-width); border-top-color: var(--cmsmasters-header-top-nav-burger-dropdown-item-divider-color); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li { border-top-style: var(--cmsmasters-header-mid-nav-burger-dropdown-item-divider-type); border-top-width: var(--cmsmasters-header-mid-nav-burger-dropdown-item-divider-width); border-top-color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-divider-color); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li { border-top-style: var(--cmsmasters-header-bot-nav-burger-dropdown-item-divider-type); border-top-width: var(--cmsmasters-header-bot-nav-burger-dropdown-item-divider-width); border-top-color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-divider-color); } .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { display: flex; justify-content: space-between; overflow: hidden; } .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { content: ""; width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-family); font-weight: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-weight); font-style: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-style); text-transform: var(--cmsmasters-header-top-nav-burger-dropdown-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-top-nav-burger-dropdown-item-text-decoration); text-decoration: var(--cmsmasters-header-top-nav-burger-dropdown-item-text-decoration); font-size: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-size); line-height: var(--cmsmasters-header-top-nav-burger-dropdown-item-line-height); letter-spacing: var(--cmsmasters-header-top-nav-burger-dropdown-item-letter-spacing); word-spacing: var(--cmsmasters-header-top-nav-burger-dropdown-item-word-spacing); color: var(--cmsmasters-header-top-nav-burger-dropdown-item-normal-colors-color); padding-top: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-top); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); padding-bottom: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-bottom); padding-left: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left); } .cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-burger-dropdown-item-normal-colors-bg); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-family); font-weight: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-weight); font-style: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-style); text-transform: var(--cmsmasters-header-mid-nav-burger-dropdown-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-mid-nav-burger-dropdown-item-text-decoration); text-decoration: var(--cmsmasters-header-mid-nav-burger-dropdown-item-text-decoration); font-size: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-size); line-height: var(--cmsmasters-header-mid-nav-burger-dropdown-item-line-height); letter-spacing: var(--cmsmasters-header-mid-nav-burger-dropdown-item-letter-spacing); word-spacing: var(--cmsmasters-header-mid-nav-burger-dropdown-item-word-spacing); color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-normal-colors-color); padding-top: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-top); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); padding-bottom: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-bottom); padding-left: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-normal-colors-bg); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { font-family: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-family); font-weight: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-weight); font-style: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-style); text-transform: var(--cmsmasters-header-bot-nav-burger-dropdown-item-text-transform); -webkit-text-decoration: var(--cmsmasters-header-bot-nav-burger-dropdown-item-text-decoration); text-decoration: var(--cmsmasters-header-bot-nav-burger-dropdown-item-text-decoration); font-size: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-size); line-height: var(--cmsmasters-header-bot-nav-burger-dropdown-item-line-height); letter-spacing: var(--cmsmasters-header-bot-nav-burger-dropdown-item-letter-spacing); word-spacing: var(--cmsmasters-header-bot-nav-burger-dropdown-item-word-spacing); color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-normal-colors-color); padding-top: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-top); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); padding-bottom: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-bottom); padding-left: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-normal-colors-bg); } .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-top-nav-burger-dropdown-item-current-colors-color); } .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-top-nav-burger-dropdown-item-current-colors-bg); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-current-colors-color); } .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-current-colors-bg); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item { color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-current-colors-color); } .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before { background-color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-current-colors-bg); } .cmsmasters-burger-alignment-centered .cmsmasters-menu__list li > a span.cmsmasters-menu__item { justify-content: center; } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 20px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 30px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 40px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 50px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 60px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 70px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 80px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 90px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 100px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 110px); padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 20px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 30px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 40px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 50px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 60px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 70px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 80px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 90px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 100px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 110px); padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 20px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 30px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 40px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 50px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 60px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 70px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 80px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 90px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 100px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } .cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item { padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 110px); padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right); } } /* Swiper Slider */ .cmsmasters-swiper { position: relative; } .cmsmasters-swiper__wrapper { height: auto; } .cmsmasters-swiper__slide { text-align: center; } .cmsmasters-swiper__buttons { display: flex; align-items: stretch; margin-top: var(--cmsmasters-slider-arrows-container-margin-top); margin-right: var(--cmsmasters-slider-arrows-container-margin-right); margin-bottom: var(--cmsmasters-slider-arrows-container-margin-bottom); margin-left: var(--cmsmasters-slider-arrows-container-margin-left); position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; z-index: 1; } .cmsmasters-swiper.cmsmasters-arrows-visibility-hover:not(:hover) .cmsmasters-swiper__buttons { opacity: 0; visibility: hidden; } .cmsmasters-swiper.cmsmasters-arrows-visibility-hover .cmsmasters-swiper__buttons { transition: opacity 0.25s ease, visibility 0.25s linear; } .cmsmasters-swiper__buttons-inner { display: flex; flex: 1; flex-direction: var(--cmsmasters-slider-arrows-container-position); justify-content: var(--cmsmasters-slider-arrows-container-jc); align-items: var(--cmsmasters-slider-arrows-container-ai); align-content: var(--cmsmasters-slider-arrows-container-ai); } .cmsmasters-swiper__button { display: flex; justify-content: center; align-items: center; background-image: none; background-color: var(--cmsmasters-slider-arrows-normal-colors-bg); border-color: var(--cmsmasters-slider-arrows-normal-colors-bd); border-style: var(--cmsmasters-slider-arrows-bd-style); border-top-width: var(--cmsmasters-slider-arrows-bd-width-top); border-right-width: var(--cmsmasters-slider-arrows-bd-width-right); border-bottom-width: var(--cmsmasters-slider-arrows-bd-width-bottom); border-left-width: var(--cmsmasters-slider-arrows-bd-width-left); border-radius: var(--cmsmasters-slider-arrows-bd-radius); box-shadow: var(--cmsmasters-slider-arrows-normal-box-shadow); width: auto; height: auto; min-width: var(--cmsmasters-slider-arrows-box-width); min-height: var(--cmsmasters-slider-arrows-box-height); padding-top: var(--cmsmasters-slider-arrows-padding-top); padding-right: var(--cmsmasters-slider-arrows-padding-right); padding-bottom: var(--cmsmasters-slider-arrows-padding-bottom); padding-left: var(--cmsmasters-slider-arrows-padding-left); position: static; left: 0; right: 0; margin: 0; cursor: pointer; pointer-events: all; transition: all 0.3s ease-in-out; } .cmsmasters-swiper__button:hover { background-color: var(--cmsmasters-slider-arrows-hover-colors-bg); border-color: var(--cmsmasters-slider-arrows-hover-colors-bd); box-shadow: var(--cmsmasters-slider-arrows-hover-box-shadow); } .cmsmasters-swiper__button.cmsmasters-prev { margin-right: calc(var(--cmsmasters-slider-arrows-spacing) / 2); } .cmsmasters-swiper__button.cmsmasters-next { margin-left: calc(var(--cmsmasters-slider-arrows-spacing) / 2); } .cmsmasters-arrows-visibility-column .cmsmasters-swiper__button.cmsmasters-prev { margin-bottom: calc(var(--cmsmasters-slider-arrows-spacing) / 2); margin-right: 0; } .cmsmasters-arrows-visibility-column .cmsmasters-swiper__button.cmsmasters-next { margin-top: calc(var(--cmsmasters-slider-arrows-spacing) / 2); margin-left: 0; } .cmsmasters-swiper__button.swiper-button-disabled { pointer-events: none; opacity: 0.5; } .cmsmasters-swiper__button-inner { margin: calc(var(--cmsmasters-slider-arrows-icon-gap) * -1); display: flex; align-items: center; text-align: center; overflow: hidden; } .cmsmasters-swiper__button-inner > * { margin: var(--cmsmasters-slider-arrows-icon-gap); } .cmsmasters-swiper__button-inner svg { width: 1em; height: 1em; } .cmsmasters-swiper__button:focus { outline: none; } .cmsmasters-swiper__button span { color: var(--cmsmasters-slider-arrows-normal-colors-text); font-family: var(--cmsmasters-slider-arrows-text-font-family); font-weight: var(--cmsmasters-slider-arrows-text-font-weight); font-style: var(--cmsmasters-slider-arrows-text-font-style); text-transform: var(--cmsmasters-slider-arrows-text-text-transform); -webkit-text-decoration: var(--cmsmasters-slider-arrows-text-text-decoration); text-decoration: var(--cmsmasters-slider-arrows-text-text-decoration); font-size: var(--cmsmasters-slider-arrows-text-font-size); line-height: var(--cmsmasters-slider-arrows-text-line-height); letter-spacing: var(--cmsmasters-slider-arrows-text-letter-spacing); word-spacing: var(--cmsmasters-slider-arrows-text-word-spacing); display: flex; } @media only screen and (max-width: 1024px) { .cmsmasters-swiper__button span { display: var(--cmsmasters-slider-arrows-responsive-text-visibility); } } .cmsmasters-arrows-text-direction-vertical .cmsmasters-swiper__button span { text-orientation: upright; writing-mode: tb; overflow: hidden; } .cmsmasters-swiper__button:hover span { color: var(--cmsmasters-slider-arrows-hover-colors-text); } .cmsmasters-swiper__button i { font-size: var(--cmsmasters-slider-arrows-icon-size); color: var(--cmsmasters-slider-arrows-normal-colors-icon); width: 1em; height: 1em; text-align: center; } .cmsmasters-swiper__button:hover i { color: var(--cmsmasters-slider-arrows-hover-colors-icon); } .cmsmasters-swiper__pagination { display: flex; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .cmsmasters-swiper__pagination-items { position: static; display: flex; justify-content: center; transition: none; pointer-events: auto; } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination { flex-direction: row; justify-content: var(--cmsmasters-slider-bullets-container-jc); align-items: var(--cmsmasters-slider-bullets-container-ai); align-content: var(--cmsmasters-slider-bullets-container-ai); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-outer { background-color: var(--cmsmasters-slider-bullets-container-bg-color); border-color: var(--cmsmasters-slider-bullets-container-bd-color); border-style: var(--cmsmasters-slider-bullets-container-bd-style); border-top-width: var(--cmsmasters-slider-bullets-container-bd-width-top); border-right-width: var(--cmsmasters-slider-bullets-container-bd-width-right); border-bottom-width: var(--cmsmasters-slider-bullets-container-bd-width-bottom); border-left-width: var(--cmsmasters-slider-bullets-container-bd-width-left); border-radius: var(--cmsmasters-slider-bullets-container-bd-radius); padding-top: var(--cmsmasters-slider-bullets-container-padding-top); padding-right: var(--cmsmasters-slider-bullets-container-padding-right); padding-bottom: var(--cmsmasters-slider-bullets-container-padding-bottom); padding-left: var(--cmsmasters-slider-bullets-container-padding-left); margin-top: var(--cmsmasters-slider-bullets-container-margin-top); margin-right: var(--cmsmasters-slider-bullets-container-margin-right); margin-bottom: var(--cmsmasters-slider-bullets-container-margin-bottom); margin-left: var(--cmsmasters-slider-bullets-container-margin-left); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items { width: auto; margin: calc(var(--cmsmasters-slider-bullets-spacing) / -2); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-horizontal { width: auto; } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-vertical { transform: none; } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic { width: auto !important; height: auto !important; left: 0; transform: none; white-space: nowrap; overflow: visible; } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { width: calc(var(--cmsmasters-slider-bullets-size) * 1.5); height: calc(var(--cmsmasters-slider-bullets-size) * 1.5); transform: scale(0); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-main { transform: scale(1); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next { transform: scale(0.65); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next { transform: scale(0.35); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet { outline: none; font-family: var(--cmsmasters-slider-bullets-font-family); font-weight: var(--cmsmasters-slider-bullets-font-weight); font-style: var(--cmsmasters-slider-bullets-font-style); text-transform: var(--cmsmasters-slider-bullets-text-transform); -webkit-text-decoration: var(--cmsmasters-slider-bullets-text-decoration); text-decoration: var(--cmsmasters-slider-bullets-text-decoration); font-size: var(--cmsmasters-slider-bullets-font-size); line-height: var(--cmsmasters-slider-bullets-line-height); letter-spacing: var(--cmsmasters-slider-bullets-letter-spacing); word-spacing: var(--cmsmasters-slider-bullets-word-spacing); background-color: var(--cmsmasters-slider-bullets-normal-colors-bg); color: var(--cmsmasters-slider-bullets-normal-colors-text); box-shadow: var(--cmsmasters-slider-bullets-normal-box-shadow); border-color: var(--cmsmasters-slider-bullets-normal-colors-bd); border-style: var(--cmsmasters-slider-bullets-bd-style); border-top-width: var(--cmsmasters-slider-bullets-bd-width-top); border-right-width: var(--cmsmasters-slider-bullets-bd-width-right); border-bottom-width: var(--cmsmasters-slider-bullets-bd-width-bottom); border-left-width: var(--cmsmasters-slider-bullets-bd-width-left); border-radius: var(--cmsmasters-slider-bullets-bd-radius); display: flex; align-items: center; justify-content: center; width: var(--cmsmasters-slider-bullets-size); height: var(--cmsmasters-slider-bullets-size); margin: calc(var(--cmsmasters-slider-bullets-spacing) / 2) !important; opacity: 1; position: relative; pointer-events: all; transition: all 0.25s ease, margin 0s linear !important; } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet:hover { background-color: var(--cmsmasters-slider-bullets-hover-colors-bg); color: var(--cmsmasters-slider-bullets-hover-colors-text); border-color: var(--cmsmasters-slider-bullets-hover-colors-bd); box-shadow: var(--cmsmasters-slider-bullets-hover-box-shadow); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--cmsmasters-slider-bullets-active-colors-bg); color: var(--cmsmasters-slider-bullets-active-colors-text); border-color: var(--cmsmasters-slider-bullets-active-colors-bd); box-shadow: var(--cmsmasters-slider-bullets-active-box-shadow); } .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: calc(var(--cmsmasters-slider-bullets-spacing) / -2); } .cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination { align-items: var(--cmsmasters-slider-progressbar-container-position); margin-top: var(--cmsmasters-slider-progressbar-container-margin-top); margin-right: var(--cmsmasters-slider-progressbar-container-margin-right); margin-bottom: var(--cmsmasters-slider-progressbar-container-margin-bottom); margin-left: var(--cmsmasters-slider-progressbar-container-margin-left); } .cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination-outer { width: 100%; } .cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination .swiper-pagination-progressbar { width: 100%; height: var(--cmsmasters-slider-progressbar-thickness); overflow: hidden; border-radius: var(--cmsmasters-slider-progressbar-bd-radius); box-shadow: var(--cmsmasters-slider-progressbar-box-shadow); background-color: var(--cmsmasters-slider-progressbar-normal-bg); } .cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination .swiper-pagination-progressbar-fill { background-color: var(--cmsmasters-slider-progressbar-fill-bg); } .cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination { margin-top: var(--cmsmasters-slider-fraction-margin-top); margin-right: var(--cmsmasters-slider-fraction-margin-right); margin-bottom: var(--cmsmasters-slider-fraction-margin-bottom); margin-left: var(--cmsmasters-slider-fraction-margin-left); flex-direction: row; justify-content: var(--cmsmasters-slider-fraction-jc); align-items: var(--cmsmasters-slider-fraction-ai); align-content: var(--cmsmasters-slider-fraction-ai); } .cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction { font-family: var(--cmsmasters-slider-fraction-font-family); font-weight: var(--cmsmasters-slider-fraction-font-weight); font-style: var(--cmsmasters-slider-fraction-font-style); text-transform: var(--cmsmasters-slider-fraction-text-transform); -webkit-text-decoration: var(--cmsmasters-slider-fraction-text-decoration); text-decoration: var(--cmsmasters-slider-fraction-text-decoration); font-size: var(--cmsmasters-slider-fraction-font-size); line-height: var(--cmsmasters-slider-fraction-line-height); letter-spacing: var(--cmsmasters-slider-fraction-letter-spacing); word-spacing: var(--cmsmasters-slider-fraction-word-spacing); color: var(--cmsmasters-slider-fraction-colors-text); background-color: var(--cmsmasters-slider-fraction-colors-bg); border-color: var(--cmsmasters-slider-fraction-colors-bd); border-style: var(--cmsmasters-slider-fraction-bd-style); border-top-width: var(--cmsmasters-slider-fraction-bd-width-top); border-right-width: var(--cmsmasters-slider-fraction-bd-width-right); border-bottom-width: var(--cmsmasters-slider-fraction-bd-width-bottom); border-left-width: var(--cmsmasters-slider-fraction-bd-width-left); border-radius: var(--cmsmasters-slider-fraction-bd-radius); width: auto; padding-top: var(--cmsmasters-slider-fraction-padding-top); padding-right: var(--cmsmasters-slider-fraction-padding-right); padding-bottom: var(--cmsmasters-slider-fraction-padding-bottom); padding-left: var(--cmsmasters-slider-fraction-padding-left); pointer-events: none; } .cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction > [class*=swiper-pagination-] { padding: 0 var(--cmsmasters-slider-fraction-spacing); } .cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction > *:first-child { padding-left: 0 !important; } .cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction > *:last-child { padding-right: 0 !important; } /* Video */ .cmsmasters-video-wrap { background-color: #000000; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; } .cmsmasters-video-wrap .wp-video { width: 100% !important; position: static; } .cmsmasters-video-wrap iframe, .cmsmasters-video-wrap video { margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* Pagination */ .cmsmasters-pagination ul { list-style: none; display: flex; align-items: center; justify-content: flex-start; margin: -2px -2px 0; padding: 0; } .cmsmasters-pagination ul li { margin: 2px 2px 0; padding: 0; } .cmsmasters-subpage-nav { display: flex; align-items: center; margin-top: 3rem; clear: both; overflow: hidden; } .cmsmasters-subpage-nav__title { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); margin-right: 20px; flex-shrink: 0; } .cmsmasters-subpage-nav__items { display: inline-flex; flex-wrap: wrap; margin: -2px -2px 0; } .cmsmasters-subpage-nav .post-page-numbers { margin: 2px 2px 0; } .cmsmasters-pagination ul .page-numbers, .cmsmasters-pagination ul .post-page-numbers, .cmsmasters-subpage-nav__items .page-numbers, .cmsmasters-subpage-nav__items .post-page-numbers { border-width: 1px; border-style: solid; border-color: var(--cmsmasters-colors-bd); color: var(--cmsmasters-colors-heading); background-color: var(--cmsmasters-colors-bg); font-family: var(--cmsmasters-accent-font-family); font-weight: var(--cmsmasters-accent-font-weight); font-style: var(--cmsmasters-accent-font-style); text-transform: var(--cmsmasters-accent-text-transform); -webkit-text-decoration: var(--cmsmasters-accent-text-decoration); text-decoration: var(--cmsmasters-accent-text-decoration); font-size: var(--cmsmasters-accent-font-size); line-height: var(--cmsmasters-accent-line-height); letter-spacing: var(--cmsmasters-accent-letter-spacing); word-spacing: var(--cmsmasters-accent-word-spacing); display: block; line-height: 36px !important; min-width: 36px; height: 36px; padding: 0 2px; text-align: center; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .cmsmasters-pagination ul .page-numbers.current, .cmsmasters-pagination ul .post-page-numbers.current, .cmsmasters-subpage-nav__items .page-numbers.current, .cmsmasters-subpage-nav__items .post-page-numbers.current { border-color: var(--cmsmasters-colors-link); color: var(--cmsmasters-colors-bg); background-color: var(--cmsmasters-colors-link); } .cmsmasters-pagination ul a.page-numbers:hover, .cmsmasters-pagination ul a.post-page-numbers:hover, .cmsmasters-subpage-nav__items a.page-numbers:hover, .cmsmasters-subpage-nav__items a.post-page-numbers:hover { border-color: var(--cmsmasters-colors-link); } /* Pings list */ .cmsmasters-pings-list a { color: var(--cmsmasters-colors-heading); } .cmsmasters-pings-list a:hover { color: var(--cmsmasters-colors-link); } .cmsmasters-pings-list .edit-link { margin-left: 10px; } /* Post Password Form */ .cmsmasters-post-password-form { display: flex; } .cmsmasters-post-password-form input[type=password] { width: auto; flex-grow: initial; margin-right: 10px; } /* WP Gallery */ .gallery { display: flex; flex-wrap: wrap; list-style: none; margin-top: calc(var(--cmsmasters-gutenberg-gallery-columns-gap) * -1); margin-left: calc(var(--cmsmasters-gutenberg-gallery-columns-gap) * -1); margin-right: 0; margin-bottom: 3rem; padding: 0; } .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .gallery-item, .gallery-item { flex-grow: 1; margin-top: var(--cmsmasters-gutenberg-gallery-columns-gap); margin-left: var(--cmsmasters-gutenberg-gallery-columns-gap); margin-right: 0; margin-bottom: 0; position: relative; } .elementor .elementor-widget.elementor-widget-image-gallery.gallery-spacing-custom .gallery-item { margin: 0; } .gallery img { display: block; width: 100%; max-width: 100%; height: auto; } .elementor .elementor-image-gallery .gallery-item .gallery-caption, .gallery-caption { text-align: center; font-family: var(--cmsmasters-caption-outside-font-family); font-weight: var(--cmsmasters-caption-outside-font-weight); font-style: var(--cmsmasters-caption-outside-font-style); text-transform: var(--cmsmasters-caption-outside-text-transform); -webkit-text-decoration: var(--cmsmasters-caption-outside-text-decoration); text-decoration: var(--cmsmasters-caption-outside-text-decoration); font-size: var(--cmsmasters-caption-outside-font-size); line-height: var(--cmsmasters-caption-outside-line-height); letter-spacing: var(--cmsmasters-caption-outside-letter-spacing); word-spacing: var(--cmsmasters-caption-outside-word-spacing); color: var(--cmsmasters-caption-outside-colors-text); background-color: var(--cmsmasters-caption-outside-colors-bg); border-color: var(--cmsmasters-caption-outside-colors-bd); border-style: var(--cmsmasters-caption-outside-bd-style); border-top-width: var(--cmsmasters-caption-outside-bd-width-top); border-right-width: var(--cmsmasters-caption-outside-bd-width-right); border-bottom-width: var(--cmsmasters-caption-outside-bd-width-bottom); border-left-width: var(--cmsmasters-caption-outside-bd-width-left); border-radius: var(--cmsmasters-caption-outside-bd-radius); padding-top: var(--cmsmasters-caption-outside-padding-top); padding-right: var(--cmsmasters-caption-outside-padding-right); padding-bottom: var(--cmsmasters-caption-outside-padding-bottom); padding-left: var(--cmsmasters-caption-outside-padding-left); width: 100%; margin: 0; margin-top: var(--cmsmasters-caption-outside-gap); } .elementor .elementor-image-gallery .gallery-item .gallery-caption a, .gallery-caption a { color: var(--cmsmasters-caption-outside-colors-link); } .elementor .elementor-image-gallery .gallery-item .gallery-caption a:hover, .gallery-caption a:hover { color: var(--cmsmasters-caption-outside-colors-hover); } @media only screen and (min-width: 768px) { .gallery.gallery-columns-1 .gallery-item { width: calc((100% / 1) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-2 .gallery-item { width: calc((100% / 2) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-3 .gallery-item { width: calc((100% / 3) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-4 .gallery-item { width: calc((100% / 4) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-5 .gallery-item { width: calc((100% / 5) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-6 .gallery-item { width: calc((100% / 6) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-7 .gallery-item { width: calc((100% / 7) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-8 .gallery-item { width: calc((100% / 8) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } @media only screen and (min-width: 768px) { .gallery.gallery-columns-9 .gallery-item { width: calc((100% / 9) - var(--cmsmasters-gutenberg-gallery-columns-gap)); } } /* Header Top */ .cmsmasters-header-top { width: var(--cmsmasters-header-top-container-width); border-style: var(--cmsmasters-header-top-container-bd-style); border-top-width: var(--cmsmasters-header-top-container-bd-width-top); border-right-width: var(--cmsmasters-header-top-container-bd-width-right); border-bottom-width: var(--cmsmasters-header-top-container-bd-width-bottom); border-left-width: var(--cmsmasters-header-top-container-bd-width-left); border-color: var(--cmsmasters-header-top-container-bd-color); background-color: var(--cmsmasters-header-top-container-bg-color); background-image: var(--cmsmasters-header-top-container-bg-image); background-repeat: var(--cmsmasters-header-top-container-bg-repeat); background-position: var(--cmsmasters-header-top-container-bg-position); background-size: var(--cmsmasters-header-top-container-bg-size); background-attachment: var(--cmsmasters-header-top-container-bg-attachment); max-width: 100%; margin: 0 auto; position: relative; z-index: var(--cmsmasters-header-top-z-index); } .cmsmasters-header-top__outer { width: var(--cmsmasters-header-top-content-width); border-style: var(--cmsmasters-header-top-content-bd-style); border-top-width: var(--cmsmasters-header-top-content-bd-width-top); border-right-width: var(--cmsmasters-header-top-content-bd-width-right); border-bottom-width: var(--cmsmasters-header-top-content-bd-width-bottom); border-left-width: var(--cmsmasters-header-top-content-bd-width-left); border-color: var(--cmsmasters-header-top-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; padding-top: var(--cmsmasters-header-top-content-padding-top); padding-right: var(--cmsmasters-header-top-content-padding-right); padding-bottom: var(--cmsmasters-header-top-content-padding-bottom); padding-left: var(--cmsmasters-header-top-content-padding-left); } @media only screen and (max-width: 767px) { .cmsmasters-header-top__outer { display: none; } .cmsmasters-header-top-single-item .cmsmasters-header-top__outer { display: block; } } @media only screen and (min-width: 768px) { .cmsmasters-header-top__outer { height: var(--cmsmasters-header-top-height); } } @media only screen and (min-width: 768px) { .cmsmasters-header-top__inner { display: flex; justify-content: var(--cmsmasters-header-top-alignment); height: 100%; } .cmsmasters-header-top__inner > div { height: 100%; } } @media only screen and (max-width: 767px) { .cmsmasters-header-top__inner > div + div { margin-top: var(--cmsmasters-header-top-elements-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-header-top__inner > div + div { margin-left: var(--cmsmasters-header-top-elements-gap); } } .cmsmasters-header-top-toggle { display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .cmsmasters-header-top-toggle { display: none; } } .cmsmasters-header-top-toggle__inner { display: block; cursor: pointer; font-size: var(--cmsmasters-header-top-toggle-icon-size); padding-top: var(--cmsmasters-header-top-toggle-padding-top); padding-right: var(--cmsmasters-header-top-toggle-padding-right); padding-bottom: var(--cmsmasters-header-top-toggle-padding-bottom); padding-left: var(--cmsmasters-header-top-toggle-padding-left); color: var(--cmsmasters-header-top-toggle-normal-colors-color); background-color: var(--cmsmasters-header-top-toggle-normal-colors-bg); border-color: var(--cmsmasters-header-top-toggle-normal-colors-bd); border-style: var(--cmsmasters-header-top-toggle-normal-bd-style); border-top-width: var(--cmsmasters-header-top-toggle-normal-bd-width-top); border-right-width: var(--cmsmasters-header-top-toggle-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-top-toggle-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-top-toggle-normal-bd-width-left); border-radius: var(--cmsmasters-header-top-toggle-normal-bd-radius); box-shadow: var(--cmsmasters-header-top-toggle-normal-box-shadow); transition: all 0.3s ease-in-out; } .cmsmasters-header-top-toggle__inner.cmsmasters-active { color: var(--cmsmasters-header-top-toggle-active-colors-color); background-color: var(--cmsmasters-header-top-toggle-active-colors-bg); border-color: var(--cmsmasters-header-top-toggle-active-colors-bd); border-radius: var(--cmsmasters-header-top-toggle-active-bd-radius); box-shadow: var(--cmsmasters-header-top-toggle-active-box-shadow); } .cmsmasters-header-top-toggle__inner > span { display: block; position: relative; } .cmsmasters-header-top-toggle__inner > span:last-child { display: none; } .cmsmasters-header-top-toggle__inner > span > *, .cmsmasters-header-top-toggle__inner > span > *:before { display: block; width: 1em; height: 1em; } .cmsmasters-header-top-toggle__inner.cmsmasters-active > span:first-child { display: none; } .cmsmasters-header-top-toggle__inner.cmsmasters-active > span:last-child { display: block; } @media only screen and (max-width: 767px) { .cmsmasters-header-top-menu:first-child + .cmsmasters-header-top-burger-menu-button { margin-top: 0; } } .cmsmasters-header-top-burger-menu-button__outer { display: flex; align-items: center; justify-content: center; height: 100%; } @media only screen and (min-width: 1025px) { .cmsmasters-header-top-menu__list > li > a span.cmsmasters-menu__item-inner:before { background-color: transparent; width: 0; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out; } .cmsmasters-header-top-menu__list > li:hover > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-top-nav-title-item-hover-colors-color); width: 100%; } .cmsmasters-header-top-menu__list > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-top-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-top-nav-title-item-current-colors-color); width: 100%; } .cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator { font-size: 0.65em; margin-left: 1.2em; } .cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator:before { transform: rotate(90deg); } .cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-menu__item-inner { display: inline-block; } .cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-menu__item-inner:before { background-color: transparent; width: 0; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out; } .cmsmasters-header-top-menu__list ul > li:hover > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-top-nav-dropdown-item-hover-colors-color); width: 100%; } .cmsmasters-header-top-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-top-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-top-nav-dropdown-item-current-colors-color); width: 100%; } .cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-child-indicator { font-size: 0.67em; margin-left: 1.2em; } } @media only screen and (max-width: 1024px) { .cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator { width: 3em; font-size: 0.84em; top: 1px; text-align: right; margin-top: calc(var(--cmsmasters-header-top-nav-burger-title-item-padding-top) * -1); margin-bottom: calc(var(--cmsmasters-header-top-nav-burger-title-item-padding-bottom) * -1); padding-top: var(--cmsmasters-header-top-nav-burger-title-item-padding-top); padding-bottom: var(--cmsmasters-header-top-nav-burger-title-item-padding-bottom); } .cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator.cmsmasters-active:before { transform: rotate(90deg); } .cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-child-indicator { width: 3em; font-size: 0.68em; top: 1px; text-align: right; margin-top: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-top) * -1); margin-bottom: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-bottom) * -1); padding-top: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-top); padding-bottom: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-bottom); } .cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-child-indicator.cmsmasters-active:before { transform: rotate(90deg); } } .cmsmasters-header-top-html { position: relative; } @media only screen and (min-width: 768px) { .cmsmasters-header-top-html__outer { display: flex; height: 100%; align-items: center; } } .cmsmasters-header-top-html__inner { font-family: var(--cmsmasters-header-top-html-font-family); font-weight: var(--cmsmasters-header-top-html-font-weight); font-style: var(--cmsmasters-header-top-html-font-style); text-transform: var(--cmsmasters-header-top-html-text-transform); -webkit-text-decoration: var(--cmsmasters-header-top-html-text-decoration); text-decoration: var(--cmsmasters-header-top-html-text-decoration); font-size: var(--cmsmasters-header-top-html-font-size); line-height: var(--cmsmasters-header-top-html-line-height); letter-spacing: var(--cmsmasters-header-top-html-letter-spacing); word-spacing: var(--cmsmasters-header-top-html-word-spacing); color: var(--cmsmasters-header-top-html-colors-text); } @media only screen and (max-width: 767px) { .cmsmasters-header-top-html__inner { text-align: center; } } .cmsmasters-header-top-html__inner a { color: var(--cmsmasters-header-top-html-colors-link); } .cmsmasters-header-top-html__inner a:hover { color: var(--cmsmasters-header-top-html-colors-hover); } .cmsmasters-header-top-html__inner > *:last-child { margin-bottom: 0; } .cmsmasters-header-top-info { position: relative; } .cmsmasters-header-top-info__list { font-family: var(--cmsmasters-header-top-info-font-family); font-weight: var(--cmsmasters-header-top-info-font-weight); font-style: var(--cmsmasters-header-top-info-font-style); text-transform: var(--cmsmasters-header-top-info-text-transform); -webkit-text-decoration: var(--cmsmasters-header-top-info-text-decoration); text-decoration: var(--cmsmasters-header-top-info-text-decoration); font-size: var(--cmsmasters-header-top-info-font-size); line-height: var(--cmsmasters-header-top-info-line-height); letter-spacing: var(--cmsmasters-header-top-info-letter-spacing); word-spacing: var(--cmsmasters-header-top-info-word-spacing); color: var(--cmsmasters-header-top-info-colors-text); list-style: none; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; } @media only screen and (min-width: 768px) { .cmsmasters-header-top-info__list { height: 100%; flex-direction: row; } } .cmsmasters-header-top-info__list a { color: var(--cmsmasters-header-top-info-colors-link); } .cmsmasters-header-top-info__list a:hover { color: var(--cmsmasters-header-top-info-colors-hover); } .cmsmasters-header-top-info__item { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-header-top-info__item { margin-bottom: var(--cmsmasters-header-top-info-items-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-header-top-info__item { margin-right: var(--cmsmasters-header-top-info-items-gap); } } .cmsmasters-header-top-info__item:before { content: ""; background-color: var(--cmsmasters-header-top-info-colors-divider); width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 767px) { .cmsmasters-header-top-info__item:before { width: 30%; height: 1px; top: auto; bottom: calc(var(--cmsmasters-header-top-info-items-gap) / 2 * -1); } } @media only screen and (min-width: 768px) { .cmsmasters-header-top-info__item:before { width: 1px; height: 16px; left: auto; right: calc(var(--cmsmasters-header-top-info-items-gap)/2 * -1); } } .cmsmasters-header-top-info__item:last-child { margin-right: 0; margin-bottom: 0; } .cmsmasters-header-top-info__item:last-child:before { content: none; } .cmsmasters-header-top-info__item-inner { display: flex; align-items: center; } .cmsmasters-header-top-info__item-inner > * + * { margin-left: var(--cmsmasters-header-top-info-icon-gap); } .cmsmasters-header-top-info__item-icon { font-size: var(--cmsmasters-header-top-info-icon-size); color: var(--cmsmasters-header-top-info-colors-icon); text-align: center; width: 1em; height: 1em; position: relative; transition: color 0.3s ease-in-out; } .cmsmasters-header-top-info__item-icon > * { text-align: center; display: block; width: var(--cmsmasters-header-top-info-icon-size); max-width: var(--cmsmasters-header-top-info-icon-size); height: var(--cmsmasters-header-top-info-icon-size); max-height: var(--cmsmasters-header-top-info-icon-size); } .cmsmasters-header-top-info__item-icon i { display: block; } .cmsmasters-header-top-info__item-icon i:before { display: block; width: 1em; height: 1em; } .cmsmasters-header-top-info a:hover .cmsmasters-header-top-info__item-icon { color: var(--cmsmasters-header-top-info-colors-hover); } .cmsmasters-header-top-info__item-text { position: relative; } .cmsmasters-header-top-social { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-header-top-social { width: 100%; } } .cmsmasters-header-top-social a { display: block; } .cmsmasters-header-top-social__list { list-style: none; margin: 0; padding: 0; display: flex; } @media only screen and (max-width: 767px) { .cmsmasters-header-top-social__list { justify-content: center; } } @media only screen and (min-width: 768px) { .cmsmasters-header-top-social__list { height: 100%; align-items: center; } } .cmsmasters-header-top-social__item { margin: 0; margin-left: var(--cmsmasters-header-top-social-gap); position: relative; } .cmsmasters-header-top-social__item:first-child { margin-left: 0; } .cmsmasters-header-top-social__item-icon { color: var(--cmsmasters-header-top-social-normal-colors-color); background-color: var(--cmsmasters-header-top-social-normal-colors-bg); border-color: var(--cmsmasters-header-top-social-normal-colors-bd); font-size: var(--cmsmasters-header-top-social-size); border-style: var(--cmsmasters-header-top-social-bd-style); border-top-width: var(--cmsmasters-header-top-social-bd-width-top); border-right-width: var(--cmsmasters-header-top-social-bd-width-right); border-bottom-width: var(--cmsmasters-header-top-social-bd-width-bottom); border-left-width: var(--cmsmasters-header-top-social-bd-width-left); border-radius: var(--cmsmasters-header-top-social-bd-radius); padding-top: var(--cmsmasters-header-top-social-padding-top); padding-right: var(--cmsmasters-header-top-social-padding-right); padding-bottom: var(--cmsmasters-header-top-social-padding-bottom); padding-left: var(--cmsmasters-header-top-social-padding-left); display: block; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .cmsmasters-header-top-social__item-icon:hover { color: var(--cmsmasters-header-top-social-hover-colors-color); background-color: var(--cmsmasters-header-top-social-hover-colors-bg); border-color: var(--cmsmasters-header-top-social-hover-colors-bd); } .cmsmasters-header-top-social__item-icon > * { text-align: center; display: block; width: var(--cmsmasters-header-top-social-size); max-width: var(--cmsmasters-header-top-social-size); height: var(--cmsmasters-header-top-social-size); max-height: var(--cmsmasters-header-top-social-size); } .cmsmasters-header-top-social__item-icon i { display: block; } .cmsmasters-header-top-social__item-icon i:before { display: block; width: 1em; height: 1em; } /* Header Mid */ .cmsmasters_header { position: relative; z-index: var(--cmsmasters-header-mid-z-index); } .cmsmasters-header-mid { width: var(--cmsmasters-header-mid-container-width); border-style: var(--cmsmasters-header-mid-container-bd-style); border-top-width: var(--cmsmasters-header-mid-container-bd-width-top); border-right-width: var(--cmsmasters-header-mid-container-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-container-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-container-bd-width-left); border-color: var(--cmsmasters-header-mid-container-bd-color); background-color: var(--cmsmasters-header-mid-container-bg-color); background-image: var(--cmsmasters-header-mid-container-bg-image); background-repeat: var(--cmsmasters-header-mid-container-bg-repeat); background-position: var(--cmsmasters-header-mid-container-bg-position); background-size: var(--cmsmasters-header-mid-container-bg-size); background-attachment: var(--cmsmasters-header-mid-container-bg-attachment); max-width: 100%; margin: 0 auto; position: relative; z-index: var(--cmsmasters-header-mid-z-index); } .cmsmasters-header-mid__outer { width: var(--cmsmasters-header-mid-content-width); border-style: var(--cmsmasters-header-mid-content-bd-style); border-top-width: var(--cmsmasters-header-mid-content-bd-width-top); border-right-width: var(--cmsmasters-header-mid-content-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-content-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-content-bd-width-left); border-color: var(--cmsmasters-header-mid-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; padding-top: var(--cmsmasters-header-mid-content-padding-top); padding-right: var(--cmsmasters-header-mid-content-padding-right); padding-bottom: var(--cmsmasters-header-mid-content-padding-bottom); padding-left: var(--cmsmasters-header-mid-content-padding-left); } @media only screen and (min-width: 768px) { .cmsmasters-header-mid__outer { height: var(--cmsmasters-header-mid-height); } } @media only screen and (min-width: 768px) { .cmsmasters-header-mid__inner { display: flex; justify-content: space-between; height: 100%; } .cmsmasters-header-mid__inner.cmsmasters-type-centered { justify-content: center; } .cmsmasters-header-mid__inner > div { height: 100%; } } @media only screen and (max-width: 767px) { .cmsmasters-header-mid__content-wrap { margin-top: var(--cmsmasters-header-mid-content-element-gap); } .cmsmasters-header-mid__content-wrap > div + div { margin-top: var(--cmsmasters-header-mid-content-element-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-header-mid__content-wrap { display: flex; } .cmsmasters-header-mid__content-wrap > div { height: 100%; } .cmsmasters-header-mid__content-wrap > div + div { margin-left: var(--cmsmasters-header-mid-content-element-gap); } .cmsmasters-header-mid__content-wrap > div + div.cmsmasters-only-burger-button { margin-left: 0; } } @media only screen and (min-width: 768px) { .cmsmasters-header-mid__content > div { height: 100%; } } .cmsmasters-header-mid__add-content { display: flex; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid__add-content { flex-wrap: wrap; justify-content: center; } .cmsmasters-header-mid__add-content > div + div { margin-top: var(--cmsmasters-header-mid-add-content-elements-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-header-mid__add-content > div { height: 100%; } .cmsmasters-header-mid__add-content > div + div { margin-left: var(--cmsmasters-header-mid-add-content-elements-gap); } } .cmsmasters-header-mid-button { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-button { width: 100%; } } .cmsmasters-header-mid-button__inner { text-align: center; } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-button__inner { display: flex; height: 100%; align-items: center; } } .cmsmasters-header-mid-button__link { font-family: var(--cmsmasters-header-mid-button-font-family); font-weight: var(--cmsmasters-header-mid-button-font-weight); font-style: var(--cmsmasters-header-mid-button-font-style); text-transform: var(--cmsmasters-header-mid-button-text-transform); -webkit-text-decoration: var(--cmsmasters-header-mid-button-text-decoration); text-decoration: var(--cmsmasters-header-mid-button-text-decoration); font-size: var(--cmsmasters-header-mid-button-font-size); line-height: var(--cmsmasters-header-mid-button-line-height); letter-spacing: var(--cmsmasters-header-mid-button-letter-spacing); word-spacing: var(--cmsmasters-header-mid-button-word-spacing); color: var(--cmsmasters-header-mid-button-normal-colors-color); border-color: var(--cmsmasters-header-mid-button-normal-colors-bd); border-style: var(--cmsmasters-header-mid-button-normal-bd-style); border-top-width: var(--cmsmasters-header-mid-button-normal-bd-width-top); border-right-width: var(--cmsmasters-header-mid-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-button-normal-bd-width-left); border-radius: var(--cmsmasters-header-mid-button-normal-bd-radius); text-shadow: var(--cmsmasters-header-mid-button-text-shadow); box-shadow: var(--cmsmasters-header-mid-button-normal-box-shadow); padding-top: var(--cmsmasters-header-mid-button-padding-top); padding-right: var(--cmsmasters-header-mid-button-padding-right); padding-bottom: var(--cmsmasters-header-mid-button-padding-bottom); padding-left: var(--cmsmasters-header-mid-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all 0.3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; display: inline-flex; align-items: center; } .cmsmasters-header-mid-button__link:hover { color: var(--cmsmasters-header-mid-button-hover-colors-color); border-color: var(--cmsmasters-header-mid-button-hover-colors-bd); border-radius: var(--cmsmasters-header-mid-button-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-mid-button-hover-text-decoration); text-decoration: var(--cmsmasters-header-mid-button-hover-text-decoration); text-shadow: var(--cmsmasters-header-mid-button-hover-text-shadow); box-shadow: var(--cmsmasters-header-mid-button-hover-box-shadow); } .cmsmasters-header-mid-button__link:before, .cmsmasters-header-mid-button__link:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity 0.3s ease-in-out; } .cmsmasters-header-mid-button__link:before { background-color: var(--cmsmasters-header-mid-button-normal-colors-bg); background-image: var(--cmsmasters-header-mid-button-normal-colors-bg-image); opacity: 1; } .cmsmasters-header-mid-button__link:after { background-color: var(--cmsmasters-header-mid-button-hover-colors-bg); background-image: var(--cmsmasters-header-mid-button-hover-colors-bg-image); opacity: 0; } .cmsmasters-header-mid-button__link:hover:before { opacity: 0; } .cmsmasters-header-mid-button__link:hover:after { opacity: 1; } .cmsmasters-header-mid-button__link > * + * { margin-left: var(--cmsmasters-header-mid-button-icon-gap); } .cmsmasters-header-mid-button__icon { font-size: var(--cmsmasters-header-mid-button-icon-size); text-align: center; width: 1em; height: 1em; position: relative; } .cmsmasters-header-mid-button__icon > * { text-align: center; display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; } .cmsmasters-header-mid-button__icon i { display: block; } .cmsmasters-header-mid-button__icon i:before { display: block; width: 1em; height: 1em; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-search-button + .cmsmasters-header-mid-burger-menu-button { margin-left: var(--cmsmasters-header-mid-add-content-elements-gap); } .cmsmasters-header-mid-search-button:first-child + .cmsmasters-header-mid-burger-menu-button { margin-top: 0; } } .cmsmasters-header-mid-burger-menu-button__outer { display: flex; align-items: center; justify-content: center; height: 100%; } @media only screen and (min-width: 1025px) { .cmsmasters-header-mid-menu__list > li:after { width: 1px; height: 3px; } .cmsmasters-header-mid-menu__list > li > a span.cmsmasters-menu__item-inner:before { background-color: transparent; width: 0; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out; } .cmsmasters-header-mid-menu__list > li:hover > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-color); width: 100%; } .cmsmasters-header-mid-menu__list > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-mid-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-mid-nav-title-item-current-colors-color); width: 100%; } .cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator { font-size: 0.65em; margin-left: 1.2em; } .cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator:before { transform: rotate(90deg); } .cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-menu__item-inner { display: inline-block; } .cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-menu__item-inner:before { background-color: transparent; width: 0; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out; } .cmsmasters-header-mid-menu__list ul > li:hover > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-mid-nav-dropdown-item-hover-colors-color); width: 100%; } .cmsmasters-header-mid-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-mid-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-mid-nav-dropdown-item-current-colors-color); width: 100%; } .cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-child-indicator { font-size: 0.67em; margin-left: 1.2em; } } @media only screen and (max-width: 1024px) { .cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator { width: 3em; font-size: 0.84em; top: 1px; text-align: right; margin-top: calc(var(--cmsmasters-header-mid-nav-burger-title-item-padding-top) * -1); margin-bottom: calc(var(--cmsmasters-header-mid-nav-burger-title-item-padding-bottom) * -1); padding-top: var(--cmsmasters-header-mid-nav-burger-title-item-padding-top); padding-bottom: var(--cmsmasters-header-mid-nav-burger-title-item-padding-bottom); } .cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator.cmsmasters-active:before { transform: rotate(90deg); } .cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-child-indicator { width: 3em; font-size: 0.68em; top: 1px; text-align: right; margin-top: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-top) * -1); margin-bottom: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-bottom) * -1); padding-top: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-top); padding-bottom: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-bottom); } .cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-child-indicator.cmsmasters-active:before { transform: rotate(90deg); } } .cmsmasters-header-mid-logo { position: relative; } .cmsmasters-header-mid-logo__outer { display: flex; align-items: center; justify-content: center; height: 100%; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-logo__outer { text-align: center; } } .cmsmasters-header-mid-logo__link, .cmsmasters-header-mid-logo__text { display: block; } .cmsmasters-header-mid-logo__title { font-family: var(--cmsmasters-logo-title-font-family); font-weight: var(--cmsmasters-logo-title-font-weight); font-style: var(--cmsmasters-logo-title-font-style); text-transform: var(--cmsmasters-logo-title-text-transform); -webkit-text-decoration: var(--cmsmasters-logo-title-text-decoration); text-decoration: var(--cmsmasters-logo-title-text-decoration); font-size: var(--cmsmasters-logo-title-font-size); line-height: var(--cmsmasters-logo-title-line-height); letter-spacing: var(--cmsmasters-logo-title-letter-spacing); word-spacing: var(--cmsmasters-logo-title-word-spacing); color: var(--cmsmasters-logo-title-colors-text); text-align: center; display: block; transition: color 0.3s ease-in-out; } .cmsmasters-header-mid-logo__link:hover .cmsmasters-header-mid-logo__title { color: var(--cmsmasters-logo-title-colors-hover); } .cmsmasters-header-mid-logo__subtitle { font-family: var(--cmsmasters-logo-subtitle-font-family); font-weight: var(--cmsmasters-logo-subtitle-font-weight); font-style: var(--cmsmasters-logo-subtitle-font-style); text-transform: var(--cmsmasters-logo-subtitle-text-transform); -webkit-text-decoration: var(--cmsmasters-logo-subtitle-text-decoration); text-decoration: var(--cmsmasters-logo-subtitle-text-decoration); font-size: var(--cmsmasters-logo-subtitle-font-size); line-height: var(--cmsmasters-logo-subtitle-line-height); letter-spacing: var(--cmsmasters-logo-subtitle-letter-spacing); word-spacing: var(--cmsmasters-logo-subtitle-word-spacing); color: var(--cmsmasters-logo-subtitle-colors-text); text-align: center; display: block; transition: color 0.3s ease-in-out; } .cmsmasters-header-mid-logo__link:hover .cmsmasters-header-mid-logo__subtitle { color: var(--cmsmasters-logo-subtitle-colors-hover); } .cmsmasters-header-mid-logo img { width: auto; } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-logo img { max-height: var(--cmsmasters-header-mid-height); } } .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__img { display: block; } .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__retina-img { display: none; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__retina-img { display: block; } .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__retina-img ~ img { display: none; } } .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second { display: none; } .cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__img { display: block; } .cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__img ~ img { display: none; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__retina-img { display: block; } .cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__retina-img ~ img { display: none; } } .cmsmasters-header-mid-search-button { position: relative; } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-search-button__outer { display: flex; height: 100%; align-items: center; } } .cmsmasters-header-mid-search-button__toggle { font-size: var(--cmsmasters-header-mid-search-button-icon-size); padding-top: var(--cmsmasters-header-mid-search-button-padding-top); padding-right: var(--cmsmasters-header-mid-search-button-padding-right); padding-bottom: var(--cmsmasters-header-mid-search-button-padding-bottom); padding-left: var(--cmsmasters-header-mid-search-button-padding-left); color: var(--cmsmasters-header-mid-search-button-normal-colors-color); background-color: var(--cmsmasters-header-mid-search-button-normal-colors-bg); border-color: var(--cmsmasters-header-mid-search-button-normal-colors-bd); border-style: var(--cmsmasters-header-mid-search-button-normal-bd-style); border-top-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-top); border-right-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-left); border-radius: var(--cmsmasters-header-mid-search-button-normal-bd-radius); box-shadow: var(--cmsmasters-header-mid-search-button-normal-box-shadow); display: block; cursor: pointer; transition: all 0.3s ease-in-out; } .cmsmasters-header-mid-search-button__toggle:hover { color: var(--cmsmasters-header-mid-search-button-hover-colors-color); background-color: var(--cmsmasters-header-mid-search-button-hover-colors-bg); border-color: var(--cmsmasters-header-mid-search-button-hover-colors-bd); border-radius: var(--cmsmasters-header-mid-search-button-hover-bd-radius); box-shadow: var(--cmsmasters-header-mid-search-button-hover-box-shadow); } .cmsmasters-header-mid-search-button__toggle > *, .cmsmasters-header-mid-search-button__toggle > *:before { display: block; width: 1em; height: 1em; } .cmsmasters-header-mid-html { position: relative; } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-html__outer { display: flex; height: 100%; align-items: center; } } .cmsmasters-header-mid-html__inner { font-family: var(--cmsmasters-header-mid-html-font-family); font-weight: var(--cmsmasters-header-mid-html-font-weight); font-style: var(--cmsmasters-header-mid-html-font-style); text-transform: var(--cmsmasters-header-mid-html-text-transform); -webkit-text-decoration: var(--cmsmasters-header-mid-html-text-decoration); text-decoration: var(--cmsmasters-header-mid-html-text-decoration); font-size: var(--cmsmasters-header-mid-html-font-size); line-height: var(--cmsmasters-header-mid-html-line-height); letter-spacing: var(--cmsmasters-header-mid-html-letter-spacing); word-spacing: var(--cmsmasters-header-mid-html-word-spacing); color: var(--cmsmasters-header-mid-html-colors-text); } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-html__inner { text-align: center; } } .cmsmasters-header-mid-html__inner a { color: var(--cmsmasters-header-mid-html-colors-link); } .cmsmasters-header-mid-html__inner a:hover { color: var(--cmsmasters-header-mid-html-colors-hover); } .cmsmasters-header-mid-html__inner > *:last-child { margin-bottom: 0; } .cmsmasters-header-mid-info { position: relative; } .cmsmasters-header-mid-info__list { font-family: var(--cmsmasters-header-mid-info-font-family); font-weight: var(--cmsmasters-header-mid-info-font-weight); font-style: var(--cmsmasters-header-mid-info-font-style); text-transform: var(--cmsmasters-header-mid-info-text-transform); -webkit-text-decoration: var(--cmsmasters-header-mid-info-text-decoration); text-decoration: var(--cmsmasters-header-mid-info-text-decoration); font-size: var(--cmsmasters-header-mid-info-font-size); line-height: var(--cmsmasters-header-mid-info-line-height); letter-spacing: var(--cmsmasters-header-mid-info-letter-spacing); word-spacing: var(--cmsmasters-header-mid-info-word-spacing); color: var(--cmsmasters-header-mid-info-colors-text); list-style: none; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-info__list { height: 100%; flex-direction: row; } } .cmsmasters-header-mid-info__list a { color: var(--cmsmasters-header-mid-info-colors-link); } .cmsmasters-header-mid-info__list a:hover { color: var(--cmsmasters-header-mid-info-colors-hover); } .cmsmasters-header-mid-info__item { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-info__item { margin-bottom: var(--cmsmasters-header-mid-info-items-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-info__item { margin-right: var(--cmsmasters-header-mid-info-items-gap); } } .cmsmasters-header-mid-info__item:before { content: ""; background-color: var(--cmsmasters-header-mid-info-colors-divider); width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-info__item:before { width: 30%; height: 1px; top: auto; bottom: calc(var(--cmsmasters-header-mid-info-items-gap) / 2 * -1); } } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-info__item:before { width: 1px; height: 16px; left: auto; right: calc(var(--cmsmasters-header-mid-info-items-gap)/2 * -1); } } .cmsmasters-header-mid-info__item:last-child { margin-right: 0; margin-bottom: 0; } .cmsmasters-header-mid-info__item:last-child:before { content: none; } .cmsmasters-header-mid-info__item-inner { display: flex; align-items: center; } .cmsmasters-header-mid-info__item-inner > * + * { margin-left: var(--cmsmasters-header-mid-info-icon-gap); } .cmsmasters-header-mid-info__item-icon { font-size: var(--cmsmasters-header-mid-info-icon-size); color: var(--cmsmasters-header-mid-info-colors-icon); text-align: center; width: 1em; height: 1em; position: relative; transition: color 0.3s ease-in-out; } .cmsmasters-header-mid-info__item-icon > * { text-align: center; display: block; width: var(--cmsmasters-header-mid-info-icon-size); max-width: var(--cmsmasters-header-mid-info-icon-size); height: var(--cmsmasters-header-mid-info-icon-size); max-height: var(--cmsmasters-header-mid-info-icon-size); } .cmsmasters-header-mid-info__item-icon i { display: block; } .cmsmasters-header-mid-info__item-icon i:before { display: block; width: 1em; height: 1em; } .cmsmasters-header-mid-info a:hover .cmsmasters-header-mid-info__item-icon { color: var(--cmsmasters-header-mid-info-colors-hover); } .cmsmasters-header-mid-info__item-text { position: relative; } .cmsmasters-header-mid-social { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-social { width: 100%; } } .cmsmasters-header-mid-social a { display: block; } .cmsmasters-header-mid-social__list { list-style: none; margin: 0; padding: 0; display: flex; } @media only screen and (max-width: 767px) { .cmsmasters-header-mid-social__list { justify-content: center; } } @media only screen and (min-width: 768px) { .cmsmasters-header-mid-social__list { height: 100%; align-items: center; } } .cmsmasters-header-mid-social__item { margin: 0; margin-left: var(--cmsmasters-header-mid-social-gap); position: relative; } .cmsmasters-header-mid-social__item:first-child { margin-left: 0; } .cmsmasters-header-mid-social__item-icon { color: var(--cmsmasters-header-mid-social-normal-colors-color); background-color: var(--cmsmasters-header-mid-social-normal-colors-bg); border-color: var(--cmsmasters-header-mid-social-normal-colors-bd); font-size: var(--cmsmasters-header-mid-social-size); border-style: var(--cmsmasters-header-mid-social-bd-style); border-top-width: var(--cmsmasters-header-mid-social-bd-width-top); border-right-width: var(--cmsmasters-header-mid-social-bd-width-right); border-bottom-width: var(--cmsmasters-header-mid-social-bd-width-bottom); border-left-width: var(--cmsmasters-header-mid-social-bd-width-left); border-radius: var(--cmsmasters-header-mid-social-bd-radius); padding-top: var(--cmsmasters-header-mid-social-padding-top); padding-right: var(--cmsmasters-header-mid-social-padding-right); padding-bottom: var(--cmsmasters-header-mid-social-padding-bottom); padding-left: var(--cmsmasters-header-mid-social-padding-left); display: block; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .cmsmasters-header-mid-social__item-icon:hover { color: var(--cmsmasters-header-mid-social-hover-colors-color); background-color: var(--cmsmasters-header-mid-social-hover-colors-bg); border-color: var(--cmsmasters-header-mid-social-hover-colors-bd); } .cmsmasters-header-mid-social__item-icon > * { text-align: center; display: block; width: var(--cmsmasters-header-mid-social-size); max-width: var(--cmsmasters-header-mid-social-size); height: var(--cmsmasters-header-mid-social-size); max-height: var(--cmsmasters-header-mid-social-size); } .cmsmasters-header-mid-social__item-icon i { display: block; } .cmsmasters-header-mid-social__item-icon i:before { display: block; width: 1em; height: 1em; } /* Header Bot */ .cmsmasters-header-bot { width: var(--cmsmasters-header-bot-container-width); border-style: var(--cmsmasters-header-bot-container-bd-style); border-top-width: var(--cmsmasters-header-bot-container-bd-width-top); border-right-width: var(--cmsmasters-header-bot-container-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-container-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-container-bd-width-left); border-color: var(--cmsmasters-header-bot-container-bd-color); background-color: var(--cmsmasters-header-bot-container-bg-color); background-image: var(--cmsmasters-header-bot-container-bg-image); background-repeat: var(--cmsmasters-header-bot-container-bg-repeat); background-position: var(--cmsmasters-header-bot-container-bg-position); background-size: var(--cmsmasters-header-bot-container-bg-size); background-attachment: var(--cmsmasters-header-bot-container-bg-attachment); max-width: 100%; margin: 0 auto; position: relative; z-index: var(--cmsmasters-header-bot-z-index); } .cmsmasters-header-bot__outer { width: var(--cmsmasters-header-bot-content-width); border-style: var(--cmsmasters-header-bot-content-bd-style); border-top-width: var(--cmsmasters-header-bot-content-bd-width-top); border-right-width: var(--cmsmasters-header-bot-content-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-content-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-content-bd-width-left); border-color: var(--cmsmasters-header-bot-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; padding-top: var(--cmsmasters-header-bot-content-padding-top); padding-right: var(--cmsmasters-header-bot-content-padding-right); padding-bottom: var(--cmsmasters-header-bot-content-padding-bottom); padding-left: var(--cmsmasters-header-bot-content-padding-left); } @media only screen and (min-width: 768px) { .cmsmasters-header-bot__outer { height: var(--cmsmasters-header-bot-height); } } @media only screen and (min-width: 768px) { .cmsmasters-header-bot__inner { display: flex; justify-content: space-between; height: 100%; } .cmsmasters-header-bot__inner.cmsmasters-type-centered { justify-content: center; } .cmsmasters-header-bot__inner > div { height: 100%; } } @media only screen and (max-width: 1024px) { .cmsmasters-header-bot__inner { justify-content: center; } } .cmsmasters-header-bot__add-content { display: flex; } @media only screen and (max-width: 767px) { .cmsmasters-header-bot__add-content { flex-wrap: wrap; justify-content: center; } .cmsmasters-header-bot__add-content > div + div { margin-top: var(--cmsmasters-header-bot-add-content-elements-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-header-bot__add-content > div { height: 100%; } .cmsmasters-header-bot__add-content > div + div { margin-left: var(--cmsmasters-header-bot-add-content-elements-gap); } } .cmsmasters-header-bot-button { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-header-bot-button { width: 100%; } } .cmsmasters-header-bot-button__inner { text-align: center; } @media only screen and (min-width: 768px) { .cmsmasters-header-bot-button__inner { display: flex; height: 100%; align-items: center; } } .cmsmasters-header-bot-button__link { font-family: var(--cmsmasters-header-bot-button-font-family); font-weight: var(--cmsmasters-header-bot-button-font-weight); font-style: var(--cmsmasters-header-bot-button-font-style); text-transform: var(--cmsmasters-header-bot-button-text-transform); -webkit-text-decoration: var(--cmsmasters-header-bot-button-text-decoration); text-decoration: var(--cmsmasters-header-bot-button-text-decoration); font-size: var(--cmsmasters-header-bot-button-font-size); line-height: var(--cmsmasters-header-bot-button-line-height); letter-spacing: var(--cmsmasters-header-bot-button-letter-spacing); word-spacing: var(--cmsmasters-header-bot-button-word-spacing); color: var(--cmsmasters-header-bot-button-normal-colors-color); border-color: var(--cmsmasters-header-bot-button-normal-colors-bd); border-style: var(--cmsmasters-header-bot-button-normal-bd-style); border-top-width: var(--cmsmasters-header-bot-button-normal-bd-width-top); border-right-width: var(--cmsmasters-header-bot-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-button-normal-bd-width-left); border-radius: var(--cmsmasters-header-bot-button-normal-bd-radius); text-shadow: var(--cmsmasters-header-bot-button-text-shadow); box-shadow: var(--cmsmasters-header-bot-button-normal-box-shadow); padding-top: var(--cmsmasters-header-bot-button-padding-top); padding-right: var(--cmsmasters-header-bot-button-padding-right); padding-bottom: var(--cmsmasters-header-bot-button-padding-bottom); padding-left: var(--cmsmasters-header-bot-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all 0.3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; display: inline-flex; align-items: center; } .cmsmasters-header-bot-button__link:hover { color: var(--cmsmasters-header-bot-button-hover-colors-color); border-color: var(--cmsmasters-header-bot-button-hover-colors-bd); border-radius: var(--cmsmasters-header-bot-button-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-header-bot-button-hover-text-decoration); text-decoration: var(--cmsmasters-header-bot-button-hover-text-decoration); text-shadow: var(--cmsmasters-header-bot-button-hover-text-shadow); box-shadow: var(--cmsmasters-header-bot-button-hover-box-shadow); } .cmsmasters-header-bot-button__link:before, .cmsmasters-header-bot-button__link:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity 0.3s ease-in-out; } .cmsmasters-header-bot-button__link:before { background-color: var(--cmsmasters-header-bot-button-normal-colors-bg); background-image: var(--cmsmasters-header-bot-button-normal-colors-bg-image); opacity: 1; } .cmsmasters-header-bot-button__link:after { background-color: var(--cmsmasters-header-bot-button-hover-colors-bg); background-image: var(--cmsmasters-header-bot-button-hover-colors-bg-image); opacity: 0; } .cmsmasters-header-bot-button__link:hover:before { opacity: 0; } .cmsmasters-header-bot-button__link:hover:after { opacity: 1; } .cmsmasters-header-bot-button__link > * + * { margin-left: var(--cmsmasters-header-bot-button-icon-gap); } .cmsmasters-header-bot-button__icon { font-size: var(--cmsmasters-header-bot-button-icon-size); text-align: center; width: 1em; height: 1em; position: relative; } .cmsmasters-header-bot-button__icon > * { text-align: center; display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; } .cmsmasters-header-bot-button__icon i { display: block; } .cmsmasters-header-bot-button__icon i:before { display: block; width: 1em; height: 1em; } @media only screen and (max-width: 767px) { .cmsmasters-header-bot-search-button + .cmsmasters-header-bot-burger-menu-button { margin-left: var(--cmsmasters-header-bot-add-content-elements-gap); } .cmsmasters-header-bot-search-button:first-child + .cmsmasters-header-bot-burger-menu-button { margin-top: 0; } } .cmsmasters-header-bot-burger-menu-button__outer { display: flex; align-items: center; justify-content: center; height: 100%; } @media only screen and (min-width: 1025px) { .cmsmasters-header-bot-menu__list > li:after { width: 1px; height: 3px; } .cmsmasters-header-bot-menu__list > li > a span.cmsmasters-menu__item-inner:before { background-color: transparent; width: 0; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out; } .cmsmasters-header-bot-menu__list > li:hover > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-color); width: 100%; } .cmsmasters-header-bot-menu__list > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-bot-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-bot-nav-title-item-current-colors-color); width: 100%; } .cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator { font-size: 0.65em; margin-left: 1.2em; } .cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator:before { transform: rotate(90deg); } .cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-menu__item-inner { display: inline-block; } .cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-menu__item-inner:before { background-color: transparent; width: 0; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out; } .cmsmasters-header-bot-menu__list ul > li:hover > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-bot-nav-dropdown-item-hover-colors-color); width: 100%; } .cmsmasters-header-bot-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-bot-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before { background-color: var(--cmsmasters-header-bot-nav-dropdown-item-current-colors-color); width: 100%; } .cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-child-indicator { font-size: 0.67em; margin-left: 1.2em; } } @media only screen and (max-width: 1024px) { .cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator { width: 3em; font-size: 0.84em; top: 1px; text-align: right; margin-top: calc(var(--cmsmasters-header-bot-nav-burger-title-item-padding-top) * -1); margin-bottom: calc(var(--cmsmasters-header-bot-nav-burger-title-item-padding-bottom) * -1); padding-top: var(--cmsmasters-header-bot-nav-burger-title-item-padding-top); padding-bottom: var(--cmsmasters-header-bot-nav-burger-title-item-padding-bottom); } .cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator.cmsmasters-active:before { transform: rotate(90deg); } .cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-child-indicator { width: 3em; font-size: 0.68em; top: 1px; text-align: right; margin-top: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-top) * -1); margin-bottom: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-bottom) * -1); padding-top: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-top); padding-bottom: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-bottom); } .cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-child-indicator.cmsmasters-active:before { transform: rotate(90deg); } } .cmsmasters-header-bot-search-button { position: relative; } @media only screen and (min-width: 768px) { .cmsmasters-header-bot-search-button__outer { display: flex; height: 100%; align-items: center; } } .cmsmasters-header-bot-search-button__toggle { font-size: var(--cmsmasters-header-bot-search-button-icon-size); padding-top: var(--cmsmasters-header-bot-search-button-padding-top); padding-right: var(--cmsmasters-header-bot-search-button-padding-right); padding-bottom: var(--cmsmasters-header-bot-search-button-padding-bottom); padding-left: var(--cmsmasters-header-bot-search-button-padding-left); color: var(--cmsmasters-header-bot-search-button-normal-colors-color); background-color: var(--cmsmasters-header-bot-search-button-normal-colors-bg); border-color: var(--cmsmasters-header-bot-search-button-normal-colors-bd); border-style: var(--cmsmasters-header-bot-search-button-normal-bd-style); border-top-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-top); border-right-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-left); border-radius: var(--cmsmasters-header-bot-search-button-normal-bd-radius); box-shadow: var(--cmsmasters-header-bot-search-button-normal-box-shadow); display: block; cursor: pointer; transition: all 0.3s ease-in-out; } .cmsmasters-header-bot-search-button__toggle:hover { color: var(--cmsmasters-header-bot-search-button-hover-colors-color); background-color: var(--cmsmasters-header-bot-search-button-hover-colors-bg); border-color: var(--cmsmasters-header-bot-search-button-hover-colors-bd); border-radius: var(--cmsmasters-header-bot-search-button-hover-bd-radius); box-shadow: var(--cmsmasters-header-bot-search-button-hover-box-shadow); } .cmsmasters-header-bot-search-button__toggle > *, .cmsmasters-header-bot-search-button__toggle > *:before { display: block; width: 1em; height: 1em; } .cmsmasters-header-bot-social { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-header-bot-social { width: 100%; } } .cmsmasters-header-bot-social a { display: block; } .cmsmasters-header-bot-social__list { list-style: none; margin: 0; padding: 0; display: flex; } @media only screen and (max-width: 767px) { .cmsmasters-header-bot-social__list { justify-content: center; } } @media only screen and (min-width: 768px) { .cmsmasters-header-bot-social__list { height: 100%; align-items: center; } } .cmsmasters-header-bot-social__item { margin: 0; margin-left: var(--cmsmasters-header-bot-social-gap); position: relative; } .cmsmasters-header-bot-social__item:first-child { margin-left: 0; } .cmsmasters-header-bot-social__item-icon { color: var(--cmsmasters-header-bot-social-normal-colors-color); background-color: var(--cmsmasters-header-bot-social-normal-colors-bg); border-color: var(--cmsmasters-header-bot-social-normal-colors-bd); font-size: var(--cmsmasters-header-bot-social-size); border-style: var(--cmsmasters-header-bot-social-bd-style); border-top-width: var(--cmsmasters-header-bot-social-bd-width-top); border-right-width: var(--cmsmasters-header-bot-social-bd-width-right); border-bottom-width: var(--cmsmasters-header-bot-social-bd-width-bottom); border-left-width: var(--cmsmasters-header-bot-social-bd-width-left); border-radius: var(--cmsmasters-header-bot-social-bd-radius); padding-top: var(--cmsmasters-header-bot-social-padding-top); padding-right: var(--cmsmasters-header-bot-social-padding-right); padding-bottom: var(--cmsmasters-header-bot-social-padding-bottom); padding-left: var(--cmsmasters-header-bot-social-padding-left); display: block; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .cmsmasters-header-bot-social__item-icon:hover { color: var(--cmsmasters-header-bot-social-hover-colors-color); background-color: var(--cmsmasters-header-bot-social-hover-colors-bg); border-color: var(--cmsmasters-header-bot-social-hover-colors-bd); } .cmsmasters-header-bot-social__item-icon > * { text-align: center; display: block; width: var(--cmsmasters-header-bot-social-size); max-width: var(--cmsmasters-header-bot-social-size); height: var(--cmsmasters-header-bot-social-size); max-height: var(--cmsmasters-header-bot-social-size); } .cmsmasters-header-bot-social__item-icon i { display: block; } .cmsmasters-header-bot-social__item-icon i:before { display: block; width: 1em; height: 1em; } /* Header Search */ .cmsmasters-header-search-form { width: 100%; height: 100%; visibility: hidden; position: fixed; z-index: 99999; opacity: 0; } .cmsmasters-header-search-form:before { content: ""; background-color: var(--cmsmasters-colors-heading); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.7; } .cmsmasters-header-search-form.cmsmasters-show { visibility: visible; opacity: 1; } .cmsmasters-header-search-form__close { color: var(--cmsmasters-colors-bg); font-size: 24px; line-height: 24px; display: block; cursor: pointer; width: 50px; height: 50px; margin: auto !important; position: absolute; left: auto; right: 40px; top: 40px; bottom: auto; transition: opacity 0.3s ease-in-out; } .cmsmasters-header-search-form__close:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters-header-search-form__close:hover { opacity: 0.8; } .cmsmasters-header-search-form__field { max-width: 90%; width: 400px; height: 80px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters-header-search-form .cmsmasters-header-search-form__input { color: var(--cmsmasters-colors-bg); background-color: transparent; background-image: none; border: 0; font-size: 52px; line-height: 80px; width: 100%; height: 100%; padding: 0 90px 0 0; margin: 0; box-shadow: none; text-shadow: none; } .cmsmasters-header-search-form .cmsmasters-header-search-form__input::-webkit-input-placeholder { color: var(--cmsmasters-colors-bg); } .cmsmasters-header-search-form .cmsmasters-header-search-form__input:-moz-placeholder { color: var(--cmsmasters-colors-bg); } .cmsmasters-header-search-form .cmsmasters-header-search-form__button { color: var(--cmsmasters-colors-bg); background-color: transparent; background-image: none; border: 0; font-size: 36px; line-height: 36px; margin: 0; padding: 0; box-shadow: none; text-shadow: none; width: 90px; height: 100%; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 0; } .cmsmasters-header-search-form .cmsmasters-header-search-form__button:hover { opacity: 0.8; color: var(--cmsmasters-colors-bg); background-color: transparent; background-image: none; } .cmsmasters-header-search-form .cmsmasters-header-search-form__button:before, .cmsmasters-header-search-form .cmsmasters-header-search-form__button:after { content: none; display: none; } .cmsmasters-header-search-form .cmsmasters-header-search-form__button i, .cmsmasters-header-search-form .cmsmasters-header-search-form__button i:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Heading */ .cmsmasters-heading { width: var(--cmsmasters-heading-container-width); border-style: var(--cmsmasters-heading-container-bd-style); border-top-width: var(--cmsmasters-heading-container-bd-width-top); border-right-width: var(--cmsmasters-heading-container-bd-width-right); border-bottom-width: var(--cmsmasters-heading-container-bd-width-bottom); border-left-width: var(--cmsmasters-heading-container-bd-width-left); border-color: var(--cmsmasters-heading-container-bd-color); background-color: var(--cmsmasters-heading-container-bg-color); background-image: var(--cmsmasters-heading-container-bg-image); background-repeat: var(--cmsmasters-heading-container-bg-repeat); background-position: var(--cmsmasters-heading-container-bg-position); background-size: var(--cmsmasters-heading-container-bg-size); background-attachment: var(--cmsmasters-heading-container-bg-attachment); max-width: 100%; margin: 0 auto; } @media only screen and (max-width: 1024px) { .cmsmasters-heading.cmsmasters-breadcrumbs-resp-hide-tablet .cmsmasters-breadcrumbs-wrap { display: none; } } @media only screen and (max-width: 767px) { .cmsmasters-heading.cmsmasters-breadcrumbs-resp-hide-mobile .cmsmasters-breadcrumbs-wrap { display: none; } } .cmsmasters-heading__outer { width: var(--cmsmasters-heading-content-width); border-style: var(--cmsmasters-heading-content-bd-style); border-top-width: var(--cmsmasters-heading-content-bd-width-top); border-right-width: var(--cmsmasters-heading-content-bd-width-right); border-bottom-width: var(--cmsmasters-heading-content-bd-width-bottom); border-left-width: var(--cmsmasters-heading-content-bd-width-left); border-color: var(--cmsmasters-heading-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; } .cmsmasters-heading__inner { display: flex; flex-direction: column; justify-content: center; text-align: var(--cmsmasters-heading-alignment); padding-top: var(--cmsmasters-heading-content-padding-top); padding-right: var(--cmsmasters-heading-content-padding-right); padding-bottom: var(--cmsmasters-heading-content-padding-bottom); padding-left: var(--cmsmasters-heading-content-padding-left); } .cmsmasters-heading__inner > div + div { margin-top: var(--cmsmasters-breadcrumbs-gap); } @media only screen and (min-width: 768px) { .cmsmasters-heading__inner { min-height: var(--cmsmasters-heading-height); } } .cmsmasters-heading__title { color: var(--cmsmasters-heading-title-color); font-family: var(--cmsmasters-heading-title-font-family); font-weight: var(--cmsmasters-heading-title-font-weight); font-style: var(--cmsmasters-heading-title-font-style); text-transform: var(--cmsmasters-heading-title-text-transform); -webkit-text-decoration: var(--cmsmasters-heading-title-text-decoration); text-decoration: var(--cmsmasters-heading-title-text-decoration); font-size: var(--cmsmasters-heading-title-font-size); line-height: var(--cmsmasters-heading-title-line-height); letter-spacing: var(--cmsmasters-heading-title-letter-spacing); word-spacing: var(--cmsmasters-heading-title-word-spacing); margin: 0; padding: 0; } /* Breadcrumbs */ .cmsmasters-breadcrumbs { width: var(--cmsmasters-breadcrumbs-container-width); border-style: var(--cmsmasters-breadcrumbs-container-bd-style); border-top-width: var(--cmsmasters-breadcrumbs-container-bd-width-top); border-right-width: var(--cmsmasters-breadcrumbs-container-bd-width-right); border-bottom-width: var(--cmsmasters-breadcrumbs-container-bd-width-bottom); border-left-width: var(--cmsmasters-breadcrumbs-container-bd-width-left); border-color: var(--cmsmasters-breadcrumbs-container-bd-color); background-color: var(--cmsmasters-breadcrumbs-container-bg-color); background-image: var(--cmsmasters-breadcrumbs-container-bg-image); background-repeat: var(--cmsmasters-breadcrumbs-container-bg-repeat); background-position: var(--cmsmasters-breadcrumbs-container-bg-position); background-size: var(--cmsmasters-breadcrumbs-container-bg-size); background-attachment: var(--cmsmasters-breadcrumbs-container-bg-attachment); max-width: 100%; margin: 0 auto; } @media only screen and (max-width: 1024px) { .cmsmasters-breadcrumbs.cmsmasters-breadcrumbs-resp-hide-tablet { display: none; } } @media only screen and (max-width: 767px) { .cmsmasters-breadcrumbs.cmsmasters-breadcrumbs-resp-hide-mobile { display: none; } } .cmsmasters-breadcrumbs__outer { width: var(--cmsmasters-breadcrumbs-content-width); border-style: var(--cmsmasters-breadcrumbs-content-bd-style); border-top-width: var(--cmsmasters-breadcrumbs-content-bd-width-top); border-right-width: var(--cmsmasters-breadcrumbs-content-bd-width-right); border-bottom-width: var(--cmsmasters-breadcrumbs-content-bd-width-bottom); border-left-width: var(--cmsmasters-breadcrumbs-content-bd-width-left); border-color: var(--cmsmasters-breadcrumbs-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; padding-top: var(--cmsmasters-breadcrumbs-content-padding-top); padding-right: var(--cmsmasters-breadcrumbs-content-padding-right); padding-bottom: var(--cmsmasters-breadcrumbs-content-padding-bottom); padding-left: var(--cmsmasters-breadcrumbs-content-padding-left); } .cmsmasters-breadcrumbs__inner { outline: none; } .cmsmasters-breadcrumbs__wrap { color: var(--cmsmasters-breadcrumbs-colors-text); font-family: var(--cmsmasters-breadcrumbs-font-family); font-weight: var(--cmsmasters-breadcrumbs-font-weight); font-style: var(--cmsmasters-breadcrumbs-font-style); text-transform: var(--cmsmasters-breadcrumbs-text-transform); -webkit-text-decoration: var(--cmsmasters-breadcrumbs-text-decoration); text-decoration: var(--cmsmasters-breadcrumbs-text-decoration); font-size: var(--cmsmasters-breadcrumbs-font-size); line-height: var(--cmsmasters-breadcrumbs-line-height); letter-spacing: var(--cmsmasters-breadcrumbs-letter-spacing); word-spacing: var(--cmsmasters-breadcrumbs-word-spacing); text-align: var(--cmsmasters-heading-alignment); } .cmsmasters-breadcrumbs__wrap a { color: var(--cmsmasters-breadcrumbs-colors-link); } .cmsmasters-breadcrumbs__wrap a:hover { color: var(--cmsmasters-breadcrumbs-colors-hover); } .cmsmasters-breadcrumbs__sep { color: var(--cmsmasters-breadcrumbs-colors-divider); } /* Main */ .cmsmasters-main { width: var(--cmsmasters-main-container-width); border-style: var(--cmsmasters-main-container-bd-style); border-top-width: var(--cmsmasters-main-container-bd-width-top); border-right-width: var(--cmsmasters-main-container-bd-width-right); border-bottom-width: var(--cmsmasters-main-container-bd-width-bottom); border-left-width: var(--cmsmasters-main-container-bd-width-left); border-color: var(--cmsmasters-main-container-bd-color); background-color: var(--cmsmasters-main-container-bg-color); background-image: var(--cmsmasters-main-container-bg-image); background-repeat: var(--cmsmasters-main-container-bg-repeat); background-position: var(--cmsmasters-main-container-bg-position); background-size: var(--cmsmasters-main-container-bg-size); background-attachment: var(--cmsmasters-main-container-bg-attachment); max-width: 100%; margin: 0 auto; } .cmsmasters-content-layout-fullwidth:not(.elementor-page) .cmsmasters-main__outer, .cmsmasters-content-layout-r-sidebar .cmsmasters-main__outer, .cmsmasters-content-layout-l-sidebar .cmsmasters-main__outer { width: var(--cmsmasters-main-content-width); border-style: var(--cmsmasters-main-content-bd-style); border-top-width: var(--cmsmasters-main-content-bd-width-top); border-right-width: var(--cmsmasters-main-content-bd-width-right); border-bottom-width: var(--cmsmasters-main-content-bd-width-bottom); border-left-width: var(--cmsmasters-main-content-bd-width-left); border-color: var(--cmsmasters-main-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; padding-top: var(--cmsmasters-main-content-padding-top); padding-right: var(--cmsmasters-main-content-padding-right); padding-bottom: var(--cmsmasters-main-content-padding-bottom); padding-left: var(--cmsmasters-main-content-padding-left); } body.elementor-page .cmsmasters-content-layout-fullwidth:not(.elementor-page) .cmsmasters-main__outer, body.elementor-page .cmsmasters-content-layout-r-sidebar .cmsmasters-main__outer, body.elementor-page .cmsmasters-content-layout-l-sidebar .cmsmasters-main__outer { padding-top: var(--cmsmasters-main-elementor-padding-top); padding-right: var(--cmsmasters-main-elementor-padding-right); padding-bottom: var(--cmsmasters-main-elementor-padding-bottom); padding-left: var(--cmsmasters-main-elementor-padding-left); } .cmsmasters-main__inner { position: relative; } .cmsmasters-content-layout-fullwidth.elementor-page .cmsmasters-section-container { width: calc(var(--cmsmasters-main-content-width) - var(--cmsmasters-main-content-elementor-padding-left) - var(--cmsmasters-main-content-elementor-padding-right)); max-width: 100%; margin-left: auto; margin-right: auto; } .cmsmasters-content-wrap { display: flex; position: relative; flex-wrap: wrap; } .cmsmasters-content-layout-l-sidebar .cmsmasters-content-wrap { flex-direction: row-reverse; } .cmsmasters-content { width: 100%; } .cmsmasters-content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } @media only screen and (min-width: 768px) { .cmsmasters-content-layout-r-sidebar .cmsmasters-content, .cmsmasters-content-layout-l-sidebar .cmsmasters-content { width: var(--cmsmasters-main-content-sidebar-width); } } .cmsmasters-content > *:first-child { margin-top: 0; } .cmsmasters-content > *:last-child { margin-bottom: 0; } .cmsmasters-sidebar { width: 100%; padding-top: var(--cmsmasters-main-sidebar-gap); position: relative; } @media only screen and (min-width: 768px) { .cmsmasters-sidebar { width: calc(100% - var(--cmsmasters-main-content-sidebar-width)); padding-top: 0; } .cmsmasters-content-layout-r-sidebar .cmsmasters-sidebar { padding-left: var(--cmsmasters-main-sidebar-gap); } .cmsmasters-content-layout-l-sidebar .cmsmasters-sidebar { padding-right: var(--cmsmasters-main-sidebar-gap); } } .cmsmasters-sidebar:before { content: ""; position: absolute; } @media only screen and (max-width: 767px) { .cmsmasters-sidebar:before { width: 100%; height: var(--cmsmasters-main-sidebar-divider-width); border-top-style: var(--cmsmasters-main-sidebar-divider-type); border-top-width: var(--cmsmasters-main-sidebar-divider-width); border-top-color: var(--cmsmasters-main-sidebar-divider-color); top: calc((var(--cmsmasters-main-sidebar-gap) - var(--cmsmasters-main-sidebar-divider-width)) / 2); left: 0; } } @media only screen and (min-width: 768px) { .cmsmasters-sidebar:before { width: var(--cmsmasters-main-sidebar-divider-width); height: 100%; border-left-style: var(--cmsmasters-main-sidebar-divider-type); border-left-width: var(--cmsmasters-main-sidebar-divider-width); border-left-color: var(--cmsmasters-main-sidebar-divider-color); top: 0; } .cmsmasters-content-layout-r-sidebar .cmsmasters-sidebar:before { left: calc((var(--cmsmasters-main-sidebar-gap) - var(--cmsmasters-main-sidebar-divider-width)) / 2); } .cmsmasters-content-layout-l-sidebar .cmsmasters-sidebar:before { right: calc((var(--cmsmasters-main-sidebar-gap) - var(--cmsmasters-main-sidebar-divider-width)) / 2); } } /* Footer Widgets */ .cmsmasters-footer-widgets { width: var(--cmsmasters-footer-widgets-container-width); border-style: var(--cmsmasters-footer-widgets-container-bd-style); border-top-width: var(--cmsmasters-footer-widgets-container-bd-width-top); border-right-width: var(--cmsmasters-footer-widgets-container-bd-width-right); border-bottom-width: var(--cmsmasters-footer-widgets-container-bd-width-bottom); border-left-width: var(--cmsmasters-footer-widgets-container-bd-width-left); border-color: var(--cmsmasters-footer-widgets-container-bd-color); background-color: var(--cmsmasters-footer-widgets-container-bg-color); background-image: var(--cmsmasters-footer-widgets-container-bg-image); background-repeat: var(--cmsmasters-footer-widgets-container-bg-repeat); background-position: var(--cmsmasters-footer-widgets-container-bg-position); background-size: var(--cmsmasters-footer-widgets-container-bg-size); background-attachment: var(--cmsmasters-footer-widgets-container-bg-attachment); max-width: 100%; margin: 0 auto; } @media only screen and (max-width: 1024px) { .cmsmasters-footer-widgets.cmsmasters-hide-tablet { display: none; } } @media only screen and (max-width: 767px) { .cmsmasters-footer-widgets.cmsmasters-hide-mobile { display: none; } } .cmsmasters-footer-widgets__outer { width: var(--cmsmasters-footer-widgets-content-width); border-style: var(--cmsmasters-footer-widgets-content-bd-style); border-top-width: var(--cmsmasters-footer-widgets-content-bd-width-top); border-right-width: var(--cmsmasters-footer-widgets-content-bd-width-right); border-bottom-width: var(--cmsmasters-footer-widgets-content-bd-width-bottom); border-left-width: var(--cmsmasters-footer-widgets-content-bd-width-left); border-color: var(--cmsmasters-footer-widgets-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; padding-top: var(--cmsmasters-footer-widgets-content-padding-top); padding-right: var(--cmsmasters-footer-widgets-content-padding-right); padding-bottom: var(--cmsmasters-footer-widgets-content-padding-bottom); padding-left: var(--cmsmasters-footer-widgets-content-padding-left); } .cmsmasters-footer-widgets__inner { margin-top: calc(var(--cmsmasters-footer-widgets-columns-gap) * -1); margin-left: calc(var(--cmsmasters-footer-widgets-columns-gap) * -1); position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-footer-widgets__inner { flex-direction: column; } .cmsmasters-footer-widgets__inner.cmsmasters-mobile-reverse { flex-direction: column-reverse; } } @media only screen and (max-width: 1024px) { .cmsmasters-footer-widgets__inner { display: flex; flex-wrap: wrap; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .cmsmasters-footer-widgets__inner.cmsmasters-tablet-reverse { flex-direction: row-reverse; } } @media only screen and (min-width: 1025px) { .cmsmasters-footer-widgets__inner { display: grid; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-11 { grid-template-columns: 100%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-1212 { grid-template-columns: 50% 50%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-1323 { grid-template-columns: 33.33% 66.66%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-2313 { grid-template-columns: 66.66% 33.33%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-1434 { grid-template-columns: 25% 75%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-3414 { grid-template-columns: 75% 25%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-1545 { grid-template-columns: 20% 80%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-4515 { grid-template-columns: 80% 20%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-2535 { grid-template-columns: 40% 60%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-3525 { grid-template-columns: 60% 40%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-131313 { grid-template-columns: 33.33% 33.33% 33.33%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-121414 { grid-template-columns: 50% 25% 25%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-141214 { grid-template-columns: 25% 50% 25%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-141412 { grid-template-columns: 25% 25% 50%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-152525 { grid-template-columns: 20% 40% 40%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-251525 { grid-template-columns: 40% 20% 40%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-252515 { grid-template-columns: 40% 40% 20%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-151535 { grid-template-columns: 20% 20% 60%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-153515 { grid-template-columns: 20% 60% 20%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-351515 { grid-template-columns: 60% 20% 20%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-14141414 { grid-template-columns: 25% 25% 25% 25%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-15151525 { grid-template-columns: 20% 20% 20% 40%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-15152515 { grid-template-columns: 20% 20% 40% 20%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-15251515 { grid-template-columns: 20% 40% 20% 20%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-25151515 { grid-template-columns: 40% 20% 20% 20%; } .cmsmasters-footer-widgets__inner.cmsmasters-layout-1515151515 { grid-template-columns: 20% 20% 20% 20% 20%; } } .cmsmasters-footer-widgets__area { padding-top: var(--cmsmasters-footer-widgets-columns-gap); padding-left: var(--cmsmasters-footer-widgets-columns-gap); } @media only screen and (max-width: 767px) { .cmsmasters-footer-widgets__area.cmsmasters-mobile-hide { display: none; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-11 .cmsmasters-footer-widgets__area { width: 100%; } .cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-1212 .cmsmasters-footer-widgets__area { width: 50%; } .cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-131313 .cmsmasters-footer-widgets__area { width: 33.33%; } .cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-14141414 .cmsmasters-footer-widgets__area { width: 25%; } .cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-1515151515 .cmsmasters-footer-widgets__area { width: 20%; } .cmsmasters-footer-widgets__area.cmsmasters-tablet-hide { display: none; } } /* Footer */ .cmsmasters-footer { width: var(--cmsmasters-footer-container-width); border-style: var(--cmsmasters-footer-container-bd-style); border-top-width: var(--cmsmasters-footer-container-bd-width-top); border-right-width: var(--cmsmasters-footer-container-bd-width-right); border-bottom-width: var(--cmsmasters-footer-container-bd-width-bottom); border-left-width: var(--cmsmasters-footer-container-bd-width-left); border-color: var(--cmsmasters-footer-container-bd-color); background-color: var(--cmsmasters-footer-container-bg-color); background-image: var(--cmsmasters-footer-container-bg-image); background-repeat: var(--cmsmasters-footer-container-bg-repeat); background-position: var(--cmsmasters-footer-container-bg-position); background-size: var(--cmsmasters-footer-container-bg-size); background-attachment: var(--cmsmasters-footer-container-bg-attachment); max-width: 100%; margin: 0 auto; } .cmsmasters-footer__outer { width: var(--cmsmasters-footer-content-width); border-style: var(--cmsmasters-footer-content-bd-style); border-top-width: var(--cmsmasters-footer-content-bd-width-top); border-right-width: var(--cmsmasters-footer-content-bd-width-right); border-bottom-width: var(--cmsmasters-footer-content-bd-width-bottom); border-left-width: var(--cmsmasters-footer-content-bd-width-left); border-color: var(--cmsmasters-footer-content-bd-color); max-width: 100%; margin: 0 auto; position: relative; padding-top: var(--cmsmasters-footer-content-padding-top); padding-right: var(--cmsmasters-footer-content-padding-right); padding-bottom: var(--cmsmasters-footer-content-padding-bottom); padding-left: var(--cmsmasters-footer-content-padding-left); } .cmsmasters-footer__inner { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; } .cmsmasters-footer__inner > div + div { margin-top: var(--cmsmasters-footer-elements-gap); } @media only screen and (min-width: 768px) { .cmsmasters-footer__inner.cmsmasters-horizontal { flex-direction: row; justify-content: var(--cmsmasters-footer-alignment); } .cmsmasters-footer__inner.cmsmasters-horizontal > div + div { margin-top: 0; margin-left: var(--cmsmasters-footer-elements-gap); } } .cmsmasters-footer-logo__outer { display: flex; align-items: center; justify-content: center; height: 100%; } @media only screen and (max-width: 767px) { .cmsmasters-footer-logo__outer { text-align: center; } } .cmsmasters-footer-logo__link { display: block; } .cmsmasters-footer-logo img { display: block; } .cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__img { display: block; } .cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__retina-img { display: none; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__retina-img { display: block; } .cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__retina-img ~ img { display: none; } } .cmsmasters-footer-logo img.cmsmasters-footer-logo-second { display: none; } .cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__img { display: block; } .cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__img ~ img { display: none; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__retina-img { display: block; } .cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__retina-img ~ img { display: none; } } .cmsmasters-footer-copyright { position: relative; } @media only screen and (min-width: 768px) { .cmsmasters-footer-copyright__outer { display: flex; height: 100%; align-items: center; } } .cmsmasters-footer-copyright__inner { font-family: var(--cmsmasters-footer-copyright-font-family); font-weight: var(--cmsmasters-footer-copyright-font-weight); font-style: var(--cmsmasters-footer-copyright-font-style); text-transform: var(--cmsmasters-footer-copyright-text-transform); -webkit-text-decoration: var(--cmsmasters-footer-copyright-text-decoration); text-decoration: var(--cmsmasters-footer-copyright-text-decoration); font-size: var(--cmsmasters-footer-copyright-font-size); line-height: var(--cmsmasters-footer-copyright-line-height); letter-spacing: var(--cmsmasters-footer-copyright-letter-spacing); word-spacing: var(--cmsmasters-footer-copyright-word-spacing); color: var(--cmsmasters-footer-copyright-color); } @media only screen and (max-width: 767px) { .cmsmasters-footer-copyright__inner { text-align: center; } } .cmsmasters-footer-copyright__inner p { margin: 0; } .cmsmasters-footer-menu { position: relative; } .cmsmasters-footer-menu__nav { font-family: var(--cmsmasters-footer-nav-font-family); font-weight: var(--cmsmasters-footer-nav-font-weight); font-style: var(--cmsmasters-footer-nav-font-style); text-transform: var(--cmsmasters-footer-nav-text-transform); -webkit-text-decoration: var(--cmsmasters-footer-nav-text-decoration); text-decoration: var(--cmsmasters-footer-nav-text-decoration); font-size: var(--cmsmasters-footer-nav-font-size); line-height: var(--cmsmasters-footer-nav-line-height); letter-spacing: var(--cmsmasters-footer-nav-letter-spacing); word-spacing: var(--cmsmasters-footer-nav-word-spacing); list-style: none; margin: 0; padding: 0; } .cmsmasters-footer-menu__nav > ul { list-style: none; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; } @media only screen and (min-width: 768px) { .cmsmasters-footer-menu__nav > ul { flex-direction: row; } } .cmsmasters-footer-menu__nav > ul ul { display: none; } .cmsmasters-footer-menu__nav li { margin: 0; position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-footer-menu__nav li { margin-bottom: var(--cmsmasters-footer-nav-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-footer-menu__nav li { margin-right: var(--cmsmasters-footer-nav-gap); } } .cmsmasters-footer-menu__nav li:before { content: ""; background-color: var(--cmsmasters-footer-nav-colors-divider); width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 767px) { .cmsmasters-footer-menu__nav li:before { width: 30%; height: 1px; top: auto; bottom: calc(var(--cmsmasters-footer-nav-gap) / 2 * -1); } } @media only screen and (min-width: 768px) { .cmsmasters-footer-menu__nav li:before { width: 1px; height: 16px; left: auto; right: calc(var(--cmsmasters-footer-nav-gap)/2 * -1); } } .cmsmasters-footer-menu__nav li:last-child { margin-right: 0; margin-bottom: 0; } .cmsmasters-footer-menu__nav li:last-child:before { content: none; } .cmsmasters-footer-menu__nav a { color: var(--cmsmasters-footer-nav-colors-normal); } .cmsmasters-footer-menu__nav a:hover { color: var(--cmsmasters-footer-nav-colors-hover); } .cmsmasters-footer-menu__nav li.current-menu-item a { color: var(--cmsmasters-footer-nav-colors-current); } .cmsmasters-footer-html { position: relative; } @media only screen and (min-width: 768px) { .cmsmasters-footer-html__outer { display: flex; height: 100%; align-items: center; } } .cmsmasters-footer-html__inner { font-family: var(--cmsmasters-footer-html-font-family); font-weight: var(--cmsmasters-footer-html-font-weight); font-style: var(--cmsmasters-footer-html-font-style); text-transform: var(--cmsmasters-footer-html-text-transform); -webkit-text-decoration: var(--cmsmasters-footer-html-text-decoration); text-decoration: var(--cmsmasters-footer-html-text-decoration); font-size: var(--cmsmasters-footer-html-font-size); line-height: var(--cmsmasters-footer-html-line-height); letter-spacing: var(--cmsmasters-footer-html-letter-spacing); word-spacing: var(--cmsmasters-footer-html-word-spacing); color: var(--cmsmasters-footer-html-colors-text); } @media only screen and (max-width: 767px) { .cmsmasters-footer-html__inner { text-align: center; } } .cmsmasters-footer-html__inner a { color: var(--cmsmasters-footer-html-colors-link); } .cmsmasters-footer-html__inner a:hover { color: var(--cmsmasters-footer-html-colors-hover); } .cmsmasters-footer-html__inner > *:last-child { margin-bottom: 0; } .cmsmasters-footer-info { position: relative; } .cmsmasters-footer-info__list { font-family: var(--cmsmasters-footer-info-font-family); font-weight: var(--cmsmasters-footer-info-font-weight); font-style: var(--cmsmasters-footer-info-font-style); text-transform: var(--cmsmasters-footer-info-text-transform); -webkit-text-decoration: var(--cmsmasters-footer-info-text-decoration); text-decoration: var(--cmsmasters-footer-info-text-decoration); font-size: var(--cmsmasters-footer-info-font-size); line-height: var(--cmsmasters-footer-info-line-height); letter-spacing: var(--cmsmasters-footer-info-letter-spacing); word-spacing: var(--cmsmasters-footer-info-word-spacing); color: var(--cmsmasters-footer-info-colors-text); list-style: none; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; } @media only screen and (min-width: 768px) { .cmsmasters-footer-info__list { height: 100%; flex-direction: row; } } .cmsmasters-footer-info__list a { color: var(--cmsmasters-footer-info-colors-link); } .cmsmasters-footer-info__list a:hover { color: var(--cmsmasters-footer-info-colors-hover); } .cmsmasters-footer-info__item { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-footer-info__item { margin-bottom: var(--cmsmasters-footer-info-items-gap); } } @media only screen and (min-width: 768px) { .cmsmasters-footer-info__item { margin-right: var(--cmsmasters-footer-info-items-gap); } } .cmsmasters-footer-info__item:before { content: ""; background-color: var(--cmsmasters-footer-info-colors-divider); width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 767px) { .cmsmasters-footer-info__item:before { width: 30%; height: 1px; top: auto; bottom: calc(var(--cmsmasters-footer-info-items-gap) / 2 * -1); } } @media only screen and (min-width: 768px) { .cmsmasters-footer-info__item:before { width: 1px; height: 16px; left: auto; right: calc(var(--cmsmasters-footer-info-items-gap)/2 * -1); } } .cmsmasters-footer-info__item:last-child { margin-right: 0; margin-bottom: 0; } .cmsmasters-footer-info__item:last-child:before { content: none; } .cmsmasters-footer-info__item-inner { display: flex; align-items: center; } .cmsmasters-footer-info__item-inner > * + * { margin-left: var(--cmsmasters-footer-info-icon-gap); } .cmsmasters-footer-info__item-icon { font-size: var(--cmsmasters-footer-info-icon-size); color: var(--cmsmasters-footer-info-colors-icon); text-align: center; width: 1em; height: 1em; position: relative; transition: color 0.3s ease-in-out; } .cmsmasters-footer-info__item-icon > * { text-align: center; display: block; width: var(--cmsmasters-footer-info-icon-size); max-width: var(--cmsmasters-footer-info-icon-size); height: var(--cmsmasters-footer-info-icon-size); max-height: var(--cmsmasters-footer-info-icon-size); } .cmsmasters-footer-info__item-icon i { display: block; } .cmsmasters-footer-info__item-icon i:before { display: block; width: 1em; height: 1em; } .cmsmasters-footer-info a:hover .cmsmasters-footer-info__item-icon { color: var(--cmsmasters-footer-info-colors-hover); } .cmsmasters-footer-info__item-text { position: relative; } .cmsmasters-footer-social { position: relative; } @media only screen and (max-width: 767px) { .cmsmasters-footer-social { width: 100%; } } .cmsmasters-footer-social a { display: block; } .cmsmasters-footer-social__list { list-style: none; margin: 0; padding: 0; display: flex; } @media only screen and (max-width: 767px) { .cmsmasters-footer-social__list { justify-content: center; } } @media only screen and (min-width: 768px) { .cmsmasters-footer-social__list { height: 100%; align-items: center; } } .cmsmasters-footer-social__item { margin: 0; margin-left: var(--cmsmasters-footer-social-gap); position: relative; } .cmsmasters-footer-social__item:first-child { margin-left: 0; } .cmsmasters-footer-social__item-icon { color: var(--cmsmasters-footer-social-normal-colors-color); background-color: var(--cmsmasters-footer-social-normal-colors-bg); border-color: var(--cmsmasters-footer-social-normal-colors-bd); font-size: var(--cmsmasters-footer-social-size); border-style: var(--cmsmasters-footer-social-bd-style); border-top-width: var(--cmsmasters-footer-social-bd-width-top); border-right-width: var(--cmsmasters-footer-social-bd-width-right); border-bottom-width: var(--cmsmasters-footer-social-bd-width-bottom); border-left-width: var(--cmsmasters-footer-social-bd-width-left); border-radius: var(--cmsmasters-footer-social-bd-radius); padding-top: var(--cmsmasters-footer-social-padding-top); padding-right: var(--cmsmasters-footer-social-padding-right); padding-bottom: var(--cmsmasters-footer-social-padding-bottom); padding-left: var(--cmsmasters-footer-social-padding-left); display: block; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .cmsmasters-footer-social__item-icon:hover { color: var(--cmsmasters-footer-social-hover-colors-color); background-color: var(--cmsmasters-footer-social-hover-colors-bg); border-color: var(--cmsmasters-footer-social-hover-colors-bd); } .cmsmasters-footer-social__item-icon > * { text-align: center; display: block; width: var(--cmsmasters-footer-social-size); max-width: var(--cmsmasters-footer-social-size); height: var(--cmsmasters-footer-social-size); max-height: var(--cmsmasters-footer-social-size); } .cmsmasters-footer-social__item-icon i { display: block; } .cmsmasters-footer-social__item-icon i:before { display: block; width: 1em; height: 1em; } /* Archive */ .cmsmasters-archive { margin: 0; } .cmsmasters-archive.cmsmasters-grid { display: grid; grid-template-columns: repeat(var(--cmsmasters-archive-grid-columns), minmax(10px, 1fr)); grid-row-gap: var(--cmsmasters-archive-post-gap); grid-column-gap: var(--cmsmasters-archive-post-gap); align-items: start; flex-wrap: wrap; } .cmsmasters-archive-post { margin-top: var(--cmsmasters-archive-post-gap); } .cmsmasters-archive-post:first-child, .cmsmasters-archive.cmsmasters-grid .cmsmasters-archive-post { margin-top: 0; } .cmsmasters-archive-post__outer { background-color: var(--cmsmasters-archive-post-bg-color); border-style: var(--cmsmasters-archive-post-bd-style); border-top-width: var(--cmsmasters-archive-post-bd-width-top); border-right-width: var(--cmsmasters-archive-post-bd-width-right); border-bottom-width: var(--cmsmasters-archive-post-bd-width-bottom); border-left-width: var(--cmsmasters-archive-post-bd-width-left); border-color: var(--cmsmasters-archive-post-bd-color); border-radius: var(--cmsmasters-archive-post-bd-radius); box-shadow: var(--cmsmasters-archive-post-box-shadow); } .cmsmasters-archive.cmsmasters-compact .cmsmasters-archive-post__outer { display: flex; flex-wrap: wrap; align-items: var(--cmsmasters-archive-compact-vertical-alignment); } .cmsmasters-archive.cmsmasters-compact.cmsmasters-media-left .cmsmasters-archive-post__outer { flex-direction: row; } .cmsmasters-archive.cmsmasters-compact.cmsmasters-media-right .cmsmasters-archive-post__outer { flex-direction: row-reverse; } .cmsmasters-archive.cmsmasters-compact .cmsmasters-archive-post-media { flex-shrink: 0; width: var(--cmsmasters-archive-compact-media-width); } .cmsmasters-archive-post__inner { flex-grow: 1; text-align: var(--cmsmasters-archive-post-alignment); padding-top: var(--cmsmasters-archive-post-padding-top); padding-right: var(--cmsmasters-archive-post-padding-right); padding-bottom: var(--cmsmasters-archive-post-padding-bottom); padding-left: var(--cmsmasters-archive-post-padding-left); } .cmsmasters-archive.cmsmasters-compact .cmsmasters-archive-post__inner { width: calc(100% - var(--cmsmasters-archive-compact-media-width)); min-width: 30%; max-width: 100%; } .cmsmasters-archive .cmsmasters-swiper-slider__button { font-size: var(--archive-media-slider-navigation-icon-size); border-color: var(--archive-media-slider-navigation-normal-bd); border-style: var(--archive-media-slider-navigation-bd-style); color: var(--archive-media-slider-navigation-normal-color); background-color: var(--archive-media-slider-navigation-normal-bg); } .cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-prev { border-top-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-top); border-right-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-right); border-bottom-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-bottom); border-left-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-left); border-radius: var(--cmsmasters-archive-media-slider-navigation-prev-bd-radius); padding-top: var(--cmsmasters-archive-media-slider-navigation-prev-padding-top); padding-right: var(--cmsmasters-archive-media-slider-navigation-prev-padding-right); padding-bottom: var(--cmsmasters-archive-media-slider-navigation-prev-padding-bottom); padding-left: var(--cmsmasters-archive-media-slider-navigation-prev-padding-left); } .cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-next { border-top-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-top); border-right-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-right); border-bottom-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-bottom); border-left-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-left); border-radius: var(--cmsmasters-archive-media-slider-navigation-next-bd-radius); padding-top: var(--cmsmasters-archive-media-slider-navigation-next-padding-top); padding-right: var(--cmsmasters-archive-media-slider-navigation-next-padding-right); padding-bottom: var(--cmsmasters-archive-media-slider-navigation-next-padding-bottom); padding-left: var(--cmsmasters-archive-media-slider-navigation-next-padding-left); } .cmsmasters-archive .cmsmasters-swiper-slider__button:hover { border-color: var(--archive-media-slider-navigation-hover-bd); color: var(--archive-media-slider-navigation-hover-color); background-color: var(--archive-media-slider-navigation-hover-bg); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-prev { margin-right: var(--archive-media-slider-navigation-gap); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-next { margin-left: var(--archive-media-slider-navigation-gap); } .cmsmasters-archive .cmsmasters-swiper-slider__pagination { padding-top: var(--cmsmasters-archive-media-slider-pagination-container-padding-top); padding-right: var(--cmsmasters-archive-media-slider-pagination-container-padding-right); padding-bottom: var(--cmsmasters-archive-media-slider-pagination-container-padding-bottom); padding-left: var(--cmsmasters-archive-media-slider-pagination-container-padding-left); } .cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet { margin-right: var(--archive-media-slider-pagination-gap); width: var(--archive-media-slider-pagination-size-width); height: var(--archive-media-slider-pagination-size-height); border-color: var(--archive-media-slider-pagination-normal-bd); border-style: var(--archive-media-slider-pagination-bd-style); border-top-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-top); border-right-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-right); border-bottom-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-bottom); border-left-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-left); border-radius: var(--cmsmasters-archive-media-slider-pagination-bd-radius); background-color: var(--archive-media-slider-pagination-normal-bg); } .cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child { margin-right: 0; } .cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet:hover { border-color: var(--archive-media-slider-pagination-hover-bd); background-color: var(--archive-media-slider-pagination-hover-bg); } .cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--archive-media-slider-pagination-current-bd); background-color: var(--archive-media-slider-pagination-current-bg); } .cmsmasters-archive-post-media { position: relative; } .cmsmasters-archive-post-media__inner { text-align: center; background-color: var(--cmsmasters-archive-media-box-bg-color); border-style: var(--cmsmasters-archive-media-box-bd-style); border-top-width: var(--cmsmasters-archive-media-box-bd-width-top); border-right-width: var(--cmsmasters-archive-media-box-bd-width-right); border-bottom-width: var(--cmsmasters-archive-media-box-bd-width-bottom); border-left-width: var(--cmsmasters-archive-media-box-bd-width-left); border-color: var(--cmsmasters-archive-media-box-bd-color); border-radius: var(--cmsmasters-archive-media-box-bd-radius); padding-top: var(--cmsmasters-archive-media-box-padding-top); padding-right: var(--cmsmasters-archive-media-box-padding-right); padding-bottom: var(--cmsmasters-archive-media-box-padding-bottom); padding-left: var(--cmsmasters-archive-media-box-padding-left); margin-top: var(--cmsmasters-archive-media-box-margin-top); margin-right: var(--cmsmasters-archive-media-box-margin-right); margin-bottom: var(--cmsmasters-archive-media-box-margin-bottom); margin-left: var(--cmsmasters-archive-media-box-margin-left); } .cmsmasters-archive-post-media__inner img { border-radius: var(--cmsmasters-archive-media-box-bd-radius); } .cmsmasters-archive-post-media .cmsmasters-video-wrap { padding-bottom: var(--cmsmasters-archive-media-video-height); border-radius: var(--cmsmasters-archive-media-box-bd-radius); } .cmsmasters-archive-post-media .cmsmasters-slider-image-wrap img { display: block; margin: 0 auto; } .cmsmasters-archive-post-title { text-align: var(--cmsmasters-archive-title-box-alignment); background-color: var(--cmsmasters-archive-title-box-bg-color); border-style: var(--cmsmasters-archive-title-box-bd-style); border-top-width: var(--cmsmasters-archive-title-box-bd-width-top); border-right-width: var(--cmsmasters-archive-title-box-bd-width-right); border-bottom-width: var(--cmsmasters-archive-title-box-bd-width-bottom); border-left-width: var(--cmsmasters-archive-title-box-bd-width-left); border-color: var(--cmsmasters-archive-title-box-bd-color); border-radius: var(--cmsmasters-archive-title-box-bd-radius); padding-top: var(--cmsmasters-archive-title-box-padding-top); padding-right: var(--cmsmasters-archive-title-box-padding-right); padding-bottom: var(--cmsmasters-archive-title-box-padding-bottom); padding-left: var(--cmsmasters-archive-title-box-padding-left); margin-top: var(--cmsmasters-archive-title-box-margin-top); margin-right: var(--cmsmasters-archive-title-box-margin-right); margin-bottom: var(--cmsmasters-archive-title-box-margin-bottom); margin-left: var(--cmsmasters-archive-title-box-margin-left); } .cmsmasters-archive-post-title__tag { color: var(--cmsmasters-archive-title-color); font-family: var(--cmsmasters-archive-title-font-family); font-weight: var(--cmsmasters-archive-title-font-weight); font-style: var(--cmsmasters-archive-title-font-style); text-transform: var(--cmsmasters-archive-title-text-transform); -webkit-text-decoration: var(--cmsmasters-archive-title-text-decoration); text-decoration: var(--cmsmasters-archive-title-text-decoration); font-size: var(--cmsmasters-archive-title-font-size); line-height: var(--cmsmasters-archive-title-line-height); letter-spacing: var(--cmsmasters-archive-title-letter-spacing); word-spacing: var(--cmsmasters-archive-title-word-spacing); margin: 0; } .cmsmasters-archive-post-title__tag a:hover { color: var(--cmsmasters-archive-title-hover); } .cmsmasters-archive-post.sticky .cmsmasters-archive-post-title__tag:before { content: "\e845"; font-family: eicons; font-size: 17px; line-height: 1em; color: var(--cmsmasters-colors-bg); background-color: var(--cmsmasters-colors-link); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; vertical-align: middle; width: 40px; height: 40px; margin-right: 15px; border-radius: 50%; position: relative; top: -2px; } .cmsmasters-archive-post.sticky .cmsmasters-archive-post-title__tag > a { vertical-align: middle; } .cmsmasters-archive-post-meta_first { font-family: var(--cmsmasters-archive-meta-first-font-family); font-weight: var(--cmsmasters-archive-meta-first-font-weight); font-style: var(--cmsmasters-archive-meta-first-font-style); text-transform: var(--cmsmasters-archive-meta-first-text-transform); -webkit-text-decoration: var(--cmsmasters-archive-meta-first-text-decoration); text-decoration: var(--cmsmasters-archive-meta-first-text-decoration); font-size: var(--cmsmasters-archive-meta-first-font-size); line-height: var(--cmsmasters-archive-meta-first-line-height); letter-spacing: var(--cmsmasters-archive-meta-first-letter-spacing); word-spacing: var(--cmsmasters-archive-meta-first-word-spacing); color: var(--cmsmasters-archive-meta-first-colors-text); text-align: var(--cmsmasters-archive-meta-first-box-alignment); background-color: var(--cmsmasters-archive-meta-first-box-bg-color); border-style: var(--cmsmasters-archive-meta-first-box-bd-style); border-top-width: var(--cmsmasters-archive-meta-first-box-bd-width-top); border-right-width: var(--cmsmasters-archive-meta-first-box-bd-width-right); border-bottom-width: var(--cmsmasters-archive-meta-first-box-bd-width-bottom); border-left-width: var(--cmsmasters-archive-meta-first-box-bd-width-left); border-color: var(--cmsmasters-archive-meta-first-box-bd-color); border-radius: var(--cmsmasters-archive-meta-first-box-bd-radius); padding-top: var(--cmsmasters-archive-meta-first-box-padding-top); padding-right: var(--cmsmasters-archive-meta-first-box-padding-right); padding-bottom: var(--cmsmasters-archive-meta-first-box-padding-bottom); padding-left: var(--cmsmasters-archive-meta-first-box-padding-left); margin-top: var(--cmsmasters-archive-meta-first-box-margin-top); margin-right: var(--cmsmasters-archive-meta-first-box-margin-right); margin-bottom: var(--cmsmasters-archive-meta-first-box-margin-bottom); margin-left: var(--cmsmasters-archive-meta-first-box-margin-left); } .cmsmasters-archive-post-meta_first a { color: var(--cmsmasters-archive-meta-first-colors-link); } .cmsmasters-archive-post-meta_first a:hover { color: var(--cmsmasters-archive-meta-first-colors-hover); } .cmsmasters-archive-post-meta_first__inner { margin-top: calc(var(--cmsmasters-archive-meta-first-elements-gap) * -1); margin-left: calc(var(--cmsmasters-archive-meta-first-elements-gap) * -1); display: inline-block; } .cmsmasters-archive-post-meta_first__inner > * { margin-top: var(--cmsmasters-archive-meta-first-elements-gap); margin-left: var(--cmsmasters-archive-meta-first-elements-gap); display: inline-block; position: relative; } .cmsmasters-archive-post-meta_first__inner > *:before { content: ""; display: var(--cmsmasters-archive-meta-first-divider-visibility); color: var(--cmsmasters-archive-meta-first-divider-color); border-color: var(--cmsmasters-archive-meta-first-divider-color); background-color: var(--cmsmasters-archive-meta-first-divider-color); width: var(--cmsmasters-archive-meta-first-divider-width); height: var(--cmsmasters-archive-meta-first-divider-height); margin: auto !important; position: absolute; left: calc(var(--cmsmasters-archive-meta-first-elements-gap) / 2 * -1); right: auto; top: 0; bottom: 0; transform: translateX(-50%); border-radius: var(--cmsmasters-archive-meta-first-divider-bd-radius); } .cmsmasters-archive-post-meta_first__inner > *:first-child:before { content: none; } .cmsmasters-archive-post-meta_second { font-family: var(--cmsmasters-archive-meta-second-font-family); font-weight: var(--cmsmasters-archive-meta-second-font-weight); font-style: var(--cmsmasters-archive-meta-second-font-style); text-transform: var(--cmsmasters-archive-meta-second-text-transform); -webkit-text-decoration: var(--cmsmasters-archive-meta-second-text-decoration); text-decoration: var(--cmsmasters-archive-meta-second-text-decoration); font-size: var(--cmsmasters-archive-meta-second-font-size); line-height: var(--cmsmasters-archive-meta-second-line-height); letter-spacing: var(--cmsmasters-archive-meta-second-letter-spacing); word-spacing: var(--cmsmasters-archive-meta-second-word-spacing); color: var(--cmsmasters-archive-meta-second-colors-text); text-align: var(--cmsmasters-archive-meta-second-box-alignment); background-color: var(--cmsmasters-archive-meta-second-box-bg-color); border-style: var(--cmsmasters-archive-meta-second-box-bd-style); border-top-width: var(--cmsmasters-archive-meta-second-box-bd-width-top); border-right-width: var(--cmsmasters-archive-meta-second-box-bd-width-right); border-bottom-width: var(--cmsmasters-archive-meta-second-box-bd-width-bottom); border-left-width: var(--cmsmasters-archive-meta-second-box-bd-width-left); border-color: var(--cmsmasters-archive-meta-second-box-bd-color); border-radius: var(--cmsmasters-archive-meta-second-box-bd-radius); padding-top: var(--cmsmasters-archive-meta-second-box-padding-top); padding-right: var(--cmsmasters-archive-meta-second-box-padding-right); padding-bottom: var(--cmsmasters-archive-meta-second-box-padding-bottom); padding-left: var(--cmsmasters-archive-meta-second-box-padding-left); margin-top: var(--cmsmasters-archive-meta-second-box-margin-top); margin-right: var(--cmsmasters-archive-meta-second-box-margin-right); margin-bottom: var(--cmsmasters-archive-meta-second-box-margin-bottom); margin-left: var(--cmsmasters-archive-meta-second-box-margin-left); } .cmsmasters-archive-post-meta_second a { color: var(--cmsmasters-archive-meta-second-colors-link); } .cmsmasters-archive-post-meta_second a:hover { color: var(--cmsmasters-archive-meta-second-colors-hover); } .cmsmasters-archive-post-meta_second__inner { margin-top: calc(var(--cmsmasters-archive-meta-second-elements-gap) * -1); margin-left: calc(var(--cmsmasters-archive-meta-second-elements-gap) * -1); display: inline-block; } .cmsmasters-archive-post-meta_second__inner > * { margin-top: var(--cmsmasters-archive-meta-second-elements-gap); margin-left: var(--cmsmasters-archive-meta-second-elements-gap); display: inline-block; position: relative; } .cmsmasters-archive-post-meta_second__inner > *:before { content: ""; display: var(--cmsmasters-archive-meta-second-divider-visibility); color: var(--cmsmasters-archive-meta-second-divider-color); border-color: var(--cmsmasters-archive-meta-second-divider-color); background-color: var(--cmsmasters-archive-meta-second-divider-color); width: var(--cmsmasters-archive-meta-second-divider-width); height: var(--cmsmasters-archive-meta-second-divider-height); margin: auto !important; position: absolute; left: calc(var(--cmsmasters-archive-meta-second-elements-gap) / 2 * -1); right: auto; top: 0; bottom: 0; transform: translateX(-50%); border-radius: var(--cmsmasters-archive-meta-second-divider-bd-radius); } .cmsmasters-archive-post-meta_second__inner > *:first-child:before { content: none; } .cmsmasters-archive-post-content { color: var(--cmsmasters-archive-content-color); font-family: var(--cmsmasters-archive-content-font-family); font-weight: var(--cmsmasters-archive-content-font-weight); font-style: var(--cmsmasters-archive-content-font-style); text-transform: var(--cmsmasters-archive-content-text-transform); -webkit-text-decoration: var(--cmsmasters-archive-content-text-decoration); text-decoration: var(--cmsmasters-archive-content-text-decoration); font-size: var(--cmsmasters-archive-content-font-size); line-height: var(--cmsmasters-archive-content-line-height); letter-spacing: var(--cmsmasters-archive-content-letter-spacing); word-spacing: var(--cmsmasters-archive-content-word-spacing); text-align: var(--cmsmasters-archive-content-box-alignment); background-color: var(--cmsmasters-archive-content-box-bg-color); border-style: var(--cmsmasters-archive-content-box-bd-style); border-top-width: var(--cmsmasters-archive-content-box-bd-width-top); border-right-width: var(--cmsmasters-archive-content-box-bd-width-right); border-bottom-width: var(--cmsmasters-archive-content-box-bd-width-bottom); border-left-width: var(--cmsmasters-archive-content-box-bd-width-left); border-color: var(--cmsmasters-archive-content-box-bd-color); border-radius: var(--cmsmasters-archive-content-box-bd-radius); padding-top: var(--cmsmasters-archive-content-box-padding-top); padding-right: var(--cmsmasters-archive-content-box-padding-right); padding-bottom: var(--cmsmasters-archive-content-box-padding-bottom); padding-left: var(--cmsmasters-archive-content-box-padding-left); margin-top: var(--cmsmasters-archive-content-box-margin-top); margin-right: var(--cmsmasters-archive-content-box-margin-right); margin-bottom: var(--cmsmasters-archive-content-box-margin-bottom); margin-left: var(--cmsmasters-archive-content-box-margin-left); } .cmsmasters-archive-post-content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters-archive-post-content > *:first-child { margin-top: 0; } .cmsmasters-archive-post-content > *:last-child { margin-bottom: 0; } .cmsmasters-archive-post-more { text-align: var(--cmsmasters-archive-more-box-alignment); background-color: var(--cmsmasters-archive-more-box-bg-color); border-style: var(--cmsmasters-archive-more-box-bd-style); border-top-width: var(--cmsmasters-archive-more-box-bd-width-top); border-right-width: var(--cmsmasters-archive-more-box-bd-width-right); border-bottom-width: var(--cmsmasters-archive-more-box-bd-width-bottom); border-left-width: var(--cmsmasters-archive-more-box-bd-width-left); border-color: var(--cmsmasters-archive-more-box-bd-color); border-radius: var(--cmsmasters-archive-more-box-bd-radius); padding-top: var(--cmsmasters-archive-more-box-padding-top); padding-right: var(--cmsmasters-archive-more-box-padding-right); padding-bottom: var(--cmsmasters-archive-more-box-padding-bottom); padding-left: var(--cmsmasters-archive-more-box-padding-left); margin-top: var(--cmsmasters-archive-more-box-margin-top); margin-right: var(--cmsmasters-archive-more-box-margin-right); margin-bottom: var(--cmsmasters-archive-more-box-margin-bottom); margin-left: var(--cmsmasters-archive-more-box-margin-left); } .cmsmasters-archive-post-more__link { font-family: var(--cmsmasters-archive-more-font-family); font-weight: var(--cmsmasters-archive-more-font-weight); font-style: var(--cmsmasters-archive-more-font-style); text-transform: var(--cmsmasters-archive-more-text-transform); -webkit-text-decoration: var(--cmsmasters-archive-more-text-decoration); text-decoration: var(--cmsmasters-archive-more-text-decoration); font-size: var(--cmsmasters-archive-more-font-size); line-height: var(--cmsmasters-archive-more-line-height); letter-spacing: var(--cmsmasters-archive-more-letter-spacing); word-spacing: var(--cmsmasters-archive-more-word-spacing); color: var(--cmsmasters-archive-more-normal-colors-color); border-color: var(--cmsmasters-archive-more-normal-colors-bd); border-style: var(--cmsmasters-archive-more-normal-bd-style); border-top-width: var(--cmsmasters-archive-more-normal-bd-width-top); border-right-width: var(--cmsmasters-archive-more-normal-bd-width-right); border-bottom-width: var(--cmsmasters-archive-more-normal-bd-width-bottom); border-left-width: var(--cmsmasters-archive-more-normal-bd-width-left); border-radius: var(--cmsmasters-archive-more-normal-bd-radius); text-shadow: var(--cmsmasters-archive-more-text-shadow); box-shadow: var(--cmsmasters-archive-more-normal-box-shadow); padding-top: var(--cmsmasters-archive-more-padding-top); padding-right: var(--cmsmasters-archive-more-padding-right); padding-bottom: var(--cmsmasters-archive-more-padding-bottom); padding-left: var(--cmsmasters-archive-more-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all 0.3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; display: inline-flex; align-items: center; } .cmsmasters-archive-post-more__link:hover { color: var(--cmsmasters-archive-more-hover-colors-color); border-color: var(--cmsmasters-archive-more-hover-colors-bd); border-radius: var(--cmsmasters-archive-more-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-archive-more-hover-text-decoration); text-decoration: var(--cmsmasters-archive-more-hover-text-decoration); text-shadow: var(--cmsmasters-archive-more-hover-text-shadow); box-shadow: var(--cmsmasters-archive-more-hover-box-shadow); } .cmsmasters-archive-post-more__link:before, .cmsmasters-archive-post-more__link:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity 0.3s ease-in-out; } .cmsmasters-archive-post-more__link:before { background-color: var(--cmsmasters-archive-more-normal-colors-bg); background-image: var(--cmsmasters-archive-more-normal-colors-bg-image); opacity: 1; } .cmsmasters-archive-post-more__link:after { background-color: var(--cmsmasters-archive-more-hover-colors-bg); background-image: var(--cmsmasters-archive-more-hover-colors-bg-image); opacity: 0; } .cmsmasters-archive-post-more__link:hover:before { opacity: 0; } .cmsmasters-archive-post-more__link:hover:after { opacity: 1; } .cmsmasters-archive-post-more__link > * + * { margin-left: var(--cmsmasters-archive-more-icon-gap); } .cmsmasters-archive-post-more__icon { font-size: var(--cmsmasters-archive-more-icon-size); text-align: center; width: 1em; height: 1em; position: relative; } .cmsmasters-archive-post-more__icon > * { text-align: center; display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; } .cmsmasters-archive-post-more__icon i { display: block; } .cmsmasters-archive-post-more__icon i:before { display: block; width: 1em; height: 1em; } .cmsmasters-archive-pagination { border-style: var(--cmsmasters-archive-pagination-box-bd-style); border-top-width: var(--cmsmasters-archive-pagination-box-bd-width-top); border-right-width: var(--cmsmasters-archive-pagination-box-bd-width-right); border-bottom-width: var(--cmsmasters-archive-pagination-box-bd-width-bottom); border-left-width: var(--cmsmasters-archive-pagination-box-bd-width-left); border-color: var(--cmsmasters-archive-pagination-box-bd-color); padding-top: var(--cmsmasters-archive-pagination-box-padding-top); padding-right: var(--cmsmasters-archive-pagination-box-padding-right); padding-bottom: var(--cmsmasters-archive-pagination-box-padding-bottom); padding-left: var(--cmsmasters-archive-pagination-box-padding-left); margin-top: var(--cmsmasters-archive-pagination-box-margin-top); margin-right: var(--cmsmasters-archive-pagination-box-margin-right); margin-bottom: var(--cmsmasters-archive-pagination-box-margin-bottom); margin-left: var(--cmsmasters-archive-pagination-box-margin-left); } .cmsmasters-search { margin: 0; } .cmsmasters-search.cmsmasters-grid { display: grid; grid-template-columns: repeat(var(--cmsmasters-search-grid-columns), minmax(10px, 1fr)); grid-row-gap: var(--cmsmasters-search-post-gap); grid-column-gap: var(--cmsmasters-search-post-gap); align-items: start; flex-wrap: wrap; } .cmsmasters-search-post { margin-top: var(--cmsmasters-search-post-gap); } .cmsmasters-search-post:first-child, .cmsmasters-search.cmsmasters-grid .cmsmasters-search-post { margin-top: 0; } .cmsmasters-search-post__outer { background-color: var(--cmsmasters-search-post-bg-color); border-style: var(--cmsmasters-search-post-bd-style); border-top-width: var(--cmsmasters-search-post-bd-width-top); border-right-width: var(--cmsmasters-search-post-bd-width-right); border-bottom-width: var(--cmsmasters-search-post-bd-width-bottom); border-left-width: var(--cmsmasters-search-post-bd-width-left); border-color: var(--cmsmasters-search-post-bd-color); border-radius: var(--cmsmasters-search-post-bd-radius); box-shadow: var(--cmsmasters-search-post-box-shadow); } .cmsmasters-search.cmsmasters-compact .cmsmasters-search-post__outer { display: flex; flex-wrap: wrap; align-items: var(--cmsmasters-search-compact-vertical-alignment); } .cmsmasters-search.cmsmasters-compact.cmsmasters-media-left .cmsmasters-search-post__outer { flex-direction: row; } .cmsmasters-search.cmsmasters-compact.cmsmasters-media-right .cmsmasters-search-post__outer { flex-direction: row-reverse; } .cmsmasters-search.cmsmasters-compact .cmsmasters-search-post-media { flex-shrink: 0; width: var(--cmsmasters-search-compact-media-width); } .cmsmasters-search-post__inner { flex-grow: 1; text-align: var(--cmsmasters-search-post-alignment); padding-top: var(--cmsmasters-search-post-padding-top); padding-right: var(--cmsmasters-search-post-padding-right); padding-bottom: var(--cmsmasters-search-post-padding-bottom); padding-left: var(--cmsmasters-search-post-padding-left); } .cmsmasters-search.cmsmasters-compact .cmsmasters-search-post__inner { width: calc(100% - var(--cmsmasters-search-compact-media-width)); min-width: 30%; max-width: 100%; } .cmsmasters-search .cmsmasters-swiper-slider__button { font-size: var(--search-media-slider-navigation-icon-size); border-color: var(--search-media-slider-navigation-normal-bd); border-style: var(--search-media-slider-navigation-bd-style); color: var(--search-media-slider-navigation-normal-color); background-color: var(--search-media-slider-navigation-normal-bg); } .cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-prev { border-top-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-top); border-right-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-right); border-bottom-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-bottom); border-left-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-left); border-radius: var(--cmsmasters-search-media-slider-navigation-prev-bd-radius); padding-top: var(--cmsmasters-search-media-slider-navigation-prev-padding-top); padding-right: var(--cmsmasters-search-media-slider-navigation-prev-padding-right); padding-bottom: var(--cmsmasters-search-media-slider-navigation-prev-padding-bottom); padding-left: var(--cmsmasters-search-media-slider-navigation-prev-padding-left); } .cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-next { border-top-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-top); border-right-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-right); border-bottom-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-bottom); border-left-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-left); border-radius: var(--cmsmasters-search-media-slider-navigation-next-bd-radius); padding-top: var(--cmsmasters-search-media-slider-navigation-next-padding-top); padding-right: var(--cmsmasters-search-media-slider-navigation-next-padding-right); padding-bottom: var(--cmsmasters-search-media-slider-navigation-next-padding-bottom); padding-left: var(--cmsmasters-search-media-slider-navigation-next-padding-left); } .cmsmasters-search .cmsmasters-swiper-slider__button:hover { border-color: var(--search-media-slider-navigation-hover-bd); color: var(--search-media-slider-navigation-hover-color); background-color: var(--search-media-slider-navigation-hover-bg); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-prev { margin-right: var(--search-media-slider-navigation-gap); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-next { margin-left: var(--search-media-slider-navigation-gap); } .cmsmasters-search .cmsmasters-swiper-slider__pagination { padding-top: var(--cmsmasters-search-media-slider-pagination-container-padding-top); padding-right: var(--cmsmasters-search-media-slider-pagination-container-padding-right); padding-bottom: var(--cmsmasters-search-media-slider-pagination-container-padding-bottom); padding-left: var(--cmsmasters-search-media-slider-pagination-container-padding-left); } .cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet { margin-right: var(--search-media-slider-pagination-gap); width: var(--search-media-slider-pagination-size-width); height: var(--search-media-slider-pagination-size-height); border-color: var(--search-media-slider-pagination-normal-bd); border-style: var(--search-media-slider-pagination-bd-style); border-top-width: var(--cmsmasters-search-media-slider-pagination-bd-width-top); border-right-width: var(--cmsmasters-search-media-slider-pagination-bd-width-right); border-bottom-width: var(--cmsmasters-search-media-slider-pagination-bd-width-bottom); border-left-width: var(--cmsmasters-search-media-slider-pagination-bd-width-left); border-radius: var(--cmsmasters-search-media-slider-pagination-bd-radius); background-color: var(--search-media-slider-pagination-normal-bg); } .cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child { margin-right: 0; } .cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet:hover { border-color: var(--search-media-slider-pagination-hover-bd); background-color: var(--search-media-slider-pagination-hover-bg); } .cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--search-media-slider-pagination-current-bd); background-color: var(--search-media-slider-pagination-current-bg); } .cmsmasters-search-post-media { position: relative; } .cmsmasters-search-post-media__inner { text-align: center; background-color: var(--cmsmasters-search-media-box-bg-color); border-style: var(--cmsmasters-search-media-box-bd-style); border-top-width: var(--cmsmasters-search-media-box-bd-width-top); border-right-width: var(--cmsmasters-search-media-box-bd-width-right); border-bottom-width: var(--cmsmasters-search-media-box-bd-width-bottom); border-left-width: var(--cmsmasters-search-media-box-bd-width-left); border-color: var(--cmsmasters-search-media-box-bd-color); border-radius: var(--cmsmasters-search-media-box-bd-radius); padding-top: var(--cmsmasters-search-media-box-padding-top); padding-right: var(--cmsmasters-search-media-box-padding-right); padding-bottom: var(--cmsmasters-search-media-box-padding-bottom); padding-left: var(--cmsmasters-search-media-box-padding-left); margin-top: var(--cmsmasters-search-media-box-margin-top); margin-right: var(--cmsmasters-search-media-box-margin-right); margin-bottom: var(--cmsmasters-search-media-box-margin-bottom); margin-left: var(--cmsmasters-search-media-box-margin-left); } .cmsmasters-search-post-media__inner img { border-radius: var(--cmsmasters-search-media-box-bd-radius); } .cmsmasters-search-post-media .cmsmasters-video-wrap { padding-bottom: var(--cmsmasters-search-media-video-height); border-radius: var(--cmsmasters-search-media-box-bd-radius); } .cmsmasters-search-post-media .cmsmasters-slider-image-wrap img { display: block; margin: 0 auto; } .cmsmasters-search-post-title { text-align: var(--cmsmasters-search-title-box-alignment); background-color: var(--cmsmasters-search-title-box-bg-color); border-style: var(--cmsmasters-search-title-box-bd-style); border-top-width: var(--cmsmasters-search-title-box-bd-width-top); border-right-width: var(--cmsmasters-search-title-box-bd-width-right); border-bottom-width: var(--cmsmasters-search-title-box-bd-width-bottom); border-left-width: var(--cmsmasters-search-title-box-bd-width-left); border-color: var(--cmsmasters-search-title-box-bd-color); border-radius: var(--cmsmasters-search-title-box-bd-radius); padding-top: var(--cmsmasters-search-title-box-padding-top); padding-right: var(--cmsmasters-search-title-box-padding-right); padding-bottom: var(--cmsmasters-search-title-box-padding-bottom); padding-left: var(--cmsmasters-search-title-box-padding-left); margin-top: var(--cmsmasters-search-title-box-margin-top); margin-right: var(--cmsmasters-search-title-box-margin-right); margin-bottom: var(--cmsmasters-search-title-box-margin-bottom); margin-left: var(--cmsmasters-search-title-box-margin-left); } .cmsmasters-search-post-title__tag { color: var(--cmsmasters-search-title-color); font-family: var(--cmsmasters-search-title-font-family); font-weight: var(--cmsmasters-search-title-font-weight); font-style: var(--cmsmasters-search-title-font-style); text-transform: var(--cmsmasters-search-title-text-transform); -webkit-text-decoration: var(--cmsmasters-search-title-text-decoration); text-decoration: var(--cmsmasters-search-title-text-decoration); font-size: var(--cmsmasters-search-title-font-size); line-height: var(--cmsmasters-search-title-line-height); letter-spacing: var(--cmsmasters-search-title-letter-spacing); word-spacing: var(--cmsmasters-search-title-word-spacing); margin: 0; } .cmsmasters-search-post-title__tag a:hover { color: var(--cmsmasters-search-title-hover); } .cmsmasters-search-post.sticky .cmsmasters-search-post-title__tag:before { content: "\e845"; font-family: eicons; font-size: 17px; line-height: 1em; color: var(--cmsmasters-colors-bg); background-color: var(--cmsmasters-colors-link); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; vertical-align: middle; width: 40px; height: 40px; margin-right: 15px; border-radius: 50%; position: relative; top: -2px; } .cmsmasters-search-post.sticky .cmsmasters-search-post-title__tag > a { vertical-align: middle; } .cmsmasters-search-post-meta_first { font-family: var(--cmsmasters-search-meta-first-font-family); font-weight: var(--cmsmasters-search-meta-first-font-weight); font-style: var(--cmsmasters-search-meta-first-font-style); text-transform: var(--cmsmasters-search-meta-first-text-transform); -webkit-text-decoration: var(--cmsmasters-search-meta-first-text-decoration); text-decoration: var(--cmsmasters-search-meta-first-text-decoration); font-size: var(--cmsmasters-search-meta-first-font-size); line-height: var(--cmsmasters-search-meta-first-line-height); letter-spacing: var(--cmsmasters-search-meta-first-letter-spacing); word-spacing: var(--cmsmasters-search-meta-first-word-spacing); color: var(--cmsmasters-search-meta-first-colors-text); text-align: var(--cmsmasters-search-meta-first-box-alignment); background-color: var(--cmsmasters-search-meta-first-box-bg-color); border-style: var(--cmsmasters-search-meta-first-box-bd-style); border-top-width: var(--cmsmasters-search-meta-first-box-bd-width-top); border-right-width: var(--cmsmasters-search-meta-first-box-bd-width-right); border-bottom-width: var(--cmsmasters-search-meta-first-box-bd-width-bottom); border-left-width: var(--cmsmasters-search-meta-first-box-bd-width-left); border-color: var(--cmsmasters-search-meta-first-box-bd-color); border-radius: var(--cmsmasters-search-meta-first-box-bd-radius); padding-top: var(--cmsmasters-search-meta-first-box-padding-top); padding-right: var(--cmsmasters-search-meta-first-box-padding-right); padding-bottom: var(--cmsmasters-search-meta-first-box-padding-bottom); padding-left: var(--cmsmasters-search-meta-first-box-padding-left); margin-top: var(--cmsmasters-search-meta-first-box-margin-top); margin-right: var(--cmsmasters-search-meta-first-box-margin-right); margin-bottom: var(--cmsmasters-search-meta-first-box-margin-bottom); margin-left: var(--cmsmasters-search-meta-first-box-margin-left); } .cmsmasters-search-post-meta_first a { color: var(--cmsmasters-search-meta-first-colors-link); } .cmsmasters-search-post-meta_first a:hover { color: var(--cmsmasters-search-meta-first-colors-hover); } .cmsmasters-search-post-meta_first__inner { margin-top: calc(var(--cmsmasters-search-meta-first-elements-gap) * -1); margin-left: calc(var(--cmsmasters-search-meta-first-elements-gap) * -1); display: inline-block; } .cmsmasters-search-post-meta_first__inner > * { margin-top: var(--cmsmasters-search-meta-first-elements-gap); margin-left: var(--cmsmasters-search-meta-first-elements-gap); display: inline-block; position: relative; } .cmsmasters-search-post-meta_first__inner > *:before { content: ""; display: var(--cmsmasters-search-meta-first-divider-visibility); color: var(--cmsmasters-search-meta-first-divider-color); border-color: var(--cmsmasters-search-meta-first-divider-color); background-color: var(--cmsmasters-search-meta-first-divider-color); width: var(--cmsmasters-search-meta-first-divider-width); height: var(--cmsmasters-search-meta-first-divider-height); margin: auto !important; position: absolute; left: calc(var(--cmsmasters-search-meta-first-elements-gap) / 2 * -1); right: auto; top: 0; bottom: 0; transform: translateX(-50%); border-radius: var(--cmsmasters-search-meta-first-divider-bd-radius); } .cmsmasters-search-post-meta_first__inner > *:first-child:before { content: none; } .cmsmasters-search-post-meta_second { font-family: var(--cmsmasters-search-meta-second-font-family); font-weight: var(--cmsmasters-search-meta-second-font-weight); font-style: var(--cmsmasters-search-meta-second-font-style); text-transform: var(--cmsmasters-search-meta-second-text-transform); -webkit-text-decoration: var(--cmsmasters-search-meta-second-text-decoration); text-decoration: var(--cmsmasters-search-meta-second-text-decoration); font-size: var(--cmsmasters-search-meta-second-font-size); line-height: var(--cmsmasters-search-meta-second-line-height); letter-spacing: var(--cmsmasters-search-meta-second-letter-spacing); word-spacing: var(--cmsmasters-search-meta-second-word-spacing); color: var(--cmsmasters-search-meta-second-colors-text); text-align: var(--cmsmasters-search-meta-second-box-alignment); background-color: var(--cmsmasters-search-meta-second-box-bg-color); border-style: var(--cmsmasters-search-meta-second-box-bd-style); border-top-width: var(--cmsmasters-search-meta-second-box-bd-width-top); border-right-width: var(--cmsmasters-search-meta-second-box-bd-width-right); border-bottom-width: var(--cmsmasters-search-meta-second-box-bd-width-bottom); border-left-width: var(--cmsmasters-search-meta-second-box-bd-width-left); border-color: var(--cmsmasters-search-meta-second-box-bd-color); border-radius: var(--cmsmasters-search-meta-second-box-bd-radius); padding-top: var(--cmsmasters-search-meta-second-box-padding-top); padding-right: var(--cmsmasters-search-meta-second-box-padding-right); padding-bottom: var(--cmsmasters-search-meta-second-box-padding-bottom); padding-left: var(--cmsmasters-search-meta-second-box-padding-left); margin-top: var(--cmsmasters-search-meta-second-box-margin-top); margin-right: var(--cmsmasters-search-meta-second-box-margin-right); margin-bottom: var(--cmsmasters-search-meta-second-box-margin-bottom); margin-left: var(--cmsmasters-search-meta-second-box-margin-left); } .cmsmasters-search-post-meta_second a { color: var(--cmsmasters-search-meta-second-colors-link); } .cmsmasters-search-post-meta_second a:hover { color: var(--cmsmasters-search-meta-second-colors-hover); } .cmsmasters-search-post-meta_second__inner { margin-top: calc(var(--cmsmasters-search-meta-second-elements-gap) * -1); margin-left: calc(var(--cmsmasters-search-meta-second-elements-gap) * -1); display: inline-block; } .cmsmasters-search-post-meta_second__inner > * { margin-top: var(--cmsmasters-search-meta-second-elements-gap); margin-left: var(--cmsmasters-search-meta-second-elements-gap); display: inline-block; position: relative; } .cmsmasters-search-post-meta_second__inner > *:before { content: ""; display: var(--cmsmasters-search-meta-second-divider-visibility); color: var(--cmsmasters-search-meta-second-divider-color); border-color: var(--cmsmasters-search-meta-second-divider-color); background-color: var(--cmsmasters-search-meta-second-divider-color); width: var(--cmsmasters-search-meta-second-divider-width); height: var(--cmsmasters-search-meta-second-divider-height); margin: auto !important; position: absolute; left: calc(var(--cmsmasters-search-meta-second-elements-gap) / 2 * -1); right: auto; top: 0; bottom: 0; transform: translateX(-50%); border-radius: var(--cmsmasters-search-meta-second-divider-bd-radius); } .cmsmasters-search-post-meta_second__inner > *:first-child:before { content: none; } .cmsmasters-search-post-content { color: var(--cmsmasters-search-content-color); font-family: var(--cmsmasters-search-content-font-family); font-weight: var(--cmsmasters-search-content-font-weight); font-style: var(--cmsmasters-search-content-font-style); text-transform: var(--cmsmasters-search-content-text-transform); -webkit-text-decoration: var(--cmsmasters-search-content-text-decoration); text-decoration: var(--cmsmasters-search-content-text-decoration); font-size: var(--cmsmasters-search-content-font-size); line-height: var(--cmsmasters-search-content-line-height); letter-spacing: var(--cmsmasters-search-content-letter-spacing); word-spacing: var(--cmsmasters-search-content-word-spacing); text-align: var(--cmsmasters-search-content-box-alignment); background-color: var(--cmsmasters-search-content-box-bg-color); border-style: var(--cmsmasters-search-content-box-bd-style); border-top-width: var(--cmsmasters-search-content-box-bd-width-top); border-right-width: var(--cmsmasters-search-content-box-bd-width-right); border-bottom-width: var(--cmsmasters-search-content-box-bd-width-bottom); border-left-width: var(--cmsmasters-search-content-box-bd-width-left); border-color: var(--cmsmasters-search-content-box-bd-color); border-radius: var(--cmsmasters-search-content-box-bd-radius); padding-top: var(--cmsmasters-search-content-box-padding-top); padding-right: var(--cmsmasters-search-content-box-padding-right); padding-bottom: var(--cmsmasters-search-content-box-padding-bottom); padding-left: var(--cmsmasters-search-content-box-padding-left); margin-top: var(--cmsmasters-search-content-box-margin-top); margin-right: var(--cmsmasters-search-content-box-margin-right); margin-bottom: var(--cmsmasters-search-content-box-margin-bottom); margin-left: var(--cmsmasters-search-content-box-margin-left); } .cmsmasters-search-post-content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters-search-post-content > *:first-child { margin-top: 0; } .cmsmasters-search-post-content > *:last-child { margin-bottom: 0; } .cmsmasters-search-post-more { text-align: var(--cmsmasters-search-more-box-alignment); background-color: var(--cmsmasters-search-more-box-bg-color); border-style: var(--cmsmasters-search-more-box-bd-style); border-top-width: var(--cmsmasters-search-more-box-bd-width-top); border-right-width: var(--cmsmasters-search-more-box-bd-width-right); border-bottom-width: var(--cmsmasters-search-more-box-bd-width-bottom); border-left-width: var(--cmsmasters-search-more-box-bd-width-left); border-color: var(--cmsmasters-search-more-box-bd-color); border-radius: var(--cmsmasters-search-more-box-bd-radius); padding-top: var(--cmsmasters-search-more-box-padding-top); padding-right: var(--cmsmasters-search-more-box-padding-right); padding-bottom: var(--cmsmasters-search-more-box-padding-bottom); padding-left: var(--cmsmasters-search-more-box-padding-left); margin-top: var(--cmsmasters-search-more-box-margin-top); margin-right: var(--cmsmasters-search-more-box-margin-right); margin-bottom: var(--cmsmasters-search-more-box-margin-bottom); margin-left: var(--cmsmasters-search-more-box-margin-left); } .cmsmasters-search-post-more__link { font-family: var(--cmsmasters-search-more-font-family); font-weight: var(--cmsmasters-search-more-font-weight); font-style: var(--cmsmasters-search-more-font-style); text-transform: var(--cmsmasters-search-more-text-transform); -webkit-text-decoration: var(--cmsmasters-search-more-text-decoration); text-decoration: var(--cmsmasters-search-more-text-decoration); font-size: var(--cmsmasters-search-more-font-size); line-height: var(--cmsmasters-search-more-line-height); letter-spacing: var(--cmsmasters-search-more-letter-spacing); word-spacing: var(--cmsmasters-search-more-word-spacing); color: var(--cmsmasters-search-more-normal-colors-color); border-color: var(--cmsmasters-search-more-normal-colors-bd); border-style: var(--cmsmasters-search-more-normal-bd-style); border-top-width: var(--cmsmasters-search-more-normal-bd-width-top); border-right-width: var(--cmsmasters-search-more-normal-bd-width-right); border-bottom-width: var(--cmsmasters-search-more-normal-bd-width-bottom); border-left-width: var(--cmsmasters-search-more-normal-bd-width-left); border-radius: var(--cmsmasters-search-more-normal-bd-radius); text-shadow: var(--cmsmasters-search-more-text-shadow); box-shadow: var(--cmsmasters-search-more-normal-box-shadow); padding-top: var(--cmsmasters-search-more-padding-top); padding-right: var(--cmsmasters-search-more-padding-right); padding-bottom: var(--cmsmasters-search-more-padding-bottom); padding-left: var(--cmsmasters-search-more-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all 0.3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; display: inline-flex; align-items: center; } .cmsmasters-search-post-more__link:hover { color: var(--cmsmasters-search-more-hover-colors-color); border-color: var(--cmsmasters-search-more-hover-colors-bd); border-radius: var(--cmsmasters-search-more-hover-bd-radius); -webkit-text-decoration: var(--cmsmasters-search-more-hover-text-decoration); text-decoration: var(--cmsmasters-search-more-hover-text-decoration); text-shadow: var(--cmsmasters-search-more-hover-text-shadow); box-shadow: var(--cmsmasters-search-more-hover-box-shadow); } .cmsmasters-search-post-more__link:before, .cmsmasters-search-post-more__link:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity 0.3s ease-in-out; } .cmsmasters-search-post-more__link:before { background-color: var(--cmsmasters-search-more-normal-colors-bg); background-image: var(--cmsmasters-search-more-normal-colors-bg-image); opacity: 1; } .cmsmasters-search-post-more__link:after { background-color: var(--cmsmasters-search-more-hover-colors-bg); background-image: var(--cmsmasters-search-more-hover-colors-bg-image); opacity: 0; } .cmsmasters-search-post-more__link:hover:before { opacity: 0; } .cmsmasters-search-post-more__link:hover:after { opacity: 1; } .cmsmasters-search-post-more__link > * + * { margin-left: var(--cmsmasters-search-more-icon-gap); } .cmsmasters-search-post-more__icon { font-size: var(--cmsmasters-search-more-icon-size); text-align: center; width: 1em; height: 1em; position: relative; } .cmsmasters-search-post-more__icon > * { text-align: center; display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; } .cmsmasters-search-post-more__icon i { display: block; } .cmsmasters-search-post-more__icon i:before { display: block; width: 1em; height: 1em; } .cmsmasters-search-pagination { border-style: var(--cmsmasters-search-pagination-box-bd-style); border-top-width: var(--cmsmasters-search-pagination-box-bd-width-top); border-right-width: var(--cmsmasters-search-pagination-box-bd-width-right); border-bottom-width: var(--cmsmasters-search-pagination-box-bd-width-bottom); border-left-width: var(--cmsmasters-search-pagination-box-bd-width-left); border-color: var(--cmsmasters-search-pagination-box-bd-color); padding-top: var(--cmsmasters-search-pagination-box-padding-top); padding-right: var(--cmsmasters-search-pagination-box-padding-right); padding-bottom: var(--cmsmasters-search-pagination-box-padding-bottom); padding-left: var(--cmsmasters-search-pagination-box-padding-left); margin-top: var(--cmsmasters-search-pagination-box-margin-top); margin-right: var(--cmsmasters-search-pagination-box-margin-right); margin-bottom: var(--cmsmasters-search-pagination-box-margin-bottom); margin-left: var(--cmsmasters-search-pagination-box-margin-left); } .cmsmasters-search__no-posts-title { margin-bottom: 3rem; } /* Single Post */ .cmsmasters-single .cmsmasters-swiper-slider__button { font-size: var(--single-media-slider-navigation-icon-size); border-color: var(--single-media-slider-navigation-normal-bd); border-style: var(--single-media-slider-navigation-bd-style); color: var(--single-media-slider-navigation-normal-color); background-color: var(--single-media-slider-navigation-normal-bg); } .cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-prev { border-top-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-top); border-right-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-right); border-bottom-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-bottom); border-left-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-left); border-radius: var(--cmsmasters-single-media-slider-navigation-prev-bd-radius); padding-top: var(--cmsmasters-single-media-slider-navigation-prev-padding-top); padding-right: var(--cmsmasters-single-media-slider-navigation-prev-padding-right); padding-bottom: var(--cmsmasters-single-media-slider-navigation-prev-padding-bottom); padding-left: var(--cmsmasters-single-media-slider-navigation-prev-padding-left); } .cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-next { border-top-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-top); border-right-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-right); border-bottom-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-bottom); border-left-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-left); border-radius: var(--cmsmasters-single-media-slider-navigation-next-bd-radius); padding-top: var(--cmsmasters-single-media-slider-navigation-next-padding-top); padding-right: var(--cmsmasters-single-media-slider-navigation-next-padding-right); padding-bottom: var(--cmsmasters-single-media-slider-navigation-next-padding-bottom); padding-left: var(--cmsmasters-single-media-slider-navigation-next-padding-left); } .cmsmasters-single .cmsmasters-swiper-slider__button:hover { border-color: var(--single-media-slider-navigation-hover-bd); color: var(--single-media-slider-navigation-hover-color); background-color: var(--single-media-slider-navigation-hover-bg); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-prev { margin-right: var(--single-media-slider-navigation-gap); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-next { margin-left: var(--single-media-slider-navigation-gap); } .cmsmasters-single .cmsmasters-swiper-slider__pagination { padding-top: var(--cmsmasters-single-media-slider-pagination-container-padding-top); padding-right: var(--cmsmasters-single-media-slider-pagination-container-padding-right); padding-bottom: var(--cmsmasters-single-media-slider-pagination-container-padding-bottom); padding-left: var(--cmsmasters-single-media-slider-pagination-container-padding-left); } .cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet { margin-right: var(--single-media-slider-pagination-gap); width: var(--single-media-slider-pagination-size-width); height: var(--single-media-slider-pagination-size-height); border-color: var(--single-media-slider-pagination-normal-bd); border-style: var(--single-media-slider-pagination-bd-style); border-top-width: var(--cmsmasters-single-media-slider-pagination-bd-width-top); border-right-width: var(--cmsmasters-single-media-slider-pagination-bd-width-right); border-bottom-width: var(--cmsmasters-single-media-slider-pagination-bd-width-bottom); border-left-width: var(--cmsmasters-single-media-slider-pagination-bd-width-left); border-radius: var(--cmsmasters-single-media-slider-pagination-bd-radius); background-color: var(--single-media-slider-pagination-normal-bg); } .cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child { margin-right: 0; } .cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet:hover { border-color: var(--single-media-slider-pagination-hover-bd); background-color: var(--single-media-slider-pagination-hover-bg); } .cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--single-media-slider-pagination-current-bd); background-color: var(--single-media-slider-pagination-current-bg); } .cmsmasters-single-post-media { position: relative; } .cmsmasters-single-post-media__inner { text-align: center; background-color: var(--cmsmasters-single-media-box-bg-color); border-style: var(--cmsmasters-single-media-box-bd-style); border-top-width: var(--cmsmasters-single-media-box-bd-width-top); border-right-width: var(--cmsmasters-single-media-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-media-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-media-box-bd-width-left); border-color: var(--cmsmasters-single-media-box-bd-color); border-radius: var(--cmsmasters-single-media-box-bd-radius); padding-top: var(--cmsmasters-single-media-box-padding-top); padding-right: var(--cmsmasters-single-media-box-padding-right); padding-bottom: var(--cmsmasters-single-media-box-padding-bottom); padding-left: var(--cmsmasters-single-media-box-padding-left); margin-top: var(--cmsmasters-single-media-box-margin-top); margin-right: var(--cmsmasters-single-media-box-margin-right); margin-bottom: var(--cmsmasters-single-media-box-margin-bottom); margin-left: var(--cmsmasters-single-media-box-margin-left); } .cmsmasters-single-post-media__inner img { border-radius: var(--cmsmasters-single-media-box-bd-radius); } .cmsmasters-single-post-media .cmsmasters-video-wrap { padding-bottom: var(--cmsmasters-single-media-video-height); border-radius: var(--cmsmasters-single-media-box-bd-radius); } .cmsmasters-single-post-media .cmsmasters-slider-image-wrap img { display: block; margin: 0 auto; } .cmsmasters-single-post-title { text-align: var(--cmsmasters-single-title-box-alignment); background-color: var(--cmsmasters-single-title-box-bg-color); border-style: var(--cmsmasters-single-title-box-bd-style); border-top-width: var(--cmsmasters-single-title-box-bd-width-top); border-right-width: var(--cmsmasters-single-title-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-title-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-title-box-bd-width-left); border-color: var(--cmsmasters-single-title-box-bd-color); border-radius: var(--cmsmasters-single-title-box-bd-radius); padding-top: var(--cmsmasters-single-title-box-padding-top); padding-right: var(--cmsmasters-single-title-box-padding-right); padding-bottom: var(--cmsmasters-single-title-box-padding-bottom); padding-left: var(--cmsmasters-single-title-box-padding-left); margin-top: var(--cmsmasters-single-title-box-margin-top); margin-right: var(--cmsmasters-single-title-box-margin-right); margin-bottom: var(--cmsmasters-single-title-box-margin-bottom); margin-left: var(--cmsmasters-single-title-box-margin-left); } .cmsmasters-single-post-title__tag { color: var(--cmsmasters-single-title-color); font-family: var(--cmsmasters-single-title-font-family); font-weight: var(--cmsmasters-single-title-font-weight); font-style: var(--cmsmasters-single-title-font-style); text-transform: var(--cmsmasters-single-title-text-transform); -webkit-text-decoration: var(--cmsmasters-single-title-text-decoration); text-decoration: var(--cmsmasters-single-title-text-decoration); font-size: var(--cmsmasters-single-title-font-size); line-height: var(--cmsmasters-single-title-line-height); letter-spacing: var(--cmsmasters-single-title-letter-spacing); word-spacing: var(--cmsmasters-single-title-word-spacing); margin: 0; } .cmsmasters-single-post-meta_first { font-family: var(--cmsmasters-single-meta-first-font-family); font-weight: var(--cmsmasters-single-meta-first-font-weight); font-style: var(--cmsmasters-single-meta-first-font-style); text-transform: var(--cmsmasters-single-meta-first-text-transform); -webkit-text-decoration: var(--cmsmasters-single-meta-first-text-decoration); text-decoration: var(--cmsmasters-single-meta-first-text-decoration); font-size: var(--cmsmasters-single-meta-first-font-size); line-height: var(--cmsmasters-single-meta-first-line-height); letter-spacing: var(--cmsmasters-single-meta-first-letter-spacing); word-spacing: var(--cmsmasters-single-meta-first-word-spacing); color: var(--cmsmasters-single-meta-first-colors-text); text-align: var(--cmsmasters-single-meta-first-box-alignment); background-color: var(--cmsmasters-single-meta-first-box-bg-color); border-style: var(--cmsmasters-single-meta-first-box-bd-style); border-top-width: var(--cmsmasters-single-meta-first-box-bd-width-top); border-right-width: var(--cmsmasters-single-meta-first-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-meta-first-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-meta-first-box-bd-width-left); border-color: var(--cmsmasters-single-meta-first-box-bd-color); border-radius: var(--cmsmasters-single-meta-first-box-bd-radius); padding-top: var(--cmsmasters-single-meta-first-box-padding-top); padding-right: var(--cmsmasters-single-meta-first-box-padding-right); padding-bottom: var(--cmsmasters-single-meta-first-box-padding-bottom); padding-left: var(--cmsmasters-single-meta-first-box-padding-left); margin-top: var(--cmsmasters-single-meta-first-box-margin-top); margin-right: var(--cmsmasters-single-meta-first-box-margin-right); margin-bottom: var(--cmsmasters-single-meta-first-box-margin-bottom); margin-left: var(--cmsmasters-single-meta-first-box-margin-left); } .cmsmasters-single-post-meta_first a { color: var(--cmsmasters-single-meta-first-colors-link); } .cmsmasters-single-post-meta_first a:hover { color: var(--cmsmasters-single-meta-first-colors-hover); } .cmsmasters-single-post-meta_first__inner { margin-top: calc(var(--cmsmasters-single-meta-first-elements-gap) * -1); margin-left: calc(var(--cmsmasters-single-meta-first-elements-gap) * -1); display: inline-block; } .cmsmasters-single-post-meta_first__inner > * { margin-top: var(--cmsmasters-single-meta-first-elements-gap); margin-left: var(--cmsmasters-single-meta-first-elements-gap); display: inline-block; position: relative; } .cmsmasters-single-post-meta_first__inner > *:before { content: ""; display: var(--cmsmasters-single-meta-first-divider-visibility); color: var(--cmsmasters-single-meta-first-divider-color); border-color: var(--cmsmasters-single-meta-first-divider-color); background-color: var(--cmsmasters-single-meta-first-divider-color); width: var(--cmsmasters-single-meta-first-divider-width); height: var(--cmsmasters-single-meta-first-divider-height); margin: auto !important; position: absolute; left: calc(var(--cmsmasters-single-meta-first-elements-gap) / 2 * -1); right: auto; top: 0; bottom: 0; transform: translateX(-50%); border-radius: var(--cmsmasters-single-meta-first-divider-bd-radius); } .cmsmasters-single-post-meta_first__inner > *:first-child:before { content: none; } .cmsmasters-single-post-meta_second { font-family: var(--cmsmasters-single-meta-second-font-family); font-weight: var(--cmsmasters-single-meta-second-font-weight); font-style: var(--cmsmasters-single-meta-second-font-style); text-transform: var(--cmsmasters-single-meta-second-text-transform); -webkit-text-decoration: var(--cmsmasters-single-meta-second-text-decoration); text-decoration: var(--cmsmasters-single-meta-second-text-decoration); font-size: var(--cmsmasters-single-meta-second-font-size); line-height: var(--cmsmasters-single-meta-second-line-height); letter-spacing: var(--cmsmasters-single-meta-second-letter-spacing); word-spacing: var(--cmsmasters-single-meta-second-word-spacing); color: var(--cmsmasters-single-meta-second-colors-text); text-align: var(--cmsmasters-single-meta-second-box-alignment); background-color: var(--cmsmasters-single-meta-second-box-bg-color); border-style: var(--cmsmasters-single-meta-second-box-bd-style); border-top-width: var(--cmsmasters-single-meta-second-box-bd-width-top); border-right-width: var(--cmsmasters-single-meta-second-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-meta-second-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-meta-second-box-bd-width-left); border-color: var(--cmsmasters-single-meta-second-box-bd-color); border-radius: var(--cmsmasters-single-meta-second-box-bd-radius); padding-top: var(--cmsmasters-single-meta-second-box-padding-top); padding-right: var(--cmsmasters-single-meta-second-box-padding-right); padding-bottom: var(--cmsmasters-single-meta-second-box-padding-bottom); padding-left: var(--cmsmasters-single-meta-second-box-padding-left); margin-top: var(--cmsmasters-single-meta-second-box-margin-top); margin-right: var(--cmsmasters-single-meta-second-box-margin-right); margin-bottom: var(--cmsmasters-single-meta-second-box-margin-bottom); margin-left: var(--cmsmasters-single-meta-second-box-margin-left); } .cmsmasters-single-post-meta_second a { color: var(--cmsmasters-single-meta-second-colors-link); } .cmsmasters-single-post-meta_second a:hover { color: var(--cmsmasters-single-meta-second-colors-hover); } .cmsmasters-single-post-meta_second__inner { margin-top: calc(var(--cmsmasters-single-meta-second-elements-gap) * -1); margin-left: calc(var(--cmsmasters-single-meta-second-elements-gap) * -1); display: inline-block; } .cmsmasters-single-post-meta_second__inner > * { margin-top: var(--cmsmasters-single-meta-second-elements-gap); margin-left: var(--cmsmasters-single-meta-second-elements-gap); display: inline-block; position: relative; } .cmsmasters-single-post-meta_second__inner > *:before { content: ""; display: var(--cmsmasters-single-meta-second-divider-visibility); color: var(--cmsmasters-single-meta-second-divider-color); border-color: var(--cmsmasters-single-meta-second-divider-color); background-color: var(--cmsmasters-single-meta-second-divider-color); width: var(--cmsmasters-single-meta-second-divider-width); height: var(--cmsmasters-single-meta-second-divider-height); margin: auto !important; position: absolute; left: calc(var(--cmsmasters-single-meta-second-elements-gap) / 2 * -1); right: auto; top: 0; bottom: 0; transform: translateX(-50%); border-radius: var(--cmsmasters-single-meta-second-divider-bd-radius); } .cmsmasters-single-post-meta_second__inner > *:first-child:before { content: none; } .cmsmasters-single-post-content { max-width: 100%; padding-top: var(--cmsmasters-single-content-box-padding-top); padding-right: var(--cmsmasters-single-content-box-padding-right); padding-bottom: var(--cmsmasters-single-content-box-padding-bottom); padding-left: var(--cmsmasters-single-content-box-padding-left); margin-top: var(--cmsmasters-single-content-box-margin-top); margin-bottom: var(--cmsmasters-single-content-box-margin-bottom); margin-left: auto; margin-right: auto; } .cmsmasters-single-post-content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters-content-layout-fullwidth .cmsmasters-single-post-content { max-width: var(--cmsmasters-single-content-box-width); } .cmsmasters-content-layout-fullwidth.elementor-page .cmsmasters-single-post-content { max-width: 100%; padding-left: 0; padding-right: 0; } .cmsmasters-single-post-content > *:first-child { margin-top: 0; } .cmsmasters-single-post-content > *:last-child { margin-bottom: 0; } .cmsmasters-single-nav { border-style: var(--cmsmasters-single-nav-box-bd-style); border-top-width: var(--cmsmasters-single-nav-box-bd-width-top); border-right-width: var(--cmsmasters-single-nav-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-nav-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-nav-box-bd-width-left); border-color: var(--cmsmasters-single-nav-box-bd-color); border-radius: var(--cmsmasters-single-nav-box-bd-radius); padding-top: var(--cmsmasters-single-nav-box-padding-top); padding-right: var(--cmsmasters-single-nav-box-padding-right); padding-bottom: var(--cmsmasters-single-nav-box-padding-bottom); padding-left: var(--cmsmasters-single-nav-box-padding-left); margin-top: var(--cmsmasters-single-nav-box-margin-top); margin-right: var(--cmsmasters-single-nav-box-margin-right); margin-bottom: var(--cmsmasters-single-nav-box-margin-bottom); margin-left: var(--cmsmasters-single-nav-box-margin-left); } .cmsmasters-single-nav__inner { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .cmsmasters-single-nav__inner { flex-direction: row; justify-content: space-between; } } @media only screen and (max-width: 767px) { .cmsmasters-single-nav__inner > span:not(:empty) + span { margin-top: 20px; padding-top: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: var(--cmsmasters-colors-bd); } } .cmsmasters-single-nav__inner > span { display: flex; align-items: center; } @media only screen and (min-width: 1025px) { .cmsmasters-single-nav__inner > span { max-width: 50%; } } .cmsmasters-single-nav__inner a { display: block; color: var(--cmsmasters-colors-heading); position: relative; } .cmsmasters-single-nav__inner a:hover { color: var(--cmsmasters-colors-link); } .cmsmasters-single-nav__text-above { font-family: var(--cmsmasters-accent-font-family); font-weight: var(--cmsmasters-accent-font-weight); font-style: var(--cmsmasters-accent-font-style); text-transform: var(--cmsmasters-accent-text-transform); -webkit-text-decoration: var(--cmsmasters-accent-text-decoration); text-decoration: var(--cmsmasters-accent-text-decoration); font-size: var(--cmsmasters-accent-font-size); line-height: var(--cmsmasters-accent-line-height); letter-spacing: var(--cmsmasters-accent-letter-spacing); word-spacing: var(--cmsmasters-accent-word-spacing); color: var(--cmsmasters-colors-hover); display: block; margin-bottom: 8px; } .cmsmasters-single-nav__text { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); -webkit-text-decoration: var(--cmsmasters-h5-text-decoration); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); word-spacing: var(--cmsmasters-h5-word-spacing); display: block; position: relative; } .cmsmasters-single-nav__arrow { font-size: 18px; line-height: 1em; color: var(--cmsmasters-colors-bd); width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 2px; bottom: 0; transition: color 0.3s ease-in-out; } a:hover .cmsmasters-single-nav__arrow { color: var(--cmsmasters-colors-link); } .cmsmasters-single-nav__arrow:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters-single-nav__prev { text-align: left; justify-content: flex-start; padding-right: 20px; } .cmsmasters-single-nav__prev .cmsmasters-single-nav__arrow { left: 0; right: auto; } .cmsmasters-single-nav__prev a { padding-left: 31px; } .cmsmasters-single-nav__next { text-align: right; justify-content: flex-end; } .cmsmasters-single-nav__next .cmsmasters-single-nav__arrow { left: auto; right: 0; } .cmsmasters-single-nav__next a { padding-right: 31px; } .cmsmasters-single-author { border-style: var(--cmsmasters-single-author-box-bd-style); border-top-width: var(--cmsmasters-single-author-box-bd-width-top); border-right-width: var(--cmsmasters-single-author-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-author-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-author-box-bd-width-left); border-color: var(--cmsmasters-single-author-box-bd-color); border-radius: var(--cmsmasters-single-author-box-bd-radius); padding-top: var(--cmsmasters-single-author-box-padding-top); padding-right: var(--cmsmasters-single-author-box-padding-right); padding-bottom: var(--cmsmasters-single-author-box-padding-bottom); padding-left: var(--cmsmasters-single-author-box-padding-left); margin-top: var(--cmsmasters-single-author-box-margin-top); margin-right: var(--cmsmasters-single-author-box-margin-right); margin-bottom: var(--cmsmasters-single-author-box-margin-bottom); margin-left: var(--cmsmasters-single-author-box-margin-left); } .cmsmasters-single-author__title { margin-bottom: 45px; } .cmsmasters-single-author__title:empty { display: none; } @media only screen and (min-width: 768px) { .cmsmasters-single-author__inner { display: flex; align-items: flex-start; } } .cmsmasters-single-author__avatar { margin-bottom: 30px; border-radius: 200px; flex-shrink: 0; overflow: hidden; } @media only screen and (min-width: 768px) { .cmsmasters-single-author__avatar { margin-right: 30px; margin-bottom: 0; } } .cmsmasters-single-author__avatar img { display: block; border-radius: 200px; } .cmsmasters-single-author__content-wrap { flex-grow: 1; } .cmsmasters-single-author__name { margin: 0 0 9px; } .cmsmasters-single-author__content > *:first-child { margin-top: 0; } .cmsmasters-single-author__content > *:last-child { margin-bottom: 0; } .cmsmasters-single-author__link-wrap { margin-top: 9px; } .cmsmasters-single-author__link { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); } .cmsmasters-single-slider { border-style: var(--cmsmasters-single-more-posts-box-bd-style); border-top-width: var(--cmsmasters-single-more-posts-box-bd-width-top); border-right-width: var(--cmsmasters-single-more-posts-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-more-posts-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-more-posts-box-bd-width-left); border-color: var(--cmsmasters-single-more-posts-box-bd-color); border-radius: var(--cmsmasters-single-more-posts-box-bd-radius); padding-top: var(--cmsmasters-single-more-posts-box-padding-top); padding-right: var(--cmsmasters-single-more-posts-box-padding-right); padding-bottom: var(--cmsmasters-single-more-posts-box-padding-bottom); padding-left: var(--cmsmasters-single-more-posts-box-padding-left); margin-top: var(--cmsmasters-single-more-posts-box-margin-top); margin-right: var(--cmsmasters-single-more-posts-box-margin-right); margin-bottom: var(--cmsmasters-single-more-posts-box-margin-bottom); margin-left: var(--cmsmasters-single-more-posts-box-margin-left); } .cmsmasters-single-slider .cmsmasters-swiper-slider__button { font-size: var(--single-more-posts-slider-navigation-icon-size); border-color: var(--single-more-posts-slider-navigation-normal-bd); border-style: var(--single-more-posts-slider-navigation-bd-style); color: var(--single-more-posts-slider-navigation-normal-color); background-color: var(--single-more-posts-slider-navigation-normal-bg); } .cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-prev { border-top-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-top); border-right-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-right); border-bottom-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-bottom); border-left-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-left); border-radius: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-radius); padding-top: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-top); padding-right: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-right); padding-bottom: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-bottom); padding-left: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-left); } .cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-next { border-top-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-top); border-right-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-right); border-bottom-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-bottom); border-left-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-left); border-radius: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-radius); padding-top: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-top); padding-right: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-right); padding-bottom: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-bottom); padding-left: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-left); } .cmsmasters-single-slider .cmsmasters-swiper-slider__button:hover { border-color: var(--single-more-posts-slider-navigation-hover-bd); color: var(--single-more-posts-slider-navigation-hover-color); background-color: var(--single-more-posts-slider-navigation-hover-bg); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-prev { margin-right: var(--single-more-posts-slider-navigation-gap); } .cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-next { margin-left: var(--single-more-posts-slider-navigation-gap); } .cmsmasters-single-slider .cmsmasters-swiper-slider__pagination { padding-top: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-top); padding-right: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-right); padding-bottom: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-bottom); padding-left: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-left); } .cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet { margin-right: var(--single-more-posts-slider-pagination-gap); width: var(--single-more-posts-slider-pagination-size-width); height: var(--single-more-posts-slider-pagination-size-height); border-color: var(--single-more-posts-slider-pagination-normal-bd); border-style: var(--single-more-posts-slider-pagination-bd-style); border-top-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-top); border-right-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-right); border-bottom-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-bottom); border-left-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-left); border-radius: var(--cmsmasters-single-more-posts-slider-pagination-bd-radius); background-color: var(--single-more-posts-slider-pagination-normal-bg); } .cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child { margin-right: 0; } .cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet:hover { border-color: var(--single-more-posts-slider-pagination-hover-bd); background-color: var(--single-more-posts-slider-pagination-hover-bg); } .cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--single-more-posts-slider-pagination-current-bd); background-color: var(--single-more-posts-slider-pagination-current-bg); } .cmsmasters-single-slider__title { margin-bottom: 40px; } .cmsmasters-single-slider__title:empty { display: none; } .cmsmasters-single-slider__item { outline: none; } .cmsmasters-single-slider .cmsmasters-image-wrap { overflow: hidden; } .cmsmasters-single-slider .cmsmasters-image-wrap img { width: 100%; height: auto; } .cmsmasters-single-slider__item-title { margin: 0; } .cmsmasters-image-wrap + .cmsmasters-single-slider__item-title { margin-top: 20px; } .cmsmasters-pings { margin-bottom: 3rem; } .cmsmasters-nocomments { margin-top: 3rem; } .cmsmasters-single-comments { clear: both; border-style: var(--cmsmasters-single-comments-box-bd-style); border-top-width: var(--cmsmasters-single-comments-box-bd-width-top); border-right-width: var(--cmsmasters-single-comments-box-bd-width-right); border-bottom-width: var(--cmsmasters-single-comments-box-bd-width-bottom); border-left-width: var(--cmsmasters-single-comments-box-bd-width-left); border-color: var(--cmsmasters-single-comments-box-bd-color); border-radius: var(--cmsmasters-single-comments-box-bd-radius); padding-top: var(--cmsmasters-single-comments-box-padding-top); padding-right: var(--cmsmasters-single-comments-box-padding-right); padding-bottom: var(--cmsmasters-single-comments-box-padding-bottom); padding-left: var(--cmsmasters-single-comments-box-padding-left); margin-top: var(--cmsmasters-single-comments-box-margin-top); margin-right: var(--cmsmasters-single-comments-box-margin-right); margin-bottom: var(--cmsmasters-single-comments-box-margin-bottom); margin-left: var(--cmsmasters-single-comments-box-margin-left); } .cmsmasters-single-comments:empty { display: none; } .cmsmasters-single-comments__title { margin-bottom: 35px; } .cmsmasters-single-comments .comment-navigation { margin: 30px 0; } .cmsmasters-single-comments .comment-navigation .screen-reader-text { display: none; visibility: hidden; } .cmsmasters-single-comments .comment-navigation .nav-links { display: flex; align-items: center; justify-content: space-between; font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); } .cmsmasters-single-comments .comment-navigation .cmsmasters-single-comments__nav-arrow { font-size: 0.7em; } .cmsmasters-single-comments .comment-navigation a { display: flex; align-items: center; color: var(--cmsmasters-colors-heading); } .cmsmasters-single-comments .comment-navigation a:hover { color: var(--cmsmasters-colors-link); } .cmsmasters-single-comments .comment-navigation a > span + span { margin-left: 10px; } .cmsmasters-single-comments .comment-navigation .nav-next { text-align: right; } .cmsmasters-single-comments__list { list-style: none; margin-left: 0; } .cmsmasters-single-comments__list .children { list-style: none; margin: 0; margin-left: var(--cmsmasters-single-comments-items-hor-gap); } .cmsmasters-single-comments__list .cmsmasters-single-comment { margin-top: var(--cmsmasters-single-comments-items-vert-gap); } .cmsmasters-single-comments__list > .cmsmasters-single-comment:first-child { margin-top: 0; } @media only screen and (min-width: 768px) { .cmsmasters-single-comment__body { display: flex; align-items: flex-start; } } .cmsmasters-single-comment__avatar, .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .cmsmasters-single-comment__avatar { margin-bottom: 30px; border-radius: 200px; overflow: hidden; flex-shrink: 0; } @media only screen and (min-width: 768px) { .cmsmasters-single-comment__avatar, .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .cmsmasters-single-comment__avatar { margin-bottom: 0; margin-right: 30px; } } .cmsmasters-single-comment__avatar img, .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .cmsmasters-single-comment__avatar img { display: block; border-radius: 200px; } .cmsmasters-single-comment__outer { flex-grow: 1; } @media only screen and (min-width: 768px) { .cmsmasters-single-comment__info { display: flex; flex-wrap: wrap; align-items: center; } } .cmsmasters-single-comment__title { margin: 0; margin-right: 22px; } .cmsmasters-single-comment__date { text-decoration: none; color: var(--cmsmasters-colors-hover); font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); -webkit-text-decoration: var(--cmsmasters-meta-text-decoration); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); word-spacing: var(--cmsmasters-meta-word-spacing); } .cmsmasters-single-comment__content { margin-top: 8px; } .cmsmasters-single-comment__content > *:first-child { margin-top: 0; } .cmsmasters-single-comment__content > *:last-child { margin-bottom: 0; } .cmsmasters-single-comment__reply { margin-top: 17px; font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); } .cmsmasters-single-comment__reply a + a { margin-left: 25px; } .cmsmasters-single-comments .comment-respond, .woocommerce-Reviews .comment-respond { margin-top: 70px; } .cmsmasters-single-comments .cmsmasters-single-comment .comment-respond, .woocommerce-Reviews .cmsmasters-single-comment .comment-respond { margin-top: 50px; margin-bottom: 50px; } .cmsmasters-single-comments .comment-reply-title, .woocommerce-Reviews .comment-reply-title { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); -webkit-text-decoration: var(--cmsmasters-h4-text-decoration); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); word-spacing: var(--cmsmasters-h4-word-spacing); display: flex; align-items: flex-end; margin: 0 0 10px; } .cmsmasters-single-comments .comment-reply-title small, .woocommerce-Reviews .comment-reply-title small { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); line-height: inherit !important; margin-left: 30px; } /* Error Page */ .cmsmasters-error-page { display: flex; flex-direction: column; justify-content: center; min-height: 64vh; padding-top: 20px; padding-bottom: 20px; } .cmsmasters-error-page__header { margin-bottom: 3rem; } .cmsmasters-error-page__title { font-size: 30vw; line-height: 1em; text-align: center; margin: 0; padding: 0; } @media only screen and (min-width: 768px) { .cmsmasters-error-page__title { font-size: 20vw; } } @media only screen and (min-width: 1025px) { .cmsmasters-error-page__title { font-size: 15vw; } } .cmsmasters-error-page__content { padding-left: 10px; padding-right: 10px; text-align: center; } .cmsmasters-error-page__content p { margin-bottom: 3rem; } .cmsmasters-error-page__content > *:first-child { margin-top: 0; } .cmsmasters-error-page__content > *:last-child { margin-bottom: 0; } .cmsmasters-error-page .cmsmasters-search-form { width: 340px; max-width: 90%; margin: 0 auto; } /* Breakpoints to js */ @media only screen and (max-width: 767px) { .cmsmasters-responsive-width { width: 767px; } } @media only screen and (min-width: 768px) { .cmsmasters-responsive-width { width: 768px; } } @media only screen and (min-width: 1025px) { .cmsmasters-responsive-width { width: 1025px; } } /* Main widgets styles */ .widget { margin-bottom: 60px; } .widget:last-child { margin-bottom: 0; } .widget h1 + *, .widget h2 + *, .widget h3 + *, .widget h4 + *, .widget h5 + *, .widget h6 + * { margin-top: 1.5rem; } .cmsmasters-sidebar .widget { background-color: var(--cmsmasters-sidebar-widgets-box-bg-color); border-style: var(--cmsmasters-sidebar-widgets-box-bd-style); border-top-width: var(--cmsmasters-sidebar-widgets-box-bd-width-top); border-right-width: var(--cmsmasters-sidebar-widgets-box-bd-width-right); border-bottom-width: var(--cmsmasters-sidebar-widgets-box-bd-width-bottom); border-left-width: var(--cmsmasters-sidebar-widgets-box-bd-width-left); border-color: var(--cmsmasters-sidebar-widgets-box-bd-color); border-radius: var(--cmsmasters-sidebar-widgets-box-bd-radius); box-shadow: var(--cmsmasters-sidebar-widgets-box-box-shadow); padding-top: var(--cmsmasters-sidebar-widgets-box-padding-top); padding-right: var(--cmsmasters-sidebar-widgets-box-padding-right); padding-bottom: var(--cmsmasters-sidebar-widgets-box-padding-bottom); padding-left: var(--cmsmasters-sidebar-widgets-box-padding-left); margin-top: var(--cmsmasters-sidebar-widgets-box-margin-top); margin-bottom: var(--cmsmasters-sidebar-widgets-box-margin-bottom); } .cmsmasters-sidebar .widget:first-child, .cmsmasters-sidebar .widget > *:first-child { margin-top: 0; } .cmsmasters-sidebar .widget:last-child, .cmsmasters-sidebar .widget > *:last-child { margin-bottom: 0; } .cmsmasters-footer-widgets .widget { margin-bottom: var(--cmsmasters-footer-widgets-widgets-gap); } .cmsmasters-footer-widgets .widget:last-child { margin-bottom: 0; } .cmsmasters-sidebar .widget .widgettitle { font-family: var(--cmsmasters-sidebar-widgets-title-font-family); font-weight: var(--cmsmasters-sidebar-widgets-title-font-weight); font-style: var(--cmsmasters-sidebar-widgets-title-font-style); text-transform: var(--cmsmasters-sidebar-widgets-title-text-transform); -webkit-text-decoration: var(--cmsmasters-sidebar-widgets-title-text-decoration); text-decoration: var(--cmsmasters-sidebar-widgets-title-text-decoration); font-size: var(--cmsmasters-sidebar-widgets-title-font-size); line-height: var(--cmsmasters-sidebar-widgets-title-line-height); letter-spacing: var(--cmsmasters-sidebar-widgets-title-letter-spacing); word-spacing: var(--cmsmasters-sidebar-widgets-title-word-spacing); color: var(--cmsmasters-sidebar-widgets-title-colors-color); text-align: var(--cmsmasters-sidebar-widgets-title-box-alignment); background-color: var(--cmsmasters-sidebar-widgets-title-box-bg-color); border-style: var(--cmsmasters-sidebar-widgets-title-box-bd-style); border-top-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-top); border-right-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-right); border-bottom-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-bottom); border-left-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-left); border-color: var(--cmsmasters-sidebar-widgets-title-box-bd-color); border-radius: var(--cmsmasters-sidebar-widgets-title-box-bd-radius); box-shadow: var(--cmsmasters-sidebar-widgets-title-box-box-shadow); padding-top: var(--cmsmasters-sidebar-widgets-title-box-padding-top); padding-right: var(--cmsmasters-sidebar-widgets-title-box-padding-right); padding-bottom: var(--cmsmasters-sidebar-widgets-title-box-padding-bottom); padding-left: var(--cmsmasters-sidebar-widgets-title-box-padding-left); margin-top: var(--cmsmasters-sidebar-widgets-title-box-margin-top); margin-right: var(--cmsmasters-sidebar-widgets-title-box-margin-right); margin-bottom: var(--cmsmasters-sidebar-widgets-title-box-margin-bottom); margin-left: var(--cmsmasters-sidebar-widgets-title-box-margin-left); } .cmsmasters-sidebar .widget .widgettitle a { color: var(--cmsmasters-sidebar-widgets-title-colors-link); } .cmsmasters-sidebar .widget .widgettitle a:hover { color: var(--cmsmasters-sidebar-widgets-title-colors-hover); } .cmsmasters-footer-widgets .widget .widgettitle { font-family: var(--cmsmasters-footer-widgets-title-font-family); font-weight: var(--cmsmasters-footer-widgets-title-font-weight); font-style: var(--cmsmasters-footer-widgets-title-font-style); text-transform: var(--cmsmasters-footer-widgets-title-text-transform); -webkit-text-decoration: var(--cmsmasters-footer-widgets-title-text-decoration); text-decoration: var(--cmsmasters-footer-widgets-title-text-decoration); font-size: var(--cmsmasters-footer-widgets-title-font-size); line-height: var(--cmsmasters-footer-widgets-title-line-height); letter-spacing: var(--cmsmasters-footer-widgets-title-letter-spacing); word-spacing: var(--cmsmasters-footer-widgets-title-word-spacing); color: var(--cmsmasters-footer-widgets-title-colors-color); text-align: var(--cmsmasters-footer-widgets-title-box-alignment); background-color: var(--cmsmasters-footer-widgets-title-box-bg-color); border-style: var(--cmsmasters-footer-widgets-title-box-bd-style); border-top-width: var(--cmsmasters-footer-widgets-title-box-bd-width-top); border-right-width: var(--cmsmasters-footer-widgets-title-box-bd-width-right); border-bottom-width: var(--cmsmasters-footer-widgets-title-box-bd-width-bottom); border-left-width: var(--cmsmasters-footer-widgets-title-box-bd-width-left); border-color: var(--cmsmasters-footer-widgets-title-box-bd-color); border-radius: var(--cmsmasters-footer-widgets-title-box-bd-radius); box-shadow: var(--cmsmasters-footer-widgets-title-box-box-shadow); padding-top: var(--cmsmasters-footer-widgets-title-box-padding-top); padding-right: var(--cmsmasters-footer-widgets-title-box-padding-right); padding-bottom: var(--cmsmasters-footer-widgets-title-box-padding-bottom); padding-left: var(--cmsmasters-footer-widgets-title-box-padding-left); margin-top: var(--cmsmasters-footer-widgets-title-box-margin-top); margin-right: var(--cmsmasters-footer-widgets-title-box-margin-right); margin-bottom: var(--cmsmasters-footer-widgets-title-box-margin-bottom); margin-left: var(--cmsmasters-footer-widgets-title-box-margin-left); } .cmsmasters-footer-widgets .widget .widgettitle a { color: var(--cmsmasters-footer-widgets-title-colors-link); } .cmsmasters-footer-widgets .widget .widgettitle a:hover { color: var(--cmsmasters-footer-widgets-title-colors-hover); } /* Import WP Widgets Styles */ /* Archive */ .widget_archive > ul { list-style: none; margin-left: 0; padding-left: 0; color: var(--cmsmasters-colors-hover); margin-top: 0; margin-bottom: 0; } .widget_archive > ul li { margin-top: 10px; } .widget_archive > ul > li:first-child { margin-top: 0; } .widget_archive > ul a { color: var(--cmsmasters-colors-heading); margin-right: 6px; } .widget_archive > ul a:hover { color: var(--cmsmasters-colors-link); } .widget_archive > ul ul { list-style: none; } /* Calendar */ .widget_calendar table { margin-top: 0; margin-bottom: 0; text-align: center; width: 100%; max-width: 100%; } .widget_calendar table caption { text-align: left; margin-bottom: 10px; } .widget_calendar table th, .widget_calendar table td { padding: 11px 2px; } .widget_calendar table thead th, .widget_calendar table thead td { font-size: calc(var(--cmsmasters-table-thead-font-size) * .78); line-height: 1em; } .widget_calendar table tbody th, .widget_calendar table tbody td { font-size: calc(var(--cmsmasters-table-font-size) * .95); line-height: 1em; } .widget_calendar .wp-calendar-nav { margin-top: 8px; } /* Categories */ .widget_categories > ul { list-style: none; margin-left: 0; padding-left: 0; color: var(--cmsmasters-colors-hover); margin-top: 0; margin-bottom: 0; } .widget_categories > ul li { margin-top: 10px; } .widget_categories > ul > li:first-child { margin-top: 0; } .widget_categories > ul a { color: var(--cmsmasters-colors-heading); margin-right: 6px; } .widget_categories > ul a:hover { color: var(--cmsmasters-colors-link); } .widget_categories > ul ul { list-style: none; } /* Meta */ .widget_meta > ul { list-style: none; margin-left: 0; padding-left: 0; color: var(--cmsmasters-colors-hover); margin-top: 0; margin-bottom: 0; } .widget_meta > ul li { margin-top: 10px; } .widget_meta > ul > li:first-child { margin-top: 0; } .widget_meta > ul a { color: var(--cmsmasters-colors-heading); margin-right: 6px; } .widget_meta > ul a:hover { color: var(--cmsmasters-colors-link); } .widget_meta > ul ul { list-style: none; } /* Navigation Menu */ .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); } .widget_nav_menu a { border-bottom-width: 1px; border-bottom-style: solid; color: var(--cmsmasters-colors-heading); border-color: var(--cmsmasters-colors-bd); display: block; padding-top: 11px; padding-bottom: 10px; } .widget_nav_menu a:hover { color: var(--cmsmasters-colors-link); } .widget_nav_menu ul ul > li > a { padding-left: 30px; } .widget_nav_menu ul ul ul > li > a { padding-left: 60px; } .widget_nav_menu ul ul ul ul > li > a { padding-left: 90px; } .widget_nav_menu ul ul ul ul ul > li > a { padding-left: 100px; } .widget_nav_menu ul ul ul ul ul ul > li > a { padding-left: 110px; } .widget_nav_menu ul ul ul ul ul ul ul > li > a { padding-left: 120px; } .widget_nav_menu ul ul ul ul ul ul ul ul > li > a { padding-left: 130px; } .widget_nav_menu ul ul ul ul ul ul ul ul ul > li > a { padding-left: 140px; } .widget_nav_menu ul ul ul ul ul ul ul ul ul ul > li > a { padding-left: 150px; } .widget_nav_menu ul ul ul ul ul ul ul ul ul ul ul > li > a { padding-left: 160px; } /* Pages */ .widget_pages > ul { list-style: none; margin-left: 0; padding-left: 0; color: var(--cmsmasters-colors-hover); margin-top: 0; margin-bottom: 0; } .widget_pages > ul li { margin-top: 10px; } .widget_pages > ul > li:first-child { margin-top: 0; } .widget_pages > ul a { color: var(--cmsmasters-colors-heading); margin-right: 6px; } .widget_pages > ul a:hover { color: var(--cmsmasters-colors-link); } .widget_pages > ul ul { list-style: none; } /* Recent Comments */ .widget_recent_comments ul { list-style: none; margin-top: 0; margin-bottom: 0; margin-left: 0; color: var(--cmsmasters-colors-hover); } .widget_recent_comments ul li { margin-top: 20px; } .widget_recent_comments ul > li:first-child { margin-top: 0; } .widget_recent_comments ul a { color: var(--cmsmasters-colors-heading); } .widget_recent_comments ul a:hover { color: var(--cmsmasters-colors-hover); } /* Recent Posts */ .widget_recent_entries ul { list-style: none; margin-top: 0; margin-bottom: 0; margin-left: 0; color: var(--cmsmasters-colors-hover); } .widget_recent_entries ul li { margin-top: 10px; } .widget_recent_entries ul > li:first-child { margin-top: 0; } .widget_recent_entries ul a { color: var(--cmsmasters-colors-heading); } .widget_recent_entries ul a:hover { color: var(--cmsmasters-colors-hover); } .widget_recent_entries .post-date { display: block; font-family: var(--cmsmasters-accent-font-family); font-weight: var(--cmsmasters-accent-font-weight); font-style: var(--cmsmasters-accent-font-style); text-transform: var(--cmsmasters-accent-text-transform); -webkit-text-decoration: var(--cmsmasters-accent-text-decoration); text-decoration: var(--cmsmasters-accent-text-decoration); font-size: var(--cmsmasters-accent-font-size); line-height: var(--cmsmasters-accent-line-height); letter-spacing: var(--cmsmasters-accent-letter-spacing); word-spacing: var(--cmsmasters-accent-word-spacing); } /* RSS */ .widget_rss ul { list-style: none; margin-top: 0; margin-bottom: 0; margin-left: 0; } .widget_rss ul li { margin-top: 25px; } .widget_rss ul > li:first-child { margin-top: 0; } .widget_rss ul .rsswidget { display: inline-block; font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); -webkit-text-decoration: var(--cmsmasters-h6-text-decoration); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); word-spacing: var(--cmsmasters-h6-word-spacing); color: var(--cmsmasters-colors-heading); } .widget_rss ul .rsswidget:hover { color: var(--cmsmasters-colors-hover); } .widget_rss ul .rss-date, .widget_rss ul cite { display: block; font-family: var(--cmsmasters-accent-font-family); font-weight: var(--cmsmasters-accent-font-weight); font-style: var(--cmsmasters-accent-font-style); text-transform: var(--cmsmasters-accent-text-transform); -webkit-text-decoration: var(--cmsmasters-accent-text-decoration); text-decoration: var(--cmsmasters-accent-text-decoration); font-size: var(--cmsmasters-accent-font-size); line-height: var(--cmsmasters-accent-line-height); letter-spacing: var(--cmsmasters-accent-letter-spacing); word-spacing: var(--cmsmasters-accent-word-spacing); color: var(--cmsmasters-colors-hover); margin-top: 5px; } .widget_rss ul .rssSummary { margin-top: 10px; } /* Search */ .cmsmasters-search-form { position: relative; } .cmsmasters-search-form input[type=search], .cmsmasters-search-form input[type=text] { width: 100%; margin: 0; padding-right: calc(1em + 5px + var(--cmsmasters-input-padding-right)); } .cmsmasters-search-form button { font-size: var(--cmsmasters-input-font-size); color: var(--cmsmasters-input-normal-colors-color); background-color: transparent; background-image: none; border: 0; width: 1em; height: 100%; margin: auto !important; position: absolute; left: auto; right: var(--cmsmasters-input-padding-right); top: 0; bottom: 0; margin: 0; padding: 0; border-radius: 0; text-shadow: none; box-shadow: none; overflow: hidden; word-break: normal; transition: all 0.3s ease-in-out; } .cmsmasters-search-form button:hover { color: var(--cmsmasters-input-focus-colors-color); } .cmsmasters-search-form button:before, .cmsmasters-search-form button:after { content: none; display: none; } .cmsmasters-search-form button i, .cmsmasters-search-form button i:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Tag Cloud */ .widget_tag_cloud .tagcloud { font-family: var(--cmsmasters-accent-font-family); font-weight: var(--cmsmasters-accent-font-weight); font-style: var(--cmsmasters-accent-font-style); text-transform: var(--cmsmasters-accent-text-transform); -webkit-text-decoration: var(--cmsmasters-accent-text-decoration); text-decoration: var(--cmsmasters-accent-text-decoration); font-size: var(--cmsmasters-accent-font-size); line-height: var(--cmsmasters-accent-line-height); letter-spacing: var(--cmsmasters-accent-letter-spacing); word-spacing: var(--cmsmasters-accent-word-spacing); display: flex; flex-wrap: wrap; margin: -6px -3px 0; } .widget_tag_cloud .tag-cloud-link { margin: 6px 3px 0; padding: 6px 12px; font-size: 70% !important; color: var(--cmsmasters-colors-heading); background-color: var(--cmsmasters-colors-alternate); transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .widget_tag_cloud .tag-cloud-link:hover { color: var(--cmsmasters-colors-bg); background-color: var(--cmsmasters-colors-link); } /* Text */ .widget_text .textwidget:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .widget_text .textwidget > *:first-child { margin-top: 0; } .widget_text .textwidget > *:last-child { margin-bottom: 0; } /* Page Preloader */ .cmsmasters-page-preloader { background-color: var(--cmsmasters-page-preloader-bg-color); background-image: var(--cmsmasters-page-preloader-bg-image); background-repeat: var(--cmsmasters-page-preloader-bg-repeat); background-position: var(--cmsmasters-page-preloader-bg-position); background-size: var(--cmsmasters-page-preloader-bg-size); background-attachment: var(--cmsmasters-page-preloader-bg-attachment); position: fixed; inset: 0; display: grid; place-items: center; z-index: 10000; animation-fill-mode: both; animation-duration: var(--cmsmasters-page-preloader-animation-duration); } .cmsmasters-page-preloader[disabled] { display: none; } .cmsmasters-page-preloader--entering { animation-name: var(--cmsmasters-page-preloader-entrance-animation); animation-delay: 0.5s; } .cmsmasters-page-preloader--exiting { animation-name: var(--cmsmasters-page-preloader-exit-animation); } .cmsmasters-page-preloader--entered:not(.cmsmasters-page-preloader--preview) { display: none; } .cmsmasters-page-preloader--preview { animation-fill-mode: initial; } .cmsmasters-page-preloader__preloader { position: absolute; transform: rotate(var(--cmsmasters-page-preloader-preloader-rotate)); animation-name: var(--cmsmasters-page-preloader-preloader-animation); animation-duration: var(--cmsmasters-page-preloader-preloader-animation-duration); animation-iteration-count: infinite; animation-timing-function: linear; } .cmsmasters-page-preloader__preloader-icon, .cmsmasters-page-preloader__preloader-animation { font-size: var(--cmsmasters-page-preloader-preloader-size); color: var(--cmsmasters-page-preloader-preloader-color); fill: var(--cmsmasters-page-preloader-preloader-color); } .cmsmasters-page-preloader__preloader-icon svg, .cmsmasters-page-preloader__preloader-animation svg { width: 1em; height: 1em; } .cmsmasters-page-preloader__preloader-image { width: var(--cmsmasters-page-preloader-preloader-width); max-width: var(--cmsmasters-page-preloader-preloader-max-width); opacity: var(--cmsmasters-page-preloader-preloader-opacity); } .cmsmasters-page-preloader__preloader-image img { width: 100%; } .cmsmasters-page-preloader__preloader-animation-element { display: block; } .cmsmasters-page-preloader__preloader-animation-element[type=circle], .cmsmasters-page-preloader__preloader-animation-element[type=circle-dashed], .cmsmasters-page-preloader__preloader-animation-element[type=spinners] { border: 0.1em solid var(--cmsmasters-page-preloader-preloader-color); width: 1em; height: 1em; border-top-color: rgba(0, 0, 0, 0); border-radius: 100%; animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-spin linear infinite; } .cmsmasters-page-preloader__preloader-animation-element[type=circle-dashed] { border: 0.1em solid rgba(255, 255, 255, 0.3); border-top-color: var(--cmsmasters-page-preloader-preloader-color); } .cmsmasters-page-preloader__preloader-animation-element[type=spinners] { border-bottom-color: rgba(0, 0, 0, 0); } .cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots], .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] { display: flex; gap: 1em; } .cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span, .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span { height: 1em; width: 1em; border-radius: 100%; background-color: var(--cmsmasters-page-preloader-preloader-color); } .cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span:nth-child(2), .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span:nth-child(2) { animation-delay: var(--cmsmasters-page-preloader-dots-delay); } .cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span:nth-child(3), .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span:nth-child(3) { animation-delay: calc(var(--cmsmasters-page-preloader-dots-delay) * 2); } .cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span:nth-child(4), .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span:nth-child(4) { animation-delay: calc(var(--cmsmasters-page-preloader-dots-delay) * 3); } .cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span { --cmsmasters-page-preloader-dots-delay: calc(var(--cmsmasters-page-preloader-preloader-animation-duration) / 10); animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-bounce linear infinite; } .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span { --cmsmasters-page-preloader-dots-delay: calc(var(--cmsmasters-page-preloader-preloader-animation-duration) / 6); animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-pulsing-dots linear infinite; } .cmsmasters-page-preloader__preloader-animation-element[type=pulse] { height: 1em; width: 1em; position: relative; } .cmsmasters-page-preloader__preloader-animation-element[type=pulse]:before, .cmsmasters-page-preloader__preloader-animation-element[type=pulse]:after { content: ""; position: absolute; inset: 0; border: 0.05em solid var(--cmsmasters-page-preloader-preloader-color); border-radius: 100%; animation: 1.2s cmsmasters-page-preloader-animation-pulse infinite both ease-out; } .cmsmasters-page-preloader__preloader-animation-element[type=pulse]:after { animation-delay: 0.6s; } .cmsmasters-page-preloader__preloader-animation-element[type=overlap] { height: 1em; width: 1em; position: relative; } .cmsmasters-page-preloader__preloader-animation-element[type=overlap]:before, .cmsmasters-page-preloader__preloader-animation-element[type=overlap]:after { content: ""; inset: 0; position: absolute; background: var(--cmsmasters-page-preloader-preloader-color); border-radius: 100%; opacity: 0.5; animation: 2s cmsmasters-page-preloader-animation-overlap infinite both ease-in-out; } .cmsmasters-page-preloader__preloader-animation-element[type=overlap]:after { animation-delay: -1s; animation-direction: reverse; } .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners], .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners], .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings] { height: 1em; width: 1em; position: relative; } .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:after { content: ""; border: 0.1em solid var(--cmsmasters-page-preloader-preloader-color); display: block; position: absolute; border-radius: 100%; border-top-color: transparent; animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-spin linear infinite; } .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:before { inset: -0.3em; } .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:after { animation-duration: calc(var(--cmsmasters-page-preloader-preloader-animation-duration) - 0.2s); inset: 0; opacity: 0.5; } .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after { border-bottom-color: transparent; } .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:after { animation-direction: reverse; } .cmsmasters-page-preloader__preloader-animation-element[type=progress-bar], .cmsmasters-page-preloader__preloader-animation-element[type=two-way-progress-bar], .cmsmasters-page-preloader__preloader-animation-element[type=repeating-bar] { width: 5em; height: 0.05em; max-width: 50vw; background: var(--cmsmasters-page-preloader-preloader-color); animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-progress-bar linear infinite both; } .cmsmasters-page-preloader__preloader-animation-element[type=progress-bar] { transform-origin: 0 50%; } .cmsmasters-page-preloader__preloader-animation-element[type=repeating-bar] { animation-name: cmsmasters-page-preloader-animation-repeating-bar; } @media (prefers-reduced-motion: reduce) { .cmsmasters-page-preloader, .cmsmasters-page-preloader__preloader { display: none; } } @keyframes cmsmasters-page-preloader-transition-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes cmsmasters-page-preloader-transition-fade-in-down { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } @keyframes cmsmasters-page-preloader-transition-fade-in-left { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes cmsmasters-page-preloader-transition-fade-in-right { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes cmsmasters-page-preloader-transition-fade-in-up { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @keyframes cmsmasters-page-preloader-transition-zoom-in { 0% { opacity: 0; transform: scale3d(0, 0, 0); } 100% { opacity: 1; } } @keyframes cmsmasters-page-preloader-transition-slide-in-down { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes cmsmasters-page-preloader-transition-slide-in-left { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes cmsmasters-page-preloader-transition-slide-in-right { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes cmsmasters-page-preloader-transition-slide-in-up { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes cmsmasters-page-preloader-transition-fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes cmsmasters-page-preloader-transition-fade-out-up { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes cmsmasters-page-preloader-transition-fade-out-left { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes cmsmasters-page-preloader-transition-fade-out-right { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes cmsmasters-page-preloader-transition-fade-out-down { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes cmsmasters-page-preloader-transition-slide-out-up { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -100%, 0); visibility: visible; } } @keyframes cmsmasters-page-preloader-transition-slide-out-left { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-100%, 0, 0); visibility: visible; } } @keyframes cmsmasters-page-preloader-transition-slide-out-right { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(100%, 0, 0); visibility: visible; } } @keyframes cmsmasters-page-preloader-transition-slide-out-down { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 100%, 0); visibility: visible; } } @keyframes cmsmasters-page-preloader-transition-zoom-out { 0% { opacity: 1; } 100% { opacity: 0; transform: scale3d(0, 0, 0); } } @keyframes cmsmasters-page-preloader-animation-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes cmsmasters-page-preloader-animation-bounce { 0%, 40%, 100% { transform: translateY(0); } 20% { transform: translateY(-80%); } } @keyframes cmsmasters-page-preloader-animation-pulsing-dots { 0%, 40%, 100% { transform: scale(1); } 20% { transform: scale(1.5); } } @keyframes cmsmasters-page-preloader-animation-pulse { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } } @keyframes cmsmasters-page-preloader-animation-overlap { 0%, 100% { transform: scale(0.2); } 50% { transform: scale(1); } } @keyframes cmsmasters-page-preloader-animation-progress-bar { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes cmsmasters-page-preloader-animation-repeating-bar { 0% { transform: scaleX(0); transform-origin: 0 50%; } 49% { transform-origin: 0 50%; } 50% { transform: scaleX(1); transform-origin: 100% 50%; } 100% { transform: scaleX(0); transform-origin: 100% 50%; } } /*# sourceMappingURL=frontend.css.map */
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.03 |
proxy
|
phpinfo
|
Настройка