@charset "UTF-8"; /* Theme Name: Mediaconsult Theme URI: celestialthemes.com/demos/mediaconsult Description: A business oriented premium theme designed for site companies, personal use, portfolio showcases and blogging. Author: Celestial Themes Author URI: http://celestialthemes.com License: Split License License URI: https://help.market.envato.com/hc/en-us/articles/202501064-What-is-Split-Licensing-and-the-GPL- Tags: threaded-comments, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, full-width-template, custom-logo, editor-style, footer-widgets, sticky-post, theme-options, translation-ready Text Domain: mediaconsult Domain Path: /languages/ Version: 4.1 */ /* =============== Table Of Contents =============== */ /* 1.0 BROWSER RESETS 1.1 THE GRID -------------------------------------------------- 2.0 MARKUP DEFAULTS 2.1 Links 2.2 Basic Html Tags 2.3 Lists 2.4 Buttons & Forms 2.5 Responsive Images 2.6 WordPress Specific Styles 2.7 Tables -------------------------------------------------- 3.0 ARCHITECTURE 3.1 Top Right Section 3.2 Logo 3.3 Main Menu Mobile 3.4 Main Menu Desktop 3.4.1 CLassic Menu 3.4.2 Modern Menu 3.5 Header 3.6 Footer 3.7 Blog 3.7.1 Standard Blog 3.7.2 Comments Section 3.8 Pagination 3.9 Widgets 3.10 Search Page 3.11 Page Not Found 3.12 Password Protected Page 3.13 Language Switchers -------------------------------------------------- 4.0 ELEMENTS 4.1 Helper Classes 4.2 Contact Form 7 4.3 Back To Top Button 4.4 Custom Elements 4.5 Bootstrap Elements 4.6 Gutenberg Elements -------------------------------------------------- 5.0 PORTFOLIO 5.1 Portfolio Filter 5.2 Portfolio General Styling 5.3 Portfolio Related Posts 5.4 Single Portfolio Post Detail 5.5 Portfolio Latest Works Shortcode -------------------------------------------------- 6.0 SLIDERS 6.1 Slick Carousel 6.2 Homepage Slider 6.3 Content Slider */ /* =============== 1.0 BROWSER RESETS =============== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } html { overflow-x: hidden; } /* ========= 2.0 MARKUP DEFAULTS ========= */ /* ========= 2.1 Links ========= */ a { transition: all 0.4s; outline: 0; text-decoration: none; } a:after, a:before { transition: all 0.4s; } a span { transition: all 0.4s; } a span:after, a span:before { transition: all 0.4s; } a input { transition: all 0.4s; } a input:after, a input:before { transition: all 0.4s; } a button { transition: all 0.4s; } a button:after, a button:before { transition: all 0.4s; } a .btn { transition: all 0.4s; } a .btn:after, a .btn:before { transition: all 0.4s; } a:hover, a:active, a:focus { outline: 0; text-decoration: none; } a:hover, a[rel=author]:hover { text-decoration: none; } /* ========= 2.2 Basic Html Tags - 240px & Above ========= */ body { font-family: 'Barlow', Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; } @media only screen and (min-width: 1249px) { body { font-size: 17px; line-height: 27px; } } address { margin: 6px 0; font-style: italic; } em { font-style: italic; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } figure { margin: 0; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } strong { font-weight: bold; } audio:not([controls]) { display: none; height: 0; } abbr, acronym { border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; text-decoration: none; } ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } strike, del { text-decoration: line-through; } embed, iframe, object { max-width: 100%; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Barlow', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; letter-spacing: -0.2px; } h1 { font-size: 32px; line-height: 40px; } h2 { font-size: 20px; line-height: 34px; } h3 { font-size: 18px; line-height: 29px; } h4 { font-size: 16px; line-height: 26px; } h5 { font-size: 8px; line-height: 23px; } h6 { font-size: 15px; line-height: 22px; letter-spacing: 0.4px; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-size: inherit; } @media only screen and (min-width: 1249px) { h1 { font-size: 36px; line-height: 42px; } h2 { font-size: 20px; line-height: 40px; } h3 { font-size: 18px; line-height: 34px; } h4 { font-size: 16px; line-height: 30px; } h5 { font-size: 20px; line-height: 27px; } h6 { font-size: 18px; line-height: 25px; } } /* Paragraphs */ p { padding: 10px 0; } p:empty { display: none; } /* Blockquotes */ blockquote { font-family: 'Barlow', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; clear: both; position: relative; padding: 14px 0 14px 48px; font-size: 20px; line-height: 30px; background: transparent; margin: 0 0 20px 0; } blockquote:before { content: "”"; position: absolute; top: 20px; left: 0; font-size: 60px; line-height: 60px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Times New Roman', 'Georgia', serif; font-weight: bold; } blockquote cite { display: block; margin-top: 4px; font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; } blockquote p:last-of-type { padding-bottom: 0; } @media only screen and (min-width: 767px) { blockquote { padding: 14px 0 14px 68px; } blockquote:before { font-size: 80px; line-height: 80px; } } @media only screen and (min-width: 991px) { blockquote { padding: 18px 0 18px 94px; } blockquote:before { left: 30px; } } /* Pre, Code & other special tags */ code, kbd, tt, var, samp { font-size: 14px; line-height: 28px; font-family: Consolas, "Monaco", Courier, "Courier New", monospace; } pre { font-size: 14px; line-height: 28px; font-family: Consolas, "Monaco", Courier, "Courier New", monospace; clear: both; display: block; font-size: 14px; margin: 30px 0; overflow: auto; padding: 24px; white-space: pre-wrap; word-wrap: break-word; } code { font-size: 14px; padding: 3px 10px; position: relative; top: -1px; border-radius: 3px; } @media only screen and (min-width: 767px) { pre { padding: 24px 40px; } } /* Unordered & Ordered Lists */ ul, ol { margin: 4px 0 12px 0; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } ul li, ol li { margin: 9px 0 0 20px; } ul li li, ol li li { margin-left: 30px; } ul { list-style: disc outside; } ol { list-style: decimal outside; } /* Definition Lists */ dl { margin: 10px 0 10px 0; } dl dt { margin: 10px 0 0 0; font-weight: bold; text-decoration: underline; } dl dd { margin: 10px 0 10px 0; padding: 0; line-height: 26px; } /* Responsive Images */ body img { max-width: 100%; } img { -ms-interpolation-mode: bicubic; } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } /* Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, .widget img { max-width: 100%; } img:not([src]):not([srcset]) { visibility: hidden; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; word-wrap: normal; } .screen-reader-text:focus { border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; display: block; font-size: 15px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* ========= 1.1 THE GRID ========= */ .header-grid, .content-left-grid, .content-right-grid, .footer-grid-1, .footer-grid-2, .footer-grid-3, .footer-grid-4, .footer-grid-5, .footer-bottom-grid, .center-aligned-grid, .port-one-col-grid, .pnf-grid, .ch-grid-1, .ch-grid-2, .ch-grid-3, .ch-grid-4, .ch-grid-5, .cta-grid-2, .cta-grid-3, .ch-call-to-action-grid, .team-member-grid, .team-grid-detail, .tabs-grid, .onethird-left-grid, .onethird-right-grid, .sidebar-left-grid, .sidebar-right-grid, .cel-post-navigation-grid { display: grid; grid-gap: 0; grid-template-columns: 1fr; max-width: 80%; margin: 0 auto; transition: all 0.5s linear 0.7s; } .team-member-grid, .cel-post-navigation-grid { max-width: 100%; } .cgrid-item { overflow: hidden; } /* header grid */ .header-grid { grid-template-areas: "hlogo" "hnav"; } .header-title-grid { grid-template-areas: "ht-left" "ht-right"; } /* content grid */ .content-left-grid { grid-template-areas: "icontent" "sbar"; } .content-right-grid { grid-template-areas: "sbar" "icontent"; } .inner-content { grid-area: icontent; overflow: hidden; } .sidebar { grid-area: sbar; overflow: hidden; } /* footer grids */ .footer-grid-1 { grid-template-areas: "fwidget-1"; } .footer-grid-2 { grid-template-areas: "fwidget-1" "fwidget-2"; } .footer-grid-3 { grid-template-areas: "fwidget-1" "fwidget-2" "fwidget-3"; } .footer-grid-4 { grid-template-areas: "fwidget-1" "fwidget-2" "fwidget-3" "fwidget-4"; } .footer-grid-5 { grid-template-areas: "fwidget-1" "fwidget-2" "fwidget-3" "fwidget-4" "fwidget-5"; } .footer-bottom-grid { grid-template-areas: "fb-left" "fb-right"; } @media only screen and (min-width: 991px) { .footer-bottom-grid { grid-template-areas: "fb-left fb-right"; } .fbottom-left { grid-area: fb-left; } .fbottom-right { grid-area: fb-right; } .footer-bottom-grid.fb-grid-reverse { grid-template-areas: "fb-right fb-left"; } } /* tabs grid */ .tabs-grid { max-width: 100%; } .tabs-grid.tabs-left { grid-template-areas: "tab-left" "tab-right"; } .tabs-grid.tabs-right { grid-template-areas: "tab-right" "tab-left"; } .tabs-grid.tabs-left .nav-tabs, .tabs-grid.tabs-right .nav-tabs { grid-area: tab-left; } .tabs-grid.tabs-left .tab-content, .tabs-grid.tabs-right .tab-content { grid-area: tab-right; } .columns-grid-2, .columns-grid-3, .columns-grid-4, .columns-grid-5, .columns-grid-onethird-left, .columns-grid-onethird-right { display: grid; grid-gap: 0; grid-template-columns: 1fr; transition: all 0.5s linear 0.7s; } .center-aligned-grid { max-width: 100%; grid-template-areas: "centered-content"; } .center-aligned-grid .aligncenter { margin-top: 0; margin-bottom: 0; } .port-one-col-grid { grid-template-areas: "port-grid-left" "port-grid-right"; } .pnf-grid { grid-template-areas: "pnf-left" "pnf-right"; } @media only screen and (min-width: 767px) { .topbar-grid, .header-grid, .header-title-grid, .content-left-grid, .content-right-grid, .content-full-grid, .footer-grid-1, .footer-grid-2, .footer-grid-3, .footer-grid-4, .footer-grid-5, .footer-bottom-grid, .center-aligned-grid, .port-one-col-grid, .pnf-grid, .ch-grid-1, .ch-grid-2, .ch-grid-3, .ch-grid-4, .ch-grid-5, .cta-grid-2, .cta-grid-icon-2, .cta-grid-3 .ch-call-to-action-grid, .team-member-grid, .team-grid-detail, .tabs-grid, .onethird-left-grid, .onethird-right-grid, .sidebar-left-grid, .sidebar-right-grid, .cel-post-navigation-grid { max-width: 70%; } .team-member-grid { max-width: 100%; grid-gap: 7%; grid-template-columns: 33% 60%; } .center-aligned-grid, .tabs-grid { max-width: 100%; } .team-grid-detail { max-width: 500px; grid-gap: 7%; grid-template-columns: 33% 60%; } .pnf-grid { grid-gap: 6%; grid-template-columns: 20% 74%; } .cel-post-navigation-grid { max-width: 100%; grid-gap: 4%; grid-template-columns: 48% 48%; } } @media only screen and (min-width: 991px) { .topbar-grid, .header-grid, .header-title-grid, .content-left-grid, .content-right-grid, .content-full-grid, .footer-grid-1, .footer-grid-2, .footer-grid-3, .footer-grid-4, .footer-grid-5, .footer-bottom-grid, .center-aligned-grid, .port-one-col-grid, .pnf-grid, .ch-grid-1, .ch-grid-2, .ch-grid-3, .ch-grid-4, .ch-grid-5, .cta-grid-2, .cta-grid-icon-2, .cta-grid-3 .ch-call-to-action-grid, .team-member-grid, .tabs-grid, .onethird-left-grid, .onethird-right-grid, .sidebar-left-grid, .sidebar-right-grid, .cel-post-navigation-grid { max-width: 86%; } /* header grid */ .header-grid { grid-gap: 4%; grid-template-columns: 40% 56%; } /* content grid */ .content-left-grid { grid-gap: 4%; grid-template-columns: 65.5% 30.5%; grid-template-areas: "icontent sbar"; } .content-right-grid { grid-gap: 4%; grid-template-columns: 30.5% 65.5%; grid-template-areas: "sbar icontent"; } .sidebar-left-grid { grid-gap: 4%; grid-template-columns: 65.5% 30.5%; } .sidebar-right-grid { grid-gap: 4%; grid-template-columns: 30.5% 65.5%; } /* columns grid */ .columns-grid-2 { grid-gap: 46px; grid-template-columns: 1fr 1fr; } .columns-grid-3 { grid-gap: 44px; grid-template-columns: 1fr 1fr 1fr; } .columns-grid-4 { grid-gap: 40px; grid-template-columns: 1fr 1fr 1fr 1fr; } .inner-content .columns-grid-4 { grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; } .columns-grid-5 { grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .inner-content .columns-grid-5 { grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .columns-grid-onethird-left { grid-gap: 44px; grid-template-columns: 1fr 2fr; } .columns-grid-onethird-right { grid-gap: 44px; grid-template-columns: 2fr 1fr; } .center-aligned-grid { max-width: 100%; grid-template-columns: 48%; justify-content: center; } .port-one-col-grid { grid-gap: 4%; grid-template-columns: 40% 56%; } /* footer grid */ .footer-grid-2 { display: grid; grid-column-gap: 40px; grid-row-gap: 0; grid-template-columns: 1fr 1fr; } .footer-grid-3 { display: grid; grid-column-gap: 40px; grid-row-gap: 0; grid-template-columns: 1fr 1fr 1fr; } .footer-grid-4 { display: grid; grid-column-gap: 40px; grid-row-gap: 0; grid-template-columns: 1fr 1fr 1fr 1fr; } .footer-grid-5 { display: grid; grid-column-gap: 24px; grid-row-gap: 0; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .footer-bottom-grid { grid-gap: 4%; grid-template-columns: 1fr 1fr; } .inner-content .columns-grid-3 { grid-gap: 30px; } .related-portfolio-wrapper .columns-grid-3 { grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr; } .onethird-left-grid { grid-gap: 30px; grid-template-columns: 1fr 2fr; } .onethird-right-grid { grid-gap: 30px; grid-template-columns: 2fr 1fr; } .ch-grid-2 { grid-gap: 0; grid-template-columns: 1fr 1fr; } .ch-grid-3 { grid-gap: 0; grid-template-columns: 1fr 1fr 1fr; } .ch-grid-4 { grid-gap: 0; grid-template-columns: 1fr 1fr 1fr 1fr; } .ch-grid-5 { grid-gap: 0; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .ch-call-to-action-grid, .cta-grid-2 { grid-gap: 30px; grid-template-columns: 3fr 1fr; } .cta-grid-icon-2 { grid-gap: 30px; grid-template-columns: 50px 1fr; } .cta-grid-3 { grid-gap: 24px; grid-template-columns: 50px 2fr 1fr; } .cta-grid-2, .cta-grid-icon-2, .cta-grid-3, .cel-post-navigation-grid { max-width: 100%; } /* team member grid */ .team-member-grid { max-width: 100%; grid-gap: 4%; grid-template-columns: 24% 72%; } .team-grid-detail { max-width: 680px; grid-gap: 6%; grid-template-columns: 33% 61%; } /* tabs grid */ .tabs-grid { max-width: 100%; } .tabs-grid.tabs-left { grid-template-areas: "tab-left tab-right"; } .tabs-grid.tabs-right { grid-template-areas: "tab-right tab-left"; } .tabs-grid.tabs-left { grid-gap: 5%; grid-template-columns: 32% 63%; } .tabs-grid.tabs-right { grid-gap: 5%; grid-template-columns: 63% 32%; } .tabs-top ul.nav-tabs > li, .tabs-bottom ul.nav-tabs > li { width: auto; border-right-width: 1px; border-bottom-width: 0; } .tabs-top ul.nav-tabs > li:last-child, .tabs-bottom ul.nav-tabs > li:last-child { border-right-width: 0; } } @media only screen and (min-width: 1249px) { .header-grid, .header-title-grid, .content-left-grid, .content-right-grid, .content-full-grid, .footer-grid-1, .footer-grid-2, .footer-grid-3, .footer-grid-4, .footer-grid-5, .footer-bottom-grid, .center-aligned-grid, .port-one-col-grid, .pnf-grid, .ch-grid-1, .ch-grid-2, .ch-grid-3, .ch-grid-4, .ch-grid-5, .team-member-grid, .tabs-grid, .onethird-left-grid, .onethird-right-grid, .sidebar-left-grid, .sidebar-right-grid, .cel-post-navigation-grid { max-width: 83%; margin: 0 auto; } /* header grid */ .header-grid { grid-gap: 4%; grid-template-columns: 30% 66%; } .header-title-grid { grid-gap: 4%; grid-template-columns: 70% 26%; } /* footer grid */ .footer-grid-2, .footer-grid-3, .footer-grid-4 { grid-column-gap: 52px; } .footer-grid-5 { grid-column-gap: 40px; } .related-portfolio-wrapper .columns-grid-3 { grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr; } .no-sidebar .related-portfolio-wrapper .columns-grid-3 { grid-gap: 44px; } .ch-call-to-action-grid { grid-gap: 30px; grid-template-columns: 4fr 1fr; } .team-member-grid { max-width: 100%; grid-gap: 3%; grid-template-columns: 20% 77%; } .center-aligned-grid, .tabs-grid, .cel-post-navigation-grid { max-width: 100%; } } @media only screen and (min-width: 1441px) { .topbar-grid, .header-grid, .header-title-grid, .content-left-grid, .content-right-grid, .content-full-grid, .footer-grid-1, .footer-grid-2, .footer-grid-3, .footer-grid-4, .footer-grid-5, .footer-bottom-grid, .center-aligned-grid, .port-one-col-grid, .pnf-grid, .ch-grid-1, .ch-grid-2, .ch-grid-3, .ch-grid-4, .ch-grid-5, .cta-grid-2, .cta-grid-3, .team-member-grid, .tabs-grid, .onethird-left-grid, .onethird-right-grid, .sidebar-left-grid, .sidebar-right-grid, .cel-post-navigation-grid { max-width: 68%; } .columns-grid-2, .columns-grid-3, .columns-grid-onethird-left, .columns-grid-onethird-right { grid-gap: 50px; } .inner-content .columns-grid-3 { grid-gap: 36px; } .related-portfolio-wrapper .columns-grid-3 { grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr; } .no-sidebar .related-portfolio-wrapper .columns-grid-3 { grid-gap: 50px; } .team-member-grid { max-width: 100%; grid-gap: 3%; grid-template-columns: 20% 77%; } .center-aligned-grid, .tabs-grid, .cel-post-navigation-grid { max-width: 100%; } .onethird-left-grid, .onethird-right-grid { grid-gap: 36px; } } /* Non Grid Content Wrapper */ .page-content-fullwidth, .cel-wrapper { margin: 0 auto; width: 80%; transition: all 0.5s linear 0.7s; } @media only screen and (min-width: 767px) { .page-content-fullwidth, .cel-wrapper { width: 70%; } } @media only screen and (min-width: 991px) { .page-content-fullwidth, .cel-wrapper { width: 86%; } } @media only screen and (min-width: 1249px) { .page-content-fullwidth, .cel-wrapper { /*width: 1200px;*/ width: 83%; } } @media only screen and (min-width: 1441px) { .page-content-fullwidth, .cel-wrapper { width: 1294px; width: 68%; } } /* =============== 3.0 ARCHITECTURE =============== */ .celestial-main { margin: 40px 0; } .cel-section-separator { max-width: 80%; margin: 0 auto; transition: all 0.5s linear 0.7s; } .sidebar { margin-top: 80px; } .sidebar .widget { max-width: 100%; transition: all 0.5s linear 0.7s; } @media only screen and (min-width: 991px) { .sidebar { margin-top: 0; } .celestial-main { margin: 60px 0; } } @media only screen and (min-width: 1441px) { .celestial-main { margin: 72px 0; } .cel-section-separator { max-width: 68%; } } /* ========= 2.4 Buttons & Forms ========= */ /* Buttons */ button { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; } button:hover { text-decoration: none; } button:active { text-decoration: none; outline: none; } button br { display: none; } button:focus { outline: none; } input[type="button"] { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; } input[type="button"]:hover { text-decoration: none; } input[type="button"]:active { text-decoration: none; } input[type="reset"] { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; } input[type="reset"]:hover { text-decoration: none; } input[type="reset"]:active { text-decoration: none; } input[type="submit"] { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; } input[type="submit"]:hover { text-decoration: none; } input[type="submit"]:active { text-decoration: none; } .more-link { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; padding-top: 8px; } .more-link:hover { text-decoration: none; } .celestial-button { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; padding-top: 8px; } .celestial-button:focus { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; } .celestial-button:focus:hover { text-decoration: none; } .celestial-button:focus:active { text-decoration: none; } .celestial-button:hover { text-decoration: none; } .celestial-button:active { text-decoration: none; } input.search-submit { cursor: pointer; border: 0 none; font-size: 15px; line-height: 24px; font-weight: 500; margin: 0 2px 2px 0; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; position: relative; transition: all 0.4s; min-height: 42px; } input.search-submit:hover { text-decoration: none; } input.search-submit:active { text-decoration: none; } .celestial-button-border { border-width: 2px; border-style: solid; } .celestial-button.celestial-button-border { padding: 10px 38px 10px 38px; } /* Forms */ input { padding: 6px 17px 6px 17px; margin: 4px 0 4px 0; } input:focus { outline: none; } input:hover { outline: none; } textarea { padding: 6px 17px 6px 17px; margin: 4px 0 4px 0; margin: 0; border-style: solid; border-width: 1px; font-size: 15px; line-height: 24px; min-height: 42px; width: 99.4%; font-weight: 500; height: 110px; padding-top: 6px; padding-bottom: 6px; } textarea:focus { outline: none; } textarea:hover { outline: none; } select { padding: 6px 17px 6px 17px; margin: 4px 0 4px 0; margin: 0; border-style: solid; border-width: 1px; font-size: 15px; line-height: 24px; min-height: 42px; width: 99.4%; font-weight: 500; width: 99.4%; cursor: pointer; height: 40px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; outline: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, fieldset { margin: 0; border-style: solid; border-width: 1px; font-size: 15px; line-height: 24px; min-height: 42px; width: 99.4%; font-weight: 500; } .inner-content .cgrid-item input[type="text"], .inner-content .cgrid-item input[type="email"], .inner-content .cgrid-item input[type="url"], .inner-content .cgrid-item input[type="password"], .inner-content .cgrid-item input[type="search"], .inner-content .cgrid-item input[type="number"], .inner-content .cgrid-item input[type="tel"], .inner-content .cgrid-item input[type="range"], .inner-content .cgrid-item input[type="date"], .inner-content .cgrid-item input[type="month"], .inner-content .cgrid-item input[type="week"], .inner-content .cgrid-item input[type="time"], .inner-content .cgrid-item input[type="datetime"], .inner-content .cgrid-item input[type="datetime-local"], .inner-content .cgrid-item input[type="color"], .inner-content .cgrid-item textarea, .inner-content .cgrid-item select, .inner-content .cgrid-item fieldset { width: 99.4%; } .page-content-fullwidth .cgrid-item input[type="text"], .page-content-fullwidth .cgrid-item input[type="email"], .page-content-fullwidth .cgrid-item input[type="url"], .page-content-fullwidth .cgrid-item input[type="password"], .page-content-fullwidth .cgrid-item input[type="search"], .page-content-fullwidth .cgrid-item input[type="number"], .page-content-fullwidth .cgrid-item input[type="tel"], .page-content-fullwidth .cgrid-item input[type="range"], .page-content-fullwidth .cgrid-item input[type="date"], .page-content-fullwidth .cgrid-item input[type="month"], .page-content-fullwidth .cgrid-item input[type="week"], .page-content-fullwidth .cgrid-item input[type="time"], .page-content-fullwidth .cgrid-item input[type="datetime"], .page-content-fullwidth .cgrid-item input[type="datetime-local"], .page-content-fullwidth .cgrid-item input[type="color"], .page-content-fullwidth .cgrid-item textarea, .page-content-fullwidth .cgrid-item select, .page-content-fullwidth .cgrid-item fieldset { width: 99.4%; } .comment-form .form-submit { text-align: left; } /* additional link styling */ .cel-link { padding: 0 0 2px 0; } .cel-link:hover { text-decoration: none; } .cel-link-alt { padding: 0 0 2px 0; } .cel-link-alt:hover { text-decoration: none; } .classic-pagination a { padding: 0 0 2px 0; } .classic-pagination a:hover { text-decoration: none; } .port-one-permalink { padding: 0 0 2px 0; } .port-one-permalink:hover { text-decoration: none; } @media only screen and (min-width: 991px) { .page-content-fullwidth input[type="text"], .page-content-fullwidth input[type="email"], .page-content-fullwidth input[type="url"], .page-content-fullwidth input[type="password"], .page-content-fullwidth input[type="search"], .page-content-fullwidth input[type="number"], .page-content-fullwidth input[type="tel"], .page-content-fullwidth input[type="range"], .page-content-fullwidth input[type="date"], .page-content-fullwidth input[type="month"], .page-content-fullwidth input[type="week"], .page-content-fullwidth input[type="time"], .page-content-fullwidth input[type="datetime"], .page-content-fullwidth input[type="datetime-local"], .page-content-fullwidth input[type="color"], .page-content-fullwidth select, .page-content-fullwidth fieldset { width: 40%; } .page-content-fullwidth textarea { width: 70%; height: 130px; } .inner-content input[type="text"], .inner-content input[type="email"], .inner-content input[type="url"], .inner-content input[type="password"], .inner-content input[type="search"], .inner-content input[type="number"], .inner-content input[type="tel"], .inner-content input[type="range"], .inner-content input[type="date"], .inner-content input[type="month"], .inner-content input[type="week"], .inner-content input[type="time"], .inner-content input[type="datetime"], .inner-content input[type="datetime-local"], .inner-content input[type="color"], .inner-content select, .inner-content fieldset { width: 46%; } .inner-content textarea { width: 90%; height: 120px; } } @media only screen and (min-width: 1249px) { .page-content-fullwidth textarea { width: 72%; height: 150px; } .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="text"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="email"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="url"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="password"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="search"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="number"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="tel"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="range"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="date"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="month"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="week"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="time"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="datetime"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="datetime-local"], .page-content-fullwidth .columns-grid-2 .cgrid-item input[type="color"], .page-content-fullwidth .columns-grid-2 .cgrid-item select, .page-content-fullwidth .columns-grid-2 .cgrid-item fieldset { width: 60%; } .inner-content textarea { width: 86%; height: 140px; } } @media only screen and (min-width: 1441px) { .page-content-fullwidth input[type="text"], .page-content-fullwidth input[type="email"], .page-content-fullwidth input[type="url"], .page-content-fullwidth input[type="password"], .page-content-fullwidth input[type="search"], .page-content-fullwidth input[type="number"], .page-content-fullwidth input[type="tel"], .page-content-fullwidth input[type="range"], .page-content-fullwidth input[type="date"], .page-content-fullwidth input[type="month"], .page-content-fullwidth input[type="week"], .page-content-fullwidth input[type="time"], .page-content-fullwidth input[type="datetime"], .page-content-fullwidth input[type="datetime-local"], .page-content-fullwidth input[type="color"], .page-content-fullwidth select, .page-content-fullwidth fieldset { width: 32%; } .page-content-fullwidth textarea { width: 66%; height: 140px; } .inner-content input[type="text"], .inner-content input[type="email"], .inner-content input[type="url"], .inner-content input[type="password"], .inner-content input[type="search"], .inner-content input[type="number"], .inner-content input[type="tel"], .inner-content input[type="range"], .inner-content input[type="date"], .inner-content input[type="month"], .inner-content input[type="week"], .inner-content input[type="time"], .inner-content input[type="datetime"], .inner-content input[type="datetime-local"], .inner-content input[type="color"], .inner-content select, .inner-content fieldset { width: 40%; } .inner-content textarea { width: 80%; height: 140px; } } /* select 2 styling */ .select2-container .select2-selection--single { height: 42px; padding: 5px 20px 5px 20px; border-radius: 0; border-width: 1px; border-style: solid; font-size: 15px; line-height: 24px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px; right: 12px; } .select2-container--default .select2-search--dropdown .select2-search__field { border-width: 1px; border-style: solid; padding: 0 16px; height: 36px; } .select2-container--default .select2-search--dropdown input[type="search"] { min-height: 38px; } .select2-search--dropdown { margin: 0 12px; padding: 12px 6px 2px 6px; } input.select2-search__field { border-width: 1px; border-style: solid; } .select2-dropdown { border-width: 1px; border-style: solid; border-radius: 0; } .select2-results__option { padding: 6px 12px; margin: 0 16px; font-size: 15px; line-height: 24px; } /* =============== 3.5 Header =============== */ .header-grid { position: relative; } .header-logo { margin: 32px 0 22px 0; } .header-logo a { display: block; } .page-title-wrapper { padding: 28px 30px; margin: 0 0 46px 0; } .page-title-wrapper .intro-text { padding: 12px 0 0 0; } .ptw-border-left { border-left-width: 4px; border-left-style: solid; } .ptw-border-right { border-right-width: 4px; border-right-style: solid; } .ptw-border-top { border-top-width: 4px; border-top-style: solid; } .ptw-border-bottom { border-bottom-width: 4px; border-bottom-style: solid; } @media only screen and (min-width: 767px) { .page-title-wrapper { padding: 32px 40px; } } @media only screen and (min-width: 991px) { .header-logo { margin: 47px 0 0 0; } .page-title-wrapper { padding: 32px 50px; } .header-spacer { width: 100%; height: 3px; } } @media only screen and (min-width: 1249px) { .page-title-wrapper { padding: 36px 64px; } .cgrid-item .page-title-wrapper { padding: 26px 34px; } } /* =============== 3.2 Logo =============== */ .default-logo-wrapper.mobile-logo-active { display: none; } .mobile-logo-wrapper { display: block; height: 72px; } /* =============== 3.1 Top Right Section =============== */ .header-topright-area { position: relative; } .topright-section-wrapper { float: left; width: 100%; margin: 20px 0 20px 0; } .topright-section-wrapper .media-wrapper { float: left; margin: 18px 0 0 0; } .topright-section-wrapper .media-wrapper li:last-child { margin-right: 0; } .topright-section { font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; float: left; width: 100%; border-radius: 2px; border-width: 1px; border-style: solid; } .topright-section a { box-shadow: none; } .topright-section a:hover { text-decoration: underline; } .topright-section > div { width: 100%; border-bottom-width: 1px; border-bottom-style: solid; } .topright-section > div:last-child { border-right-width: 0; border-bottom-width: 0; } .topright-section .tr-phone, .topright-section .tr-email { float: left; padding: 11px 30px 10px 30px; } .topright-section .tr-phone i, .topright-section .tr-email i { font-size: 16px; position: relative; top: 2px; margin-right: 6px; display: none; } @media only screen and (min-width: 991px) { .topright-section-wrapper { position: absolute; top: 56px; right: 0; margin: 0; } .topright-section-wrapper .topright-section { float: right; width: auto; } .topright-section-wrapper .topright-section > div { width: auto; border-bottom-width: 0; border-right-width: 1px; border-right-style: solid; } .topright-section-wrapper .topright-section > div:last-child { border-right-width: 0; } .topright-section-wrapper .topright-section .tr-email, .topright-section-wrapper .topright-section .tr-phone { padding: 11px 20px 10px 20px; } .topright-section-wrapper .media-wrapper { position: absolute; top: 46px; right: 0; } .topright-section-wrapper .media-wrapper li:last-child { margin-right: 0; } .topright-section-wpml { top: 64px; } } @media only screen and (min-width: 1249px) { .topright-section-wrapper { width: auto; float: right; } .topright-section-wrapper .topright-section { float: left; } .topright-section-wrapper .topright-section .tr-email, .topright-section-wrapper .topright-section .tr-phone { padding: 11px 30px 10px 30px; } .topright-section-wrapper .media-wrapper { float: left; margin: 10px 0 0 16px; position: static; } .topright-section-wrapper .media-wrapper li:last-child { margin-right: 0; } } /* =============== 3.3 Main Menu Mobile =============== */ .cel-wrapper.main-menu-wrapper { position: relative; } .main-menu-control { margin: 0 0 10px 0; } .main-menu-control:hover { text-decoration: none; } .main-menu-control:before { font-family: 'IcoMoon-Ultimate'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\ec6a"; font-size: 20px; line-height: 20px; } .header-nav.mm-menu { margin: 0; } .header-nav.mm-menu ul { float: left; width: 100%; } .header-nav.mm-menu ul li { width: 100%; padding: 0; margin: 0; display: block; border-bottom-width: 1px; border-style: solid; } .header-nav.mm-menu ul li a { padding: 12px 22px 12px 22px; } .header-nav.mm-menu ul li a.mm-next { padding-left: 0; padding-right: 0; } .header-nav.mm-menu .mm-listview { border-color: transparent; } .header-nav.mm-menu .mm-listview .mm-next { right: 0; } .mm-navbars-top .mm-navbar { height: 50px; } .mm-panels .mm-navbar { height: 60px; } .mm-panels .mm-navbar .mm-title { margin-top: 15px; } .mm-navbar .mm-btn:first-child { right: 0; left: auto; top: 4px; } .mm-navbar .mm-btn.mm-prev { left: 0; right: auto; top: 15px; } .header-nav { display: none; } .header-nav .mm-panels > .mm-panel { padding: 40px 0 0 0; } .header-nav .mm-panels > .mm-panel > .mm-listview { margin: 0; } .header-nav .mm-listview > li:not(.mm-divider):after { left: 0; border-bottom-width: 0; } .mm-close:before { font-family: 'IcoMoon-Ultimate'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\ed6a"; font-size: 16px; border-color: transparent; border: 0 none; width: 16px; height: 16px; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); top: 2px; } .mm-close:after { display: none; } /* mobile menu and sf-menu conflict fixes */ .mm-menu .sf-menu li { float: none; } .mm-menu .sf-menu li a { margin: 0; } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } /* mobile menu shadow panels extension */ .mm-menu.mm-shadow-page { border-right-width: 1px; border-right-style: solid; } .mm-menu.mm-shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); } .mm-menu.mm-shadow-page.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-shadow-page.mm-front:after { content: none; display: none; } .mm-menu.mm-shadow-page.mm-next:after { content: none; display: none; } .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.1); } /* =============== 3.4 Main Menu Desktop =============== */ /* 3.4.1 Classic Menu */ .sf-menu { list-style: none; float: right; margin: 0; padding: 0; } .sf-menu * { list-style: none; margin: 0; padding: 0; } .sf-menu li { list-style: none; float: left; position: relative; } .sf-menu li:hover { visibility: inherit; } .sf-menu li:hover .sub-menu { left: 0; top: 54px; z-index: 1000; } .sf-menu li:hover li .sub-menu { top: -999em; } .sf-menu li:hover li .children { top: -999em; } .sf-menu li a { padding: 13px 14px 13px 14px; margin: 0 11px 0 11px; display: block; } .sf-menu li a:hover { text-decoration: none; } .sf-menu li:last-child a { margin-right: 0; padding-right: 0; } .sf-menu li li:hover .sub-menu { left: 258px; top: -1px; } .sf-menu li li:hover li ul { top: -999em; } .sf-menu li li li:hover .sub-menu { left: 258px; top: 0; } .sf-menu li li li.sfHover .sub-menu { left: 258px; top: 0; } .sf-menu li li.sfHover .sub-menu { left: 258px; top: -1px; } .sf-menu li li.sfHover li ul { top: -999em; } .sf-menu ul { list-style: none; } .sf-menu ul li { list-style: none; } .sf-menu .sub-menu { width: 260px; position: absolute; top: -999em; z-index: 1000; border-width: 1px; border-style: solid; } .sf-menu .sub-menu li { padding: 0; min-height: 0; border-bottom-style: solid; border-bottom-width: 1px; } .sf-menu .sub-menu li:last-child { border-bottom-width: 0; } .sf-menu .sub-menu li a { padding: 13px 24px 12px 24px; margin: 0; display: block; width: 258px; } .sf-menu .sub-menu .sub-menu { width: 260px; margin-left: 0; } .sf-menu .sub-menu .sub-menu .sub-menu { width: 260px; margin-left: 0; } .sf-menu .sub-menu .sub-menu:before { display: none; } .sf-menu .sub-menu:before { display: none; } .sf-menu .children { width: 260px; position: absolute; top: -999em; z-index: 1000; border-width: 1px; border-style: solid; } .sf-menu .children li a { padding: 11px 20px 10px 20px; margin: 0; display: block; width: 258px; } .sf-menu .children .children { width: 260px; margin-left: 0; } .sf-menu .children .children .children { width: 260px; margin-left: 0; } .sf-menu li.sfHover .sub-menu { left: 0; top: 54px; z-index: 1000; } .sf-menu li.sfHover .children { left: 0; top: 54px; z-index: 1000; } .sf-menu li.sfHover li .sub-menu { top: -999em; } .sf-menu li.sfHover li .children { top: -999em; } .sf-menu li.hover .children { left: 0; top: 54px; z-index: 1000; } *:first-child + html .sf-menu a { /* this applies only to ie7 */ height: auto; } /* left aligned main menu */ .cel-left-menu .sf-menu { float: left; } .cel-left-menu .sf-menu > li:first-child > a { margin-left: 0; padding-left: 0; } .cel-left-menu .sf-menu > li:last-child > a { margin-left: 8px; padding-left: 14px; } @media only screen and (min-width: 991px) { .default-logo-wrapper.mobile-logo-active { display: block; } .mobile-logo-wrapper { display: none; } .main-menu-control { margin-top: 0; display: none; } .main-menu-control.mobile-logo-nav { top: 17px; } html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } .header-nav { display: block; } } /* 3.4.2 Modern Menu */ .cel-modern-menu { margin-top: 24px; } .cel-modern-menu .header-nav { float: left; width: 100%; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .cel-modern-menu .sf-menu > li { position: relative; } .cel-modern-menu .sf-menu > li:after { content: ""; display: inline-block; width: 1px; height: 22px; position: absolute; top: 23px; right: 0px; } .cel-modern-menu .sf-menu > li:last-child:after { display: none; } .cel-modern-menu .sf-menu > li > a { padding: 18px 40px; margin: 0 16px 0 16px; margin: 0; position: relative; } .cel-modern-menu .sf-menu > li > a:after { content: ""; display: inline-block; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 0; transition: background 0.3s ease-out; } .cel-modern-menu .sf-menu > li.sfHover > a:after { content: ""; display: inline-block; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 0; } .cel-modern-menu .sf-menu li .sub-menu { top: 68px; } .cel-modern-menu .sf-menu li .sub-menu li a { padding: 15px 30px 14px 30px; width: 258px; } @media only screen and (min-width: 991px) { .cel-modern-menu { margin-top: 44px; } } .cel-modern-menu.cel-left-menu .sf-menu { float: left; } .cel-modern-menu.cel-left-menu .sf-menu > li:first-child > a { margin-left: 0; padding-left: 40px; } .cel-modern-menu.cel-left-menu .sf-menu > li:last-child > a { margin-left: 0; padding-left: 40px; } .cel-modern-menu-alt .header-nav { border-top-width: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } .cel-modern-menu-alt .sf-menu > li:after { content: ""; display: inline-block; width: 1px; height: 22px; position: absolute; top: 23px; right: 0px; background-color: rgba(255, 255, 255, 0.3); } /* =============== 3.6 Footer =============== */ .footer-separator .thick-line-separator { margin: 0 0 40px 0; } .main-footer { margin-bottom: 80px; } .footer-menu-list { margin: 0 0 20px 0; padding: 0; list-style: none; } .footer-menu-list li { margin: 0; padding: 0; width: 100%; display: inline-block; } .footer-menu-list li a { display: inline; position: relative; } .footer-menu-list li a:after { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: -1px; height: 2px; transition-property: left right; transition-duration: 0.4s; transition-timing-function: ease-out; } .footer-menu-list li a:hover:after { right: 0; } .footer-menu-list li a:focus:after { right: 0; } .footer-menu-list li a:active:after { right: 0; } .impressum { text-align: left; } .impressum a { padding-bottom: 2px; } @media only screen and (min-width: 991px) { .footer-menu-list { margin: 0; padding: 0; list-style: none; } .footer-menu-list li { margin: 0 16px; padding: 0; width: auto; display: inline-block; } .footer-menu-list li:first-child { margin-left: 0; } .footer-menu-list li:first-child a { padding-left: 0; } .footer-menu-list li a { padding: 2px 0; } .impressum { text-align: right; } .footer-bottom-grid.fb-grid-reverse .footer-menu-list { text-align: right; } .footer-bottom-grid.fb-grid-reverse .footer-menu-list li:first-child { margin-left: 16px; } .footer-bottom-grid.fb-grid-reverse .footer-menu-list li:last-child { margin-right: 0; } .footer-bottom-grid.fb-grid-reverse .fbottom-right .impressum { text-align: left; } .footer-bottom-grid.fb-grid-reverse .media-wrapper { text-align: right; } .footer-bottom-grid.fb-grid-reverse .media-wrapper li { margin: 0 0 8px 8px; } } /* ========= Gutenberg & WordPress Specifics ========= */ .wp-block-embed { margin: 20px 0; } .wp-block-embed .fluid-width-video-wrapper { margin: 0; } .fluid-width-video-wrapper { margin: 20px 0; } @media (min-width: 767px) { .wp-block-embed, .fluid-width-video-wrapper { margin: 30px 0; } } /* Emoji & Smiles */ .page-content img.emoji, .page-content .img.wp-smiley { opacity: 1; -webkit-transition: none; transition: none; } /* WordPress Align */ .alignleft { display: block; margin: 10px auto 20px auto; } .alignleft .wp-caption-text { margin-bottom: 0; } .alignleft .wp-block-image figcaption { margin-bottom: 0; } .alignleft .wp-block-gallery .blocks-gallery-item figcaption { margin-bottom: 0; } .alignright { display: block; margin: 10px auto 20px auto; } .alignright .wp-caption-text { margin-bottom: 0; } .alignright .wp-block-image figcaption { margin-bottom: 0; } .alignright .wp-block-gallery .blocks-gallery-item figcaption { margin-bottom: 0; } .aligncenter:not([class*="wp-block"]) { padding-top: 10px; clear: both; margin: 0 auto; } .alignnone { width: 100%; margin: 20px 0; } .wp-caption { margin-bottom: 20px; max-width: 100%; text-align: center; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { margin-top: 10px; margin-bottom: 30px; } .wp-block-image figcaption { margin-top: 10px; margin-bottom: 30px; } .wp-block-gallery .blocks-gallery-item figcaption { margin-top: 10px; margin-bottom: 30px; } .alignfull { width: 100vw; margin-left: 50%; transform: translateX(-50%); } .alignfull img { width: 100%; } .alignwide { margin: 24px 0 20px 0; } @media only screen and (min-width: 240px) { .alignleft { display: inline; float: left; margin-left: initial; margin-right: 20px; } .alignright { display: inline; float: right; margin-right: initial; } } @media only screen and (min-width: 767px) { .alignleft { max-width: 100%; margin-right: 34px; margin-top: 20px; } .alignright { max-width: 100%; margin-left: 34px; margin-top: 20px; } .aligncenter:not([class*="wp-block"]) { margin: 24px auto; } .alignnone { margin: 40px 0; } .alignfull { margin-top: 34px; margin-bottom: 34px; } .alignwide { margin: 34px 0 24px 0; margin-left: -4vw !important; max-width: calc(100% + 8vw) !important; width: calc(100% + 8vw) !important; } } @media only screen and (min-width: 991px) { .aligncenter:not([class*="wp-block"]) { margin-left: -4vw; width: calc(100% + 8vw) !important; max-width: calc(100% + 8vw) !important; } .alignwide { margin-left: -7vw !important; width: calc(100% + 14vw) !important; max-width: calc(100% + 14vw) !important; } } @media only screen and (min-width: 1249px) { .aligncenter:not([class*="wp-block"]) { margin-left: -8vw; width: calc(100% + 16vw) !important; max-width: calc(100% + 16vw) !important; } } @media (min-width: 767px) { .wp-caption-text { margin-bottom: 40px; } .wp-block-image figcaption { margin-bottom: 40px; } .wp-block-gallery .blocks-gallery-item figcaption { margin-bottom: 40px; } } /* Columns */ .wp-block-columns.has-2-columns { display: grid; grid-gap: 0; grid-template-columns: 1fr; } .wp-block-columns.has-3-columns { display: grid; grid-gap: 0; grid-template-columns: 1fr; } .wp-block-columns.has-4-columns { display: grid; grid-gap: 0; grid-template-columns: 1fr; } .wp-block-columns.has-5-columns { display: grid; grid-gap: 0; grid-template-columns: 1fr; } .wp-block-columns.has-6-columns { display: grid; grid-gap: 0; grid-template-columns: 1fr; } @media only screen and (min-width: 991px) { .wp-block-columns.has-2-columns { grid-gap: 36px; grid-template-columns: 1fr 1fr; } .wp-block-columns.has-3-columns { grid-gap: 36px; grid-template-columns: 1fr 1fr 1fr; } .wp-block-columns.has-4-columns { grid-gap: 24px; grid-template-columns: 1fr 1fr 1fr 1fr; } .wp-block-columns.has-5-columns { grid-gap: 24px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .wp-block-columns.has-6-columns { grid-gap: 16px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .inner-content .wp-block-columns.has-4-columns { grid-gap: 20px; } .inner-content .wp-block-columns.has-5-columns { grid-gap: 10px; } } @media only screen and (min-width: 1441px) { .wp-block-columns.has-2-columns { grid-gap: 50px; } .wp-block-columns.has-3-columns { grid-gap: 50px; } .wp-block-columns.has-4-columns { grid-gap: 40px; } .wp-block-columns.has-5-columns { grid-gap: 24px; } .wp-block-columns.has-6-columns { grid-gap: 20px; } .inner-content .wp-block-columns.has-3-columns { grid-gap: 36px; } .inner-content .wp-block-columns.has-4-columns { grid-gap: 32px; } .inner-content .wp-block-columns.has-5-columns { grid-gap: 20px; } } /* Gallery */ .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 20px; padding: 0 20px 0 0; width: 50%; } .gallery-item a { box-shadow: none; background: 0; display: inline-block; max-width: 100%; } .gallery-item a:hover { box-shadow: none; background: 0; display: inline-block; max-width: 100%; } .gallery-item a:hover img { -webkit-filter: opacity(80%); filter: opacity(80%); } .gallery-item a:focus { box-shadow: none; background: 0; display: inline-block; max-width: 100%; } .gallery-item a:focus img { -webkit-filter: opacity(80%); filter: opacity(80%); } .gallery-item a img { display: block; -webkit-transition: -webkit-filter .4s ease-in; transition: -webkit-filter .4s ease-in; transition: filter .4s ease-in; transition: filter .4s ease-in, -webkit-filter .4s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } ul.wp-block-gallery { margin-top: 24px; margin-bottom: 20px; padding: 0; } ul.wp-block-gallery li.blocks-gallery-item { padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wp-block-gallery:not(.alignfull) { margin-left: -8px; width: calc(100% + 16px); } .wp-block-gallery .blocks-gallery-item figcaption { margin-bottom: 0; padding-top: 12px; padding-bottom: 12px; bottom: 0; } .wp-block-gallery .blocks-gallery-item:nth-child(1):last-child figcaption { bottom: -34px; margin-bottom: 20px; } ul.wp-block-gallery + ul.wp-block-gallery { margin-top: -18px; } ul.wp-block-gallery.alignwide { margin-left: -8px; margin-left: 0; width: calc(100% + 16px); width: 100%; } .wp-block-gallery.columns-1 .blocks-gallery-item:not(:last-child) figcaption { padding-top: 10px; padding-bottom: 20px; } .wp-block-gallery.columns-1 .blocks-gallery-item:last-child figcaption { padding-bottom: 0; margin-bottom: -10px; } @media only screen and (min-width: 767px) { ul.wp-block-gallery { margin-top: 18px; margin-bottom: 18px; } ul.wp-block-gallery .blocks-gallery-item:nth-child(1):last-child figcaption { margin-bottom: 16px; } ul.wp-block-gallery.alignwide { margin-left: calc(-4vw - 8px); } } @media only screen and (min-width: 991px) { ul.wp-block-gallery.alignwide { margin-left: calc(-7vw - 8px); } } /* Subhead */ p.wp-block-subhead { font-size: 20px; line-height: 31px; font-style: italic; opacity: .75; } /* Pullquotes */ blockquote.is-large.wp-block-quote { margin: 0 0 20px 0; } blockquote.is-large.wp-block-quote p { font-style: normal; font-size: 21px; line-height: 32px; } blockquote.wp-block-quote.is-large { padding: 12px 0 0 52px; } blockquote.wp-block-quote.is-style-large { padding: 12px 0 0 52px; } .wp-block-quote.is-large cite { margin-top: 16px; font-size: 17px; line-height: 27px; } .wp-block-quote.is-large footer { margin-top: 16px; font-size: 17px; line-height: 27px; } .wp-block-quote.is-style-large cite { margin-top: 16px; font-size: 17px; line-height: 27px; } .wp-block-quote.is-style-large footer { margin-top: 16px; font-size: 17px; line-height: 27px; } blockquote.wp-block-pullquote { margin-top: 20px; margin-bottom: 20px; padding: 0; } blockquote.wp-block-pullquote:before { display: none; } .wp-block-pullquote > p { font-size: 18px; line-height: 30px; } .wp-block-pullquote cite { margin-top: 0; } .wp-block-pullquote.alignleft { display: block; float: none; width: 100%; max-width: none; } .wp-block-pullquote.alignleft > p { font-size: 18px; line-height: 30px; } .wp-block-pullquote.alignright { display: block; float: none; width: 100%; max-width: none; } .wp-block-pullquote.alignright > p { font-size: 18px; line-height: 30px; } @media only screen and (min-width: 767px) { blockquote.wp-block-quote.is-large { padding: 16px 0 0 72px; } blockquote.wp-block-quote.is-style-large { padding: 16px 0 0 72px; } } @media only screen and (min-width: 991px) { blockquote.wp-block-quote.is-large { padding: 16px 0 0 92px; } blockquote.wp-block-quote.is-style-large { padding: 16px 0 0 92px; } } @media (min-width: 767px) { .wp-block-pullquote.alignleft { margin: 20px 40px 20px 0; max-width: 250px; float: left; } .wp-block-pullquote.alignright { margin: 20px 0 20px 40px; max-width: 250px; float: right; } } @media (min-width: 991px) { .wp-block-pullquote.alignleft { max-width: 400px; } .wp-block-pullquote.alignright { max-width: 400px; } } /* Image Block */ .wp-block-image { margin-top: 24px; margin-bottom: 24px; } .aligncenter.wp-block-image { margin: 24px auto; } .wp-block-image.alignleft { margin-top: 14px; } .wp-block-image.alignright { margin-top: 14px; } @media (min-width: 767px) { .wp-block-image { margin-top: 30px; margin-bottom: 30px; } .aligncenter.wp-block-image { margin: 30px auto; } } /* Audio Embed */ .wp-block-audio.aligncenter { text-align: center; } .wp-block-audio.aligncenter audio { margin: 0 auto; } .wp-block-audio audio { width: 100%; } @media only screen and (min-width: 767px) { .wp-block-audio audio { width: 300px; } } /* Latest Posts */ .wp-block-latest-posts.is-grid li { margin: 0; } @media only screen and (min-width: 767px) { .wp-block-latest-posts.columns-2 li { width: calc(50% - 14px); } .wp-block-latest-posts.columns-2 li:nth-child(2n+2) { margin-left: 28px; } } @media only screen and (min-width: 991px) { .wp-block-latest-posts.columns-2 li { width: calc(50% - 20px); } .wp-block-latest-posts.columns-2 li:nth-child(2n+2) { margin-left: 40px; } } /* =============== 3.10 Search Page =============== */ .sr-number { margin: 0 0 50px 0; padding: 30px 40px; } .sr-form { margin: 30px 0 30px 0; } .sr-form h3 { margin: 0 0 30px 0; } .search-block { margin: 0; padding: 40px 0; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; } @media only screen and (min-width: 1249px) { .sr-form .search-form { width: 48%; } .inner-content .sr-form .search-field { width: 100%; } } @media only screen and (min-width: 1441px) { .sr-form .search-form { width: 40%; } .no-sidebar .sr-form input[type="search"] { width: 100%; } } /* =============== 3.11 Page Not Found =============== */ .custom-list.pnf-list { margin: 22px 0 0 0; } .pnf-searchform-wrapper { margin: 30px 0 0 0; width: 100%; } .pnf-icon-badge { font-family: 'Barlow', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; margin: 16px 0; } .pnf-title { margin-top: 20px; } .pnf-intro-text { margin-bottom: 20px; } @media only screen and (min-width: 991px) { .pnf-searchform-wrapper { width: 40%; } } @media only screen and (min-width: 1249px) { .pnf-searchform-wrapper { width: 30%; } } /* =============== 3.12 Password Protected Page =============== */ /* =============== 3.13 Language Switchers =============== */ /* WPML */ .lang-wrapper { position: relative; top: 1px; } .lang-wrapper img { border-radius: 0; } .lang-wrapper ul { float: right; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; } .lang-wrapper ul li { list-style: none; font-size: 13px; line-height: 20px; float: left; padding: 0 4px 0 4px; margin: 0; display: inline-block; } .lang-wrapper ul li a { opacity: 0.8; } .lang-wrapper ul li a:hover { opacity: 1; } #lang_sel { width: auto; } #lang_sel a { border: 0 none; background: none; } #lang_sel a:visited { border: 0 none; background: none; } #lang_sel ul ul { width: auto; } #lang_sel li { width: auto; } #lang_sel_list { width: auto; } #lang_sel_list a { background: none; } #lang_sel_list a:visited { background: none; } #lang_sel_list ul a { background: none; } #lang_sel_list ul.lang_sel_list_vertical { width: auto; } #lang_sel_list li { display: block; clear: both; } #lang_sel_list.lang_sel_list_vertical { width: auto; } #lang_sel_list.lang_sel_list_vertical a { border: 0 none; } #lang_sel_list.lang_sel_list_vertical a:visited { border: 0 none; } #lang_sel_list.lang_sel_list_vertical ul { border-top: 0 none; } #lang_sel_list.lang_sel_list_vertical li { width: auto; } #lang_sel_list_list ul a:visited { background: none; } .wpml-ls-statics-footer ul li a { padding: 7px 16px; border-radius: 22px; } .wpml-ls-statics-footer ul li a:hover { text-decoration: none; } .wpml-ls-flag { border-radius: 0; } /* =============== 3.7 Blog =============== */ /* =============== 3.7.1 Standard Blog =============== */ .default-post-block { margin: 0 0 70px 0; } .default-post-block .imgp-wrapper:hover .imgp-icon { display: none; } .default-post-block .more-link { margin-top: 10px; } .cel-post-title { margin: 0 0 12px 0; padding: 0; } .cel-post-title a:hover { text-decoration: none; } .post-misc { margin: 14px 0 20px 0; } .post-misc a { padding-bottom: 2px; } .post-misc a:hover { text-decoration: none; } .post-misc span { display: block; margin: 3px 0; } .post-misc span:first-child { margin-left: 0; } .post-misc.post-misc-single { margin-top: 0px; } span.post-misc-dot { display: none; } .blogpost-img { margin: 6px 0 6px 0; border-width: 5px; border-style: solid; transition: border 0.5s; } .blogpost-img .attachment-post-thumbnail { margin: 0; display: block; } .header-post-misc { margin: 14px 0 0 0; } .header-post-misc a:hover { text-decoration: none; } /* sticky post */ .cel-post-title.sticky { padding-left: 10px; } .cel-post-title.sticky:before { font-family: 'IcoMoon-Ultimate'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e946"; width: 30px; float: left; position: relative; top: 6px; left: -10px; font-size: 20px; line-height: 24px; } @media only screen and (min-width: 991px) { .blogpost-img { margin: 24px 0 12px 0; } } /* =============== Post Detail =============== */ /* tags on post detail */ .tags-wrapper { float: left; width: 100%; margin: 30px 0 40px 0; font-size: 13px; line-height: 20px; } .tags-wrapper a { display: block; float: left; line-height: 20px; padding: 8px 20px 8px 20px; margin: 0 2px 2px 0; border-radius: 3px; } .tags-wrapper a:hover { text-decoration: none; box-shadow: none; } /* share article */ .post-share { margin: 0 0 20px 0; display: inline-block; } .post-share-list.media-wrapper { display: inline-block; width: 100%; margin: 0 0 18px 0; } .post-share-list.media-wrapper li a { width: 26px; border-radius: 26px; } .sm-icon-facebook { background-color: #3b5998; } .sm-icon-linkedin { background-color: #4875b4; } .sm-icon-twitter { background-color: #4497ff; } .sm-icon-stumbleupon { background-color: #f4492e; } .sm-icon-reddit { background-color: #ff421b; } .sm-icon-pinterest { background-color: #bc1320; } .sm-icon-email { background-color: #f5bf20; } /* about the author */ .cel-author-meta-wrapper { position: relative; padding: 0; margin: 0 0 60px 0; } .am-avatar { position: absolute; top: 0; left: 0; display: none; } .am-content { padding: 0; } .am-title { display: none; margin: 0 0 18px 0; font-size: 24px; line-height: 32px; } .am-name { margin: 0 0 8px 0; display: block; } /* previous and next posts */ .cel-post-navigation-grid { padding: 14px 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .cel-post-navigation-grid .prev-posts { position: relative; text-align: left; padding-left: 26px; } .cel-post-navigation-grid .prev-posts i { position: absolute; left: 8px; top: 5px; } .cel-post-navigation-grid .next-posts { position: relative; text-align: right; padding-right: 26px; } .cel-post-navigation-grid .next-posts i { position: absolute; right: 8px; top: 5px; } .cel-post-navigation-grid.cel-post-navigation-margins { margin: 70px 0 60px 0; } @media only screen and (min-width: 991px) { span.post-misc-dot { display: inline-block; } .post-misc { margin: 10px 0 40px 0; } .post-misc span { display: inline-block; margin: 0 4px; } .blogpost-img { margin: 30px 0 20px 0; } .am-avatar { display: block; } .am-content { padding: 0 0 0 90px; } .cel-post-navigation-grid.cel-post-navigation-margins { margin: 72px 0 62px 0; } } @media only screen and (min-width: 1249px) { .am-title { margin: 0 0 30px 0; } .cel-author-meta-wrapper { margin: 0 0 70px 0; } .cel-post-navigation-grid .prev-posts i { top: 6px; } .cel-post-navigation-grid .next-posts i { top: 6px; } } /* =============== 3.7.2 Comments Section - 240px & Above =============== */ /* 1. comment form */ .comment-respond { margin-top: 50px; } .comment-respond .sidebar-line { margin: 10px 0 40px 0; } #commentform { margin: 0 0 40px 0; } #commentform p { padding: 0; } #commentform label { margin: 16px 0 4px 0; display: inline-block; } .form-submit { margin: 0; text-align: right; } .form-submit .submit { margin-top: 0; } .form-allowed-tags { display: none; } .comment-form-author { margin-bottom: 10px; } .comment-form-email { margin-bottom: 10px; } .comment-form-url { margin-bottom: 10px; } .comment-form-comment { margin-bottom: 4px; } .logged-in-as { margin: 0 0 20px 0; } /* 2. comments */ .comment-reply-title { margin: 0 0 20px 0; font-size: 24px; line-height: 32px; } .comments-title { margin: 0 0 30px 0; font-size: 24px; line-height: 32px; } .comments-title ~ .sidebar-line { margin: 16px 0 40px 0; } .comment-notes { display: none; } #comments { clear: both; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list li { margin: 0; } .comment-list li:before { display: none; } .comment-list .children { list-style: none; margin: 0; padding: 0; } .comment-author { margin-bottom: 9px; position: relative; z-index: 2; } .comment-author .avatar { height: 60px; left: 0; top: 8px; position: absolute; width: 60px; display: none; } .comment-author .says { display: none; } .comment-meta { margin-bottom: 0; } .comment-metadata { font-size: 13px; line-height: 21px; letter-spacing: 0.7px; margin: 0; border-bottom-width: 0; border-bottom-style: solid; } .comment-metadata a:hover { box-shadow: none; } .comment-metadata a.comment-edit-link { display: inline-block; margin: 0 0 0 10px; } .comment-body { margin-bottom: 60px; margin-left: 0; } .reply { position: relative; top: 14px; margin-bottom: 14px; } .comment-reply-link { font-size: 13px; line-height: 20px; padding: 7px 16px; top: 6px; } .comment-reply-link:hover { box-shadow: none; } .no-comments { font-size: 13px; } .comment-awaiting-moderation { font-size: 13px; } .comments-pagination { margin: 10px 0 14px; } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { padding: 0; } @media only screen and (min-width: 767px) { .comment-body { padding-bottom: 40px; margin-bottom: 40px; border-bottom-style: solid; border-bottom-width: 1px; } } @media only screen and (min-width: 991px) { .comment-list .children { margin-left: 76px; margin-left: 86px; } .comment-list .children .comment-author .avatar { left: -86px; } .comment-list li { margin-left: 10px; } .comment-metadata { margin: 0 0 7px 0; } .comment-author .avatar { left: -86px; display: block; } .comment-body { margin-left: 86px; padding-bottom: 50px; margin-bottom: 50px; border-bottom-width: 1px; border-bottom-style: solid; } } @media only screen and (min-width: 1249px) { .comment-list li { margin-left: 0; } } /* =============== 3.8 Pagination =============== */ .classic-pagination { margin: 10px 0 0 0; } .classic-pagination a { margin-right: 12px; display: inline; position: relative; overflow: hidden; } .classic-pagination a:after { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: -1px; height: 2px; transition-property: left right; transition-duration: 0.4s; transition-timing-function: ease-out; } .classic-pagination a:hover:after { right: 0; } .classic-pagination a:focus:after { right: 0; } .classic-pagination a:active:after { right: 0; } .pagination-search { margin: 30px 0 10px 0; float: left; width: 100%; } .page-numbers { margin: 0; list-style: none; } .page-numbers li { margin: 0; list-style: none; float: left; margin: 0 0 0 -1px; font-size: 11px; line-height: 17px; border-width: 1px; border-style: solid; } .page-numbers li .page-numbers { padding: 13px 0 12px 0; width: 50px; text-align: center; display: block; } .page-numbers li a { display: block; } .page-numbers li a:hover { text-decoration: none; } .cel-pages { display: none; } /* portfolio pagination */ .portfolio-pagination { margin: 40px 0 70px 0; float: left; width: 100%; } /* =============== 3.9 Widgets =============== */ .widget { margin-bottom: 60px; } .widget h3.widgettitle { font-size: 20px; line-height: 26px; margin-bottom: 20px; } .widget .sidebar-line { margin-bottom: 30px; } .sidebar .widget:last-child { margin-bottom: 0; } @media only screen and (min-width: 1249px) { .widget { margin-bottom: 80px; } .widget h3.widgettitle { font-size: 24px; line-height: 32px; margin-bottom: 20px; } .sidebar .widget:last-child { margin-bottom: 0; } } .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul, .mediaconsult_widget_posts_categories ul { list-style: none; margin: 10px 0 10px 0; padding: 0; } .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .mediaconsult_widget_posts_categories ul li { margin: 0; padding: 0; font-weight: 500; border-bottom-width: 1px; border-bottom-style: solid; position: relative; transition: background 0.3s; } .widget_archive ul li:before, .widget_categories ul li:before, .widget_meta ul li:before, .widget_nav_menu ul li:before, .widget_pages ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before, .widget_rss ul li:before, .mediaconsult_widget_posts_categories ul li:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f105"; font-size: 18px; position: absolute; top: 20px; left: 4px; } .widget_archive ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a, .widget_rss ul li a, .mediaconsult_widget_posts_categories ul li a { padding: 14px 28px; width: 100%; display: inline-block; } .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_nav_menu ul li a:hover, .widget_pages ul li a:hover, .widget_recent_comments ul li a:hover, .widget_recent_entries ul li a:hover, .widget_rss ul li a:hover, .mediaconsult_widget_posts_categories ul li a:hover { text-decoration: none; } .widget_nav_menu ul li:before { display: none; } /* Footer Widgets */ .footer-sidebars-wrapper .widget { margin-top: 20px; padding-left: 0; padding-right: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 40px; } .footer-sidebars-wrapper .widget h3.widgettitle { margin-bottom: 24px; } .footer-sidebars-wrapper .widget ul li { border-bottom-width: 0; margin: 4px 0; } .footer-sidebars-wrapper .widget ul li:before { display: none; } .footer-sidebars-wrapper .widget ul li a { padding: 2px 0; } @media only screen and (min-width: 991px) { .widget { padding: 10px 0 10px 35px; margin-bottom: 70px; border-left-width: 4px; border-left-style: solid; } .content-right-grid .widget { padding: 10px 35px 10px 0; border-left-width: 0; border-right-width: 4px; border-right-style: solid; } /* recent comments widget */ .widget_recent_comments ul li { padding: 20px 30px 20px 30px; margin-bottom: 16px; } /* nav menu widget */ .widget.widget_nav_menu { padding: 0; border-left-width: 0; border-right-width: 0; } .content-right-grid .widget.widget_nav_menu { padding: 0; border-left-width: 0; border-right-width: 0; } .footer-sidebars-wrapper .widget.widget_nav_menu { padding: 10px 0; } } /* recent comments widget */ .widget_recent_comments ul li { padding: 16px 26px 16px 26px; margin-bottom: 10px; position: relative; border-bottom-width: 0; } .widget_recent_comments ul li:before { display: none; } .widget_recent_comments ul li:last-child { margin-bottom: 0; } .widget_recent_comments ul li a:hover { box-shadow: none; } .widget_recent_comments .comment-author-link { font-weight: bold; } /* nav menu widget */ .widget_nav_menu ul { margin: 0; } .widget_nav_menu ul li { padding: 0; border-bottom-width: 0; margin-bottom: 1px; } .widget_nav_menu ul li a { padding: 13px 26px 14px 26px; border-left-width: 4px; border-left-style: solid; } .widget_nav_menu ul.sub-menu { margin: 1px 0 0 0; } .widget_nav_menu ul.sub-menu li a { padding: 11px 26px 11px 40px; } .footer-sidebars-wrapper .widget_nav_menu ul.sub-menu { margin: 0; } .footer-sidebars-wrapper .widget_nav_menu ul li { margin: 4px 0; } .footer-sidebars-wrapper .widget_nav_menu ul li a { padding: 2px 0; border-left-width: 0; } /* recent posts widget */ .widget_recent_entries a:hover { text-decoration: none; } .widget_recent_entries .post-date { font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; position: relative; left: 28px; bottom: 12px; } /* tag cloud widget */ .tagcloud { display: flex; flex-wrap: wrap; } .tagcloud a { display: inline-block; line-height: 20px; padding: 8px 20px 8px 20px; margin: 0 2px 2px 0; border-radius: 3px; } .tagcloud a:hover { text-decoration: none; } /* calendar widget */ .widget_calendar caption { margin: 0; padding: 11px 0 24px 0; font-size: 17px; caption-side: top; } .widget_calendar table { margin: 0; width: 100%; font-size: 13px; border-collapse: collapse; border-style: solid; border-width: 1px; } .widget_calendar table thead tr th { padding: 6px 0 0 0; height: 36px; position: relative; z-index: 20; font-weight: 700; padding: 0; border-left: 0 none; border-top: 0 none; } .widget_calendar table thead tr td { padding: 0; border-left: 0 none; border-top: 0 none; } .widget_calendar table thead > tr > th { border-bottom-style: solid; border-bottom-width: 1px; } .widget_calendar table tbody td { z-index: 10; } .widget_calendar table tbody tr td { padding: 0; border-left: 0 none; border-top: 0 none; } .widget_calendar table tbody tr th { padding: 0; border-left: 0 none; border-top: 0 none; } .widget_calendar table tr:last-child { border-bottom-style: solid; border-bottom-width: 1px; } .widget_calendar table pad:hover { background-color: none; } .widget_calendar table tfoot tr td { padding: 0; border-left: 0 none; border-top: 0 none; } .widget_calendar table tfoot tr th { padding: 0; border-left: 0 none; border-top: 0 none; } .widget_calendar th { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: center; } .widget_calendar tr { height: 38px; vertical-align: middle; } .widget_calendar td { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; -o-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; vertical-align: middle; text-align: center; padding-top: 3px; } .widget_calendar td:last-child { border-right: 0 none; } .widget_calendar td a { display: block; } .widget_calendar td a:hover { text-decoration: none; box-shadow: none; } .widget_calendar tfoot #prev { padding: 0 6px; } .widget_calendar tfoot #next { padding: 0 6px; } .widget_calendar tfoot td { border-bottom: 0 none; } .widget_calendar tfoot td:hover { background: 0 none; } .widget_calendar tfoot td a:hover { text-decoration: underline; } /* search widget */ .search-form { position: relative; } .search-form input[type="search"] { width: 99.4%; height: 40px; margin-bottom: 2px; } .widget_search .search-field { width: 99.4%; height: 40px; margin-bottom: 2px; } button.search-submit { margin: 0; } .footer-grid-5 .search-submit { position: static; } .footer-grid-5 .widget_search .search-submit { position: static; } @media only screen and (min-width: 1249px) { .search-submit { position: absolute; margin-top: 0; top: 0; right: 0; } .widget_search .search-submit { position: absolute; margin-top: 0; top: 0; right: 0; } } /* Gutenberg Widgets */ .wp-block-latest-posts, .wp-block-categories, .wp-block-archives { list-style: none; margin: 10px 0 10px 0; padding: 0; } .wp-block-latest-posts li, .wp-block-categories li, .wp-block-archives li { margin: 0; padding: 0; font-weight: 500; border-bottom-width: 1px; border-bottom-style: solid; position: relative; transition: background 0.3s; } .wp-block-latest-posts li:before, .wp-block-categories li:before, .wp-block-archives li:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f105"; font-size: 18px; position: absolute; top: 20px; left: 4px; } .wp-block-latest-posts ul.children, .wp-block-categories ul.children, .wp-block-archives ul.children { display: block; margin: 0 0 0 25px; padding: 0; } .wp-block-latest-posts li a, .wp-block-categories li a, .wp-block-archives li a { padding: 14px 28px; width: 100%; display: inline-block; } .wp-block-latest-posts li a:hover, .wp-block-categories li a:hover, .wp-block-archives li a:hover { text-decoration: none; } .wp-block-latest-posts ul.children li:last-child { margin-bottom: 0; border-bottom-width: 0; } .wp-block-categories ul.children li:first-child, .wp-block-archives ul.children li:first-child { margin-bottom: 0; border-top-width: 1px; border-top-style: solid; } /* latest comments gutenberg widget */ .wp-block-latest-comments li { font-family: 'Barlow', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; padding: 16px 0; margin: 0; } .wp-block-latest-comments__comment-date { font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; margin-top: 2px; } .wp-block-latest-comments__comment-excerpt p { font-family: 'Barlow', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; margin: 4px 0 0 0; padding: 0; } .wp-block-latest-comments__comment-meta { margin-top: -4px; } .has-dates .wp-block-latest-comments__comment { line-height: inherit; } .has-excerpts .wp-block-latest-comments__comment { line-height: inherit; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 60px; } @media only screen and (min-width: 1249px) { .wp-block-latest-comments li { font-size: 17px; line-height: 27px; } .wp-block-latest-comments__comment-excerpt p { font-size: 17px; line-height: 27px; } } /* mailchimp widget */ .mailchimp-text { margin: -10px 0 12px 0; } .footer-grid-5 .mailchimp-submit { margin-top: 2px; } @media only screen and (min-width: 767px) { .sidebar .mailchimp-email { width: 44.4%; } } @media only screen and (min-width: 1249px) { .mailchimp-form-wrapper { position: relative; } .sidebar .mailchimp-email { width: 100%; } .sidebar .mailchimp-submit { margin: 0; min-height: 42px; position: absolute; top: 0; right: 0; } } /* Custom Recents Posts widget */ .recentposts-list { list-style: none; margin: 0; padding: 0; } .recentposts-list li { margin: 26px 0; padding: 0; position: relative; min-height: 60px; } .recentposts-list li:last-child { margin-bottom: 14px; } .recentposts-image { position: absolute; top: 4px; left: 0; } .recentposts-content { margin: 0 0 0 80px; } .recentposts-title { margin: 0 0 4px 0; padding-bottom: 2px; font-size: 16px; line-height: 25px; } .recentposts-title:hover { text-decoration: none; } .recentposts-date { font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; margin: 6px 0 0 0; display: block; } .recentposts-comments { display: block; font-size: 11px; line-height: 17px; margin: 6px 0 0 0; } .recentposts-comments a { display: inline-block; } .recentposts-exceprt { margin: 5px 0 12px 0; display: none; } /* alternate recent posts widget */ .recentposts-list.text_only li { margin-bottom: 28px; margin: 0; } .recentposts-list.text_only li:last-child { margin-bottom: 0; } .recentposts-list.text_only .recentposts-image { display: none; } .recentposts-list.text_only .recentposts-content { margin-left: -35px; padding: 17px 20px 17px 35px; transition: background 0.3s; } .recentposts-list.text_only .recentposts-title { font-size: 18px; line-height: 28px; } .recentposts-list.text_only .recentposts-date { font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; margin-top: -4px; } .recentposts-list.text_only .recentposts-exceprt { display: block; margin-top: 2px; } .content-right-grid .recentposts-list.text_only .recentposts-content { margin-left: -35px; padding: 17px 20px 17px 35px; position: relative; left: 35px; } /* =============== 2.7 Tables =============== */ table { border: 0; width: 100%; margin: 0; padding: 12px 20px; border-radius: 6px; } table caption { text-align: left; font-size: 13px; line-height: 20px; } table tr { margin: 0 20px; padding: 0 20px; } table tr:last-child td { border-bottom-width: 0; } table td { text-align: left; } table td:first-child { padding-right: 20px; } table tbody td { padding: 14px 0; border-bottom-width: 1px; border-bottom-style: solid; } table .row-1 { width: 66%; } table .row-2 { width: 34%; } table.skin-border { border-radius: 6px; border-width: 2px; border-style: solid; } table.cel-data-label { padding: 12px 0; } table.cel-data-label thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.cel-data-label tr { display: block; margin: 0 0 30px 0; border-bottom-width: 2px; border-bottom-style: solid; } table.cel-data-label tr:last-child td { border-bottom-width: 1px; } table.cel-data-label tr:last-child td:last-child { border-bottom-width: 0; } table.cel-data-label td { border-bottom-width: 1px; border-bottom-style: solid; display: block; padding: 8px 0; text-align: right; } table.cel-data-label td:before { content: attr(data-label); float: left; font-weight: bold; } table.cel-data-label td:last-child { border-bottom-width: 0; } /* =============== 4.0 ELEMENTS =============== */ /* =============== 4.1 Helper Classes =============== */ /* Clear Both Class */ .clearboth { clear: both; } /* Centered Text class */ .centered-text { text-align: center; } /* Spacer class */ .cel-spacer { width: 100%; overflow: hidden; font-size: 0; line-height: 0; } /* =============== 4.2 Contact Form 7 =============== */ .cel-input-group { margin: 9px 0; } .wpcf7-form label { width: 100%; margin: 8px 0 8px 0; } .wpcf7-form p { padding: 0; } .wpcf7-form-control-wrap { margin-top: 4px; display: block; } .cel-input-group .wpcf7-submit { position: relative; top: -9px; } .wpcf7-response-output { float: left; width: auto; } span.wpcf7-not-valid-tip { font-size: 15px; line-height: 28px; margin: 2px 0 16px 0; color: #ed2e0f; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted, div.wpcf7-mail-sent-ok, div.wpcf7-response-output { font-size: 15px; line-height: 28px; border: 0 none; margin: 20px 0 0 0; padding: 6px 22px; } /* =============== 4.3 Back To Top Button =============== */ #scrollUp { font-size: 12px; line-height: 12px; padding: 12px 0 0 0; width: 36px; height: 36px; text-align: center; display: block; position: absolute; bottom: 20px; right: 20px; border-radius: 2px; } #scrollUp:before { font-family: 'IcoMoon-Ultimate'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\edb6"; font-size: 12px; line-height: 12px; } #scrollUp:hover { text-decoration: none; box-shadow: none; } /* =============== 4.4 Custom Elements =============== */ /* =============== Custom List =============== */ .custom-list { list-style: none; margin: 0; padding: 0; } .custom-list li { list-style: none; margin: 0; padding: 0; margin: 5px 0 0 0; padding-bottom: 5px; position: relative; } .custom-list li i { position: absolute; top: -2px; left: 0; font-size: 18px; line-height: 18px; padding: 6px 0 0 2px; width: 28px; height: 24px; border-radius: 30px; text-align: center; } .custom-list li p { margin-left: 40px; padding: 0; } .custom-list li .mi-icon { top: 0; } .cl-hborder li { border-bottom-width: 1px; border-bottom-style: solid; } .cl-hborder li:last-child { border-bottom-width: 0; } .custom-list.cl-hborder li { margin: 14px 0 0 0; padding-bottom: 14px; } /* =============== Lines =============== */ .line-separator { width: 100%; overflow: hidden; height: 1px; } .thick-line-separator { width: 100%; overflow: hidden; height: 4px; } .thin-line-separator { width: 100%; overflow: hidden; height: 1px; } .cel-wrapper.header-separator { line-height: 0; height: 4px; } .cel-wrapper.header-separator .thick-line-separator { overflow: visible; } /* =============== Entire Clickable Section Class =============== */ .block-click { cursor: pointer; } /* =============== Animated Underline =============== */ .cel-underline { display: inline; } .cel-underline span { width: calc(100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 1s; padding-bottom: 3px; } .cel-underline:hover span { background-size: 100% 100%; } h1 .cel-underline span, h2 .cel-underline span, h3 .cel-underline span, h4 .cel-underline span, h5 .cel-underline span, h6 .cel-underline span { padding-bottom: 2px; } /* =============== Tagline =============== */ .cel-tagline { padding: 6px 18px 4px 18px; margin: 8px 0; display: inline-block; } /* =============== Tagline Icon =============== */ .cel-tagline-icon { position: relative; min-height: 48px; margin-bottom: 20px; } .ti-icon { position: absolute; top: 0; left: 0; font-size: 48px; line-height: 48px; } .ti-tagline-wrapper { position: absolute; bottom: 0; left: 56px; } .ti-tagline-wrapper > div { border-radius: 2px; padding: 3px 16px 2px 16px; } /* =============== Text Alignment Classes =============== */ .cel-center { text-align: center; } .cel-left { text-align: left; } .cel-right { text-align: right; } /* =============== Section Title =============== */ .cel-section-title { font-size: 20px; line-height: 28px; margin: 0 0 48px 0; border-bottom-width: 4px; border-bottom-style: solid; padding: 0 0 12px 24px; display: inline-block; position: relative; } .cel-section-title:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f105"; font-size: 18px; position: absolute; top: 5px; left: 0; } /* =============== Intro Text =============== */ .intro-text { font-size: 20px; line-height: 30px; } /* =============== Small Secondary Text =============== */ .small-secondary { font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; opacity: 0.9; } /* =============== Hover Image Effect =============== */ .imgp-wrapper { position: relative; } .imgp-wrapper img { display: block; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .imgp-wrapper:hover img { opacity: 0.8; } .imgp-wrapper:hover .imgp-icon { opacity: 1; } .imgp-icon { opacity: 0; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; font-size: 16px; margin: -23px 0 0 -23px; text-align: center; z-index: 2; } .imgp-icon i { display: block; padding: 15px 0 0 0; } /* =============== Service Block =============== */ .service-block { margin: 0; position: relative; } .service-block .sb-tagline { margin: 14px 0 0 0; } .sb-icon { font-size: 48px; line-height: 48px; position: absolute; top: 0; left: 0; display: block; } .sb-title { margin: 4px 0 10px 0; font-size: 20px; line-height: 26px; letter-spacing: -0.2px; } .sb-content-wrapper { margin: 0 0 0 70px; } .sb-content .sb-more { padding-bottom: 4px; } .sb-content .sb-more:hover { text-decoration: none; } .service-block.cel-center .sb-icon { position: static; text-align: center; display: inline-block; margin-bottom: 8px; position: static; top: auto; left: auto; margin-bottom: 16px; } .service-block.cel-center .sb-content-wrapper { margin: 0; } .service-block.cel-center .sb-title { margin-bottom: 4px; } .service-block.cel-right .sb-icon { left: auto; right: 0; } .service-block.cel-right .sb-content-wrapper { margin: 0 70px 0 0; } .service-block.block-click:hover .cel-underline span { background-size: 100% 100%; } /* =============== Service Title =============== */ .cel-service-title { margin: 0 0 11px 0; position: relative; } .st-icon { font-size: 42px; line-height: 42px; position: absolute; top: 0; left: 0; display: block; } .st-title { margin: 4px 0 2px 0; font-size: 24px; line-height: 32px; letter-spacing: -0.4px; } .st-content-wrapper { margin: 0 0 0 70px; } /* =============== Message Box =============== */ .messagebox { display: inline-block; padding: 20px 30px; } /* =============== Social Media Icons =============== */ .media-wrapper { list-style: none; margin: 0; padding: 0; } .media-wrapper li { display: inline-block; list-style: none; margin: 0 8px 8px 0; padding: 0; font-size: 20px; line-height: 20px; text-align: center; } .media-wrapper li:first-child { margin-left: 0; } .media-wrapper li a { display: block; width: 26px; height: 26px; padding-top: 3px; border-radius: 26px; } .media-wrapper li a:hover { text-decoration: none; opacity: 0.8; } .media-wrapper.cel-right li { margin: 0 0 2px 2px; } .cel-media-facebook a { background-color: #3b5998; } .cel-media-linkedin a { background-color: #4875b4; } .cel-media-twitter a { background-color: #4497ff; } .cel-media-googleplus a { background-color: #dd5448; } .cel-media-youtube a { background-color: #dc2a0f; } .cel-media-instagram a { background-color: #dc34d1; } .cel-media-dribbble a { background-color: #e14c83; } .cel-media-behance a { background-color: #1456ff; } .cel-media-stumbleupon a { background-color: #f4492e; } .cel-media-reddit a { background-color: #ff421b; } .cel-media-pinterest a { background-color: #bc1320; } .cel-media-rss a { background-color: #f0931d; } .cel-media-email a { background-color: #f4be23; } .cel-media-general a { background-color: #686d72; } /* =============== Document Info =============== */ .document-info { position: relative; display: inline-block; margin-bottom: -8px; padding: 22px 30px; transition: background 0.3s; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; } .document-info:first-child { border-top-width: 1px; border-top-style: solid; } .document-info:last-child { margin-bottom: 0; } .di-icon { position: absolute; top: 27px; left: 20px; width: 60px; height: 60px; font-size: 42px; line-height: 42px; } .di-icon i { display: inline-block; padding: 22px 0 0 0; line-height: 1px; transition: color 0.3s; } .di-content { float: left; margin: 0 0 0 48px; } .di-content a:hover { text-decoration: none; } .di-desc { font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 0.4px; margin: 0; padding: 0; } .di-small-title { font-size: 17px; line-height: 25px; } .sidebar .document-info { box-sizing: content-box; padding: 22px 0px 22px 35px; border-bottom-width: 0; margin: 0 0 -6px -35px; } .sidebar .document-info:first-child { border-top-width: 0; } .sidebar .di-icon { left: 35px; } .sidebar .di-content { margin: 0 0 0 58px; padding-right: 20px; } .sidebar .document-info.di-single { margin: -10px 0 -17px -35px; } .content-right-grid .sidebar .document-info.di-single { margin: -10px -35px -17px 0; } .content-right-grid .sidebar .document-info { margin: 0 -35px -6px 0; } @media only screen and (min-width: 991px) { .di-small-title { font-size: 20px; line-height: 28px; } } /* =============== Google Maps =============== */ .google-map-wrapper { height: 380px; overflow: hidden; border-width: 5px; border-style: solid; /* reset button properties inside google maps */ } .google-map-wrapper > div { height: inherit; margin: 0; padding: 0; } .google-map-wrapper > div img { max-width: none; } .google-map-wrapper button { min-height: auto; padding: 0; margin: 0; border-radius: 0; } .gmnoprint img { max-width: none; } .gm-style-mtc div { min-height: 8px; } /* =============== Icon Badge =============== */ .icon-badge { padding: 6px 32px; display: inline-block; border-radius: 2px; font-size: 20px; line-height: 31px; } .icon-badge i { font-size: 16px; line-height: 16px; margin-right: 6px; } /* =============== Magnific Popup Animations =============== */ /* Fade-zoom animation for first dialog */ /* start state */ .cel-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .cel-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .cel-mfp-zoom-in.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* Dark overlay, start state */ .cel-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .cel-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .cel-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .cel-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } /* animate in */ .cel-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } /* animate out */ .cel-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } /* Dark overlay, start state */ .cel-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .cel-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .cel-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* =============== Team Member =============== */ .tm-image-content { margin: 10px 0; } .tm-content { margin: 10px 0; margin-bottom: 30px; } .tm-name { margin: 6px 0 4px 0; } .tm-position { margin-bottom: 18px; } .tm-biography-text { display: block; margin-top: 7px; } .tm-biography-text i { font-size: 16px; margin: 0 8px 0 0; position: relative; top: 2px; } .tm-social-media { margin: 29px 0 4px 0; } .tm-social-media li { display: inline-block; } .tm-social-media li:first-child { margin-left: 0; } .tm-social-media li i { transition: all 0.4s; } .tm-social-media li a { display: block; padding: 2px; } .tm-social-media li a span { display: none; } /* team detail lightbox */ .team-detail-wrapper { padding: 54px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative; } .team-detail-wrapper .mfp-close { top: 10px; right: -4px; } .team-detail-wrapper .tm-social-media.media-wrapper { margin-top: 26px; margin-bottom: 22px; } .team-detail-wrapper .tm-social-media.media-wrapper li { margin: 6px 0; display: block; text-align: left; } .team-detail-wrapper .tm-social-media.media-wrapper li i { min-width: 30px; } .team-detail-wrapper .tm-social-media.media-wrapper li a { width: auto; padding: 2px 20px; height: 30px; } .team-detail-wrapper .tm-social-media.media-wrapper li a span { display: inline-block; font-size: 17px; line-height: 27px; position: relative; top: -1px; } @media only screen and (min-width: 767px) { .tm-image-content { margin: 20px 0; } .tm-content { margin: 20px 0; } .team-detail-wrapper { max-width: 500px; padding: 44px 36px; } .team-detail-wrapper .tm-position { margin-bottom: 10px; } .team-detail-wrapper .mfp-close { top: 4px; right: 0; } .team-detail-wrapper .tm-phone { margin-top: 8px; } } @media only screen and (min-width: 991px) { .tm-image-content { margin: 24px 0; } .tm-content { margin: 24px 0; } .columns-grid-2 .team-member-grid { grid-gap: 7%; grid-template-columns: 33% 60%; } .team-detail-wrapper { max-width: 680px; padding: 54px 46px; } } @media only screen and (min-width: 1249px) { .columns-grid-2 .team-member-grid { grid-gap: 5%; grid-template-columns: 26% 69%; } } /* =============== Testimonial =============== */ .testimonial-block { text-align: center; } .testimonial-block blockquote { padding: 0; margin: 0 0 20px 0; } .testimonial-block blockquote:before { display: none; } .testimonial-image { border-radius: 60px; width: 100px; height: 100px; margin: 6px auto 20px auto; } .testimonial-position { margin: 2px 0 0 0; } /* =============== 4.5 Bootstrap Elements =============== */ /* =============== WordPress Block Separator =============== */ .wp-block-separator { margin: 40px 0; } /* =============== Alerts =============== */ .alert { padding: 30px 40px; border-radius: 0; } .alert .alert-link:hover { text-decoration: underline; } .alert button.close { min-height: auto; margin: 0; } .alert button.close:hover { background-color: transparent; } /* =============== Badges =============== */ .badge { border-radius: 0; padding: 6px 12px 4px 12px; font-weight: inherit; font-size: 13px; line-height: 21px; letter-spacing: 0.7px; } .badge.badge-pill { border-radius: 20px; padding: 6px 16px 4px 16px; } a.badge { padding-bottom: 4px; } .celestial-main p a.badge:hover { padding-bottom: 4px; box-shadow: none; } .celestial-main p a.btn:hover { box-shadow: none; } /* =============== Buttons =============== */ .btn { border-radius: 0; font-size: inherit; font-size: 15px; line-height: 24px; font-weight: 500; padding: 6px 26px 6px 26px; display: inline-block; z-index: 1; outline: none; transition: all 0.4s; min-height: 42px; } .btn .badge { left: 4px; margin-right: 4px; border-radius: 2px; } a.btn { padding-top: 8px; } a.btn:hover { box-shadow: none; } .btn.btn-lg { font-size: 17px; line-height: 30px; padding: 9px 30px; } .btn.btn-sm { font-size: 13px; line-height: 16px; padding: 7px 18px; min-height: 34px; } /* =============== Button Groups =============== */ .btn-group-toggle label br { display: none; } .input-group-text { font-size: inherit; line-height: inherit; border-radius: 0; padding: 0 14px 4px 14px; height: 42px; margin-top: 10px; } .form-control { border-radius: 0; padding: 6px 26px 6px 26px; } /* =============== Breadcrumbs =============== */ .breadcrumb { border-radius: 0; padding: 12px 30px; } .breadcrumb li { margin: 0; } .breadcrumb li a { padding-bottom: 1px; } /* =============== Cards =============== */ .card { border-radius: 0; border-width: 0; } .cel-card { margin: 40px 0; } .cel-card .card-body { width: 82%; } .card-header-tabs li { margin: 0; } .card-body { text-align: center; padding: 14px 0; margin: 0 auto; } .card-body.cel-left { text-align: left; } .card-body.cel-right { text-align: right; } .card-title { margin: 9px 0 0 0; } .card-subtitle { margin: 6px 0; } .card-header:first-child { border-radius: 0; } .card-header .card-header-pills { margin-top: 0; margin-bottom: 0; } .card-header .card-header-pills li { margin: 0; } .card-img-wrapper { margin-top: -40px; margin: -40px auto 0 auto; width: 82%; overflow: hidden; } .card-img-wrapper img { overflow: hidden; backface-visibility: hidden; position: relative; width: 100%; transform: scale(1); transition: transform 1s; opacity: 1; } .card-img-wrapper img:hover { transform: scale(1.1); } .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0; } .card-img-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .card.block-click:hover .cel-underline span { background-size: 100% 100%; } .card.block-click:hover .card-img-wrapper img { transform: scale(1.1); } @media only screen and (min-width: 767px) { .cel-card .card-body { width: 90%; } .card-img-wrapper { width: 90%; } } @media only screen and (min-width: 991px) { .card-body blockquote { padding: 8px 0 8px 60px; } .card-body blockquote:before { left: 0; top: 10px; } .cel-card .card-body { width: 87%; } .card-img-wrapper { width: 87%; } } /* =============== List Groups =============== */ .list-group { margin: 0; } .list-group li.list-group-item { margin: 0; } li.list-group-item { padding: 12px 30px; background-color: transparent; border: 0 none; border-bottom-width: 1px; border-bottom-style: solid; } .card > .list-group:first-child .list-group-item:first-child { border-radius: 0; } .card > .list-group:last-child .list-group-item:last-child { border-radius: 0; } /* =============== Navs =============== */ .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; padding: 0; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover { text-decoration: none; } .nav > li > a:focus { text-decoration: none; } .nav > li > a > img { max-width: none; } .nav > li.disabled > a:hover { text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav > li.disabled > a:focus { text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; } /*=============== Tabs ===============*/ .nav-tabs .nav-item.show .nav-link { color: inherit; background-color: inherit; border-color: inherit; } .nav-tabs .nav-link.active { color: inherit; background-color: inherit; border-color: inherit; } .nav-tabs .nav-link { border: none; border-top-left-radius: 0; border-top-right-radius: 0; font-size: 17px; line-height: 27px; } .nav-tabs .nav-link:focus { border-color: transparent; } .nav-tabs .nav-link:hover { border-color: transparent; } .nav-tabs .nav-item { margin-bottom: 0; } ul.nav-tabs { float: left; margin: 0 0 24px 0; border-width: 1px; border-style: solid; } ul.nav-tabs .nav-link.active { background-color: transparent; } ul.nav-tabs > li { float: left; margin: 0; border-right-width: 1px; border-right-style: solid; } ul.nav-tabs > li:last-child { border-right-width: 0; } ul.nav-tabs > li > a { display: block; padding: 10px 50px 30px 20px; transition: all 0.4s; } ul.nav-tabs > li > a:hover { text-decoration: none; } ul.nav-tabs li a.active { position: relative; text-decoration: none; cursor: default; } ul.nav-tabs li a.active:hover { text-decoration: none; cursor: default; } ul.nav-tabs li a.active:focus { text-decoration: none; cursor: default; } ul.nav-tabs li a.active:before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 2px; } ul.nav-tabs li a.active:after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; content: ""; } ul.nav-tabs li a:hover:before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 2px; } /* tabs left */ .tabs-left ul.nav-tabs li a.active:before { top: 0; left: -1px; width: 2px; height: 100%; } .tabs-left ul.nav-tabs li a.active:after { right: -1px; top: 0; left: auto; width: 2px; height: 100%; } .tabs-left ul.nav-tabs li a:hover:before { top: 0; left: -1px; width: 2px; height: 100%; } .tabs-left ul.nav-tabs > li { float: none; margin: 0; border-right-width: 0; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; } .tabs-left ul.nav-tabs > li:last-child { border-bottom-width: 0; } /* tabs right */ .tabs-right ul.nav-tabs li a.active:before { top: 0; right: -1px; left: auto; width: 2px; height: 100%; } .tabs-right ul.nav-tabs li a.active:after { left: -1px; rigght: auto; top: 0; width: 2px; height: 100%; } .tabs-right ul.nav-tabs li a:hover:before { top: 0; right: -1px; left: auto; width: 2px; height: 100%; } .tabs-right ul.nav-tabs > li { float: none; margin: 0; border-right-width: 0; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; } .tabs-right ul.nav-tabs > li:last-child { border-bottom-width: 0; } /* justified tabs */ .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; margin-right: 0; border-radius: 6px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs.nav-justified > .active > a { border-width: 1px; border-style: solid; } .nav-tabs.nav-justified > .active > a:hover { border-width: 1px; border-style: solid; } .nav-tabs.nav-justified > .active > a:focus { border-width: 1px; border-style: solid; } .tabs-grid.tabs-top { width: auto; display: block; } .tabs-grid.tabs-below { width: auto; display: block; } .tabs-top .tab-content { float: left; width: 100%; } .tabs-top ul.nav-tabs li { border-right-width: 1px; border-bottom-width: 0; border-bottom-style: solid; } .tabs-top ul.nav-tabs > li:last-child { border-bottom-width: 0; } .tabs-below .tab-content { float: left; width: 100%; } .tabs-below > ul.nav-tabs { margin: 30px 0 0 0; } .tabs-bottom ul.nav-tabs li { border-right-width: 1px; border-bottom-width: 0; border-bottom-style: solid; } .tabs-bottom ul.nav-tabs > li:last-child { border-bottom-width: 0; } /* inclusion of right, left and below tabs */ .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .pill-content > .pill-pane { display: none; } .pill-content > .active { display: block; } @media only screen and (min-width: 767px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; border-bottom-width: 1px; border-bottom-style: solid; } } /*=============== Collapse Animation ===============*/ .collapse { visibility: hidden; } .collapse.show { visibility: visible; display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.45s; transition-duration: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.51, 0.92, 0.04, 1); transition-timing-function: cubic-bezier(0.51, 0.92, 0.04, 1); } .collapsing.width { -webkit-transition-property: width, visibility; transition-property: width, visibility; width: 0; height: auto; } /*=============== Toggle Content ===============*/ .celestial-toggle-block { margin: 0 0 -1px 0; } .cel-toggle-title { font-size: 18px; line-height: 28px; padding: 0; margin: 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .cel-toggle-title a { padding: 19px 28px 18px 36px; margin: 0; display: block; position: relative; transition: all 0.6s; } .cel-toggle-title a:before { font-family: 'IcoMoon-Ultimate'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\ed5b"; font-size: 14px; line-height: 14px; position: absolute; left: 12px; top: 26px; } .cel-toggle-title a:hover { text-decoration: none; } .cel-toggle-title a.collapsed:before { content: "\ed5a"; } .cel-toggle-inner-content { padding: 28px 38px; } /*=============== Accordion ===============*/ .cel-accordion-title { font-size: 18px; line-height: 28px; } .cel-accordion-title br { display: none; } .cel-accordion-title a { cursor: pointer; display: block; } .celestial-accordion-wrapper .card-header { padding: 19px 28px 18px 28px; border-width: 1px; border-style: solid; } .celestial-accordion-wrapper .card-body { padding: 24px 28px; } .celestial-accordion-wrapper .card { margin-bottom: -1px; border-width: 0; } .cel-accordion-content.collapse .card-body { border-bottom: 0 none; } .cel-accordion-content { border-width: 1px; border-style: solid; border-top-width: 0; } /* =============== 5.0 PORTFOLIO =============== */ /* =============== 5.1 Portfolio Filter - 240px & Above =============== */ /* Portfolio Filter */ .port-filter-section ul { list-style: none; margin: 30px 0 60px 0; display: block; border-width: 1px; border-style: solid; } .port-filter-section ul li { margin: 0; padding: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; } .port-filter-section ul li:last-child { border-bottom-width: 0; } .port-filter-section ul li a { margin: 0; display: block; padding: 12px 30px; } .port-filter-section ul li a:hover { text-decoration: none; } @media only screen and (min-width: 991px) { .port-filter-section ul { list-style: none; margin: 20px 0 70px 0; padding: 0; display: inline-block; } .port-filter-section ul li { margin: 0; float: left; border-right-width: 1px; border-right-style: solid; border-bottom-width: 0; } .port-filter-section ul li a { padding: 12px 30px; } .port-filter-section ul li:last-child { border-right-width: 0; } } /* =============== 5.2 Portfolio General Styling - 240px & Above =============== */ /* Default Portfolio 2/3 Columns */ .mc-portfolio-block { position: relative; margin: 12px 0; } .mc-portfolio-block .attachment-post-thumbnail { display: block; } .mc-portfolio-info { margin: 14px 0 0 0; } .mc-portfolio-title { font-size: 20px; line-height: 28px; } .mc-portfolio-title a { display: inline-block; padding: 4px 0; } .mc-portfolio-title a:hover { text-decoration: none; } .mc-port-category { margin: 4px 0 0 0; } .mc-portfolio-img-url img { border-width: 5px; border-style: solid; transition: border 0.5s; box-shadow: 0 18px 82px rgba(0, 0, 0, 0.06); } /* =============== 5.3 Portfolio Post Detail =============== */ .single-portfolio .post-share { margin: 20px 0 20px 0; } /* =============== 5.4 Portfolio Related Posts =============== */ .related-portfolio-title h3 { margin: 40px 0 16px 0; font-size: 24px; line-height: 32px; } .related-portfolio-wrapper { margin-bottom: 30px; } .related-portfolio-wrapper .mc-portfolio-block { margin: 20px 0 20px 0; } /* =============== 6.0 SLIDERS =============== */ /* =============== 6.1 Slick Carousel - 240px & Above =============== */ /* Arrows */ /* dots */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow: hidden; } .slick-slider .slick-track { -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-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-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before { content: ""; display: table; } .slick-track:after { content: ""; display: table; clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-loading .slick-slide { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } [dir="rtl"] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .cel-blogslider-parent { position: relative; display: block; box-sizing: border-box; } .cel-slider-parent { position: relative; display: block; box-sizing: border-box; } .cel-slider-featured-image { z-index: 1; position: relative; } .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top: 0; display: block; width: 42px; height: 42px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; min-height: 30px; left: -80px; } .slick-prev:hover { outline: none; } .slick-prev:focus { outline: none; } .slick-prev:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 18px; content: "\f104"; padding-left: 0; } .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top: 0; display: block; width: 42px; height: 42px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; min-height: 30px; right: -80px; } .slick-next:hover { outline: none; } .slick-next:focus { outline: none; } .slick-next:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 18px; content: "\f105"; padding-left: 2px; } [dir='rtl'] .slick-prev { left: auto; } [dir='rtl'] .slick-prev:before { content: "\f105"; padding-right: 0; } [dir='rtl'] .slick-next { right: auto; } [dir='rtl'] .slick-next:before { content: "\f104"; padding-right: 0; } .slick-dots { width: 100%; display: block; list-style: none; margin: 0 auto; padding: 0; text-align: center; position: absolute; bottom: 30px; } .slick-dots li { margin: 0 2px; padding: 0; display: inline-block; } .slick-dots li button { font-size: 0; line-height: 0; padding: 0; min-height: 1px; width: 14px; height: 14px; background-color: transparent; border-width: 3px; border-style: solid; border-radius: 20px; opacity: 0.7; } .slick-dots li button:hover { opacity: 1; } .slick-dots li.slick-active button { opacity: 1; } .sidebar .celestial-slick-parent { width: 100%; } .sidebar .testimonial-block > p { display: none; } .sidebar .tb-name-wrapper > p { display: none; } .slick-left-dots .slick-dots { left: 30px; width: auto; } .slick-right-dots .slick-dots { right: 30px; width: auto; } .slick-dots-outside .slick-dots { bottom: -50px; } /* =============== 6.2 Homepage Slider =============== */ .cel-slider-wrapper { float: left; width: 100%; } .cel-homepage-slider-wrapper { margin: 66px 0 0 0; height: 76px; } .cel-homepage-slider-wrapper .slick-dots { right: 38px; bottom: 32px; width: auto; } .cel-homepage-slider-empty .slick-dots { display: none; } .cel-homepage-slider-empty .cel-wrapper { padding: 40px; height: 120px; } .cel-homepage-slider { position: relative; } .cel-homepage-slider .slider-block { height: 100%; } .cel-slider-parent { position: relative; max-width: 80%; height: 76px; margin: 0 auto; background-color: transparent; } .cel-homepage-slider-content { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .cel-slide-box { padding: 50px; width: 39%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.78); } .cel-slide-box h1, .cel-slide-box h2, .cel-slide-box h3, .cel-slide-box h4, .cel-slide-box h5, .cel-slide-box h6 { color: inherit; } .cel-slide-box p { color: inherit; } .cel-slide-box blockquote { color: inherit; } .cel-slide-box a:not(.celestial-button) { color: inherit; } .cel-slide-bar { padding: 30px 40px; width: 100%; height: auto; position: absolute; bottom: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.78); } .cel-slide-bar h1, .cel-slide-bar h2, .cel-slide-bar h3, .cel-slide-bar h4, .cel-slide-bar h5, .cel-slide-bar h6 { color: inherit; } .cel-slide-bar p { color: inherit; } .cel-slide-bar blockquote { color: inherit; } .cel-slide-bar a:not(.celestial-button) { color: inherit; } .cel-slide-bar.sbar-top { top: 0; bottom: auto; } @media only screen and (min-width: 767px) { .cel-slider-parent { max-width: 70%; height: 166px; } .cel-homepage-slider-wrapper { height: 166px; } } @media only screen and (min-width: 991px) { .cel-slider-parent { max-width: 86%; height: 282px; } .cel-homepage-slider-wrapper { height: 282px; } .cel-slide-box { padding: 32px 36px; display: block; } .cel-slide-box p { display: none; } .cel-slide-box h1 { font-size: 32px; line-height: 42px; } .cel-slide-bar { display: block; } .cel-slide-bar p { display: none; } .cel-slide-bar h2 { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 1249px) { .cel-slider-parent { width: 83.1%; height: 384px; } .cel-homepage-slider-wrapper { height: 384px; } .cel-slide-box { padding: 50px; } .cel-slide-box p { display: block; } .cel-slide-bar p { display: block; } } @media only screen and (min-width: 1441px) { .cel-slider-parent { width: 68.1%; height: 414px; } .cel-homepage-slider-wrapper { height: 414px; } .cel-slide-box p { display: block; } .cel-slide-box h1 { font-size: 36px; line-height: 48px; } .cel-slide-bar p { display: block; } .cel-slide-bar h2 { font-size: 36px; line-height: 48px; } } /* =============== 6.3 Content Slider =============== */ .celestial-carousel-parent { position: relative; display: block; box-sizing: border-box; } .celestial-carousel-parent .slick-slide { margin: 0 26px; margin: 0 26px; } .celestial-carousel-parent .slick-list { margin: 0 -26px; } .celestial-carousel-parent .slick-slider { overflow: hidden; } .celestial-carousel-parent .slick-prev { left: 14px; } .celestial-carousel-parent .slick-next { right: 12px; } .celestial-carousel-parent.slick-list { margin: 0 -26px; } .slick-slide br { display: none; } .slick-slide .cel-slide-box br { display: block; } @media only screen and (min-width: 1441px) { .celestial-carousel-parent .slick-prev { left: 30px; } .celestial-carousel-parent .slick-next { right: 28px; } }