img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px } .wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em} /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } .wpcf7-not-valid-tip { direction: rtl; } .use-floating-validation-tip .wpcf7-not-valid-tip { right: 1em; } .wpcf7-list-item { margin: 0 1em 0 0; } /*! Theme Name: Easy Code Basic Theme URI: https://easycodebasic.co.il/ Description: A plain-vanilla & lightweight theme for special websites. Support all major plugins including: WooCommerce, Elementor. Use it free. Author: Be Wiser Coding Author URI: https://bewisercoding.co.il/ Version: 1.01 Stable tag: 1.0 Requires at least: 4.7 Tested up to: 5.7.2 Requires PHP: 7.2 and up License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: easy-code-basic Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, one-column, blog, widgets area */ /* Style - include Theme style ========================================================================== */ /*! * Based on Elementor Hello Theme for Elementor Page and Theme Builder * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License */ :root { /* Font Family */ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";); --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); /* Font Size */ --global--font-size-base: 1.25rem; --global--font-size-xs: 1rem; --global--font-size-sm: 1.125rem; --global--font-size-md: 1.25rem; --global--font-size-lg: 1.5rem; --global--font-size-xl: 2.25rem; --global--font-size-xxl: 4rem; --global--font-size-xxxl: 5rem; --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: normal; /* Line Height */ --global--line-height-body: 1.7; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; } /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; /* 3 */ } /* Sections ========================================================================== */ body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000000; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** * 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 { margin-top: .5rem; margin-bottom: 1rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: .9rem; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ white-space: pre-wrap; } /* Text-level semantics ========================================================================== */ a { background-color: transparent; text-decoration: none; color: #0753B3; } a:hover, a:active { color: #1f71d6; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; height: auto; max-width: 100%; } /* 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; } figcaption { font-size: 16px; color: #333333; line-height: 1.4; font-style: italic; font-weight: 400; } /* Misc ========================================================================== */ /** * 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; } /* Print ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ -webkit-box-shadow: none !important; 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 #cccccc; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* DO NOT CHANGE THIS FILE to override any of the settings in this section, add your styling code in the custom directory. */ /* Forms ========================================================================== */ label { display: inline-block; line-height: 1; vertical-align: middle; } /** * 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.5; /* 1 */ margin: 0; /* 2 */ } input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea { width: 100%; border: solid 1px #000; border-radius: 3px; padding: 0.5rem 1rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; direction: rtl !important;} input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, select:focus, textarea:focus { border-color: #000; outline: 0 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; } /** * 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-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } button, [type="submit"], [type="button"] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid #000; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 3px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } button:focus, [type="submit"]:focus, [type="button"]:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button:hover, button:focus, [type="submit"]:hover, [type="submit"]:focus, [type="button"]:hover, [type="button"]:focus { color: #ffffff; background-color: #525252; text-decoration: none; } button:not(:disabled), [type="submit"]:not(:disabled), [type="button"]:not(:disabled) { cursor: pointer; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; 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"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } select { display: block; } /* DO NOT CHANGE THIS FILE to override any of the settings in this section, add your styling code in the custom directory. */ /* Table ========================================================================== */ table { background-color: transparent; width: 100%; margin-bottom: 15px; font-size: 0.9em; border-spacing: 0; border-collapse: collapse; } table th, table td { padding: 15px; line-height: 1.5; vertical-align: top; border: 1px solid #cccccc; } table th { font-weight: bold; } table thead th, table tfoot th { font-size: 1em; } table caption + thead tr:first-child th, table caption + thead tr:first-child td, table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 1px solid #cccccc; } table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th { background-color: #f7f7f7; } table tbody + tbody { border-top: 2px solid #cccccc; } @media (max-width: 767px) { table table { font-size: 0.8em; } table table th, table table td { padding: 7px; line-height: 1.3; } table table th { font-weight: 400; } } /* DO NOT CHANGE THIS FILE to override any of the settings in this section, add your styling code in the custom directory. */ /* Lists ========================================================================== */ dl, dt, dd, ol, ul, li { margin-top: 0; margin-bottom: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* Theme Support ========================================================================== */ /* $content_width * Codex: https://codex.wordpress.org/Content_Width */ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }/** * Underline links */ .decore-underline { text-decoration: underline; } /** * Home Page Styles */ .image_row { padding: 4px; } /* general wrappers section style */ .about, .social_instagram { max-width: 1180px; width: 100%; margin: 15px auto 0; padding: 20px; } /* inner wrapper */ .about_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* image wrapper */ .about_image { width: 100%; max-width: 280px; } @media only screen and (max-width: 1030px) { .about_image { max-width: 320px; } } @media only screen and (max-width: 900px) { .about_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about_image { max-width: 200px; } } /* about bio p */ .about_bio p { padding: 0 10px; color: #444; font-family: "Arial",Sans-serif; font-size: 15px; overflow-wrap: break-word; } /* projects btn wrapper */ .links { text-align: center; margin: 35px auto 15px; } /* a tag type btn */ .links_projects { background-color: #565656; color: #fff; padding: 8px 14px; } .links_projects:hover, .links_projects:visited { color: #fff; background-color: #6a6a6a; } /* play video icon wrapper */ .premium-video-box-play-icon-container { left: 50%; top: 50%; background-color: #FDFDFD54; border-style: solid; border-width: 3px; border-radius: 100px; position: absolute; z-index: 2; cursor: pointer; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgb(252,252,252); background: rgba(252,252,252,.35); } /* play video icon */ .premium-video-box-play-icon { padding: 17px 15px 17px 17px; margin: 0; line-height: 2; font-size: 28px; } .fa-play { padding: 16px 20px; margin: 0; } /* play video icon - video page */ #videos { padding: 14px 16px 10px !important; font-size: 18px; } /* image & icon wrapper */ .image-overlay { position: absolute; height: 100%; width: 100%; top:0; } .v-wrapper { padding: 20px; } .image-overlay-mobile { background-image: url('https://dalitlilienthal.com/wp-content/uploads/2022/05/maxresdefault.webp'); background-size: cover; background-position: center; } @media ONLY SCREEN AND (max-width: 992px) { .image-overlay-mobile { background-image: url('https://dalitlilienthal.com/wp-content/uploads/2022/05/video-overlay-mobile.webp'); background-size: cover; background-position: center; } } /* project title */ .single-item h2 { position: relative; bottom: -90%; right: 35px; display: inline-block; background-color: #080808ab; color: #fff; padding: 2px 4px; line-height: 20px; z-index: 150; } /* image wrapper - all images */ .single-item { height: 100vh !important; } /* img tag - hide on desktop(bg-image exist) */ .slider-image{ display: none !important; } /* Arrows style */ .arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px; position: relative; bottom: 480px; visibility: hidden; } /* Style next/prev buttons slick arrows */ .next, .prev { border: none; z-index: 8; outline: none; } .slick-arrow { background-color: #08080863; padding: 4px 14px; border-radius: 3px; color: rgb(255, 255, 255);; font-size: 22px; } /* arrow icon */ .i-angle { background-color: #08080863; color: rgb(255, 255, 255); border-radius: 3px; font-size: 25px; padding: 6px 12px; } /*arrow wrapper*/ .slick-arrow:hover, .slick-arrow:active, .slick-arrow:visited { outline: none; visibility: visible; } .slick-arrow:focus, .slick-arrow:focus-visible { outline: none; } /* Dots styles */ .slick-dots { bottom: 10px; display: inline-block; } /*dot button*/ .slick-dots li button { border: none; color: #08080863; font-family: unset; } ul.slick-dots li[role="presentation"] { margin: 1px !important; } .slick-dots li button:hover, .slick-dots li button:visited, .slick-dots li button:focus { background-color: unset; color: #08080883; } .slick-dots li button::before { font-size: 55px; } /* General font size */ .f16 { font-size: 14px; } /** * More space for slick dots */ .slicks-dots { margin-top: -75px; text-align: center; } /** * Slick list dots inline */ .slicks-dots li { display: inline; outline: none; } /** * Slick list dots inside button */ .slicks-dots li button { border: none; color: rgb(0, 0, 0); padding: 3px; outline: none; font-size: 0; } /** * Slick list dots inside button hover */ .slicks-dots li button:hover, .slicks-dots li button:focus { background-color: unset; color: rgb(0, 0, 0); outline: none; } /* active class dot color */ .slick-active button::before { color: #ddd !important; } /** * Add new dots to slick dots */ .slicks-dots li button::before { content: '•'; font-size: 35px; line-height: 20px; position: relative; top: 0; left: 0; width: 20px; height: 20px; text-align: center; opacity: .75; color: rgb(0, 0, 0); outline: none; } .slicks-dots li button:hover::before { color: rgb(8, 8, 8); opacity: 0.5; } /* youtube video */ .v-wrapper { margin: auto; width: 100%; max-width: 1180px; height: 100%; max-height: 664px; } /* iframe */ #v-responsive { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } /* iframe wrapper */ .iframe-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } .fopen-13 { font-size: 14px; text-align: center; margin-top: 8px; } @media ONLY screen AND (max-width: 992px) { .single-item { height: 100% !important; } /* img tag - hide on desktop(bg-image exist) */ .slider-image { display: block !important; } .si-1, .si-2, .si-3, .si-4, .si-5, .si-6, .si-7 { background-image: unset; } .single-item h2 { position: absolute; bottom: 0; } .arrows { bottom: 390px; } .slicks-dots { margin-top: -45px; } .woo-slicks-wrapper { top: 0; } } @media ONLY screen AND (max-width: 860px) { .arrows { bottom: 320px; } } @media ONLY screen AND (max-width: 767px) { .arrows { bottom: 300px; padding: 0; } .slick-arrow { padding: 2px 11px 2px; margin: auto 10px; } .premium-video-box-play-icon { line-height: 1.8; } } @media ONLY screen AND (max-width: 660px) { .arrows { bottom: 275px; } .visible { visibility: visible; } } @media ONLY screen AND (max-width: 576px) { .arrows { bottom: 250px; } } @media ONLY screen AND (max-width: 520px) { .arrows { bottom: 225px; } } @media ONLY screen AND (max-width: 470px) { .arrows { bottom: 195px; } .social_instagram { padding: 5px; } } @media ONLY screen AND (max-width: 380px) { .arrows { bottom: 175px; } } @media ONLY screen AND (max-width: 356px) { .arrows { bottom: 160px; } } /** * PROJECTS CPT ============================ */ .projects_main { margin: 80px auto; } .projects_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; direction: ltr; } .projects_item { margin: 1.5rem; } .img_container::before { content: '\f064'; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-decoration: inherit; color: #ffffff; font-size: 15px; top: 34%; left: 41%; border-radius: 100px; padding: 22px 26px; position: absolute; background-color: #2f2c2c; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); display:none; opacity: 0.9; } .img_container:hover { z-index:300; } .custom_overlay { height: 90%; width: 100%; top: 0; left: 0; position: absolute; } .custom_overlay:hover { background-color: rgba(255, 255, 255, 0.7); opacity: 0.71; } .img_container:hover::before { -webkit-animation: mymove .5s; animation: mymove .5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; display: block; z-index: 301; } .projects_item a { color: #000; text-decoration: none; } .projects_link { font-size: 15px; background-color: #fff; padding: 14px 10px; margin: 0; text-align: center; border-bottom: 1px solid #f7f7f7; font-weight: 300; } .projects_image { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; max-width: 100%; height: auto; display: block; margin: auto; } .hover_fix .custom_overlay { background-color: rgba(255, 255, 255, 0.7); opacity: 0.71; } .projects_item { position: relative; overflow: hidden } @-webkit-keyframes mymove { 0% { padding: 10px; font-size: 14px; -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { padding: 26px 32px; font-size: 16px;} 100% { -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg); } } @keyframes mymove { 0% { padding: 10px; font-size: 14px; -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { padding: 26px 32px; font-size: 16px;} 100% { -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg); } } /** * NEWSPAPPERS CPT ============================ */ .newspaper_main { margin: 80px auto; } .newspaper_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; direction: ltr; } .newspaper_item { margin: 0.6rem; } .image-container { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .page-id-16 { background-color: #eaeaea; } .newspaper_item a { color: #000; text-decoration: none; } .media_link { font-size: 15px; background-color: #fff; padding: 14px 10px; margin: 0; text-align: center; } .media_image:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .media_image { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; max-width: 100%; height: auto; display: block; margin: auto; } .newspaper_item { position: relative; overflow: hidden } .image_container { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /** * SITE HEADER ============================ */ .top-area-all { position: fixed; z-index: 9; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0); -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; -webkit-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } #header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .page_wrap { margin: 0; max-width: 100%; } .desktop-hide, .small-desktop-hide, .mobile-pass { display: none; } .top-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } #menu-main-menu { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 0; padding-right: 0; margin-bottom: 0; border-radius: .25rem; } #menu-main-menu li { padding: 12px; font-size: 13px; line-height: 20px; color: #000; font-family: "Arial",Sans-serif; font-weight: 600; } #menu-main-menu li a { color: #000; text-decoration: none; } #menu-main-menu li:hover { border-bottom: 2px solid #000; } .current_page_item { border-bottom: 2px solid #000; } /* Fix underline in archive page */ .post-type-archive-projects .menu-item-47 { border-bottom: 2px solid #000; } /* Fix underline homepage about */ #menu-main-menu li.menu-item-6823 { border-bottom: none !important; } #menu-main-menu li.menu-item-6823:hover { border-bottom: 2px solid #000 !important; } /** * NEW HEADER STYLES */ .mobile-pass { display: none; } .nav-bkgr { background: rgba(255, 255, 255, 0.96); -webkit-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .nav-bkgr-trans { background: rgba(0, 0, 0, 0); -webkit-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .page-id-16 #header { background-color: #fff !important; -webkit-box-shadow: 0 0 5px #e4e4e4 !important; box-shadow: 0 0 5px #e4e4e4 !important; } @media only screen and (max-width: 900px) { #menu-main-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } #menu-main-menu li { padding: 0; } #menu-main-menu li a { display: block; padding: 12px; } .current_page_item { border-bottom: none; background-color: #efefef; } #menu-main-menu li:hover { border-bottom: none; background-color: #efefef; } /* Fix underline in archive page */ .post-type-archive-projects .menu-item-47 { border-bottom: none; background-color: #efefef; } #menu-main-menu li.menu-item-6823 { background-color: unset; } #menu-main-menu li.menu-item-6823:hover { border-bottom: none !important; background-color: #efefef; } .mobile-pass { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.2rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo_link, .top-area .logo-main { display: none; } header#header.clicked #top-nav { overflow-y: initial; width: 100%; margin: 0; } header#header.clicked #top-nav > ul a { display: block; color: #000; } .pages-nav { margin-bottom: 6rem; } .pages-nav ul { display: block; margin-bottom: 10rem; } .pages-nav ul li { margin: 0; font-size: 2.8rem; } .pages-nav ul a { color: #000; } .hamburger { padding: 24px 3% 0; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0 2%; overflow: visible; } .clicked .hamburger { padding-top: 13px; } .hamburger-box { width: 27px; height: 1rem; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 27px; height: 3px; background-color: #000; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .is-active .hamburger-box .hamburger-inner, .is-active .hamburger-box .hamburger-inner:after { background-color: #000; } .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; -o-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze .hamburger-inner { margin-top: -1rem; } .hamburger--squeeze.is-active .hamburger-inner { margin-top: 0.2rem; } header#header { position: fixed; -webkit-box-shadow: none; box-shadow: none; height: initial; display: block; padding: 0; width: 100%; background: #fff; z-index: 9; } header#header #top-nav { display: none; } header#header.clicked #top-nav { display: block; text-align: center; overflow-y: scroll; } header a, header .current-menu-item a { color: #fff; } header.clicked .lang-change { margin-top: 0; padding-top: 0; } .clicked #menu-language-en a { background-position: -149px -204px; } .clicked #menu-language-he a { background-position: -151px -240px; } .slick-slider { top: 52px; margin-bottom: 88px; } } /** * SITE FOOTER ============================ */ .footer { text-align: center; border-top: 1px solid #b5b5b5; padding: 15px; background-color: #fff; } .build-by, .build-by span { font-size: 12px; } .developer { color: #000; } /** * Bottom menu in mobile mode */ .floating-menu-mobile { margin-top: 15px; z-index: 999; position: fixed; background-color: #f6f6f6; box-shadow: 0px 0px 2px #bcbcbc; bottom: 0; left: 0; right: 0; } /** * Mobile menu inner wrapper */ .floating-menu-inner { display: flex; justify-content: space-around; padding: 5px 0; } /** * Icons color */ .svg-instagram { color: #fc0101; } .svg-whatsapp { color: #017e01; } .svg-phone { color: #017e01; } .svg-envelope { color: #0303fe; } @media ONLY SCREEN AND (min-width: 767px) { .floating-menu-mobile { display: none; } } @media ONLY SCREEN AND (max-width: 767px) { .footer { margin-bottom: 35px; } } /** * CONTACT PAGE ============================ */ /* main section wrapper */ .custom-contact-section { display: flex; flex-flow: column wrap; margin: 140px auto; padding: 35px; max-width: 1400px; width: 100%; font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 100; color: #565656; } /* First paragraph wrapper */ .first-paragraph-wrapper { border-bottom: 1px solid #565656; font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 100; } /* First paragraph inner wrapper */ .contact-inner { max-width: 650px; display: flex; justify-content: space-between; align-items: center; } .contact-inner p { margin-bottom: 0; font-size: 24px; } .contact-inner p a { color: #565656; } /* cf7 form wrapper */ .custom-contact-form { margin-top: 125px; } /* inputs wrappers */ .mail-wrapper, .name-wrapper { max-width: 49%; } /* submit btn wrapper */ .submit-wrapper { display: block; margin-top: -6px; } /* submit input */ .submit-wrapper .custom-submit { width: 100%; display: block; } /* form wrapper */ .custom-form { max-width: 650px; } /* cf7 spinner */ .custom-form .wpcf7-spinner { display: block; } /* cf7 form inner wrapper */ .custom-form-inner { display: flex; justify-content: space-between; } .directions { margin: 40px 0 20px 0; font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 100; } .directions p { margin-bottom: 0; } .directions .address { font-size: 19px; } .directions .hours { font-size: 14px; color: #404040; } input[type="text"], input[type="email"], input[type="tel"], textarea { border: none; border-bottom: 1px solid #565656; border-radius: 0; padding: 0.5rem 0rem; } [type="submit"] { border: none; color: #565656; } [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus-visible, [type="submit"]:focus { color: unset; background-color: unset; } .social-item { font-size: 18px; padding: 8px 0 8px 8px; } .social-item a { color: #565656; } .social-wrapper { text-align: unset; margin-top: 12px; } @media only screen and (max-width: 575px) { .custom-contact-section { margin-top: 100px; } .contact-inner { justify-content: start; flex-direction: column; align-items: start; } } /** * SINGLE PROJECT TEMPLATE STYLES ============================ */ /** * Hide area button */ .plan_hidden { display: none; } /** * plus button */ .plan_action { font-size: 20px; cursor: pointer; } /** * Read More action */ .plan_action p { font-size: 14px; display: inline-block; padding: 0 3px; } .align-left { text-align: left; } .projects_single-details-wrapper p { margin-bottom: 0; font-size: 14px; } .projects_single-details-wrapper a { text-decoration: underline; color: #000; } .type-projects { margin-top: 80px; } .projects_single-header, .projects_single-before-after { padding: 10px 0; color: #444; font-family: "Arial",Sans-serif; margin: auto 40px; } .projects_single-details-wrapper { color: #444; font-family: "Arial",Sans-serif; padding: 10px 0 10px 10px; margin: auto 40px auto 10px; } .projects_single-title { font-size: 16px; font-weight: 400; } .projects_single-content, .projects_single-plan { max-width: 900px; margin: auto; padding: 6px; } .projects_single-before-after-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .m-1 { margin: 8px; } /** * VIDEO TEMPLATE PAGE ============================ */ .videos_container { margin: 100px auto; max-width: 992px; } .iframe_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .embed_container { min-width: 470px; max-height: 320px; margin: 2px; border-bottom: 1px solid #ededed; } .embed_container-inner { position: relative; padding-bottom: 55.65%; overflow: hidden; max-width: 100%; min-width: 470px; height: 266px; margin: 2px; border-bottom: 1px solid #ededed; } .embed_container-inner iframe, .embed_container-inner object, .embed_container-inner embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .io_videos { position: relative; z-index: 2; } .video_link { font-size: 15px; background-color: #fff; padding: 14px 10px; margin: 0; text-align: center; position: relative; bottom: 0; width: 100%; z-index: 2; } @media SCREEN AND (max-width: 470px) { .embed_container-inner { min-width: 320px; height: 100%; max-height:200px } .embed_container { width: 100%; min-width: 320px; max-height: 311px } } /** * ARCHIVE & SINGLE POST STYLES ============================ */ .blog .site-main { margin: 80px auto; text-align: center; width: 100%; } .single-post .site-main { margin: 81px auto; } .page-content { margin: auto; width: 100%; max-width: 610px; padding: 8px; } .main-wrapper-inner .page-content { max-width: 645px; padding: 8px; color: #000; font-family: "Arial",Sans-serif; font-size: 18.5px; font-weight: 400; } .entry-title a { text-align: center; font-family: "Arial",Sans-serif; font-size: 30px; font-weight: 600; letter-spacing: 2px; color: #484848; } .entry-title a:hover { color: #686868; } .header-inner-wrapper .entry-title { color: #000; font-size: 30px; font-weight: 600; letter-spacing: 2px; margin-top: 50px; } .page-header .query_divider .query_divider-separator { padding: 8px; width: 20%; border-top: 1px solid #000; display: block; margin: 30px auto; } .query_divider .query_divider-separator { padding: 8px; width: 100%; border-top: 1px solid #e3e3e3; display: block; margin: 15px auto; } .query_divider-separator { width: 7%; border-top: 2px solid #bdbdbd; display: block; margin: 30px auto; } .query_post-image img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; display: block; border-radius: 10px; } .query_post-image { padding-bottom: calc(.47*100%); position: relative; top: 0; overflow: hidden; left: 0; right: 0; border: 0; } .query_post-btn { margin: 25px auto; min-height: 48px; } .query_post-btn a { color: #000; background-color: #fff; border-style: solid; border-width: 1px; border-color: #000; padding: 12px 35px; } .query_post-btn-text { font-size: 17px; } .query_post-arrow { font-size: 25px; font-weight: bold; } .navigation { width: calc(50% - (1px / 2)); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .post-nav { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right; margin-top: 55px; } .next-navigation { text-align: left; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .next-navigation a { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; width: 98%; color: #54595f; } .prev-navigation a { color: #54595f; } .navs-arrows { color: #cbcbcb; font-weight: 900; font-size: 18px; } .nav-left { padding: 0 4px 0 0; } .breadcrumbs-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #eee; padding: 10px 15px; } .breadcrumbs-wrapper p { margin: 0; font-size: 12px; color: #7a7a7a; } .breadcrumbs-wrapper p a { color: #7a7a7a; } @media ONLY SCREEN AND (max-width: 650px) { .bread-blog { display: none; } .breadcrumbs-wrapper { display: block; } } /** * 404 TEMPLATE * =================================================================================*/ .template-404 { height: 93vh; display: flex; justify-content: center; align-items: center; }/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .si-1 { background: url( https://hebrew.dalitlilienthal.com/wp-content/uploads/2023/10/TA-House-with-Longlisted-badge-archello_2-1.webp ); background-position: center center; background-repeat: no-repeat; background-size: cover; } .si-2 { background: url( https://hebrew.dalitlilienthal.com/wp-content/uploads/2022/05/slider1.webp ); background-position: center center; background-repeat: no-repeat; background-size: cover; } .si-3 { background: url( https://hebrew.dalitlilienthal.com/wp-content/uploads/2023/01/smallDSC6108-copy.webp ); background-position: center center; background-repeat: no-repeat; background-size: cover; } .si-4 { background: url( https://hebrew.dalitlilienthal.com/wp-content/uploads/2023/10/1-diagonal_red-archello-best-2022-logo.webp ); background-position: center center; background-repeat: no-repeat; background-size: cover; } .si-5 { background: url( https://hebrew.dalitlilienthal.com/wp-content/uploads/2023/01/5-_DSC9790.webp ); background-position: center center; background-repeat: no-repeat; background-size: cover; } .si-6 { background: url( https://hebrew.dalitlilienthal.com/wp-content/uploads/2023/01/6-_DSC8791-copy.webp ); background-position: center center; background-repeat: no-repeat; background-size: cover; } .si-7 { background: url( https://hebrew.dalitlilienthal.com/wp-content/uploads/2023/10/tlv13-kids-bathroom.webp ); background-position: center center; background-repeat: no-repeat; background-size: cover; } presto-player:not(.hydrated) { position: relative; background: rgba(0, 0, 0, 0.1); width: 100%; display: block; aspect-ratio: var(--presto-player-aspect-ratio, 16/9); } presto-player:not(.hydrated) .presto-loader { display: block; } .presto-block-video:not(.presto-sticky-parent) { border-radius: var(--presto-player-border-radius, 0px); overflow: hidden; transform: translateZ(0); } .presto-block-video.presto-provider-audio{ overflow: visible; } .presto-block-video .presto-sticky-parent { overflow: auto; transform: none; } .presto-sticky-parent { z-index: 99998 !important; } .presto-player-fullscreen-open { z-index: 9999999 !important; overflow: visible !important; transform: none !important; } presto-playlist, presto-player-skeleton, presto-timestamp, presto-video-curtain-ui, presto-search-bar-ui, presto-player-button, presto-cta-overlay-ui, presto-video, presto-action-bar-ui, presto-youtube-subscribe-button, presto-email-overlay-ui, presto-player-spinner, presto-action-bar, presto-cta-overlay, presto-email-overlay, presto-bunny, presto-dynamic-overlays, presto-search-bar, presto-youtube, presto-audio, presto-business-skin, presto-modern-skin, presto-muted-overlay, presto-stacked-skin, presto-vimeo, presto-action-bar-controller, presto-cta-overlay-controller, presto-email-overlay-controller, presto-dynamic-overlay-ui, presto-player, presto-playlist-item, presto-playlist-overlay, presto-playlist-ui { visibility: hidden; } .hydrated { visibility: inherit; } .presto-iframe-fallback-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.presto-iframe-fallback-container embed,.presto-iframe-fallback-container iframe,.presto-iframe-fallback-container object{position:absolute;top:0;left:0;width:100%;height:100%}