/** * DO NOT CHANGE THIS FILE! * To override any of the settings in this section, add your styling code in the custom directory. * Loading first in the style.scss & classic-editor.scss */ /** * General - https://codex.wordpress.org/CSS#WordPress_Generated_Classes * DO NOT CHANGE THIS FILE * to override any of the settings in this section, add your styling code in the custom directory. */ /* KK */ /*.entry-title { text-align: center !important; }*/ .wp-header-image figure,.wp-body-image figure,figure.wp-body-image { padding:5px; border: 1px solid #E1E1E1; } .wp-body-image-circular{ display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .wp-header-image figure figcaption,.wp-body-image figure figcaption{ margin-left: 5px; } .site-main a, .page-content a, .comments-area a { text-decoration: underline; } .site-main .page-content ul { list-style: unset; margin: unset; padding: unset; padding-left: 2rem; margin-bottom: 1rem; } .site-main .page-content li { margin-bottom: .5rem; } /*.wp-search-results--off picture { display: inline-block; }*/ /*.wp-search-results--off{ !*padding-bottom: 10px;*! margin-bottom: 20px; border-bottom: 1px solid #E1E1E1; } .wp-search-results--off p{ display: inline-block; vertical-align: top; max-width: 500px; margin-top: 5px; } .wp-search-results--off img { max-width: 166px; display: inline-block; margin-top: 10px; margin-right: 15px; vertical-align: top; padding:3px; border: 1px solid #E1E1E1; } @media (max-width: 995px) { .wp-search-results--off img { !*max-width: 95%;*! display: block; } .wp-search-results--off p{ display: block; vertical-align: top; max-width: 95%; margin-top: 5px; } } @media (max-width: 400px) { .wp-search-results--off img { max-width: 95%; display: block; margin-left: auto; margin-right: auto; } .wp-search-results--off p{ display: block; vertical-align: top; max-width: 95%; margin-top: 5px; } }*/ .item-placard-container { display: inline-block; width: 342px; max-height: 470px; margin: 15px; vertical-align: top; } .related-posts-container .item-placard-container { width: 260px; } .related-posts-container .item-placard-container .display-block .crp_excerpt{ display: block; padding-left: 7px; padding-right: 7px; padding-bottom: 10px; } @media (max-width: 350px) { .item-placard-container { width: 277px; } } .item-placard-container .display-block{ /*padding:7px;*/ border: 1px solid #E1E1E1; border-radius: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; overflow: hidden; } .item-placard-container .display-block:not(.no-hover):hover{ box-shadow: 0 1px 5px rgba(34, 25, 25, .8); -moz-box-shadow: 0 1px 5px rgba(34, 25, 25, .8); -webkit-box-shadow: 0 1px 5px rgba(34, 25, 25, .8); /* for hover when shadow is added */ border-radius: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; } .item-placard-container .title-container .wp-search-result-title{ box-sizing: border-box; border: 0; margin: 0; outline: 0; vertical-align: baseline; font-style: normal; word-wrap: break-word; display: block; text-align: center; margin-bottom: 4px; font-size: 22px; font-family: ubuntu,sans-serif!important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-size-adjust: 100%; /*padding: 0 10px;*/ line-height: 24px!important; } .item-placard-container .title-container .wp-search-result-title a{ text-decoration: none; } .item-placard-container img { width: 100%; /*border-top-right-radius: 32px; -webkit-border-top-right-radius: 32px; -moz-border-radius-topright: 32px;*/ /*border-bottom-right-radius: 32px; -webkit-border-bottom-right-radius: 32px; -moz-border-radius-bottomright: 32px;*/ /*border-bottom-left-radius: 32px; -webkit-border-bottom-left-radius: 32px; -moz-border-radius-bottomleft: 32px;*/ /*border-top-left-radius: 32px; -webkit-border-top-left-radius: 32px; -moz-border-radius-topleft: 32px;*/ } .item-placard-container .title-container { /*margin-left: 7px; margin-right: 7px; margin-top: 17px; margin-bottom: 11px;*/ padding-left:7px; padding-right:7px; padding-top:17px; } .item-placard-container .excerpt-text{ border-top: 1px solid #E1E1E1; } .item-placard-container .excerpt-text p{ max-height: 130px; padding-left: 7px; padding-right: 7px; padding-top: 11px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* Contextual Related Posts Settings */ .crp_related .crp_title{ text-align: center; font-weight: 700; margin-bottom: 11px; border-bottom: 1px solid #E1E1E1; max-height: 130px; padding-top: 11px; padding-bottom: 11px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .crp_related a { text-decoration: none; } .crp_related.crp-thumbs-grid h3.related-posts-header, .crp_related h3.related-posts-header{ margin-top: 35px !important; } .tldr_excerpt{ /*border-bottom: 1px solid #E1E1E1;*/ margin-bottom: 30px; } .tldr_title{ font-style: italic; font-weight: 700; } /* KK fix ultimage faq */ .site-main a.ewd-ufaq-post-margin { text-decoration: none; } .ewd-ufaq-faq-body { display: none; } h1, h2, h3, h4, h5 { text-decoration: none !important; } .ewd-ufaq-post-margin-symbol{ min-width: 32px; } .alignright { float: right; margin-left: 1rem; } .alignleft { float: left; margin-right: 1rem; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignwide { margin-left: -80px; margin-right: -80px; } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; } .alignfull img { width: 100vw; } .wp-caption { margin-bottom: 1.25rem; max-width: 100%; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { margin: 0; } .gallery-caption { display: block; font-size: 0.8125rem; line-height: 1.5; margin: 0; padding: 0.75rem; } .pagination { margin: 20px auto; } .sticky { position: relative; display: block; } .bypostauthor { font-size: inherit; } .hide { display: none !important; } /* DO NOT CHANGE THIS FILE to override any of the settings in this section, add your styling code in the custom directory. */ .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: #eeeeee; clip: auto !important; clip-path: none; color: #333333; display: block; font-size: 1rem; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /** * Header styling and layout */ .site-header { /* Backwards compat for Hello 2.3.0 */ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; position: relative; } .site-header .site-navigation { justify-content: flex-end; } .site-header .site-branding { display: flex; flex-direction: column; justify-content: center; } .site-header .header-inner { display: flex; flex-wrap: wrap; justify-content: space-between; } .site-header .header-inner .custom-logo-link { display: block; } .site-header .header-inner .site-branding .site-title, .site-header .header-inner .site-branding .site-description { margin: 0; } .site-header .header-inner .site-branding.show-title .site-logo { display: none !important; } .site-header .header-inner .site-branding.show-logo .site-title { display: none !important; } .site-header:not(.header-stacked) .header-inner .site-branding { max-width: 30%; } .site-header:not(.header-stacked) .header-inner .site-navigation { max-width: 70%; } .site-header.header-inverted .header-inner { flex-direction: row-reverse; } .site-header.header-inverted .header-inner .site-branding { text-align: right; } .site-header.header-inverted .header-inner .site-navigation { justify-content: start; } .site-header.header-stacked .header-inner { align-items: center; flex-direction: column; text-align: center; } @media (max-width: 576px) { .site-header .header-inner:not(.header-stacked) .site-branding { max-width: 80%; } } /** * Footer styling and layout */ .site-footer { padding-top: 1rem; padding-bottom: 1rem; position: relative; } .site-footer .footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; } .site-footer .footer-inner .custom-logo-link { display: block; } .site-footer .footer-inner .site-navigation { justify-content: flex-end; } .site-footer .footer-inner .site-branding { display: flex; flex-direction: column; justify-content: center; } .site-footer .footer-inner .site-branding .site-title, .site-footer .footer-inner .site-branding .site-description { margin: 0; } .site-footer .footer-inner .site-branding.show-title .site-logo { display: none !important; } .site-footer .footer-inner .site-branding.show-logo .site-title { display: none !important; } .site-footer .footer-inner .copyright { align-items: center; display: flex; justify-content: flex-end; } .site-footer .footer-inner .copyright p { margin: 0; } .site-footer.footer-inverted .footer-inner { flex-direction: row-reverse; } .site-footer.footer-inverted .footer-inner .site-branding { text-align: right; } .site-footer.footer-inverted .footer-inner .site-navigation { justify-content: flex-start; } .site-footer.footer-has-copyright .footer-inner .site-navigation { justify-content: center; } .site-footer.footer-stacked .footer-inner { align-items: center; flex-direction: column; text-align: center; } .site-footer.footer-stacked .footer-inner .site-branding h4.site-title { text-align: center; } .site-footer.footer-stacked .footer-inner .site-navigation .menu { padding: 0; } .site-footer:not(.footer-stacked) .footer-inner .site-branding { max-width: 20%; } .site-footer:not(.footer-stacked) .footer-inner .site-navigation { max-width: 60%; } .site-footer:not(.footer-stacked) .footer-inner .copyright { max-width: 20%; } @media (max-width: 576px) { .site-footer:not(.footer-stacked) .footer-inner .site-branding, .site-footer:not(.footer-stacked) .footer-inner .site-navigation, .site-footer:not(.footer-stacked) .footer-inner .copyright { display: block; text-align: center; width: 100%; max-width: none; } .site-footer .footer-inner .site-navigation ul.menu { justify-content: center; } .site-footer .footer-inner .site-navigation ul.menu li { display: inline-block; } } /** * Post Item in Archive */ .post .entry-title a { text-decoration: none; } .post .wp-post-image { width: 100%; max-height: 500px; object-fit: cover; } @media (max-width: 991px) { .post .wp-post-image { max-height: 400px; } } @media (max-width: 575px) { .post .wp-post-image { max-height: 300px; } } /** * Comments */ #comments .comment-list { margin: 0; padding: 0; list-style: none; font-size: .9em; } #comments .comment, #comments .pingback { position: relative; } #comments .comment .comment-body, #comments .pingback .comment-body { display: flex; flex-direction: column; padding: 30px 0 30px 60px; border-bottom: 1px solid #cccccc; } body.rtl #comments .comment .comment-body, body.rtl #comments .pingback .comment-body { padding: 30px 60px 30px 0; } #comments .comment .avatar, #comments .pingback .avatar { position: absolute; left: 0; border-radius: 50%; margin-right: 10px; } body.rtl #comments .comment .avatar, body.rtl #comments .pingback .avatar { left: auto; right: 0; margin-right: 0; margin-left: 10px; } #comments .comment-meta { display: flex; justify-content: space-between; margin-bottom: .9rem; } #comments .reply, #comments .comment-metadata { font-size: 11px; line-height: 1; } #comments .children { position: relative; list-style: none; margin: 0; padding-left: 30px; } body.rtl #comments .children { padding-left: 0; padding-right: 30px; } #comments .children li:last-child { padding-bottom: 0; } #comments ol.comment-list .children:before { display: inline-block; font-size: 1em; font-weight: normal; line-height: 100%; content: '\21AA'; position: absolute; top: 45px; left: 0; width: auto; } body.rtl #comments ol.comment-list .children:before { content: '\21A9'; left: auto; right: 0; } @media (min-width: 768px) { #comments .comment-author, #comments .comment-metadata { line-height: 1; } } @media (max-width: 767px) { #comments .comment .comment-body { padding: 30px 0; } #comments .children { padding-left: 20px; } #comments .comment .avatar { position: inherit; float: left; } body.rtl #comments .comment .avatar { float: right; } } /** * Navigation Menu's */ .site-header.header-inverted .site-navigation-toggle-holder { justify-content: flex-start; } .site-header.header-stacked .site-navigation-toggle-holder { justify-content: center; max-width: 100%; } .site-header.menu-layout-dropdown .site-navigation { display: none; } .site-navigation-toggle-holder { display: flex; align-items: center; justify-content: flex-end; flex-grow: 1; max-width: 20%; padding: 8px 15px; } .site-navigation-toggle-holder .site-navigation-toggle { display: flex; align-items: center; justify-content: center; font-size: 22px; padding: 0.25em; cursor: pointer; border: 0 solid; border-radius: 3px; background-color: rgba(0, 0, 0, 0.05); color: #494c4f; } .site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before { content: '\e87f'; } .site-navigation { grid-area: nav-menu; display: flex; align-items: center; flex-grow: 1; } .site-navigation ul.menu, .site-navigation ul.menu ul { list-style-type: none; padding: 0; } .site-navigation ul.menu { display: flex; flex-wrap: wrap; } .site-navigation ul.menu li { position: relative; display: flex; } .site-navigation ul.menu li a { display: block; padding: 8px 15px; } .site-navigation ul.menu li.menu-item-has-children { padding-right: 15px; } .site-navigation ul.menu li.menu-item-has-children:after { display: block; content: '\25BE'; font-size: 1.5em; align-items: center; color: #666666; position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-decoration: none; } .site-navigation ul.menu li.menu-item-has-children:focus-within > ul { display: block; } .site-navigation ul.menu li ul { background: #fff; display: none; min-width: 150px; position: absolute; z-index: 2; left: 0; top: 100%; } .site-navigation ul.menu li ul li { border-bottom: #eeeeee 1px solid; } .site-navigation ul.menu li ul li:last-child { border-bottom: none; } .site-navigation ul.menu li ul li.menu-item-has-children a { flex-grow: 1; } .site-navigation ul.menu li ul li.menu-item-has-children:after { transform: translateY(-50%) rotate(-90deg); } .site-navigation ul.menu li ul ul { left: 100%; top: 0; } .site-navigation ul.menu li:hover > ul { display: block; } footer .site-navigation ul.menu li ul { top: auto; bottom: 100%; } footer .site-navigation ul.menu li ul ul { bottom: 0; } footer .site-navigation ul.menu a { padding: 5px 15px; } .site-navigation-dropdown { margin-top: 10px; transition: max-height 0.3s, transform 0.3s; transform-origin: top; position: absolute; bottom: 0; left: 0; z-index: 10000; width: 100%; } .site-navigation-toggle-holder:not(.elementor-active) + .site-navigation-dropdown { transform: scaleY(0); max-height: 0; } .site-navigation-toggle-holder.elementor-active + .site-navigation-dropdown { transform: scaleY(1); max-height: 100vh; } .site-navigation-dropdown ul { padding: 0; } .site-navigation-dropdown ul.menu { position: absolute; width: 100%; padding: 0; margin: 0; background: white; } .site-navigation-dropdown ul.menu li { display: block; width: 100%; position: relative; } .site-navigation-dropdown ul.menu li a { display: block; padding: 20px; background: #ffffff; color: #55595c; box-shadow: inset 0 -1px 0 #0000001a; } .site-navigation-dropdown ul.menu li.current-menu-item a { color: white; background: #55595c; } .site-navigation-dropdown ul.menu > li li { transition: max-height 0.3s, transform 0.3s; transform-origin: top; transform: scaleY(0); max-height: 0; } .site-navigation-dropdown ul.menu li.elementor-active > ul > li { transform: scaleY(1); max-height: 100vh; } @media (max-width: 576px) { .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation { display: none !important; } } @media (min-width: 768px) { .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder { display: none !important; } } @media (min-width: 576px) and (max-width: 767px) { .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation { display: none !important; } } @media (min-width: 992px) { .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder { display: none !important; } } @media (max-width: 992px) { .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation { display: none !important; } } .site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder { display: none !important; } /** * Basic responsive layout */ .site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*="elementor-page-"]) .site-main { margin-right: auto; margin-left: auto; width: 100%; } @media (max-width: 575px) { .site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*="elementor-page-"]) .site-main { padding-right: 10px; padding-left: 10px; } } @media (min-width: 576px) { .site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*="elementor-page-"]) .site-main { max-width: 500px; } .site-header.header-full-width .header-inner { max-width: 100%; } .site-footer.footer-full-width .footer-inner { max-width: 100%; } } @media (min-width: 768px) { .site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*="elementor-page-"]) .site-main { max-width: 600px; } .site-header.header-full-width { max-width: 100%; } .site-footer.footer-full-width { max-width: 100%; } } @media (min-width: 992px) { .site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*="elementor-page-"]) .site-main { max-width: 800px; } .site-header.header-full-width { max-width: 100%; } .site-footer.footer-full-width { max-width: 100%; } } @media (min-width: 1200px) { .site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*="elementor-page-"]) .site-main { max-width: 960px; } /* Override the default width for the dynamic header and footer */ .site-header .header-inner, .site-footer .footer-inner { max-width: 1140px; } .site-header.header-full-width { max-width: 100%; } .site-footer.footer-full-width { max-width: 100%; } } .site-header + .elementor { min-height: calc( 100vh - 320px); } /* ewd-ufaq ultimate faq fixes. */ input[type=search].ewd-ufaq-text-input { --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0)); tab-size: 4; -webkit-text-size-adjust: 100%; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; --tw-shadow: 0 0 transparent; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,0.5); --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-shadow: 0 0 transparent; -webkit-box-sizing: border-box; min-width: 1px; margin: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0 none; display: block; line-height: 1.5; background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding: 15px 15px; background-color: #fafcfe; height: 60px; border-radius: 70px !important; -webkit-border-radius: 70px; !important; -moz-border-radius: 70px !important; border: 1px solid #ECECEC; position: relative; width: 100%; appearance: none; color: #ABABAB; font-family: Helvetica, sans-serif; letter-spacing: normal; font-size: 16px; font-weight: 500; padding-left: 25px; padding-right: 60px; /*margin: 15px !important;*/ margin-top: 15px !important; margin-right: 15px !important; margin-bottom: 15px !important; margin-left: 0px !important; } input[type=search].ewd-ufaq-text-input:focus { border: 1px solid #ECECEC; outline: none; color: #212529; background-color: #fff; border-color: #86b2d1; outline: 0; box-shadow: 0 0 0 0.25rem rgb(12 100 162 / 25%); } .ewd-ufaq-faq-body{ display:none; } .ewd-ufaq-post-margin-symbol span{ display:none; min-width:30px; min-height:30px; } div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol { min-width:32px; min-height:32px; } .ewd-ufaq-faq-category-inner { margin-bottom: 48px; } div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol { text-decoration: none; float: left; text-align: center; width: auto; height: auto; margin-right: 15px; padding: 2px 0px 0px 2px; line-height: 1; border-style: solid; border-width: 0; } .ewd-ufaq-faq-body ol, ewd-ufaq-faq-body ul { margin: unset; } .ewd-ufaq-faq-body ol { list-style-type: decimal; } .ewd-ufaq-faq-body ul { list-style-type: disc; } .ewd-ufaq-faq-body dl, .ewd-ufaq-faq-body ol, .ewd-ufaq-faq-body ul { margin-bottom: 1rem; } .ewd-ufaq-faq-body ol, .ewd-ufaq-faq-body ul { padding-left: 2rem; } .ewd-ufaq-faq-body a { /*color: #0C64A2;*/ text-decoration: underline; } /*.ewd-ufaq-post-margin a{ text-decoration: none; }*/ .ewd-ufaq-faq-title-text a,.ewd-ufaq-faq-title-text h4 a { text-decoration: none; } .ewd-ufaq-faqs { margin-top: 30px; } #ewd-ufaq-jquery-ajax-search .ewd-ufaq-field-label{ display:none; } .ewd-ufaq-faq-body { padding: 10px 0px !important; padding-left: 0px !important; } .ewd-ufaq-faq-title h1, .ewd-ufaq-faq-title h2, .ewd-ufaq-faq-title h3, .ewd-ufaq-faq-title h4, .ewd-ufaq-faq-title h5, .ewd-ufaq-faq-title h6 { text-decoration: none !important; } #ewd-ufaq-jquery-ajax-search{ max-width: 400px; margin: auto; } #search-clear{ display: none; } #ewd-ufaq-jquery-ajax-search .search-field { display: block !important; margin: 15px 0px 15px 0px !important; position: relative; } #ewd-ufaq-jquery-ajax-search .clear-field{ display: none !important; } #ewd-ufaq-jquery-ajax-search .search-field .ewd-ufaq-text-input { margin: 0 !important; padding: 8px 30px 8px 12px !important; }