/* Theme Name: Apola Theme URI: http://velikorodnov.com/themeforest/apola/preview/ Author: Designed by monkeysan Author URI: https://themeforest.net/user/monkeysan Description: Apola Portfolio WordPress Theme. Version: 1.0.2 Tags: one-column, two-columns, left-sidebar, right-sidebar, sticky-post, rtl-language-support, threaded-comments, translation-ready, theme-options, featured-images License: Commercial License URI: http://themeforest.net/licenses/regular_extended Text Domain: apola */ /*------------------------------------------------------------------ [Master Stylesheet] Project: Apola Last change: 01/02/2018 [initial release] Assigned to: Monkeysan Primary use: Portfolio /*------------------------------------------------------------------ [Color codes] # Primary Color: #000000 Background: #f5f5f5 / #000000 Headers: #000000 / #ffffff a (standard): #000000 / #ffffff a (hover): #000000 / #ffffff ::selection: #000000 # */ /*------------------------------------------------------------------ [Typography] Body copy: 400 16px/30px 'Poppins', sans-serif; Headers: 'Abril Fatface' sans-serif; */ /* ------------------------------------------------------ Stylesheet Guide --------------------------------------------------------- 1. Global 1.1. Preloader 1.2. Reusable Patterns 1.2.1. Grid 1.2.2. Aligner 1.2.3. Isotope 1.2.4. Table Row 1.2.5. Named Element 1.3. Page Skin 2. Layout 2.1. Fixed Content 2.2. Full Height Article 2.3. Parallax Grid 3. Reusable Patterns 3. General Classes 3.1. WordPress Core 4. Typography 4.1. Links 4.2. Dropcap 4.3. Blockquote 4.4. Tooltips 5. Header 5.1. Layout 5.2. Skins 5.3. Navigation 5.4. Vertical 5.5. Hidden Side Column 6. Page Header 6.1. Breadcrumbs 7. Content Elements 7.1. Forms 7.2. Lists 7.3. Alert Boxes 7.4. Accordion & Toggle 7.5. Tabs 7.6. Buttons 7.7. Dividers 7.8. Progress Bars 7.9. Testimonials 7.10. Team Members 7.11. Social Networks 7.12. Counters 7.13. Pagination 7.14. Filter 7.15. Gallery 7.16. WP Gallery 7.17. Tables 7.18. Full Page 7.19. Timeline 7.20. Services 7.21. Back to Top Button 7.22. Owl Carousel & Revolution Slider 7.23. Striped Photos 7.24. Slider 7.25. Icon Boxes 7.26. Pricing Tables 7.27. Bottom Controls 7.28. Extended Info List 8. Sidebar & Widgets 8.1. [Apola] About Widget 8.2. Tags Widget 8.3. Entries Widgets 8.4. Comment Widgets 8.5. Gallery Widget 8.6. Calendar Widget 8.7. RSS widget 8.8. Navigation menu widget 8.9. MailPoet Subscription Form 8.10. Gallery 9. Blog 9.1. Container 9.2. Items 9.3. Single 10. Portfolio 10.1. Container 10.2. Items 10.3. Single 11. Pages 11.1. About Me 11.2. Contact Us 11.3. Home 11.4. 404 Error Page 12. Modal Windows 12.1. Photo Info 13. Footer 14. Media Queries 15. Retina Ready ---------------------------------------------------------- */ /* ------------------------------------------------------ 1. Global ------------------------------------------------------ */ :root { font-size: 16px; line-height: 30px; } html { overflow-x: hidden; } body { font-size: 16px; line-height: 30px; font-weight: 300; color: #000; background-color: #f5f5f5; overflow-x: hidden !important; } ::-webkit-selection { background-color: #000; color: #fff; } ::-moz-selection { background-color: #000; color: #fff; } ::selection { background-color: #000; color: #fff; } [data-animation]:not(.apo-visible) { visibility: hidden; opacity: 0; } .apo-hidden-column .mCSB_scrollTools { opacity: 1 !important; } .apo-hidden-column .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .apo-hidden-column .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000000 !important; } .apo-hidden-column.apo-hidden-column-dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .apo-hidden-column.apo-hidden-column-dark .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #ffffff !important; } .apo-hidden-column.apo-hidden-column-dark .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, .4) !important; } /* ------------------------------------------------------ 1.1. Preloader ------------------------------------------------------ */ .apo-preloader { text-align: center; background-color: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 300; } .apo-preloader-outer { display: table; width: 100%; table-layout: fixed; height: 100%; } .apo-preloader-inner { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .apo-loader { display: inline-block; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; -webkit-animation: apoBorderPulse 1s ease .0s infinite; animation: apoBorderPulse 1s ease .0s infinite; } .apo-loader img { vertical-align: middle; } @-webkit-keyframes apoBorderPulse { 0% { box-shadow: 0 0 0 0 #333333; } 100% { box-shadow: 0 0 0 20px rgba(51, 51, 51, 0); } } @keyframes apoBorderPulse { 0% { box-shadow: 0 0 0 0 #333333; } 100% { box-shadow: 0 0 0 20px rgba(51, 51, 51, 0); } } /* ------------------------------------------------------ 1.2. Reusable Patterns ------------------------------------------------------ */ /* ------------------------------------------------------ 1.2.1. Grid ------------------------------------------------------ */ .apo-grid { font-size: 0; line-height: 0; margin-top: -30px; margin-left: -15px; margin-right: -15px; } .apo-grid.apo-no-spacing-x { margin-left: 0; margin-right: 0; } .apo-grid-col { font-size: 16px; line-height: 30px; display: inline-block; vertical-align: top; width: 100%; padding-top: 30px; padding-left: 15px; padding-right: 15px; } .apo-grid.apo-no-spacing-x .apo-grid-col { padding-left: 0; padding-right: 0; } .apo-grid.apo-cols-4 .apo-grid-col { width: 25%; } .apo-grid.apo-cols-3 .apo-grid-col, .apo-has-sidebar .apo-grid.apo-cols-4 .apo-grid-col { width: 33.33333%; } .apo-grid.apo-cols-2 .apo-grid-col { width: 50%; } /* ------------------------------------------------------ 1.2.2. Aligner ------------------------------------------------------ */ .apo-aligner-outer { display: table; table-layout: fixed; width: 100%; height: 100%; } .apo-aligner-inner { display: table-cell; width: 100%; height: 100%; text-align: left; vertical-align: top; } .apo-aligner-inner.apo-aligner-x-left { text-align: left; } .apo-aligner-inner.apo-aligner-x-right { text-align: right; } .apo-aligner-inner.apo-aligner-x-center { text-align: center; } .apo-aligner-inner.apo-aligner-y-top { vertical-align: top; } .apo-aligner-inner.apo-aligner-y-middle { vertical-align: middle; } .apo-aligner-inner.apo-aligner-y-bottom { vertical-align: bottom; } .apo-vcentered-outer { display: table; table-layout: fixed; width: 100%; height: 100%; } .apo-vcentered-outer .apo-vcentered-inner { vertical-align: middle; display: table-cell; width: inherit; height: inherit; } /* ------------------------------------------------------ 1.2.3. Isotope ------------------------------------------------------ */ .apo-isotope { margin-top: -30px; margin-left: -15px; margin-right: -15px; transition: height .5s ease; } .apo-isotope.apo-isotope-has-slide-effect { visibility: hidden; } .apo-isotope .apo-item { padding: 30px 15px 0; } .apo-isotope.apo-cols-4 .grid-sizer, .apo-isotope.apo-cols-4 .apo-item { width: 25%; } .apo-isotope.apo-cols-4 .apo-item.apo-item-size-2x { width: 50%; } .apo-isotope.apo-cols-3 .grid-sizer, .apo-isotope.apo-cols-3 .apo-item { width: 33.33333%; } .apo-isotope.apo-cols-3 .apo-item.apo-item-size-2x { width: 66.66666%; } .apo-isotope.apo-cols-2 .grid-sizer, .apo-isotope.apo-cols-2 .apo-item, .apo-has-sidebar .apo-isotope.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-isotope.apo-cols-4 .apo-item, .apo-has-sidebar .apo-isotope.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-isotope.apo-cols-3 .apo-item { width: 50%; } .apo-isotope.apo-cols-1 .apo-item, .apo-isotope.apo-cols-2 .apo-item.apo-item-size-2x { width: 100%; } /* ------------------------------------------------------ 1.2.4. Table Row (Extension for the bootstrap grid system) ------------------------------------------------------ */ .apo-table-row { margin-left: 0; margin-right: 0; display: table; width: 100%; table-layout: fixed; } .apo-table-row > [class*="col-"] { display: table-cell; vertical-align: middle; float: none; } .apo-table-row > [class*="col-"]:first-child { padding-left: 0; } .apo-table-row > [class*="col-"]:last-child { padding-right: 0; } .apo-table-row > [class*="col-"]:last-child:not(:only-child) { text-align: right; } /* ------------------------------------------------------ 1.2.5. Named Element ------------------------------------------------------ */ .apo-named-element { overflow: hidden; } .apo-named-element-caption { float: left; padding-right: 5px; } .apo-named-element-container { overflow: hidden; } .apo-named-element::after { content: ""; display: block; clear: both; } /* ------------------------------------------------------ 1.3. Page Skin ------------------------------------------------------ */ .apo-page-dark-skin { color: #8b8b8f; font-size: 14px; line-height: 30px; } .apo-page-light-skin, body.custom-background.apo-page-light-skin { background-color: #f5f5f5; } .apo-page-dark-skin, body.custom-background.apo-page-dark-skin { background-color: #000000; } .apo-page-dark-skin .apo-page h1, .apo-page-dark-skin .apo-page h2, .apo-page-dark-skin .apo-page h3, .apo-page-dark-skin .apo-page h4, .apo-page-dark-skin .apo-page h5, .apo-page-dark-skin .apo-page h6, .apo-page-dark-skin .apo-page strong, .apo-page-dark-skin .apo-page a, .apo-page-dark-skin .apo-page a:hover { color: #fff; } .apo-page-dark-skin ::-webkit-selection { background-color: #fff; color: #000; } .apo-page-dark-skin ::-moz-selection { background-color: #fff; color: #000; } .apo-page-dark-skin ::selection { background-color: #fff; color: #000; } .apo-page-dark-skin .apo-photo-stream { color: #ffffff; } .apo-page-dark-skin .apo-photo-stream .fp-section::after { background-color: #000000; opacity: .4; } .apo-page-dark-skin .apo-photo-stream-actions .apo-hover-btn { color: #ffffff; opacity: 1; } /* ------------------------------------------------------ 2. Layout ------------------------------------------------------ */ .apo-section { position: relative; padding-top: 85px; padding-bottom: 85px; } .apo-section-no-content { padding-top: 140px !important; padding-bottom: 80px !important; } .apo-section.apo-without-vertical-padding { padding-top: 0; padding-bottom: 0; } .apo-section-thin { padding-left: 200px; padding-right: 200px; } .apo-fullheight-section { text-align: center; position: relative; } .apo-flexbox .apo-fullheight-section { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .apo-no-flexbox .apo-fullheight-section { padding-top: 182px; padding-bottom: 182px; } .apo-has-sidebar.apo-section-thin, .apo-has-sidebar .apo-section-thin { padding-left: 100px; padding-right: 100px; } .apo-section.apo-huge { padding-top: 150px; padding-bottom: 150px; } .apo-section.apo-medium { padding-top: 70px; padding-bottom: 70px; } .apo-section-lightly { background-color: rgba(255, 255, 255, 0.05); } .apo-section:not([data-bg-img-src]):not([data-image-src]) + .apo-section:not([data-bg-img-src]):not([data-image-src]), .apo-page-header + .apo-section, .apo-section + .apo-page-controls, .apo-section .apo-section:first-child, .apo-page-header + .container > .apo-section:first-child { padding-top: 0; } .apo-page-header + .apo-section { padding-top: 0 !important; } .apo-section .apo-section:last-child, .apo-section .apo-page-controls:last-child { padding-bottom: 0; } .apo-section.apo-without-vertical-padding + .apo-section:not(.apo-without-vertical-padding) { padding-top: 85px !important; } .apo-page-controls { text-align: center; padding: 80px 30px 90px; } .apo-page-controls:empty { display: none; } .apo-page-controls.apo-small { padding-top: 40px; padding-bottom: 40px; } .apo-page-controls.apo-medium { padding-top: 45px; padding-bottom: 55px; } .apo-section + .apo-page-controls.apo-small { margin-top: -80px; position: relative; z-index: 3; } .apo-section + .apo-page-controls.apo-medium { margin-top: -70px; position: relative; z-index: 3; } .container-fluid { padding-left: 100px; padding-right: 100px; } /* ------------------------------------------------------ 2.1. Fixed Content ------------------------------------------------------ */ .apo-fixed-content-fixed-col { font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 2; width: 56%; padding: 150px 15% 150px 19.5%; } .apo-page-dark-skin .apo-page .apo-fixed-content-fixed-col { color: inherit; } .apo-fixed-content-fixed-col::after { content: "\e942"; font-family: 'Linearicons'; font-size: 30px; color: #000; position: absolute; top: 61%; right: 4%; } .apo-fixed-content-fixed-col + .apo-fixed-content-scroll-col { padding-left: 56%; } .apo-fixed-content-fixed-col h1, .apo-fixed-content-fixed-col h2, .apo-fixed-content-fixed-col h3, .apo-fixed-content-fixed-col h4, .apo-fixed-content-fixed-col h5, .apo-fixed-content-fixed-col h6 { color: #000; } .apo-fixed-content-fixed-col h1:not(:last-child), .apo-fixed-content-fixed-col h2:not(:last-child), .apo-fixed-content-fixed-col h3:not(:last-child) { margin-bottom: 40px; } .apo-fixed-content-fixed-col h4:not(:last-child), .apo-fixed-content-fixed-col h5:not(:last-child), .apo-fixed-content-fixed-col h6:not(:last-child) { margin-bottom: 50px; } /* ------------------------------------------------------ 2.2. Full Height Article ------------------------------------------------------ */ .apo-fh-article { position: relative; z-index: 1; min-height: 100vh; } .apo-fh-article blockquote:not(:first-child) { margin-top: 115px; } .apo-fh-article blockquote:not(:last-child) { margin-bottom: 115px; } .apo-fh-article-content .apo-scroll-down-label { color: #000000; } .apo-fh-article-content .apo-scroll-down-label:not(:first-child) { margin-top: 100px; } .apo-fh-article-media { color: #fff; position: absolute; top: 0; left: 0; width: 42.5%; height: 100vh; background-color: #000000; } .apo-fh-article-media .apo-aligner-inner { text-align: center; vertical-align: bottom; padding: 20px 20px 40px; position: relative; z-index: 3; } .apo-fh-article-media::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-image: url("assets/images/person-shadow.png"); background-position: left bottom; background-repeat: repeat-x; } .apo-fh-article-title { color: #fff; font-weight: 300; font-size: 24px; line-height: 28px; letter-spacing: 1px; text-transform: uppercase; } .apo-fh-article-title:not(:last-child) { margin-bottom: 5px; } .apo-fh-article-meta { font-size: 14px; color: #b7956c; line-height: 20px; } .apo-fh-article-content { font-size: 14px; font-weight: 400; line-height: 24px; color: #7b7c80; position: relative; left: 42.5%; width: 57.6%; padding-top: 85px; padding-bottom: 85px; padding-left: 50px; } .vc_row[data-vc-stretch-content="true"] .apo-fh-article-content, .vc_section[data-vc-stretch-content="true"] .apo-fh-article-content { padding-right: 350px; padding-left: 130px; } .apo-fh-article blockquote, .apo-fh-article blockquote[class*="apo-style"] { color: #000000; font-size: 30px; line-height: 40px; } .apo-fh-article blockquote:not(:first-child) { margin-top: 115px; } .apo-fh-article blockquote:not(:last-child) { margin-bottom: 115px; } /* ------------------------------------------------------ 2.3. Parallax Grid ------------------------------------------------------ */ .apo-parallax-grid { font-size: 0; line-height: 0; overflow: hidden; } .apo-parallax-grid.apo-parallax-grid-has-slide-effect { visibility: hidden; } .apo-parallax-grid.apo-parallax-grid-cols-4 .apo-parallax-grid-col { width: 25%; } .apo-parallax-grid.apo-parallax-grid-cols-3 .apo-parallax-grid-col { width: 33.33333%; } .apo-parallax-grid.apo-parallax-grid-cols-2 .apo-parallax-grid-col { width: 50%; } .apo-parallax-grid.apo-parallax-grid-cols-1 .apo-parallax-grid-col { width: 100%; } .apo-parallax-grid-col { display: inline-block; vertical-align: top; position: relative; z-index: 1; top: 0; } .apo-parallax-grid-item { font-size: 16px; line-height: 30px; } /* ------------------------------------------------------ 3. General Classes ------------------------------------------------------ */ .clearfix::after { content: ""; display: block; clear: both; } .apo-align-center { text-align: center; } .apo-align-right { text-align: right; } .apo-align-left { text-align: left; } .apo-inline-block { display: inline-block; } .apo-d-none { display: none; } .icon, .fa { line-height: inherit !important; vertical-align: baseline !important; } [data-bg-img-src] { background-size: cover; background-position: center; background-repeat: no-repeat; } .apo-section-parallax { background-size: auto auto; } .apo-section-blur-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; -webkit-filter: blur(5px); filter: blur(5px); opacity: .5; } .apo-section-blur-bg-element { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .hamburger { padding: 0; } .hamburger::after { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .hamburger .hamburger-box { vertical-align: middle; } .hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before { height: 1px; } .hamburger--emphatic:not(.is-active) .hamburger-inner { width: 30px; left: 5px; } .hamburger--emphatic:not(.is-active) .hamburger-inner::after { top: -6px; } .hamburger--emphatic:not(.is-active) .hamburger-inner::before { top: 6px; } .hamburger--emphatic:not(.is-active) .hamburger-inner::after, .hamburger--emphatic:not(.is-active) .hamburger-inner::before { width: 20px; left: 5px; right: auto; } .apo-page, .apo-header, .apo-footer, #fp-nav > ul { transition: all 0.4s ease-out; } .apo-blured { -webkit-filter: blur(15px); filter: blur(15px); } .fancybox-container { z-index: 999999; } .apo-responsive-iframe { height: 0; padding-bottom: 70%; position: relative; z-index: 1; } .apo-responsive-iframe:not(:last-child) { margin-bottom: 35px; } .apo-responsive-iframe > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ------------------------------------------------------ 3.1. WordPress Core ------------------------------------------------------ */ img.alignleft, img.alignright, img.alignnone, img.aligncenter, .wp-caption img { height: auto; } .aligncenter, div.aligncenter { display: block; margin: 0 auto; } .alignright, .alignleft { max-width: 45% !important; } .alignright { float: right; margin: 0 0 30px 20px; } .alignleft { float: left; margin: 0 20px 30px 0; } img.alignnone.apo-image-stretched { display: block; } img.alignnone.apo-image-stretched, img.aligncenter.apo-image-stretched{ max-width: initial; } .wp-caption .wp-caption-text { font-size: 12px; line-height: 22px; text-align: center; font-style: italic; color: #a9aaae; } .wp-caption .wp-caption-text:not(:first-child) { margin-top: 10px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* ------------------------------------------------------ 4. Typography ------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #000000; font-weight: 400; line-height: 1em; margin-top: 0; margin-bottom: 0; } h1, .apo-h1-size { font-size: 60px; } h2 { font-size: 48px; } h3 { font-size: 36px; } h4 { font-size: 30px; } h5 { font-size: 24px; } h6 { font-size: 20px; } h1:not(:last-child), h2:not(:last-child), h3:not(:last-child) { margin-bottom: 46px; } h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) { margin-bottom: 50px; } p:not(:last-child) { margin-bottom: 20px; } small { font-size: 0.9em; line-height: 1.56em; display: inline-block; vertical-align: baseline; } .apo-section-title { font-family: inherit; font-size: 24px; line-height: 36px; font-weight: 700; text-transform: uppercase; } .apo-section-title:empty { display: none; } .apo-page-dark-skin .apo-section-subtitle { opacity: .8; } .apo-section-subtitle:not(:first-child), .apo-page-content .apo-section-subtitle:not(:first-child) { margin-top: 0; } .apo-section-title.apo-style-2, .apo-section-title.apo-style-3 { font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 2px; } .apo-section-title.apo-style-3 { letter-spacing: 7px; font-weight: 400; } .apo-section-title.apo-style-3:not(:last-child) { margin-bottom: 25px; } .apo-section-title:not(:last-child) { margin-bottom: 30px; } .apo-section-sub-title { font-size: 24px; line-height: 36px; font-weight: 400; } .apo-section-sub-title:not(:last-child) { margin-bottom: 25px; } h1 + .apo-section-sub-title, h2 + .apo-section-sub-title, h3 + .apo-section-sub-title, h4 + .apo-section-sub-title, h5 + .apo-section-sub-title, h6 + .apo-section-sub-title { margin-top: -10px; } address:not(:last-child) { margin-bottom: 35px; } cite { font-style: italic; } code, kbd, tt, var, pre { font-size: 16px; line-height: 30px; padding: 4px 10px; margin: 5px 0; border: 1px solid #e0e0e0; background-color: #ffffff; } code, kbd, tt, var { display: inline-block; -ms-word-wrap: break-word; word-wrap: break-word; } .apo-page-dark-skin code, .apo-page-dark-skin pre, .apo-page-dark-skin kbd, .apo-page-dark-skin tt, .apo-page-dark-skin var { color: #a9aaae; background-color: #131313; border-color: #3e3e3e; } q, kbd, strong, code, em, tt, var, span, del { vertical-align: baseline; } q { quotes: unset; font-style: italic; } sub, sup { vertical-align: baseline; } pre:not(:last-child) { margin-bottom: 35px; } /* ------------------------------------------------------ 4.1. Links ------------------------------------------------------ */ a { color: #000; vertical-align: baseline; background-size: 100% 1px; border: none; line-height: inherit; display: inline; text-decoration: none !important; background-repeat: no-repeat; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } a, .apo-pagination .current, .nav-links .current { background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%); background-image: -o-linear-gradient(top, #000000 0%, #000000 100%); background-image: linear-gradient(to bottom, #000000 0%, #000000 100%); } .apo-page-dark-skin .apo-page a, .apo-team-member-name a, .apo-entries-container.apo-style-1 .apo-entry a:not(.apo-btn), .apo-entries-container.apo-style-4 .apo-entry:not(.apo-entry-without-thumb):hover a:not(.apo-btn), .apo-portfolio-container.apo-style-5 .apo-project a, .apo-portfolio-container.apo-style-3 .apo-project a, .apo-portfolio-container.apo-style-2 .apo-project a, .apo-portfolio-container.apo-style-4 .apo-project a, .apo-portfolio-container.apo-style-6 .apo-project a, .apo-footer.apo-style-2 a, .apo-modal-photo-info a, .apo-page-dark-skin .apo-filter a, .apo-page-dark-skin .apo-entry-tags a, .apo-page-dark-skin .apo-entry.apo-single .apo-entry-meta a, .apo-footer-dark-skin .apola-about-widget-links a, .apo-page-dark-skin .apo-page .apo-pagination .current, .apo-page-dark-skin .apo-page .nav-links .current { background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); } .apo-portfolio-container.apo-style-1 .apo-categories a { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); } /* Dynamically underlined links */ .comment-edit-link, .comment-reply-link, .logged-in-as a, .apo-widget-area a, .apo-links-list a, .apo-entry a, .apo-filter a, .apo-pagination a, .apo-entry.apo-single .apo-entry-meta a, .apo-team-member-name a, .apo-entries-navigation a, .apola-about-widget-links a, .apo-categories a, .apo-striped-photo-title a, .apo-full-page-controls .apo-language, .apo-photo-stream .apo-section-title a, .apo-portfolio-container .apo-project a, .apo-contact-section-footer a, .apo-page-content .apo-widget a, .widget_meta a, .widget_recent_comments a, .calendar_wrap a, .widget_pages a, .widget_nav_menu a, .widget_recent_entries a, .widget_archive a, .widget_categories a { background-size: 0% 1px; } a:hover, .comment-edit-link:hover, .comment-reply-link:hover, .logged-in-as a:hover, .apo-widget-area a:hover, .apo-entry a:hover, .apo-filter a:hover, .apo-links-list a:hover, .apo-pagination a:hover, .apo-page-links a:hover, .apo-categories a:hover, .apo-entry.apo-single .apo-entry-meta a:hover, .apo-team-member-name a:hover, .apo-entries-navigation a:hover, .apola-about-widget-links a:hover, .apo-full-page-controls .apo-language:hover, .apo-photo-stream .apo-section-title a:hover, .apo-portfolio-container .apo-project a:hover, .apo-page-content .apo-widget a:hover, .widget_meta a:hover, .widget_recent_comments a:hover, .calendar_wrap a:hover, .widget_pages a:hover, .widget_nav_menu a:hover, .widget_recent_entries a:hover, .widget_archive a:hover, .widget_categories a:hover { background-size: 100% 1px; } /* Non underlined links */ .apo-logo, .apo-header-button, .apo-header a, .apo-fullscreen-nav-pages a, .apo-hidden-column a, .apo-breadcrumbs a, .apo-page-dark-skin .apo-page .apo-breadcrumbs a, .apo-tabs-nav > li > a, .apo-page-dark-skin .apo-page .apo-tabs-nav > li > a, .apo-social-networks > li > a, .apo-page-dark-skin .apo-page .apo-social-networks > li > a, .apo-lightbox, #fp-nav ul > li > a, .apo-fp-menu a, .apo-page-dark-skin .apo-page .apo-fp-menu a, .tagcloud a, .apo-entry-media a, .apo-entries-container.apo-style-5 .apo-entry a, .apo-portfolio-container.apo-style-1 .apo-project-title a, .apo-portfolio-container.apo-style-5 .apo-project-title a, .apo-footer a, .apo-footer .apo-social-networks a, .apo-page-dark-skin a.apo-btn, .apo-entries-container.apo-style-4 .apo-categories a:not(.apo-btn), .apo-testimonial-author-image a, .apo-testimonial-author-name a, .apo-page-dark-skin .apo-page .apo-testimonial-author-name a, .apo-portfolio-container.apo-style-2 .apo-categories a, .apo-portfolio-container.apo-style-4 .apo-categories a, .apo-portfolio-container.apo-style-1 .apo-categories a { background-image: none; } a:hover, a:focus { color: #000; -webkit-transition-duration: .2s; transition-duration: .2s; } /* ------------------------------------------------------ 4.2. Dropcap ------------------------------------------------------ */ .apo-dropcap > *:first-child::first-letter { font-size: 60px; line-height: 60px; font-weight: 600; display: block; float: left; margin-right: 10px; } .apo-page-dark-skin .apo-page .apo-dropcap > *:first-child::first-letter { color: #ffffff; } /* firefox only */ @-moz-document url-prefix() { .apo-dropcap > *:first-child::first-letter { margin-top: 8px; } } /* ------------------------------------------------------ 4.3. Blockquote ------------------------------------------------------ */ blockquote { text-align: center; color: #a9aaae; font-size: 30px; line-height: 40px; font-weight: 400; padding: 0 17%; } blockquote.apo-style-2, blockquote.apo-style-3 { font-size: 36px; line-height: 55px; padding-left: 0; padding-right: 0; } blockquote.apo-body-font { font-family: inherit; } blockquote.apo-style-2 { color: rgba(0, 0, 0, 0.8); } .apo-page-dark-skin blockquote.apo-style-2, .apo-page-dark-skin blockquote.apo-style-3 { color: rgba(255, 255, 255, 0.8); } blockquote.apo-style-3 { font-size: 48px; color: #000000; line-height: 60px; } blockquote.apo-style-3:not(:first-child) { margin-top: 15px; } blockquote.apo-style-3:not(:last-child) { margin-bottom: 140px; } blockquote.apo-style-3 footer::before, blockquote.apo-style-3 .apo-bq-author::before, blockquote.apo-style-3 footer::after, blockquote.apo-style-3 .apo-bq-author::after { display: none; } blockquote.apo-style-3 footer:not(:first-child), blockquote.apo-style-3 .apo-bq-author:not(:first-child) { margin-top: 110px; } .apo-bq-author:last-child, blockquote footer:last-child { margin-top: 5px; } .apo-bq-author, blockquote footer { font-size: 12px; line-height: 18px; font-weight: 500; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #000; position: relative; display: inline-block; padding: 0 13px; } .apo-page-dark-skin .apo-page .apo-bq-author, .apo-page-dark-skin .apo-page blockquote footer { color: #ffffff; } .apo-bq-author::before, .apo-bq-author::after, blockquote footer::before, blockquote footer::after { content: ''; display: block; width: 6px; border-top: 1px solid; position: absolute; top: 50%; margin-top: -2px; } .apo-bq-author::before, blockquote footer::before { left: 0; } .apo-bq-author::after, blockquote footer::after { right: 0; } blockquote:not(:first-child) { margin-top: 40px; } blockquote:not(:last-child) { margin-bottom: 40px; } /* ------------------------------------------------------ 4.4. Tooltips ------------------------------------------------------ */ .apo-tooltip { position: relative; z-index: 1; } .apo-tooltip::before, .apo-tooltip::after { position: absolute; left: 50%; bottom: 100%; display: block; opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .apo-tooltip::before { content: attr(data-tooltip); font-size: 12px; font-weight: 400; line-height: 18px; text-align: center; color: #fff; background-color: #000; border-radius: 3px; padding: 8px 13px 4px; max-width: 230px; min-width: 100%; margin-bottom: 9px; } .apo-page-dark-skin .apo-tooltip::before { color: #000000; background-color: #ffffff; } .apo-tooltip::after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; margin: 0 0 3px -5px; } .apo-page-dark-skin .apo-tooltip::after { border-top-color: #ffffff; } .apo-csstransforms3d .apo-tooltip::before, .apo-csstransforms3d .apo-tooltip::after { transition-property: opacity, visibility, -webkit-transform; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; } .apo-csstransforms3d .apo-tooltip::before { -webkit-transform: translate3d(-50%, -10px, 0); transform: translate3d(-50%, -10px, 0); } .apo-csstransforms3d .apo-tooltip::after { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .apo-no-csstransforms3d .apo-tooltip::before { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .apo-tooltip:hover::before, .apo-tooltip:hover::after { opacity: 1; visibility: visible; } .apo-csstransforms3d .apo-tooltip:hover::before { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .apo-csstransforms3d .apo-tooltip:hover::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ------------------------------------------------------ 5. Header ------------------------------------------------------ */ .apo-header { position: relative; z-index: 25; } .apo-header:not(.apo-header-vertical) .apo-header-items { display: inline-block; margin-top: -20px; margin-left: -20px; margin-right: -20px; } .apo-header:not(.apo-header-vertical) .apo-header-item { display: inline-block; vertical-align: middle; margin: 20px 20px 0; } .apo-header:not(.apo-header-vertical) .apo-header-item > * { vertical-align: middle; } .apo-header:not(.apo-header-vertical) .apo-header-section { padding: 15px 100px; } .apo-header:not(.apo-header-vertical).apo-style-3 .apo-header-section { padding-top: 30px; padding-bottom: 30px; } .apo-header:not(.apo-header-vertical).apo-header-bottom { position: fixed; bottom: 0; left: 0; width: 100%; } .apo-header:not(.apo-header-vertical).apo-header-bottom .apo-header-section { padding-left: 20px; padding-right: 20px; } .apo-header:not(.apo-header-vertical) [class|="apo-header-component"] { display: table-cell; vertical-align: middle; position: relative; z-index: 1; } .apo-header:not(.apo-header-vertical) .apo-header-component-first, .apo-header:not(.apo-header-vertical) .apo-header-component-last { width: 30%; } .apo-header:not(.apo-header-vertical) .apo-header-component-middle { text-align: center; z-index: 2; } .apo-header:not(.apo-header-vertical) .apo-header-component-last { text-align: right; } [class*="apo-header-transparent"] { position: absolute; top: 0; left: 0; width: 100%; } .admin-bar [class*="apo-header-transparent"] { top: 32px; } .apo-logo, .apo-page-dark-skin .apo-logo { display: inline-block; } .apo-logo > img { display: block; } /* ------------------------------------------------------ 5.1. Layout ------------------------------------------------------ */ .apo-header-section { display: table; table-layout: fixed; width: 100%; } .apo-header-section.apo-sticky.apo-sticked { position: fixed; top: 0; } .admin-bar .apo-header-section.apo-sticky.apo-sticked { top: 32px; } /* ------------------------------------------------------ 5.2. Skins ------------------------------------------------------ */ .apo-header .apo-header-section { color: #000000; background-color: #ffffff; } .apo-header h1, .apo-header h2, .apo-header h3, .apo-header h4, .apo-header h5, .apo-header h6 { color: #000000; } .apo-hidden-column:not(.apo-hidden-column-dark) .apo-social-networks a, .apo-page-dark-skin .apo-hidden-column:not(.apo-hidden-column-dark) .apo-social-networks a, .apo-header-light .apo-social-networks a, .apo-page-dark-skin .apo-header-light .apo-social-networks a { color: rgba(0, 0, 0, 0.5); } .apo-header-light .apo-social-networks a:hover, .apo-header-light .apo-social-networks a:focus, .apo-hidden-column:not(.apo-hidden-column-dark) .apo-social-networks a:hover, .apo-hidden-column:not(.apo-hidden-column-dark) .apo-social-networks a:focus, .apo-page-dark-skin .apo-hidden-column:not(.apo-hidden-column-dark) .apo-social-networks a:hover, .apo-page-dark-skin .apo-hidden-column:not(.apo-hidden-column-dark) .apo-social-networks a:focus, .apo-page-dark-skin .apo-header-light .apo-social-networks a:hover, .apo-page-dark-skin .apo-header-light .apo-social-networks a:focus { color: #000000; } [class*="apo-header-transparent"] .apo-sticky { transition: background-color 0.15s ease-out; } .apo-header-transparent-light .apo-sticky.apo-sticked { background-color: #ffffff; } .apo-header-transparent-dark .apo-sticky.apo-sticked { background-color: #000000; } .apo-header-dark, .apo-header-transparent-dark, .apo-header-dark h1, .apo-header-dark h2, .apo-header-dark h3, .apo-header-dark h4, .apo-header-dark h5, .apo-header-dark h6, .apo-header-transparent-dark h1, .apo-header-transparent-dark h2, .apo-header-transparent-dark h3, .apo-header-transparent-dark h4, .apo-header-transparent-dark h5, .apo-header-transparent-dark h6 { color: #ffffff; } .apo-header-dark .hamburger-inner, .apo-header-dark .hamburger-inner::after, .apo-header-dark .hamburger-inner::before, .apo-header-transparent-dark .hamburger-inner, .apo-header-transparent-dark .hamburger-inner::after, .apo-header-transparent-dark .hamburger-inner::before { background-color: #ffffff; } .apo-header-dark .apo-navigation > li:hover > a, .apo-header-dark .apo-navigation > .apo-tapped > a, .apo-header-dark .apo-navigation > .apo-selected > a, .apo-header-dark .apo-navigation > .apo-current > a, .apo-header-dark .apo-navigation > .current-menu-ancestor > a, .apo-header-dark .apo-navigation > .current-menu-parent > a, .apo-header-dark .apo-navigation > .current-menu-item > a, .apo-header-transparent-dark .apo-navigation > li > a, .apo-header-transparent-dark .apo-navigation > li:hover > a, .apo-header-transparent-dark .apo-navigation > .apo-tapped > a, .apo-header-transparent-dark .apo-navigation > .apo-selected > a, .apo-header-transparent-dark .apo-navigation > .apo-current > a, .apo-header-transparent-dark .apo-navigation > .current-menu-ancestor > a, .apo-header-transparent-dark .apo-navigation > .current-menu-parent > a, .apo-header-transparent-dark .apo-navigation > .current-menu-item > a { color: #fff; } .apo-header-dark .apo-navigation > li > a::after, .apo-header-transparent-dark .apo-navigation > li > a::after { background-color: #fff; } .apo-header-dark .apo-mobile-nav-btn, .apo-header-transparent-dark .apo-mobile-nav-btn { color: #fff; } .apo-header-dark.apo-header-vertical { box-shadow: 0 0 3px rgba(255, 255, 255, 0.1); } .apo-header-dark .apo-header-section { color: #ffffff; background-color: #000000; } .apo-header-dark .apo-navigation > li > a { color: #8a8a8a; } .apo-header-dark ::-webkit-input-placeholder { color: #fff; opacity: 0.5; } .apo-header-dark ::-webkit-textarea-placeholder { color: #fff; opacity: 0.5; } .apo-header-dark input::-moz-placeholder { color: #fff; opacity: 0.5; } .apo-header-dark textarea::-moz-placeholder { color: #fff; opacity: 0.5; } .apo-header-dark ::-ms-input-placeholder { color: #fff; opacity: 0.5; } .apo-header-dark ::-ms-textarea-placeholder { color: #fff; opacity: 0.5; } .apo-header-dark input[type="text"], .apo-header-dark input[type="email"], .apo-header-dark input[type="password"], .apo-header-dark input[type="number"], .apo-header-dark input[type="search"], .apo-header-dark input[type="url"], .apo-header-dark input[type="date"], .apo-header-dark input[type="datetime-local"], .apo-header-dark input[type="month"], .apo-header-dark input[type="tel"], .apo-header-dark input[type="time"], .apo-header-dark input[type="week"], .apo-header-dark input[type="checkbox"], .apo-header-dark input[type="radio"], .apo-header-dark textarea, .apo-header-dark select, .apo-header-dark .apo-selected-option, .apo-header-dark .apo-options-list, .apo-page-dark-skin .apo-page input[type="text"], .apo-page-dark-skin .apo-page input[type="email"], .apo-page-dark-skin .apo-page input[type="password"], .apo-page-dark-skin .apo-page input[type="number"], .apo-page-dark-skin .apo-page input[type="search"], .apo-page-dark-skin .apo-page input[type="url"], .apo-page-dark-skin .apo-page input[type="date"], .apo-page-dark-skin .apo-page input[type="datetime-local"], .apo-page-dark-skin .apo-page input[type="month"], .apo-page-dark-skin .apo-page input[type="tel"], .apo-page-dark-skin .apo-page input[type="time"], .apo-page-dark-skin .apo-page input[type="week"], .apo-page-dark-skin .apo-page input[type="checkbox"], .apo-page-dark-skin .apo-page input[type="radio"], .apo-page-dark-skin .apo-page textarea, .apo-page-dark-skin .apo-page select, .apo-page-dark-skin .apo-page .apo-selected-option, .apo-page-dark-skin .apo-page .apo-options-list, .apo-footer-dark-skin input[type="text"], .apo-footer-dark-skin input[type="email"], .apo-footer-dark-skin input[type="password"], .apo-footer-dark-skin input[type="number"], .apo-footer-dark-skin input[type="search"], .apo-footer-dark-skin input[type="url"], .apo-footer-dark-skin input[type="date"], .apo-footer-dark-skin input[type="datetime-local"], .apo-footer-dark-skin input[type="month"], .apo-footer-dark-skin input[type="tel"], .apo-footer-dark-skin input[type="time"], .apo-footer-dark-skin input[type="week"], .apo-footer-dark-skin input[type="checkbox"], .apo-footer-dark-skin input[type="radio"], .apo-footer-dark-skin textarea, .apo-footer-dark-skin select, .apo-footer-dark-skin .apo-selected-option, .apo-footer-dark-skin .apo-options-list { border-width: 0; box-shadow: inset 2px 3px 5px rgba(0, 0, 0, 0.5); background-color: #1a1a1a; } .apo-header-dark .apo-options-list, .apo-page-dark-skin .apo-page .apo-options-list, .apo-footer-dark-skin .apo-options-list { color: inherit; } .apo-header-dark .apo-selected-option::before, .apo-header-dark .apo-selected-option::after, .apo-page-dark-skin .apo-page .apo-selected-option::before, .apo-page-dark-skin .apo-page .apo-selected-option::after, .apo-footer-dark-skin .apo-selected-option::before, .apo-footer-dark-skin .apo-selected-option::after, .apo-header-dark .apo-options-list > li:hover, .apo-page-dark-skin .apo-page .apo-options-list > li:hover, .apo-footer-dark-skin .apo-options-list > li:hover, .apo-header-transparent-dark .apo-social-networks a, .apo-header-transparent-dark .apo-social-networks a:hover, .apo-header-transparent-dark .apo-social-networks a:focus, .apo-header-dark .apo-social-networks a:hover, .apo-header-dark .apo-social-networks a:focus { color: #fff; } .apo-header-dark .apo-social-networks a { color: rgba(255, 255, 255, 0.5); } .apo-header-dark.apo-header-vertical .apo-header-component-last .apo-header-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.1); } [class*="apo-header-transparent"] { padding-top: 25px; padding-bottom: 25px; } [class*="apo-header-transparent"] .apo-header-section { background-color: transparent; } .apo-header ::-webkit-input-placeholder { font-weight: 400; } .apo-header ::-webkit-textarea-placeholder { font-weight: 400; } .apo-header input::-moz-placeholder { font-weight: 400; } .apo-header textarea::-moz-placeholder { font-weight: 400; } .apo-header ::-ms-input-placeholder { font-weight: 400; } .apo-header ::-ms-textarea-placeholder { font-weight: 400; } .apo-page-dark-skin .apo-header-dark .apo-social-networks > li > a { color: rgba(255, 255, 255, 0.5); } .apo-page-dark-skin .apo-header-dark .apo-social-networks > li > a:hover, .apo-page-dark-skin .apo-header-dark .apo-social-networks > li > a:focus { color: #ffffff; } .apo-page-dark-skin .apo-header-light input[type="text"], .apo-page-dark-skin .apo-header-light input[type="email"], .apo-page-dark-skin .apo-header-light input[type="password"], .apo-page-dark-skin .apo-header-light input[type="number"], .apo-page-dark-skin .apo-header-light input[type="search"], .apo-page-dark-skin .apo-header-light input[type="url"], .apo-page-dark-skin .apo-header-light input[type="date"], .apo-page-dark-skin .apo-header-light input[type="datetime-local"], .apo-page-dark-skin .apo-header-light input[type="month"], .apo-page-dark-skin .apo-header-light input[type="tel"], .apo-page-dark-skin .apo-header-light input[type="time"], .apo-page-dark-skin .apo-header-light input[type="week"], .apo-page-dark-skin .apo-header-light textarea, .apo-page-dark-skin .apo-hidden-column-light input[type="text"], .apo-page-dark-skin .apo-hidden-column-light input[type="email"], .apo-page-dark-skin .apo-hidden-column-light input[type="password"], .apo-page-dark-skin .apo-hidden-column-light input[type="number"], .apo-page-dark-skin .apo-hidden-column-light input[type="search"], .apo-page-dark-skin .apo-hidden-column-light input[type="url"], .apo-page-dark-skin .apo-hidden-column-light input[type="date"], .apo-page-dark-skin .apo-hidden-column-light input[type="datetime-local"], .apo-page-dark-skin .apo-hidden-column-light input[type="month"], .apo-page-dark-skin .apo-hidden-column-light input[type="tel"], .apo-page-dark-skin .apo-hidden-column-light input[type="time"], .apo-page-dark-skin .apo-hidden-column-light input[type="week"], .apo-page-dark-skin .apo-hidden-column-light textarea { background-color: #fff; border: 1px solid #eaeaea; box-shadow: none; } .apo-page-dark-skin .apo-header-light .apo-oneline-form button, .apo-page-dark-skin .apo-hidden-column-light .apo-oneline-form button { color: #000000; } /* ------------------------------------------------------ 5.3. Navigation ------------------------------------------------------ */ .apo-mobile-nav-btn { text-align: center; font-size: 36px; line-height: 1em; width: 60px; cursor: pointer; margin: 0 auto 5px; display: none; } .apo-mobile-nav-btn::before { content: "\e92b"; font-family: 'Linearicons'; } .apo-navigation-container { display: inline-block; text-align: initial; } .apo-navigation { margin-top: -10px; position: relative; z-index: 1; } .apo-navigation > li { display: inline-block; vertical-align: middle; margin: 20px 8px 0; } .apo-navigation > li > a { font-size: 12px; line-height: 18px; font-weight: 700; color: #a9aaae; text-transform: uppercase; letter-spacing: 0.5px; display: block; padding: 0 10px 9px; position: relative; } .apo-navigation > li > a::after { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #3e3d4a; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -3px; -webkit-animation: apoBounceOut .5s ease forwards; animation: apoBounceOut .5s ease forwards; } .apo-navigation > li:hover > a, .apo-navigation > .apo-tapped > a, .apo-navigation > .apo-selected > a, .apo-navigation > .apo-current > a, .apo-navigation > .current-menu-item > a, .apo-navigation > .current-menu-parent > a, .apo-navigation > .current-menu-ancestor > a { color: #3e3d4a; } .apo-navigation > li:hover > a::after, .apo-navigation > .apo-tapped > a::after, .apo-navigation > .apo-selected > a::after, .apo-navigation > .apo-current > a::after, .apo-navigation > .current-menu-item > a::after, .apo-navigation > .current-menu-parent > a::after, .apo-navigation > .current-menu-ancestor > a::after { -webkit-animation: apoBounceIn .5s ease forwards; animation: apoBounceIn .5s ease forwards; } @-webkit-keyframes apoBounceIn { 0% { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } 60% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes apoBounceOut { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 40% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } 100% { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } } @keyframes apoBounceIn { 0% { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } 60% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes apoBounceOut { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 40% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } 100% { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } } /* ------------------------------------------------------ 5.3.1. Sub-menu ------------------------------------------------------ */ .apo-sub-menu, .sub-menu { font-size: 14px; line-height: 30px; font-weight: 400; padding: 60px 95px 40px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); transition: all 0.4s ease-out; } .apo-sub-menu > li, .sub-menu > li { margin-bottom: 18px; } .apo-sub-menu a, .sub-menu a { display: block; color: #a9aaae; line-height: inherit; } .apo-sub-menu li:hover > a, .apo-sub-menu .apo-tapped > a, .apo-sub-menu .apo-selected > a, .apo-sub-menu .apo-current > a, .apo-sub-menu a:focus, .sub-menu li:hover > a, .sub-menu .apo-tapped > a, .sub-menu .apo-selected > a, .sub-menu .apo-current > a, .sub-menu a:focus, .sub-menu .current-menu-item > a, .sub-menu .current-menu-parent > a, .sub-menu .current-menu-ancestor > a { color: #000000; } .apo-has-children > .apo-sub-menu, .menu-item-has-children > .sub-menu { font-size: 0; line-height: 0; position: absolute; top: 100%; left: -80px; z-index: 1; margin-top: 15px; opacity: 0; visibility: hidden; min-width: 670px; padding-left: 80px; padding-right: 80px; } .apo-has-children > .apo-sub-menu > li, .menu-item-has-children > .sub-menu > li { font-size: 14px; line-height: 30px; display: inline-block; width: 50%; padding-left: 15px; padding-right: 15px; } .apo-has-children > .apo-sub-menu.apo-reverse, .menu-item-has-children > .sub-menu.apo-reverse { left: auto; right: -80px; } .apo-has-children > .apo-sub-menu::before, .menu-item-has-children > .sub-menu::before { content: ""; display: block; position: absolute; left: 0; bottom: 100%; width: 100%; height: 17px; margin-bottom: -1px; } .apo-csstransforms3d .apo-has-children > .apo-sub-menu, .apo-csstransforms3d .menu-item-has-children > .sub-menu { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } .apo-no-touchevents .apo-selected > .apo-sub-menu, .apo-touchevents .apo-tapped > .apo-sub-menu, .apo-no-touchevents .apo-selected > .sub-menu, .apo-touchevents .apo-tapped > .sub-menu { opacity: 1; visibility: visible; z-index: 2; } .apo-no-touchevents.apo-csstransforms3d .apo-selected > .apo-sub-menu, .apo-touchevents.apo-csstransforms3d .apo-tapped > .apo-sub-menu, .apo-no-touchevents.apo-csstransforms3d .apo-selected > .sub-menu, .apo-touchevents.apo-csstransforms3d .apo-tapped > .sub-menu { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ------------------------------------------------------ 5.3.1.1. Sub-menu (level 3) ------------------------------------------------------ */ .apo-has-children .apo-has-children, .menu-item-has-children .menu-item-has-children { position: relative; z-index: 1; } .apo-has-children .apo-has-children > a, .menu-item-has-children .menu-item-has-children > a { padding-right: 30px; position: relative; z-index: 1; } .apo-has-children .apo-has-children > a::after, .menu-item-has-children .menu-item-has-children > a::after { font-family: 'Linearicons'; font-size: 16px; line-height: 30px; content: "\e93c"; position: absolute; right: 0; top: 50%; margin-top: -15px; } .apo-has-children .apo-has-children > .apo-sub-menu, .menu-item-has-children .menu-item-has-children > .sub-menu { top: 0; left: 100%; margin: -60px 0 0 15px; min-width: 280px; } .apo-has-children .apo-has-children > .apo-sub-menu > li, .menu-item-has-children .menu-item-has-children > .sub-menu > li { width: auto; display: block; } .apo-has-children .apo-has-children > .apo-sub-menu::before, .menu-item-has-children .menu-item-has-children > .sub-menu::before { top: 0; bottom: auto; left: auto; right: 100%; width: 17px; height: 100%; margin: 0 -1px 0 0; } .apo-has-children .apo-has-children > .apo-sub-menu.apo-reverse, .menu-item-has-children .menu-item-has-children > .sub-menu.apo-reverse { left: auto; right: 100%; margin-left: auto; margin-right: 15px; } /* ------------------------------------------------------ 5.3.2. Vertical Navigation ------------------------------------------------------ */ .apo-navigation-vertical-container .apo-mobile-nav-btn { display: none !important; } .apo-modal .apo-navigation-vertical-container { text-align: center; } .apo-modal .apo-navigation-vertical-container:not(:last-child) { margin-bottom: 90px; } .apo-modal .apo-navigation-vertical > li:not(:last-child) { margin-bottom: 35px; } .apo-navigation-vertical > li > a { color: #000000; font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase; display: inline-block; } .apo-modal .apo-navigation-vertical > li > a { color: #ffffff; } .apo-navigation-vertical .sub-menu { font-size: 14px; font-weight: 400; line-height: 24px; position: static !important; padding: 0 0 0; margin: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; background-color: transparent; box-shadow: none; min-width: initial !important; transition: none !important; } .apo-navigation-vertical > li > .sub-menu, .apo-navigation-vertical .sub-menu > li > .sub-menu { padding-top: 25px; } .apo-navigation-vertical .sub-menu > li:last-child { margin-bottom: 0px; } .apo-navigation-vertical .apo-has-children > a, .apo-navigation-vertical .menu-item-has-children > a { position: relative; padding-right: 25px; } .apo-navigation-vertical .apo-sub-menu .apo-has-children > a, .apo-navigation-vertical .sub-menu .menu-item-has-children > a, .apo-navigation-vertical .apo-sub-menu .apo-has-children > a, .apo-navigation-vertical .sub-menu .menu-item-has-children > a { padding-right: 20px; } .apo-navigation-vertical .apo-has-children > a::after, .apo-navigation-vertical .menu-item-has-children > a::after, .apo-navigation-vertical .apo-has-children > a::before, .apo-navigation-vertical .menu-item-has-children > a::before { font-family: "Linearicons"; display: block; position: absolute; right: 0; top: 50%; font-size: 12px; line-height: 12px; margin-top: -6px; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .apo-navigation-vertical .apo-sub-menu .apo-has-children > a::after, .apo-navigation-vertical .sub-menu .menu-item-has-children > a::after, .apo-navigation-vertical .apo-sub-menu .apo-has-children > a::before, .apo-navigation-vertical .sub-menu .menu-item-has-children > a::before { font-size: 10px; line-height: 10px; margin-top: -4px; } .apo-csstransforms3d .apo-navigation-vertical .apo-has-children > a::after, .apo-csstransforms3d .apo-navigation-vertical .menu-item-has-children > a::after, .apo-csstransforms3d .apo-navigation-vertical .apo-has-children > a::before, .apo-csstransforms3d .apo-navigation-vertical .menu-item-has-children > a::before { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .apo-navigation-vertical .apo-has-children > a::after, .apo-navigation-vertical .menu-item-has-children > a::after { content: "\e93a"; } .apo-navigation-vertical .apo-has-children > a::before, .apo-navigation-vertical .menu-item-has-children > a::before { content: "\e939"; opacity: 0; } .apo-navigation-vertical .apo-has-children.apo-tapped > a::before, .apo-navigation-vertical .menu-item-has-children.apo-tapped > a::before { opacity: 1; } .apo-navigation-vertical .apo-has-children.apo-tapped > a::after, .apo-navigation-vertical .menu-item-has-children.apo-tapped > a::after { opacity: 0; } .apo-csstransforms3d .apo-navigation-vertical .apo-has-children > a::before, .apo-csstransforms3d .apo-navigation-vertical .menu-item-has-children > a::before, .apo-csstransforms3d .apo-navigation-vertical .apo-has-children.apo-tapped > a::after, .apo-csstransforms3d .apo-navigation-vertical .menu-item-has-children.apo-tapped > a::after { -webkit-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .apo-csstransforms3d .apo-navigation-vertical .apo-has-children.apo-tapped > a::before, .apo-csstransforms3d .apo-navigation-vertical .menu-item-has-children.apo-tapped > a::before { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .apo-navigation-vertical a { background-image: none; } .apo-navigation-vertical .apo-has-children > .apo-sub-menu > li, .apo-navigation-vertical .menu-item-has-children > .sub-menu > li { font-size: inherit; line-height: inherit; display: block; width: auto; padding-left: 0; padding-right: 0; } .apo-navigation-vertical .apo-has-children > .apo-sub-menu > li:not(:last-child), .apo-navigation-vertical .menu-item-has-children > .sub-menu > li:not(:last-child) { margin-bottom: 25px; } .apo-navigation-vertical .apo-sub-menu a, .apo-navigation-vertical .sub-menu a { display: inline-block; } .apo-modal .apo-navigation-vertical .apo-sub-menu a, .apo-modal .apo-navigation-vertical .sub-menu a { color: #a9aaae; } .apo-modal .apo-navigation-vertical .apo-sub-menu .apo-active, .apo-modal .apo-navigation-vertical .apo-sub-menu a:hover, .apo-modal .apo-navigation-vertical .sub-menu .current-menu-item > a, .apo-modal .apo-navigation-vertical .sub-menu .current-menu-parent > a, .apo-modal .apo-navigation-vertical .sub-menu .current-menu-ancestor > a, .apo-modal .apo-navigation-vertical .sub-menu a:hover, .apo-modal .apo-navigation-vertical .apo-has-children.apo-tapped > a, .apo-modal .apo-navigation-vertical .menu-item-has-children.apo-tapped > a { color: #fff; } /* ------------------------------------------------------ 5.4. Vertical ------------------------------------------------------ */ /* ------------------------------------------------------ 5.4.1. Side Header ------------------------------------------------------ */ body.apo-header-vertical-left { margin-left: 100px !important; } body.apo-header-vertical-right { margin-right: 100px !important; } body.apo-header-vertical-left.apo-fullscreen-element, body.apo-header-vertical-right.apo-fullscreen-element { margin-left: 0 !important; margin-right: 0 !important; } body.apo-header-vertical-right .apo-header.apo-header-vertical { right: 0; left: auto; } .apo-header-vertical { position: fixed; top: 0; bottom: 0; left: 0; width: 100px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.03); } .admin-bar .apo-header-vertical { top: 32px; } .apo-header-vertical.apo-style-2 .apo-header-items .apo-header-item { padding-top: 10px; padding-bottom: 10px; } .apo-header-vertical.apo-style-2 .apo-header-component-last .apo-header-items { padding-bottom: 10px; } .apo-header-vertical.apo-style-2 .apo-header-component-last .apo-header-item:not(:last-child) { border-color: transparent; } .apo-header-vertical.apo-style-2 .apo-logo { display: inline-block; margin-top: 10px; } .apo-header-vertical.apo-style-2 .apo-header-component-first .apo-header-items { padding-top: 0; } .apo-header-vertical .apo-header-section { height: 100%; } .apo-header-vertical .apo-header-component-first .apo-header-items { padding-top: 25px; } .apo-header-vertical .apo-header-component-middle .apo-header-items { vertical-align: middle; } .apo-header-vertical .apo-header-component-last .apo-header-items { vertical-align: bottom; } .apo-header-vertical .apo-header-component-last .apo-header-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .apo-header-vertical .apo-header-items { display: table-cell; text-align: center; } .apo-header-vertical .apo-header-item { padding: 17px 15px; } .apo-header-vertical .apo-header-item .apo-header-button { margin: -17px -15px; } .apo-header-vertical .apo-header-item .apo-social-networks > li { display: block; } .apo-header-vertical .apo-header-item .apo-page-title { font-size: 12px; line-height: 18px; font-weight: 300; white-space: nowrap; letter-spacing: 5px; text-transform: uppercase; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .apo-header-vertical .apo-header-button { font-size: 20px; line-height: 80px; width: 100px; height: 80px; } .apo-header-button .icon { margin-left: 0; margin-right: 0; } .apo-header-vertical .apo-header-button:not([class*="apo-d-"]) { display: block; } .apo-header-vertical [class*="apo-header-component-"] { display: table-row; } .apo-csstransforms3d .apo-header-vertical .apo-header-item .apo-page-title { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } .apo-nocsstransforms3d .apo-header-vertical .apo-header-item .apo-page-title { word-break: break-all; white-space: normal; } /* ------------------------------------------------------ 5.5. Hidden Side Column ------------------------------------------------------ */ .apo-hidden-column-initialized .apo-page, .apo-hidden-column-initialized .apo-footer, .apo-hidden-column-initialized .apo-full-page-fixed-col { transition: all 0.4s ease-out; } .apo-hidden-column-initialized .apo-fixed-content-fixed-col { transition: all 0.4s ease-out; } .apo-hidden-column-initialized .apo-page, .apo-hidden-column-initialized .apo-footer { position: relative; } .apo-hidden-column-initialized.apo-hidden-column-left .apo-page, .apo-hidden-column-initialized.apo-hidden-column-left .apo-footer { left: 0; } .apo-hidden-column-initialized.apo-hidden-column-right .apo-page, .apo-hidden-column-initialized.apo-hidden-column-right .apo-footer { right: 0; } .apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-page, .apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-footer, .apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-fixed-content-fixed-col, .apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-full-page-fixed-col { left: 375px; } .apo-header-vertical-left.apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-page, .apo-header-vertical-left.apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-footer, .apo-header-vertical-left.apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-fixed-content-fixed-col, .apo-header-vertical-left.apo-hidden-column-initialized.apo-hidden-column-left.apo-hidden-column-opened .apo-full-page-fixed-col { left: 275px; } .apo-no-csstransforms3d .apo-hidden-column-left .apo-hidden-column { left: -376px; } .apo-csstransforms3d .apo-hidden-column-left .apo-hidden-column { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .apo-no-csstransforms3d .apo-hidden-column-right .apo-hidden-column { right: -376px; } .apo-csstransforms3d .apo-hidden-column-right .apo-hidden-column { right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .apo-hidden-column-initialized.apo-hidden-column-right.apo-hidden-column-opened .apo-page, .apo-hidden-column-initialized.apo-hidden-column-right.apo-hidden-column-opened .apo-footer { right: 375px; } .apo-header-vertical-right.apo-hidden-column-initialized.apo-hidden-column-right.apo-hidden-column-opened .apo-page, .apo-header-vertical-right.apo-hidden-column-initialized.apo-hidden-column-right.apo-hidden-column-opened .apo-footer { right: 275px; } .apo-no-csstransforms3d .apo-hidden-column-opened.apo-hidden-column-left .apo-hidden-column { left: 0; } .apo-no-csstransforms3d .apo-hidden-column-opened.apo-hidden-column-right .apo-hidden-column { right: 0; } .apo-csstransforms3d .apo-hidden-column-opened.apo-hidden-column-left .apo-hidden-column, .apo-csstransforms3d .apo-hidden-column-opened.apo-hidden-column-right .apo-hidden-column { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .apo-hidden-column { position: fixed; top: 0; z-index: 130; width: 375px; bottom: 0; background-color: #fff; transition: all 0.4s ease-out; box-shadow: 0 0 5px rgba(0, 0, 0, 0.03); } .admin-bar .apo-hidden-column { top: 32px; } .apo-hidden-column-dark { background-color: #000000; box-shadow: 0 0 3px rgba(255, 255, 255, 0.1); } .apo-hidden-column-dark .apo-social-networks a { color: rgba(255, 255, 255, 0.5); } .apo-hidden-column-dark .apo-social-networks a:hover, .apo-hidden-column-dark .apo-social-networks a:focus { color: #ffffff; } .apo-hidden-column-dark input[type="text"], .apo-hidden-column-dark input[type="email"], .apo-hidden-column-dark input[type="password"], .apo-hidden-column-dark input[type="number"], .apo-hidden-column-dark input[type="search"], .apo-hidden-column-dark input[type="url"], .apo-hidden-column-dark input[type="date"], .apo-hidden-column-dark input[type="datetime-local"], .apo-hidden-column-dark input[type="month"], .apo-hidden-column-dark input[type="tel"], .apo-hidden-column-dark input[type="time"], .apo-hidden-column-dark input[type="week"], .apo-hidden-column-dark textarea, .apo-hidden-column-dark .apo-selected-option { background-color: transparent; } .apo-hidden-column-dark .apo-navigation > li:hover > a, .apo-hidden-column-dark .apo-navigation > .apo-tapped > a, .apo-hidden-column-dark .apo-navigation > .apo-selected > a, .apo-hidden-column-dark .apo-navigation > .apo-current > a, .apo-hidden-column-dark .apo-navigation > .current-menu-ancestor > a, .apo-hidden-column-dark .apo-navigation > .current-menu-parent > a, .apo-hidden-column-dark .apo-navigation > .current-menu-item > a, .apo-hidden-column-dark a:hover, .apo-hidden-column-dark a:focus, .apo-hidden-column-dark .apo-sub-menu li:hover > a, .apo-hidden-column-dark .apo-sub-menu .apo-tapped > a, .apo-hidden-column-dark .apo-sub-menu .apo-selected > a, .apo-hidden-column-dark .apo-sub-menu > .apo-current > a, .apo-hidden-column-dark .apo-sub-menu a:focus, .apo-hidden-column-dark .sub-menu li:hover > a, .apo-hidden-column-dark .sub-menu .apo-tapped > a, .apo-hidden-column-dark .sub-menu .apo-selected > a, .apo-hidden-column-dark .sub-menu > .current-menu-ancestor > a, .apo-hidden-column-dark .sub-menu > .current-menu-parent > a, .apo-hidden-column-dark .sub-menu > .current-menu-item > a, .apo-hidden-column-dark .sub-menu a:focus, .apo-hidden-column-dark form button { color: #fff; } .apo-hidden-column-dark .apo-hidden-column-footer .apo-hidden-column-col .apo-hidden-column-action:not(:last-child) { border-color: rgba(255, 255, 255, 0.1); } .apo-page-dark-skin .apo-hidden-column .apo-social-networks > li > a { color: rgba(255, 255, 255, 0.5); } .apo-page-dark-skin .apo-hidden-column .apo-social-networks > li > a:hover, .apo-page-dark-skin .apo-hidden-column .apo-social-networks > li > a:focus { color: #ffffff; } .apo-hidden-column-container { display: table; table-layout: fixed; width: 100%; height: 100%; } .apo-hidden-column-header, .apo-hidden-column-content, .apo-hidden-column-footer { display: table-row; } .apo-hidden-column-col { display: table-cell; padding: 40px 50px; width: 100%; } .apo-hidden-column-content .apo-hidden-column-col { vertical-align: middle; } .apo-hidden-column-footer .apo-hidden-column-col { vertical-align: bottom; } .apo-hidden-column-footer .apo-hidden-column-col .apo-hidden-column-actions { margin-left: -50px; margin-right: -50px; margin-bottom: -40px; } .apo-hidden-column-footer .apo-hidden-column-col .apo-hidden-column-action { padding: 15px 40px; } .apo-hidden-column-footer .apo-hidden-column-col .apo-hidden-column-action:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .apo-hidden-column .apo-close-btn { color: #a9aaae; } .apo-hidden-column .apo-close-btn:hover { color: #000; } .apo-hidden-column-dark .apo-close-btn:hover { color: #fff; } .apo-hidden-column .apo-hidden-column-action .apo-close-btn { margin-top: 24px; margin-bottom: 24px; } .apo-close-btn { font-size: 12px; line-height: 1em; font-weight: 400; text-transform: uppercase; transition: color 0.4s ease-out; } .apo-close-btn:hover { transition-duration: .35s; } .apo-close-btn .icon { display: inline-block; margin-right: 7px; font-size: 16px; line-height: 1em; vertical-align: middle !important; position: relative; top: -1px; } .apo-hidden-column .apo-navigation-container { display: block; max-height: 500px; overflow-y: auto; } .apo-hidden-column .apo-navigation, .apo-navigation-vertical { margin-top: 0; display: block !important; } .apo-hidden-column .apo-navigation > li, .apo-navigation-vertical > li { display: block; margin: 0; } .apo-hidden-column .apo-navigation > li:not(:last-child) { margin-bottom: 15px; } .apo-hidden-column .apo-navigation > li > a { font-size: 38px; line-height: 1em; font-weight: 400; text-transform: none; } .apo-hidden-column .apo-navigation > li > a::after, .apo-navigation-vertical > li > a::after { display: none; } .apo-hidden-column .apo-has-children .apo-sub-menu, .apo-hidden-column .menu-item-has-children .sub-menu { position: static; margin: 0; opacity: 1; visibility: visible; -webkit-transform: none; transform: none; transition: none; min-width: initial; padding: 0; background-color: transparent; box-shadow: none; padding: 15px 0 1px 30px; } .apo-hidden-column .apo-has-children .apo-has-children .apo-sub-menu, .apo-hidden-column .menu-item-has-children .menu-item-has-children .sub-menu { padding-top: 20px; } .apo-hidden-column .apo-has-children .apo-sub-menu > li, .apo-hidden-column .menu-item-has-children .sub-menu > li { line-height: 22px; display: block; width: 100%; margin-bottom: 15px; } .apo-hidden-column .apo-has-children .apo-has-children > a::after, .apo-hidden-column .menu-item-has-children .menu-item-has-children > a::after { content: "\e93a"; } .apo-hidden-column .apo-grid[class*="apo-cols-"] > .apo-grid-col:only-child { width: auto; } .apo-hidden-column .apo-grid > .apo-grid-col:last-child:not(:only-child) { text-align: right; } .apo-hidden-column .apo-oneline-form { max-width: initial; } /* ------------------------------------------------------ 6. Page Header ------------------------------------------------------ */ .apo-page-header, .apo-shortcode-header { padding: 95px 0 90px; display: table; width: 100%; table-layout: fixed; } .apo-header-vertical-left .vc_row[data-vc-stretch-content="true"] .apo-shortcode-header, .apo-header-vertical-left .vc_section[data-vc-stretch-content="true"] .apo-shortcode-header, .apo-header-vertical-right .vc_row[data-vc-stretch-content="true"] .apo-shortcode-header, .apo-header-vertical-right .vc_section[data-vc-stretch-content="true"] .apo-shortcode-header { padding-left: 15px; padding-right: 15px; } .apo-shortcode-header { padding-top: 0; } .apo-page-header-column, .apo-shortcode-header-column { display: table-cell; vertical-align: middle; padding-left: 15px; padding-right: 15px; } .apo-page-header-column:first-child:not(:only-child), .apo-shortcode-header-column:first-child:not(:only-child) { padding-left: 0; } .apo-page-header-column:last-child:not(:only-child), .apo-shortcode-header-column:last-child:not(:only-child) { text-align: right; padding-right: 0; } .apo-page-header-column:only-child:not([class*="apo-align-"]), .apo-shortcode-header-column:only-child:not([class*="apo-align-"]) { text-align: center; } .container .apo-page-header-column:only-child, .container .apo-shortcode-header-column:only-child { padding-left: 0; padding-right: 0; } .apo-page-header.apo-style-2 .apo-page-title, .apo-shortcode-header.apo-style-2 .apo-shortcode-header-title { font-size: 36px; line-height: 40px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; } .apo-page-header .apo-page-title:not(:last-child), .apo-shortcode-header .apo-shortcode-header-title:not(:last-child) { margin-bottom: 12px; } .apo-page-header.apo-style-3 .apo-page-header-column:not(:only-child):first-child, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-column:not(:only-child):first-child { width: 40%; } .apo-page-header.apo-style-3 .apo-page-title, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-title { position: relative; z-index: 1; padding-left: 70px; display: inline-block; } .apo-page-header.apo-style-3 .apo-page-header-column.apo-align-center .apo-page-title, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-column.apo-align-center .apo-shortcode-header-title { padding-left: 0; } .apo-page-header.apo-style-3 .apo-page-header-column.apo-align-right .apo-page-title, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-column.apo-align-right .apo-shortcode-header-title { padding-left: 0; padding-right: 70px; } .apo-page-header.apo-style-3 .apo-page-title { font-size: 30px; line-height: 36px; } .apo-page-header.apo-style-3 .apo-page-title::before, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-title::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; display: block; border-style: solid; border-width: 1px 0 0 0; width: 50px; } .apo-page-header.apo-style-3 .apo-page-header-column.apo-align-center .apo-page-title::before, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-column.apo-align-center .apo-shortcode-header-title::before { display: none; } .apo-page-header.apo-style-3 .apo-page-header-column.apo-align-right .apo-page-title::before, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-column.apo-align-right .apo-shortcode-header-title::before { left: auto; right: 0; } /* ------------------------------------------------------ 6.1. Breadcrumbs ------------------------------------------------------ */ .apo-breadcrumbs { font-size: 12px; line-height: 24px; font-weight: 400; color: #9b9c9f; margin: -5px -20px 0; vertical-align: baseline; } .apo-breadcrumbs:not(:last-child) { margin-bottom: 30px; } .apo-breadcrumbs > * { display: inline-block; margin: 0 20px 5px; } .apo-breadcrumbs a { color: #9b9c9f; } .apo-breadcrumbs > *:last-child, .apo-breadcrumbs a:hover, .apo-breadcrumbs a:focus { color: #000000; } .apo-page-dark-skin .apo-page .apo-breadcrumbs a { color: inherit; } .apo-page-dark-skin .apo-page .apo-breadcrumbs > *:last-child, .apo-page-dark-skin .apo-page .apo-breadcrumbs a:hover, .apo-page-dark-skin .apo-page .apo-breadcrumbs a:focus { color: #ffffff; } /* ------------------------------------------------------ 7. Content Elements ------------------------------------------------------ */ .apo-language-switcher { font-size: 12px; line-height: 16px; font-weight: 400; text-transform: uppercase; position: relative; display: inline-block; } .apo-language-switcher-current, .apo-language-switcher-list a { -webkit-transition: box-shadow .4s ease, background-color .4s ease; transition: box-shadow .4s ease, background-color .4s ease; } .apo-language-switcher-current { padding: 7px; } .apo-page-dark-skin .apo-page .apo-language-switcher-current { color: #fff; } .apo-language-switcher-list, .apo-language-switcher-current:hover, .apo-language-switcher.apo-language-switcher-opened .apo-language-switcher-current { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.03); } .apo-page-dark-skin .apo-page .apo-language-switcher-list, .apo-page-dark-skin .apo-page .apo-language-switcher-current:hover, .apo-page-dark-skin .apo-page .apo-language-switcher.apo-language-switcher-opened .apo-language-switcher-current { background-color: #1a1a1a; box-shadow: inset 2px 3px 5px rgba(0, 0, 0, 0.5); } .apo-language-switcher-list { position: absolute; width: 100%; left: 0; opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .apo-csstransforms3d .apo-language-switcher-list { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; } .apo-csstransforms3d .apo-language-switcher-list-bottom { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .apo-csstransforms3d .apo-language-switcher-list-top { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .apo-csstransforms3d .apo-language-switcher-opened .apo-language-switcher-list-top, .apo-csstransforms3d .apo-language-switcher-opened .apo-language-switcher-list-bottom { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .apo-language-switcher.apo-language-switcher-opened .apo-language-switcher-list { opacity: 1; visibility: visible; } .apo-language-switcher-list-top { bottom: 100%; } .apo-language-switcher-list-bottom { top: 100%; } .apo-language-switcher-list a { display: block; padding: 7px; background-image: none !important; } .apo-language-switcher-list a:hover { color: #fff; background-color: #000; -webkit-transition-duration: .1s; transition-duration: .1s; } .apo-page-content .wpb_flickr_widget p.flickr_stream_wrap a { background-size: auto; background-position: left center !important; } /* ------------------------------------------------------ 7.1. Forms ------------------------------------------------------ */ form > ul > li:not(:last-child), .apo-form-row:not(:last-child) { margin-bottom: 30px; } ::-webkit-input-placeholder { color: #a9aaae; font-weight: 400; } ::-webkit-textarea-placeholder { color: #a9aaae; font-weight: 400; } input::-moz-placeholder { color: #a9aaae; font-weight: 400; opacity: 1; } textarea::-moz-placeholder { color: #a9aaae; font-weight: 400; opacity: 1; } ::-ms-input-placeholder { color: #a9aaae; font-weight: 400; } ::-ms-textarea-placeholder { color: #a9aaae; font-weight: 400; } body:not(.apo-form-controls-default-bs) input, body:not(.apo-form-controls-default-bs) button, body:not(.apo-form-controls-default-bs) textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="tel"], input[type="time"], input[type="week"], input[type="checkbox"], input[type="radio"], textarea, .apo-selected-option { width: 100%; font-size: 12px; line-height: 24px; height: 50px; padding: 13px 30px; color: #a9aaae; background-color: #fff; border: 1px solid #eaeaea; } textarea { height: auto; resize: none; padding-top: 20px; padding-bottom: 20px; display: block; } textarea:not([rows]) { height: 200px; } /* ------------------------------------------------------ 7.1.1. Select ------------------------------------------------------ */ .apo-custom-select { position: relative; z-index: 1; } .apo-custom-select.apo-over { z-index: 10; } .apo-custom-select.apo-opened .apo-selected-option::before { opacity: 0; visibility: hidden; } .apo-custom-select.apo-opened .apo-selected-option::after { opacity: 1; visibility: visible; } .apo-custom-select.apo-opened .apo-options-list { opacity: 1; visibility: visible; } .apo-selected-option { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; padding-right: 70px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .apo-selected-option::before, .apo-selected-option::after { font-family: 'Linearicons'; font-size: 14px; line-height: 50px; font-weight: 400; color: #000000; position: absolute; top: 0; right: 28px; z-index: 1; height: 100%; transition: opacity .5s ease, visibility .5s ease; } .apo-selected-option::before { content: "\e93a"; } .apo-selected-option::after { content: "\e939"; opacity: 0; visibility: hidden; } .apo-options-list { font-size: 14px; line-height: 30px; font-weight: 400; color: #a9aaae; position: absolute; top: 100%; left: 0; right: 0; max-height: 250px; overflow-y: auto; min-width: 184px; margin-top: 3px; padding: 30px 30px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden; list-style: none !important; list-style-type: none !important; -webkit-transition: opacity .5s ease, visibility .5s ease; transition: opacity .5s ease, visibility .5s ease; } .apo-options-list > li { cursor: pointer; transition: color .5s ease; } .apo-options-list > li:hover { color: #000000; } .apo-csstransforms3d .apo-custom-select .apo-options-list { transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } .apo-csstransforms3d .apo-custom-select .apo-selected-option::before, .apo-csstransforms3d .apo-custom-select .apo-selected-option::after { transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } .apo-csstransforms3d .apo-custom-select .apo-selected-option::after { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .apo-csstransforms3d .apo-custom-select.apo-opened .apo-options-list { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .apo-csstransforms3d .apo-custom-select.apo-opened .apo-selected-option::before { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .apo-csstransforms3d .apo-custom-select.apo-opened .apo-selected-option::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ------------------------------------------------------ 7.1.2. Radio & Checkbox ------------------------------------------------------ */ input[type="checkbox"], input[type="radio"] { cursor: pointer; display: inline-block; vertical-align: middle; width: 26px; height: 26px; padding: 0; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="radio"] { border-radius: 50%; } input[type="checkbox"]::after, input[type="radio"]::after { content: "\e934"; position: absolute; font-size: 16px; font-family: 'Linearicons'; line-height: 10px; width: inherit; top: 50%; left: 0; margin-top: -5px; text-align: center; opacity: 0; visibility: hidden; } input[type="checkbox"]:checked::after, input[type="radio"]:checked::after { opacity: 1; visibility: visible; } /* ------------------------------------------------------ 7.1.3. Oneline Form ------------------------------------------------------ */ .apo-oneline-form { position: relative; z-index: 1; max-width: 200px; } .apo-widget .apo-oneline-form { max-width: initial; } .apo-oneline-form input[type="text"], .apo-oneline-form input[type="email"], .apo-oneline-form input[type="password"], .apo-oneline-form input[type="number"], .apo-oneline-form input[type="search"], .apo-oneline-form input[type="url"], .apo-oneline-form input[type="date"], .apo-oneline-form input[type="datetime-local"], .apo-oneline-form input[type="month"], .apo-oneline-form input[type="tel"], .apo-oneline-form input[type="time"], .apo-oneline-form input[type="week"] { padding-right: 60px; } .apo-oneline-form button { font-size: 16px; line-height: 50px; text-align: center; min-width: 40px; position: absolute; right: 15px; top: 0; } .apo-page-dark-skin .apo-page .apo-oneline-form button, .apo-footer-dark-skin .apo-oneline-form button { color: #ffffff; } .apo-widget .apo-oneline-form:not(:last-child) { margin-bottom: 40px; } .apo-hidden-column .apo-oneline-form input[type="text"], .apo-hidden-column .apo-oneline-form input[type="email"], .apo-hidden-column .apo-oneline-form input[type="password"], .apo-hidden-column .apo-oneline-form input[type="number"], .apo-hidden-column .apo-oneline-form input[type="search"], .apo-hidden-column .apo-oneline-form input[type="url"], .apo-hidden-column .apo-oneline-form input[type="date"], .apo-hidden-column .apo-oneline-form input[type="datetime-local"], .apo-hidden-column .apo-oneline-form input[type="month"], .apo-hidden-column .apo-oneline-form input[type="tel"], .apo-hidden-column .apo-oneline-form input[type="time"], .apo-hidden-column .apo-oneline-form input[type="week"] { font-size: 14px; padding-left: 38px; padding-right: 0; border: none; } .apo-hidden-column .apo-oneline-form button[type="submit"] { right: auto; left: 0; width: auto; min-width: initial; } /* ------------------------------------------------------ 7.1.4. Rounded Form ------------------------------------------------------ */ .apo-rounded-form input[type="text"], .apo-rounded-form input[type="email"], .apo-rounded-form input[type="password"], .apo-rounded-form input[type="number"], .apo-rounded-form input[type="search"], .apo-rounded-form input[type="url"], .apo-rounded-form input[type="date"], .apo-rounded-form input[type="datetime-local"], .apo-rounded-form input[type="month"], .apo-rounded-form input[type="tel"], .apo-rounded-form input[type="time"], .apo-rounded-form input[type="week"] { border-radius: 25px; } /* ------------------------------------------------------ 7.1.5. Moved Label ------------------------------------------------------ */ .apo-moved-label { position: relative; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 14px; } .apo-moved-label br { display: none !important; } .apo-moved-label::after { content: ""; display: block; border-width: 0 0 1px 0; border-style: inherit; border-color: #fff; position: absolute; left: 0; bottom: -1px; z-index: 2; width: 0; -webkit-transition: width .35s ease; transition: width .35s ease; } .apo-moved-label.apo-label-up::after { width: 100%; } .apo-page-light-skin .apo-page .apo-moved-label::after, .apo-header-light .apo-moved-label::after, .apo-footer-light-skin .apo-moved-label::after { border-color: #000000; } .apo-moved-label label { position: absolute; z-index: 2; bottom: 0; left: 0; font-size: 14px; line-height: 40px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .3s ease; transition: all .3s ease; } .apo-moved-label input[type="text"], .apo-moved-label input[type="email"], .apo-moved-label input[type="password"], .apo-moved-label input[type="number"], .apo-moved-label input[type="search"], .apo-moved-label input[type="url"], .apo-moved-label input[type="date"], .apo-moved-label input[type="datetime-local"], .apo-moved-label input[type="month"], .apo-moved-label input[type="tel"], .apo-moved-label input[type="time"], .apo-moved-label input[type="week"], .apo-moved-label textarea { padding: 0; height: 40px; line-height: 40px; border: none !important; background-color: transparent !important; box-shadow: none !important; position: relative; z-index: 3; } .apo-moved-label.apo-label-up label { color: #000; font-size: 12px; line-height: 1em; bottom: 40px; } .apo-moved-label textarea { display: block; } .apo-page-dark-skin .apo-moved-label { border-bottom-color: rgba(255, 255, 255, 0.1); } .apo-page-dark-skin .apo-moved-label label { color: rgba(255, 255, 255, 0.5); } .apo-page-dark-skin .apo-moved-label.apo-label-up label { color: #fff; } /* ------------------------------------------------------ 7.2. Lists ------------------------------------------------------ */ .apo-entry-content ul ul, .apo-entry-content ul ol, .apo-entry-content ol ul, .apo-entry-content ol ol, .apo-page-content ul ul, .apo-page-content ul ol, .apo-page-content ol ul, .apo-page-content ol ol, .comment-text ul ul, .comment-text ul ol, .comment-text ol ul, .comment-text ol ol { padding-top: 10px; padding-left: 30px; } .apo-entry-content ul > li:not(:last-child), .apo-entry-content ol > li:not(:last-child), .apo-page-content ul > li:not(:last-child), .apo-page-content ol > li:not(:last-child), .comment-text ul > li:not(:last-child), .comment-text ol > li:not(:last-child) { margin-bottom: 10px; } .apo-entry-content ol, .apo-entry-content ul, .apo-page-content ol, .apo-page-content ul, .comment-text ol, .comment-text ul { list-style-position: inside; } .apo-entry-content ul, .apo-page-content ul, .comment-text ul { list-style-type: disc; } .apo-entry-content ol, .apo-page-content ol, .comment-text ol { list-style-type: decimal; } .apo-links-list, .apo-entry-content .apo-links-list, .apo-page-content .apo-links-list, .comment-text .apo-links-list { list-style: none; list-style-type: none; } .apo-links-list a { background-size: 0 1px; -ms-word-break: break-all; word-break: break-all; } .apo-hr-dotted-list { margin-left: -7px; } .apo-hr-dotted-list > li { display: inline-block; padding-left: 5px; } .apo-hr-dotted-list > li:not(:last-child) { position: relative; z-index: 1; padding-right: 13px; } .apo-hr-dotted-list > li:not(:last-child)::after { content: ""; display: block; width: 3px; height: 3px; background-color: #a8a8a8; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -2px; } /* ------------------------------------------------------ 7.2.1. Definition lists ------------------------------------------------------ */ dl dd:not(:last-child) { margin-bottom: 35px; } dl dt:not(:last-child) { margin-bottom: 5px; } dl dt { color: #000000; font-weight: 700; } .apo-page-dark-skin dl dt { color: #ffffff; } /* ------------------------------------------------------ 7.3. Alert Boxes ------------------------------------------------------ */ .apo-alert-box-warning, .apo-alert-box-error, .apo-alert-box-info, .apo-alert-box-success, .wpcf7-response-output, .wpcf7-not-valid-tip { color: #000; font-size: 14px; line-height: 30px; padding: 15px 0; font-weight: 400; } .apo-alert-box-content, .wpcf7-response-output, .wpcf7-not-valid-tip { position: relative; z-index: 1; padding: 16px 20px 14px 80px; } [class*="apo-alert-box"] .icon, [class*="apo-alert-box"] .fa { font-size: 28px; position: absolute; top: 50%; left: 30px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .apo-csstransforms3d [class*="apo-alert-box"] .icon, .apo-csstransforms3d [class*="apo-alert-box"] .fa { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .apo-alert-box-warning .apo-alert-box-content { background-color: #f1e4b9; } .apo-alert-box-error .apo-alert-box-content, .wpcf7 .wpcf7-spam-blocked, .wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-not-valid-tip { background-color: #f1b9c2; } .apo-alert-box-info .apo-alert-box-content, .wpcf7 .wpcf7-mail-sent-ng { background-color: #b9e2f1; } .apo-alert-box-success .apo-alert-box-content, .wpcf7 .wpcf7-mail-sent-ok { background-color: #cee5a5; } /* ------------------------------------------------------ 7.4. Accordion & Toggle ------------------------------------------------------ */ .apo-accordion { margin-top: -10px; } .apo-accordion-title { font-weight: 400; position: relative; z-index: 1; padding: 10px 50px 10px 0; margin-top: 12px; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .apo-accordion .apo-accordion-title, .apo-accordion .apo-accordion-definition:not(:last-child) { margin-bottom: 0; } .apo-page-dark-skin .apo-accordion-title { border-bottom-color: rgba(255, 255, 255, 0.1); } .apo-accordion-title::after, .apo-accordion-title::before { font-family: 'Linearicons'; font-size: 13px; line-height: 20px; display: block; position: absolute; right: 0; top: 50%; margin-top: -8px; } .apo-accordion-title::before { content: "\e93a"; } .apo-accordion-title::after { content: "\e939"; } .apo-accordion-title::after, .apo-accordion-title.apo-active::before { opacity: 0; } .apo-accordion-title::before, .apo-accordion-title.apo-active::after { opacity: 1; } .apo-csstransforms3d .apo-accordion-title::after, .apo-csstransforms3d .apo-accordion-title::before { transition: opacity .5s ease, -webkit-transform .5s ease; transition: transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease; } .apo-csstransforms3d .apo-accordion-title::after, .apo-csstransforms3d .apo-accordion-title.apo-active::before { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .apo-csstransforms3d .apo-accordion-title::before, .apo-csstransforms3d .apo-accordion-title.apo-active::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .apo-accordion-definition { font-size: 14px; color: rgba(0, 0, 0, 0.7); padding: 21px 0 10px; } .apo-page-dark-skin .apo-accordion-title { color: #fff; } .apo-page-dark-skin .apo-accordion-definition { color: inherit; } /* ------------------------------------------------------ 7.5. Tabs ------------------------------------------------------ */ .apo-tabs-nav:not(:last-child) { margin-bottom: 40px; } .apo-tabs-nav, .apo-page-content .apo-tabs-nav { list-style: none; list-style-type: none; } .apo-tabs-nav > li:not(:last-child), .apo-page-content .apo-tabs-nav > li:not(:last-child) { margin-bottom: 0; } .apo-no-flexbox .apo-tabs-nav { font-size: 0; line-height: 0; } .apo-no-flexbox .apo-tabs-nav > li { display: inline-block; min-width: 165px; } .apo-flexbox .apo-tabs-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .apo-flexbox .apo-tabs-nav > li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .apo-tabs-nav > li > a { font-size: 18px; line-height: 32px; font-weight: 400; text-transform: uppercase; text-align: center; position: relative; z-index: 1; display: block; padding: 14px 20px 9px; color: rgba(0, 0, 0, 0.5); border-width: 0 0 1px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.1); } .apo-page-dark-skin .apo-tabs-nav > li > a { color: rgba(255, 255, 255, .7); border-color: rgba(255, 255, 255, .2); } .apo-tabs-nav > li > a::after { content: ""; display: block; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; width: 7px; height: 7px; border-radius: 50%; background-color: #000; } .apo-page-dark-skin .apo-tabs-nav > li > a::after { background-color: #ffffff; } .apo-no-cssanimations .apo-tabs-nav > li > a::after { opacity: 0; } .apo-no-cssanimations .apo-tabs-nav .apo-active::after { opacity: 1; } .apo-cssanimations .apo-tabs-nav > li > a::after { -webkit-animation: apoBounceOut .5s ease; animation: apoBounceOut .5s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .apo-cssanimations .apo-tabs-nav .apo-active::after { -webkit-animation-name: apoBounceIn; animation-name: apoBounceIn; } .apo-tabs-nav .apo-active, .apo-tabs.apo-vertical-tabs .apo-tabs-nav .apo-active { font-weight: 600; color: #000; border-color: #000; } .apo-page-dark-skin .apo-tabs-nav .apo-active, .apo-page-dark-skin .apo-tabs.apo-vertical-tabs .apo-tabs-nav .apo-active { color: #ffffff; border-color: #ffffff; } .apo-tabs-container { font-size: 14px; line-height: 30px; color: rgba(0, 0, 0, 0.7); } .apo-page-dark-skin .apo-tabs-container { color: inherit; } /* ------------------------------------------------------ 7.5.1. Vertical Tabs ------------------------------------------------------ */ .apo-tabs.apo-vertical-tabs::after { content: ""; display: block; width: 100%; clear: both; } .apo-tabs.apo-vertical-tabs .apo-tabs-nav { width: 170px; margin-right: 30px; float: left; } .apo-tabs.apo-vertical-tabs .apo-tabs-container { overflow: hidden; } .apo-tabs.apo-vertical-tabs .apo-tabs-nav { position: relative; z-index: 1; } .apo-tabs.apo-vertical-tabs .apo-tabs-nav::before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1); } .apo-page-dark-skin .apo-tabs.apo-vertical-tabs .apo-tabs-nav::before { border-color: rgba(255, 255, 255, .2); } .apo-tabs.apo-vertical-tabs .apo-tabs-nav > li:not(:last-child) { margin-bottom: 20px; } .apo-tabs.apo-vertical-tabs .apo-tabs-nav > li > a { text-align: initial; padding: 0px 28px; border-color: transparent; border-width: 0 0 0 1px; } .apo-tabs.apo-vertical-tabs .apo-tabs-nav > li > a::after { left: 0; top: 50%; bottom: auto; margin-top: -4px; } /* ------------------------------------------------------ 7.6. Buttons ------------------------------------------------------ */ .apo-btns-container-example .apo-button-container { display: inline-block; margin: 0 30px 10px 0; } .apo-btn, input[type="submit"] { background-image: none; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #000; position: relative; z-index: 1; display: inline-block; border-bottom: none; letter-spacing: 3px; padding: 5px 22px 5px 0; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .apo-page-dark-skin .apo-page .apo-btn:not(.apo-btn-red):not(.apo-btn-blue):not(.apo-btn-rectangle) { color: #fff; } .apo-button-container.apo-inline-block:not(:last-child):not(:only-child) { margin-right: 30px; } .apo-btn::after { content: "\e944"; font-family: 'Linearicons'; display: block; position: absolute; top: 50%; right: 0; margin-top: 1px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .apo-csstransforms3d .apo-btn::after { -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .apo-cssanimations .apo-btn:hover::after { right: -5px; -webkit-transition-timing-function: cubic-bezier(0, 3, 0.75, 1); transition-timing-function: cubic-bezier(0, 3, 0.75, 1); } .apo-btn-red, .apo-btn-red:hover, .apo-btn-red:focus { color: #f32e29; } .apo-btn-blue, .apo-btn-blue:hover, .apo-btn-blue:focus { color: #2970f3; } .apo-btn-white, .apo-btn-white:hover, .apo-btn-white:focus { color: #ffffff; } .apo-btn-mini { font-size: 10px; line-height: 16px; letter-spacing: 2px; padding-right: 20px; } .apo-btn-mini::after { margin-top: 0; } .apo-btn-small { font-size: 12px; line-height: 18px; letter-spacing: 2.5px; } .apo-btn-small::after { margin-top: -1px; } .apo-btn-large { font-size: 16px; padding-right: 25px; } .apo-hover-btn { position: relative; z-index: 1; font-size: 20px; line-height: 1em; opacity: .7; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .apo-hover-btn:hover { opacity: 1; transition-duration: .2s; } .apo-hover-btn:hover .apo-hover-btn-tooltip { transition-duration: .2s; opacity: 1; visibility: visible; } .apo-hover-btn-tooltip { font-size: 12px; font-weight: 400; line-height: 22px; position: absolute; bottom: 100%; left: 50%; opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .apo-no-csstransforms3d .apo-hover-btn-tooltip { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .apo-csstransforms3d .apo-hover-btn-tooltip { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .apo-btn-rectangle, input[type="submit"] { font-size: 12px; line-height: 18px; padding: 16px 65px 14px 60px; background-color: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); } .apo-btn-rectangle:hover, .apo-btn-rectangle:focus, input[type="submit"]:hover, input[type="submit"]:focus { color: #ffffff; background-color: #000000; } .apo-page-dark-skin .apo-page .apo-btn-rectangle:hover, .apo-footer-dark-skin .apo-btn-rectangle:hover, .apo-page-dark-skin .apo-page input[type="submit"]:hover, .apo-footer-dark-skin input[type="submit"]:hover, .apo-page-dark-skin .apo-page input[type="submit"]:focus, .apo-footer-dark-skin input[type="submit"]:focus { background-color: #1a1a1a; } .apo-btn-rectangle::after { right: 40px; margin-top: 0; } .apo-cssanimations .apo-btn-rectangle:hover::after, .apo-cssanimations .apo-btn-rectangle:focus::after { right: 35px; } input[type="submit"]:not(:first-child) { margin-top: 15px; } input[type="submit"]:not(:last-child) { margin-bottom: 15px; } .apo-cta-btn, .apo-page-dark-skin .apo-cta-btn { width: 100px; height: 100px; font-size: 24px; text-align: center; line-height: 80px; display: inline-block; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); border: 10px solid rgba(255, 255, 255, 0.25); background-image: none; background-clip: padding-box; } .apo-cta-btn:hover { border-color: #fff; } .apo-section-main-action [class*="apo-btn"] { letter-spacing: 6px; } /* ------------------------------------------------------ 7.7. Dividers ------------------------------------------------------ */ hr { border-width: 0 0 2px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.1); } .apo-section-thin hr { border-bottom-width: 1px; } .apo-page-dark-skin hr { border-width: 0 0 1px 0; border-color: #fff; opacity: .3; } .apo-page .vc_separator:not(:first-child), hr:not(:first-child) { margin-top: 37px; } .apo-page .vc_separator:not(:last-child), hr:not(:last-child) { margin-bottom: 37px; } hr:not(:last-child) + .apo-section:not(.apo-section-no-spacing):not(.apo-without-vertical-padding) { margin-top: -37px; } .apo-section + hr { margin-top: 0; } .apo-section + hr:not(:last-child) { margin-bottom: 0; } .apo-fixed-content-fixed-col hr:not(:first-child) { margin-top: 45px; } .apo-fixed-content-fixed-col hr:not(:last-child) { margin-bottom: 45px; } .apo-divider-dashed { border-style: dashed; border-color: #000000; } .apo-divider-dotted { border-width: 0 0 3px 0; border-style: dotted; border-color: #000000; } .apo-divider-thin { border-width: 0 0 1px 0; border-color: #000000; } .apo-divider-small { width: 70px; } .apo-divider-large-offset:not(:first-child) { margin-top: 60px; } .apo-divider-large-offset:not(:last-child) { margin-bottom: 60px; } /* ------------------------------------------------------ 7.8. Progress Bars ------------------------------------------------------ */ .apo-progress-bar-item:not(:last-child) { margin-bottom: 24px; } .apo-progress-bar { font-size: 14px; line-height: 22px; position: relative; z-index: 1; height: 6px; border-radius: 3px; background-color: #dfdfdf; } .apo-page-dark-skin .apo-progress-bar { background-color: #8b8b8f; } .apo-progress-bar-title { font-size: 14px; line-height: 22px; font-weight: 400; } .apo-progress-bar-title:not(:first-child), .apo-page-content .apo-progress-bar-title:not(:first-child) { margin-top: 0; } .apo-progress-bar-title:not(:last-child) { margin-bottom: 8px; } .apo-progress-bar .apo-progress-bar-indicator { position: absolute; left: 0; top: 0; border-radius: inherit; height: inherit; background-color: #000; } .apo-page-dark-skin .apo-progress-bar .apo-progress-bar-indicator { background-color: #ffffff; } .apo-progress-bar .apo-progress-bar-indicator .apo-progress-bar-value { position: absolute; bottom: 100%; right: 0; margin-bottom: 4px; display: block; background-color: #f5f5f5; white-space: nowrap; padding: 4px 7px; border-radius: 5px; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); } .apo-page-dark-skin .apo-progress-bar .apo-progress-bar-indicator .apo-progress-bar-value { color: #ffffff; background-color: #000000; } .apo-progress-bar-value::after { content: attr(data-unit); } /* ------------------------------------------------------ 7.9. Testimonials ------------------------------------------------------ */ .apo-testimonials[class*="apo-cols"] { margin-top: -40px; margin-left: -15px; margin-right: -15px; font-size: 0; line-height: 0; } .apo-testimonials[class*="apo-cols"] .apo-testimonial { border-width: 40px 15px 0 15px; border-style: solid; border-color: transparent; display: inline-block; box-sizing: border-box; } .apo-testimonials .apo-testimonial:not(:first-child) { margin-top: 0; } .apo-testimonials .apo-testimonial:not(:last-child) { margin-bottom: 0; } .apo-testimonials.apo-cols-2 .apo-testimonial { width: 50%; } .apo-testimonials.apo-cols-3 .apo-testimonial { width: 33.33333%; } .apo-testimonial { font-family: sans-serif; font-size: 19px; line-height: 30px; font-style: italic; text-align: initial; color: rgba(0, 0, 0, 0.6); position: relative; z-index: 1; padding: 45px 0 0; } .apo-page-dark-skin .apo-testimonial { color: inherit; } .apo-testimonial::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 50px; border-top: 3px solid #000000; } .apo-page-dark-skin .apo-testimonial::before { border-top-color: #ffffff; } .apo-testimonial-content:not(:last-child) { margin-bottom: 20px; } .apo-testimonial footer, .apo-testimonial .apo-testimonial-author { font-style: normal; text-align: initial; padding: 0; } .apo-testimonial footer:not(:first-child), .apo-testimonial .apo-testimonial-author:not(:first-child) { margin-top: 18px; } .apo-testimonial footer::after, .apo-testimonial footer::before, .apo-testimonial .apo-testimonial-author::after, .apo-testimonial .apo-testimonial-author::before { display: none; } .apo-testimonial .apo-testimonial-author-name { font-weight: 600; } .apo-testimonial .apo-testimonial-author-name:not(:last-child) { margin-bottom: 2px; } .apo-testimonial .apo-testimonial-author-position { font-size: inherit; line-height: inherit; font-weight: 300; text-transform: none; letter-spacing: 0; color: rgba(0, 0, 0, 0.5); } .apo-page-dark-skin .apo-testimonial .apo-testimonial-author-position { color: #8b8b8f; } .apo-testimonials .apo-testimonial-author-box { display: table; width: 100%; table-layout: fixed; } .apo-testimonials .apo-testimonial-author-image { width: 70px; } .apo-testimonials .apo-testimonial-author-image img { border-radius: 50%; } .apo-testimonials .apo-testimonial-author-image, .apo-testimonials .apo-testimonial-author-info { display: table-cell; vertical-align: middle; } .apo-testimonials .apo-testimonial-author-info:not(:only-child) { padding-left: 20px; } .apo-testimonial p:first-of-type::before { content: open-quote; } .apo-testimonial p:last-of-type::after { content: close-quote; } .apo-testimonials.apo-style-1 .apo-testimonial-author-image { display: none; } .apo-testimonials.apo-style-1 .apo-testimonial-author-info:not(:only-child) { padding-left: 0; } /* ------------------------------------------------------ 7.9.1. Style 2 ------------------------------------------------------ */ .apo-testimonials.apo-style-2 .apo-testimonial { padding: 62px 70px 40px; background-color: #fff; background-clip: padding-box; } .apo-page-dark-skin .apo-testimonials.apo-style-2 .apo-testimonial { color: rgba(0, 0, 0, 0.6); } .apo-testimonials.apo-style-2 .apo-testimonial::before { display: none; } .apo-testimonials.apo-style-2 .apo-testimonial-author { position: relative; z-index: 1; } .apo-testimonials.apo-style-2 .apo-testimonial-author::before { content: ""; display: block; width: 70px; height: 3px; background-color: #000000; position: absolute; top: 0; left: 0; } .apo-testimonials.apo-style-2 .apo-testimonial-author:not(:first-child) { padding-top: 50px; margin-top: 14px; } .apo-testimonials.apo-style-2 .apo-testimonial-author-name { font-size: 14px; } .apo-page-dark-skin .apo-testimonials.apo-style-2 .apo-testimonial-author-name a { color: #000000; } .apo-page-dark-skin .apo-testimonials.apo-style-2 .apo-testimonial-author-position { color: rgba(0, 0, 0, 0.5); } /* ------------------------------------------------------ 7.9.2. Style 3 ------------------------------------------------------ */ .apo-testimonials.apo-style-3 { text-align: center; } .apo-testimonials.apo-style-3 .apo-testimonial { font-size: 24px; line-height: 36px; text-align: center; color: #8c8d90; padding: 80px 17% 0; } .apo-testimonials.apo-style-3 .apo-testimonial::before { content: "\e7e6"; font-family: 'Linearicons'; font-size: 48px; text-align: center; color: #000000; opacity: .1; width: 50px; top: 0; left: 50%; margin-left: -25px; height: auto; border: none; } .apo-page-dark-skin .apo-testimonials.apo-style-3 .apo-testimonial::before { color: #ffffff; opacity: 1; } .apo-testimonials.apo-style-3 blockquote p:first-of-type::before, .apo-testimonials.apo-style-3 blockquote p:last-of-type::after { display: none; } .apo-testimonials.apo-style-3 .apo-testimonial-author { letter-spacing: 0; text-align: center; } .apo-testimonials.apo-style-3 .apo-testimonial-author-image { width: 0; height: 0; visibility: hidden; } .apo-testimonials.apo-style-3 .apo-testimonial-author-info:not(:only-child) { padding-left: 0; padding-right: 0; } .apo-testimonials.apo-style-3 .apo-testimonial-author-name { font-size: 18px; line-height: 20px; color: #d91e18; } .apo-testimonials.apo-style-3 .apo-testimonial-author-name a { color: #d91e18; } .apo-testimonials.apo-style-3 .apo-testimonial-author-position { font-size: 14px; line-height: 18px; } .apo-page-dark-skin .apo-testimonials.apo-style-3 .apo-testimonial-author-position { color: #ffffff; } .apo-testimonials.apo-style-3 .apo-testimonial-author-name:not(:last-child) { margin-bottom: 13px; } .apo-testimonials.apo-style-3 .owl-dots { display: inline-block; margin-top: 25px; } .apo-testimonials.apo-style-3 .owl-dot { display: inline-block; margin: 20px 14px 0; opacity: .2; transition: opacity 0.4s ease-out; } .apo-page-dark-skin .apo-testimonials.apo-style-3 .owl-dot { opacity: .5; } .apo-testimonials.apo-style-3 .owl-dot.active { opacity: 1; } .apo-testimonials.apo-style-3 .owl-dot img { border-radius: 50%; display: block; width: 70px; height: 70px; } /* ------------------------------------------------------ 7.10. Team Members ------------------------------------------------------ */ .apo-team-member { color: #fff; text-align: center; position: relative; z-index: 1; overflow: hidden; } .apo-team-member .apo-social-networks a { color: #fff; } .apo-team-member .apo-social-networks a:hover, .apo-team-member .apo-social-networks a:focus { color: #fff; opacity: .7; } .apo-team-member-photo { min-width: 100%; height: auto; } .apo-team-member-name { font-size: 18px; font-weight: 600; line-height: 24px; text-transform: uppercase; } .apo-team-member-name a { color: #ffffff; } .apo-team-member-name:not(:first-child), .apo-page-content .apo-team-member-name:not(:first-child) { margin-top: 0; } .apo-team-member-name:not(:last-child) { margin-bottom: 10px; } .apo-team-member-position { display: inline-block; font-size: 12px; line-height: 18px; } .apo-team-member-position:not(:last-child) { margin-bottom: 15px; } .apo-team-member-info { position: absolute; top: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); transition-property: opacity, visibility, -webkit-transform; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; transition-duration: 0.4s; transition-timing-function: ease-out; } .apo-team-member:hover .apo-team-member-info { opacity: 1; visibility: visible; transition-duration: .35s; } .apo-csstransforms3d .apo-team-member-info { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .apo-csstransforms3d .apo-team-member:hover .apo-team-member-info { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ------------------------------------------------------ 7.10.1. Single ------------------------------------------------------ */ .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-media, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-media { max-width: 500px; margin-left: auto; margin-right: auto; } .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-header, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-header { max-width: 400px; margin-left: auto; margin-right: auto; } /* ------------------------------------------------------ 7.11. Social Networks ------------------------------------------------------ */ .apo-social-networks { font-size: 16px; margin-left: -7px; margin-right: -7px; line-height: 1em; } .apo-social-networks, .apo-page-content .apo-social-networks { list-style: none; list-style-type: none; } .apo-social-networks > li { display: inline-block; } .apo-social-networks > li:not(:last-child), .apo-page-content .apo-social-networks > li:not(:last-child) { margin-bottom: 0; } .apo-social-networks > li > a { display: block; padding: 8px 7px; } .apo-social-networks > li > a:hover, .apo-social-networks > li > a:focus { color: #000; } .apo-social-networks.apo-style-1 > li > a:hover, .apo-social-networks.apo-style-1 > li > a:focus { opacity: .7; } .apo-social-networks.apo-style-2 { font-size: 18px; } .apo-social-networks.apo-style-2 > li > a { position: relative; z-index: 1; padding: 10px 12px 13px; } .apo-social-networks.apo-style-2 > li > a::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; bottom: 0; left: 50%; margin-left: -2px; background-color: #000; opacity: 0; transition: opacity .5s ease; } .apo-page-dark-skin .apo-page .apo-social-networks.apo-style-2 > li > a::before, .apo-footer-dark-skin .apo-social-networks.apo-style-2 > li > a::before, .apo-header-dark .apo-social-networks.apo-style-2 > li > a::before { background-color: #fff; } .apo-social-networks.apo-style-2 > li > a:hover::before { opacity: 1; transition-duration: .35s; } .apo-page-dark-skin .apo-page .apo-social-networks > li > a { color: #fff; } .apo-named-element-container .apo-social-networks { text-align: initial; margin-top: -7px; margin-left: 10px; } /* ------------------------------------------------------ 7.12. Counters ------------------------------------------------------ */ .apo-counter { text-align: center; color: rgba(0, 0, 0, 0.7); position: relative; z-index: 1; } .apo-page-dark-skin .apo-counter { color: inherit; } .apo-counter::before { content: attr(data-value); font-size: 68px; line-height: 60px; font-weight: 400; color: #000000; word-break: break-all; display: block; } .apo-page-dark-skin .apo-counter::before { color: #ffffff; } .apo-counter:not(:empty)::before { margin-bottom: 18px; } /* ------------------------------------------------------ 7.13. Pagination ------------------------------------------------------ */ .apo-pagination, .nav-links { font-size: 14px; line-height: 30px; font-weight: 400; color: #9b9c9f; margin-top: -10px; } .apo-pagination > li { display: inline-block; vertical-align: baseline; padding: 10px 23px 0; } .apo-pagination > li > a, .nav-links a, .nav-links .current, .nav-links .dots { color: inherit; padding: 0 5px; } .nav-links a, .nav-links .current, .nav-links .dots { display: inline !important; margin: 10px 23px 0; vertical-align: baseline; } .apo-pagination > li > a { display: block; } .apo-pagination > li > a:hover, .apo-pagination > li > a:focus, .nav-links a:hover { color: #000000; } .apo-pagination .current, .nav-links .current { color: #000000; display: block; padding: 0 5px; background-repeat: no-repeat; background-size: 100% 1px; } .apo-page-dark-skin .apo-page .apo-pagination > li > a:hover, .apo-page-dark-skin .apo-page .apo-pagination > li > a:focus, .apo-page-dark-skin .apo-page .nav-links a:hover, .apo-page-dark-skin .apo-page .apo-pagination .current, .apo-page-dark-skin .apo-page .nav-links .current { color: #fff; } .apo-pagination .dots { letter-spacing: 1px; } /* ------------------------------------------------------ 7.14. Filter ------------------------------------------------------ */ .apo-filter-wrap { display: inline-block; } .apo-filter { margin-top: -5px; margin-left: -17px; margin-right: -17px; } .apo-filter > li { display: inline-block; vertical-align: baseline; padding: 5px 17px 0; } .apo-filter a { font-size: 12px; line-height: 24px; padding: 5px 0; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; } .apo-filter a.apo-active { background-size: 100% 100%; } .apo-filter.apo-style-2 { margin-left: -27px; margin-right: -27px; } .apo-filter.apo-style-2 > li { padding: 5px 27px 0; } .apo-filter.apo-style-2 a { font-weight: 300; letter-spacing: 2.5px; } /* ------------------------------------------------------ 7.15. Gallery ------------------------------------------------------ */ .apo-gallery { font-size: 0; line-height: 0; margin-top: -30px; margin-left: -15px; margin-right: -15px; } .apo-gallery .apo-gallery-item { font-size: 16px; line-height: 30px; padding: 30px 15px 0; display: inline-block; width: 100%; } .apo-gallery .apo-gallery-item img { width: 100%; } .apo-gallery.apo-cols-3 .apo-gallery-item { width: 33.33333%; } .apo-gallery.apo-cols-2 .apo-gallery-item { width: 50%; } /* ------------------------------------------------------ 7.15.1. LightBox ------------------------------------------------------ */ .apo-lightbox, a.apo-lightbo, .apo-widget .gallery-icon > a[href$=".jpeg"], .apo-widget .gallery-icon > a[href$=".jpg"], .apo-widget .gallery-icon > a[href$=".png"] { display: block; position: relative; z-index: 1; overflow: hidden; } .apo-lightbox::before, .apo-lightbox::after, .apo-widget .gallery-icon > a[href$=".jpeg"]::after, .apo-widget .gallery-icon > a[href$=".jpg"]::after, .apo-widget .gallery-icon > a[href$=".png"]::after, .apo-widget .gallery-icon > a[href$=".jpeg"]::before, .apo-widget .gallery-icon > a[href$=".jpg"]::before, .apo-widget .gallery-icon > a[href$=".png"]::before { content: ""; position: absolute; display: block; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s ease; } .apo-lightbox:hover::before, .apo-lightbox:hover::after, .apo-widget .gallery-icon > a[href$=".jpeg"]:hover::after, .apo-widget .gallery-icon > a[href$=".jpg"]:hover::after, .apo-widget .gallery-icon > a[href$=".png"]:hover::after, .apo-widget .gallery-icon > a[href$=".jpeg"]:hover::before, .apo-widget .gallery-icon > a[href$=".jpg"]:hover::before, .apo-widget .gallery-icon > a[href$=".png"]:hover::before { opacity: 1; visibility: visible; transition-duration: .35s; } .apo-lightbox::before, .apo-widget .gallery-icon > a[href$=".jpeg"]::before, .apo-widget .gallery-icon > a[href$=".jpg"]::before, .apo-widget .gallery-icon > a[href$=".png"]::before { top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 1; } .apo-lightbox::after, .apo-widget .gallery-icon > a[href$=".jpeg"]::after, .apo-widget .gallery-icon > a[href$=".jpg"]::after, .apo-widget .gallery-icon > a[href$=".png"]::after { content: "\e922"; font-family: 'Linearicons'; text-align: center; color: #fff; font-size: 24px; line-height: 24px; width: 30px; height: 24px; margin-top: -15px; margin-left: -12px; left: 50%; top: 50%; z-index: 2; } .apo-csstransforms3d .apo-lightbox::after, .apo-csstransforms3d .apo-widget .gallery-icon > a[href$=".jpeg"]::after, .apo-csstransforms3d .apo-widget .gallery-icon > a[href$=".jpg"]::after, .apo-csstransforms3d .apo-widget .gallery-icon > a[href$=".png"]::after { transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .apo-csstransforms3d .apo-lightbox:hover::after, .apo-csstransforms3d .apo-widget .gallery-icon > a[href$=".jpeg"]:hover::after, .apo-csstransforms3d .apo-widget .gallery-icon > a[href$=".jpg"]:hover::after, .apo-csstransforms3d .apo-widget .gallery-icon > a[href$=".png"]:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ------------------------------------------------------ 7.16. WP Gallery ------------------------------------------------------ */ .gallery { font-size: 0; line-height: 0; margin-top: -30px; margin-left: -15px; margin-right: -15px; } .gallery:not(:last-child) { margin-bottom: 35px; } .gallery-item { font-size: 16px; line-height: 30px; display: inline-block; vertical-align: top; padding: 30px 15px 0; text-align: center; } .gallery-item img { max-width: 100%; height: auto; } .apo-entry.apo-single .gallery-item { font-size: 20px; line-height: 36px; } .gallery-caption { font-size: 12px; font-style: italic; line-height: 22px; } .gallery-caption:not(:first-child) { margin-top: 10px; } .gallery.gallery-columns-1 .gallery-item { width: 100%; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } .gallery.gallery-columns-3 .gallery-item { width: 33.33333%; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-6, .gallery.gallery-columns-5, .gallery.gallery-columns-7, .gallery.gallery-columns-8, .gallery.gallery-columns-9, .apo-has-sidebar .gallery.gallery-columns-4 { margin-top: -4px; margin-left: -2px; margin-right: -2px; } .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item, .gallery.gallery-columns-9 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item { padding-top: 4px; padding-left: 2px; padding-right: 2px; } .gallery.gallery-columns-5 .gallery-item { width: 20%; } .gallery.gallery-columns-6 .gallery-item { width: 16.66666%; } .gallery.gallery-columns-7 .gallery-item { width: 14.285714%; } .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .gallery.gallery-columns-9 .gallery-item { width: 11.11111%; } .gallery.gallery-columns-5 .gallery-item .gallery-caption, .gallery.gallery-columns-6 .gallery-item .gallery-caption, .gallery.gallery-columns-7 .gallery-item .gallery-caption, .gallery.gallery-columns-8 .gallery-item .gallery-caption, .gallery.gallery-columns-9 .gallery-item .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item .gallery-caption { margin-bottom: 26px; } .gallery.gallery-columns-5 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-5 .gallery-item:nth-last-child(2) .gallery-caption, .gallery.gallery-columns-5 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-5 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-5 .gallery-item:nth-last-child(5) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item:nth-last-child(1) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item:nth-last-child(2) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item:nth-last-child(3) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item:nth-last-child(4) .gallery-caption { margin-bottom: 0; } .gallery.gallery-columns-6 .gallery-item .gallery-caption, .gallery.gallery-columns-7 .gallery-item .gallery-caption, .gallery.gallery-columns-8 .gallery-item .gallery-caption, .gallery.gallery-columns-9 .gallery-item .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-5 .gallery-item .gallery-caption { display: none; } /* ------------------------------------------------------ 7.17. Tables ------------------------------------------------------ */ table { width: 100%; table-layout: fixed; background-color: #ffffff; border-collapse: collapse; border: 1px solid #e0e0e0; } .apo-page-dark-skin .apo-page table { color: #a9aaae; background-color: #131313; border-color: #3e3e3e; } table th, table td { padding: 12px 20px 10px; border: 1px solid #eaeaea; } .apo-page-dark-skin .apo-page table th, .apo-page-dark-skin .apo-page table td { border-color: #3e3e3e; } table th { font-weight: bold; color: #000000; background-color: #eaeaea; border-color: #e0e0e0; } .apo-page-dark-skin .apo-page table th { color: #ffffff; background-color: #272727; } /* ------------------------------------------------------ 7.18. Full Page ------------------------------------------------------ */ .fp-scroller > .vc_row[data-vc-full-width="true"] { left: auto !important; right: auto !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .apo-full-page-container > .vc_section { padding-top: 0 !important; padding-bottom: 0 !important; } .apo-full-page-container > .vc_section .fp-scroller > .vc_row:first-child, .apo-full-page-container > .vc_section:not(.fp-section):first-child > .vc_row:first-child { padding-top: 85px; } .apo-full-page-container > .vc_section:not(.fp-section) > .vc_row, .apo-full-page-container > .vc_section .fp-scroller > .vc_row:last-child { padding-bottom: 85px; } .apo-full-page-container { z-index: 2; } .iScrollVerticalScrollbar { visibility: hidden; } .apo-full-page-fixed-content .apo-full-page-fixed-col { position: fixed; z-index: 1; top: 0; left: 0; width: 50%; height: 100%; padding-right: 30px; } .apo-full-page-fixed-content .apo-full-page-container { padding-left: 50%; padding-right: 19%; } .apo-scroll-down-label { color: #000; font-size: 12px; display: inline-block; } .apo-page-light-skin.apo-full-page-fixed-content .fp-section.active.fp-completely .apo-scroll-down-label { opacity: 1; } .apo-scroll-down-label:not(:first-child) { margin-top: 80px; } .apo-page-dark-skin .apo-scroll-down-label { color: #fff; } .apo-full-page-fixed-content .apo-scroll-down-label { opacity: 0; transition: opacity .5s ease; } .apo-full-page-fixed-content .fp-section.active.fp-completely .apo-scroll-down-label { opacity: .5; } .apo-csstransforms3d .apo-full-page-fixed-content .apo-scroll-down-label { transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } .apo-csstransforms3d .apo-full-page-fixed-content .fp-section.active.fp-completely .apo-scroll-down-label { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .apo-scroll-down-label i { display: block; font-size: 24px; max-width: 30px; margin-left: auto; margin-right: auto; } #fp-nav ul > li { width: 10px; height: 10px; margin: 10px; } #fp-nav ul > li > a { border-radius: 50%; border-width: 1px; border-style: solid; border-color: #000; } #fp-nav ul > li > a > span { opacity: 0; background-color: #000; } #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { width: 10px; height: 10px; margin: -5px 0 0 -5px; opacity: 1; } .apo-full-page-fixed-content #fp-nav.right { right: 5.20%; } .apo-full-page-fixed-content #fp-nav.left { left: 5.20%; } .apo-page-dark-skin #fp-nav ul > li > a { border-color: #fff; } .apo-page-dark-skin #fp-nav ul > li > a > span { background-color: #fff; } .apo-full-page-controls { display: table; table-layout: fixed; width: 100px; height: 100%; position: fixed; top: 0; right: 0; z-index: 20; border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0 0 0 1px; } .admin-bar .apo-full-page-controls { top: 32px; height: calc(100% - 32px); } .apo-full-page-controls-header, .apo-full-page-controls-content, .apo-full-page-controls-footer { display: table-row; } .apo-full-page-controls-item { display: table-cell; padding: 45px 15px; } .apo-full-page-controls-header .apo-full-page-controls-item { text-align: center; } .apo-full-page-controls-content .apo-full-page-controls-item { vertical-align: middle; } .apo-full-page-controls-footer .apo-full-page-controls-item { vertical-align: bottom; text-align: center; } .apo-fp-slide-numbers { font-size: 28px; line-height: 1em; font-weight: 400; text-transform: uppercase; } .apo-page-dark-skin .apo-page .apo-fp-slide-numbers { color: #ffffff; } .apo-fp-slide-numbers-current::after { content: "/"; display: inline-block; margin: 0 7px; } .apo-fp-slide-numbers-amount { font-size: 16px; line-height: 1em; display: inline-block; vertical-align: top; } .apo-fp-menu { font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; white-space: nowrap; letter-spacing: 2px; } .apo-fp-menu a { display: block; float: right; margin-left: auto; margin-right: auto; width: 30px; height: 12px; position: relative; z-index: 1; } .apo-fp-menu a::after { content: ""; display: block; border-bottom: 1px solid #000000; width: 100%; position: absolute; right: 0; top: 50%; margin-left: 10px; margin-top: -1px; } .apo-page-dark-skin .apo-page .apo-fp-menu a::after { border-bottom-color: #ffffff; } .apo-fp-menu a span { display: block; position: absolute; top: 0; right: 100%; margin-right: 10px; opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .apo-fp-menu > li::after { content: ""; display: block; clear: both; } .apo-fp-menu > li:not(:last-child) { margin-bottom: 20px; } .apo-fp-menu > li.active a { width: 100px; } .apo-fp-menu > li.active a span { opacity: 1; visibility: visible; } .fp-section.fp-centered-content { text-align: center; } .apo-csstransforms3d .apo-fp-layer { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); transition: -webkit-transform 0.7s ease-out; transition: transform 0.7s ease-out; transition: transform 0.7s ease-out, -webkit-transform 0.7s ease-out; } .apo-csstransforms3d .fp-section.active .apo-fp-layer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .apo-scroll-down-icon { position: absolute; display: none; z-index: 3; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 120px; background-image: url("assets/images/scrolldown-icon.png"); background-position: center; background-repeat: no-repeat; } /* ------------------------------------------------------ 7.19. Timeline ------------------------------------------------------ */ .apo-timeline { font-size: 14px; line-height: 30px; color: #7b7c80; margin-top: -35px; margin-bottom: -35px; } .apo-page-dark-skin .apo-timeline { color: inherit; font-size: inherit; line-height: inherit; } .apo-timeline-item { padding: 35px 0; } .apo-timeline-item:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .apo-timeline-item-header { vertical-align: bottom; font-size: 12px; margin-top: -10px; margin-left: -20px; margin-right: -20px; } .apo-timeline-item-header:not(:last-child) { margin-bottom: 16px; } .apo-timeline-item-header > * { display: inline-block; margin: 10px 20px 0; } .apo-timeline-item-title { color: #000000; font-weight: 400; font-size: 24px; line-height: 30px; vertical-align: baseline; } .apo-timeline-item-title:not(:last-child) { margin-bottom: 0; } .apo-timeline-item-period { font-style: normal; vertical-align: bottom; } .apo-timeline-item-body strong, .apo-timeline-item-body b { font-weight: 500; } .apo-timeline.apo-style-1 .apo-timeline-item:not(.apo-timeline-item-has-not-title) .apo-timeline-item-title + .apo-timeline-item-period { margin-left: 0; } .apo-timeline.apo-style-1 .apo-timeline-item:not(.apo-timeline-item-has-not-title) .apo-timeline-item-title + .apo-timeline-item-period::before { content: '/'; display: inline-block; margin-right: 20px; margin-left: 20px; } .apo-timeline.apo-style-1 .apo-timeline-item-title { margin-right: 0; } .apo-timeline.apo-style-2 { font-weight: 400; } .apo-timeline.apo-style-2 .apo-timeline-item-header { margin-left: 0; margin-right: 0; } .apo-flexbox .apo-timeline.apo-style-2 .apo-timeline-item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .apo-flexbox .apo-timeline.apo-style-2 .apo-timeline-item-period { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .apo-flexbox .apo-timeline.apo-style-2 .apo-timeline-item-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .apo-no-flexbox .apo-timeline.apo-style-2 .apo-timeline-item-title:not(:last-child) { margin-bottom: 5px; } .apo-timeline.apo-style-2 .apo-timeline-item-period { text-transform: uppercase; color: #a9aaae; margin: 0 0 4px; } .apo-timeline .apo-timeline-item-period span { color: #b7956c; display: inline-block; } .apo-timeline.apo-style-2 .apo-timeline-item-title { line-height: 28px; display: block; margin-top: 0; margin-right: 0; margin-left: 0; } .apo-page-dark-skin .apo-timeline-item-title { color: #ffffff; } .apo-timeline-item.apo-timeline-item-has-not-title .apo-timeline-item-title, .apo-timeline-item.apo-timeline-item-has-not-period.apo-timeline-item-has-not-title.apo-timeline-item-has-not-company .apo-timeline-item-header, .apo-timeline-item.apo-timeline-item-has-not-period.apo-timeline-item-has-not-company .apo-timeline-item-period, .apo-timeline-item.apo-timeline-item-has-not-description .apo-timeline-item-body, .apo-timeline-item.apo-timeline-item-has-not-period.apo-timeline-item-has-not-company.apo-timeline-item-has-not-description.apo-timeline-item-has-not-title { display: none; } /* ------------------------------------------------------ 7.20. Services ------------------------------------------------------ */ .apo-services { margin-top: -30px; } .apo-services .apo-service { padding-top: 30px; } .apo-service strong { font-weight: 500; } .apo-page-dark-skin .apo-service strong { color: #fff; } /* ------------------------------------------------------ 7.21. Back to Top Button ------------------------------------------------------ */ .apo-back-to-top-message { color: #a9aaae; font-size: 14px; font-weight: 400; line-height: 28px; } .apo-back-to-top-message:not(:last-child) { margin-bottom: 7px; } .apo-back-to-top-button { font-size: 12px; font-weight: 500; color: #3e3d4a; text-transform: uppercase; text-align: center; line-height: 16px; display: inline-block; } .apo-page-dark-skin .apo-page .apo-back-to-top-button { color: #ffffff; } .apo-back-to-top-button i { font-size: 10px; display: block; margin-bottom: 3px; } /* ------------------------------------------------------ 7.22. Owl Carousel & Revolution Slider ------------------------------------------------------ */ .owl-nav { font-size: 11px; font-weight: 500; line-height: 1.5; text-transform: uppercase; color: #fff; position: absolute; right: 50px; bottom: 40px; transition: color 0.4s ease-out; } .owl-prev, .owl-next { position: relative; z-index: 1; cursor: pointer; display: inline-block; text-transform: inherit; padding: 5px 10px; } .owl-prev [class^="icon"], .owl-next [class^="icon"] { display: block; font-size: 30px; line-height: 30px; } .owl-prev:hover .owl-nav-text, .owl-next:hover .owl-nav-text{ opacity: 1; } .owl-nav-text { opacity: 0; transition: opacity 0.4s ease-out; } .owl-prev { text-align: right; } .owl-next { text-align: left; } /* ------------------------------------------------------ 7.23. Striped Photos ------------------------------------------------------ */ .apo-striped-photos.owl-carousel .apo-striped-photo .apo-aligner-inner { transition: all .4s ease-out .3s; } .apo-striped-photos.owl-carousel .owl-item.owl-item-focused .apo-striped-photo .apo-aligner-inner, .apo-striped-photos.owl-carousel .owl-item.owl-item-unfocused .apo-striped-photo .apo-aligner-inner { transition-duration: 0s; transition-delay: 0s; } .apo-striped-photos.owl-carousel .owl-item.owl-item-unfocused .apo-striped-photo .apo-aligner-inner { opacity: 0; visibility: hidden; } .apo-striped-photos:not(.owl-carousel) { font-size: 0; line-height: 0; } .apo-striped-photos:not(.owl-carousel).apo-cols-5 .apo-striped-photo { width: 20%; } .apo-striped-photos:not(.owl-carousel).apo-cols-4 .apo-striped-photo { width: 25%; } .apo-striped-photos:not(.owl-carousel).apo-cols-3 .apo-striped-photo { width: 33.33333%; } .apo-striped-photos:not(.owl-carousel).apo-cols-2 .apo-striped-photo { width: 50%; } .apo-striped-photos:not(.owl-carousel) .apo-striped-photo { width: 100%; display: inline-block; font-size: 16px; line-height: 30px; } .apo-csstransforms3d .apo-striped-photos.owl-carousel .apo-striped-photo .apo-aligner-inner { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .apo-csstransforms3d .apo-striped-photos.owl-carousel .owl-item.owl-item-unfocused .apo-striped-photo .apo-aligner-inner { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } .apo-striped-photo { font-weight: 400; color: #fff; overflow: hidden; padding: 60px 30px; position: relative; z-index: 1; } .apo-striped-photo::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.25); } .apo-striped-photo a { color: #fff; } .apo-striped-photo img { max-width: initial; } .apo-striped-photo .apo-aligner-inner { text-align: center; vertical-align: middle; position: relative; z-index: 2; } .apo-striped-photo-description { height: 100%; } .apo-striped-photo-title { font-size: 60px; line-height: 65px; -ms-word-wrap: break-word; word-wrap: break-word; } .apo-striped-photo-title:not(:first-child) { margin-top: 11px; } .apo-striped-photo-title:not(:last-child) { margin-bottom: 0; } .apo-striped-photo-categories, .apo-striped-photo .apo-categories { font-size: 14px; line-height: 24px; text-transform: uppercase; letter-spacing: 3px; } .apo-striped-photo-categories > li { display: inline; } .apo-striped-photo-categories > li:not(:last-child)::after { content: ", "; } .apo-striped-photo-categories:not(:last-child) { margin-bottom: 11px; } /* ------------------------------------------------------ 7.24. Slider ------------------------------------------------------ */ .apo-slider-audio { visibility: hidden; opacity: 0; } .apo-slider-thumb { height: 50px; cursor: pointer; opacity: .7; border: 2px solid transparent; transition: opacity 0.4s ease-out, border-color 0.4s ease-out; } .apo-slider-thumb.apo-active { opacity: 1; border-color: #fff; } .apo-header-light .apo-slider-thumb.apo-active { border-color: #000000; } .apo-slider-thumb img { height: 100%; } .apo-slider-thumbs-vr .swiper-button-prev, .apo-slider-thumbs-vr .swiper-button-next, .apo-slider-thumbs-hr .swiper-button-prev, .apo-slider-thumbs-hr .swiper-button-next { background-image: none; background-color: #000000; opacity: 1; } .apo-header-light .apo-slider-thumbs-vr .swiper-button-prev, .apo-header-light .apo-slider-thumbs-vr .swiper-button-next, .apo-header-light .apo-slider-thumbs-hr .swiper-button-prev, .apo-header-light .apo-slider-thumbs-hr .swiper-button-next { background-color: #ffffff; } .apo-slider-thumbs-vr .swiper-button-prev .icon, .apo-slider-thumbs-vr .swiper-button-prev .fa, .apo-slider-thumbs-vr .swiper-button-next .icon, .apo-slider-thumbs-vr .swiper-button-next .fa, .apo-slider-thumbs-hr .swiper-button-prev .icon, .apo-slider-thumbs-hr .swiper-button-prev .fa, .apo-slider-thumbs-hr .swiper-button-next .icon, .apo-slider-thumbs-hr .swiper-button-next .fa { transition: opacity 0.4s ease-out; } .apo-slider-thumbs-vr .swiper-button-prev.swiper-button-disabled .icon, .apo-slider-thumbs-vr .swiper-button-prev.swiper-button-disabled .fa, .apo-slider-thumbs-vr .swiper-button-next.swiper-button-disabled .icon, .apo-slider-thumbs-vr .swiper-button-next.swiper-button-disabled .fa, .apo-slider-thumbs-hr .swiper-button-prev.swiper-button-disabled .icon, .apo-slider-thumbs-hr .swiper-button-prev.swiper-button-disabled .fa, .apo-slider-thumbs-hr .swiper-button-next.swiper-button-disabled .icon, .apo-slider-thumbs-hr .swiper-button-next.swiper-button-disabled .fa { opacity: .35; } .apo-header .swiper-button-next.swiper-button-disabled, .apo-header .swiper-button-prev.swiper-button-disabled { opacity: 1; } .apo-slider-thumbs-vr { width: 100%; height: 410px; padding: 55px 0; } .apo-slider-thumbs-vr.swiper-container-horizontal { height: auto; } .apo-slider-thumbs-vr .swiper-slide { padding: 2px; } .apo-slider-thumbs-vr .swiper-button-prev, .apo-slider-thumbs-vr .swiper-button-next { height: 55px; margin-top: 0; left: 0 !important; right: auto !important; width: 100%; } .apo-slider-thumbs-vr .swiper-button-prev { top: 0; } .apo-slider-thumbs-vr .swiper-button-next { top: auto; bottom: 0; } .apo-slider-thumbs-hr { max-width: 694px; padding-left: 37px; padding-right: 37px; } .apo-slider-thumbs-hr .apo-slider-thumb { width: 70px; } .apo-slider-thumbs-hr .swiper-button-prev, .apo-slider-thumbs-hr .swiper-button-next { width: 28px; height: 52px; margin-top: -26px; } .apo-slider-thumbs-hr .swiper-button-next { width: 45px; } .apo-slider-thumbs-hr .swiper-button-prev { left: -1px; } .apo-slider-thumbs-hr .swiper-button-next { right: -1px; } .apo-slider-fullscreen-controls { position: absolute; bottom: 0; left: 0; color: #fff; background-color: #000000; z-index: 30; padding: 20px 30px; width: 100%; display: none; } .apo-slider-fullscreen-controls.apo-fullscreen-controls-light { color: #000000; background-color: #ffffff; } .apo-slider-fullscreen-controls.apo-fullscreen-controls-light .apo-fullscreen-control-close, .apo-slider-fullscreen-controls.apo-fullscreen-controls-light a { color: #000000; } .apo-slider-fullscreen-controls .apo-revslider-theme-nav { position: static; } .apo-slider-fullscreen-controls .apo-revslider-theme-nav [class^="icon"] { font-size: 26px; line-height: 26px; } .rev_slider_wrapper:-webkit-full-screen .apo-slider-fullscreen-controls { display: block; } .rev_slider_wrapper:-moz-full-screen .apo-slider-fullscreen-controls { display: block; } .rev_slider_wrapper:full-screen .apo-slider-fullscreen-controls { display: block; } .rev_slider_wrapper:-webkit-full-screen .rev_slider .apo-revslider-controls { display: none; } .rev_slider_wrapper:-moz-full-screen .rev_slider .apo-revslider-controls { display: none; } .rev_slider_wrapper:full-screen .rev_slider .apo-revslider-controls { display: none; } /* ------------------------------------------------------ 7.24.1. Navigation ------------------------------------------------------ */ .apo-revslider-controls { margin: -5px -15px 0; } .apo-revslider-controls-item { display: inline-block; vertical-align: middle; margin-top: 10px; margin-left: 10px; margin-right: 10px; cursor: pointer; position: relative; } .apo-revslider-controls-item [class*="apola-icon"], .apo-revslider-controls-item .fa, .apo-revslider-controls-item .icon { font-size: 34px; line-height: 0.9em; } .apo-revslider-controls-item .apo-revslider-control-play [class*="apola-icon"], .apo-revslider-controls-item .apo-revslider-control-pause [class*="apola-icon"], .apo-revslider-controls-item .apo-revslider-control-play .fa, .apo-revslider-controls-item .apo-revslider-control-pause .fa, .apo-revslider-controls-item .apo-revslider-control-play .icon, .apo-revslider-controls-item .apo-revslider-control-pause .icon { font-size: 32px; } .apo-revslider-controls-item .apo-revslider-control-play .apo-revslider-control-title, .apo-revslider-controls-item .apo-revslider-control-pause .apo-revslider-control-title { margin-bottom: 15px; } .apo-revslider-control-title { font-size: 11px; font-weight: 400; line-height: 1em; text-transform: uppercase; text-align: center; opacity: 0; visibility: hidden; position: absolute; bottom: 100%; width: 100%; left: 0; -webkit-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; } .apo-revslider-controls-item .apo-revslider-control-play, .apo-revslider-controls-item .apo-revslider-control-pause { -webkit-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; } .apo-revslider-controls-item .apo-revslider-control-play, .apo-revslider-controls-item.apo-playing .apo-revslider-control-pause, .apo-revslider-controls-item:hover .apo-revslider-control-title { opacity: 1; visibility: visible; } .apo-revslider-controls-item .apo-revslider-control-pause, .apo-revslider-controls-item.apo-playing .apo-revslider-control-play { opacity: 0; visibility: hidden; } .apo-revslider-controls-item .apo-revslider-control-play:not(:only-child) { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .apo-revslider-theme .apo-revslider-controls { position: absolute; left: 215px; bottom: 80px; z-index: 20; color: #fff; } .apo-header-bottom ~ .apo-page .apo-revslider-theme .apo-revslider-controls, .apo-header-bottom ~ .apo-revslider-theme .apo-revslider-controls { bottom: 120px; } .apo-header-bottom ~ .apo-page .apo-revslider-theme .apo-revslider-controls.apo-right, .apo-header-bottom ~ .apo-revslider-theme .apo-revslider-controls.apo-right { right: 70px; } .apo-revslider-theme .apo-revslider-controls.apo-right { left: auto; right: 115px; } /* ------------------------------------------------------ 7.25. Icon Boxes ------------------------------------------------------ */ .apo-icon-box { padding-top: 15px; font-size: 14px; text-align: center; color: rgba(0, 0, 0, 0.7); } .apo-page-dark-skin .apo-icon-box { color: inherit; } .apo-icon-box-icon { font-size: 40px; color: #000; display: inline-block; } .apo-page-dark-skin .apo-icon-box-icon { color: #ffffff; } .apo-icon-box-icon:not(:last-child) { margin-bottom: 30px; } .apo-icon-box-title { font-size: 24px; line-height: 28px; color: #000; } .apo-icon-box-title:not(:first-child), .apo-page-content .apo-icon-box-title:not(:first-child) { margin-top: 0; } .apo-icon-box p:empty, .apo-icon-box-title:empty { display: none; } .apo-icon-box-title:not(:last-child) { margin-bottom: 15px; } /* ------------------------------------------------------ 7.26. Pricing Tables ------------------------------------------------------ */ .apo-pricing-tables { padding-top: 50px; } .apo-pricing-table { font-size: 14px; font-weight: 400; color: #8c8d90; text-align: center; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; background-color: #ffffff; } .apo-pricing-table-label { font-size: 12px; line-height: 16px; color: #fff; text-transform: uppercase; background-color: #f32e29; padding: 14px 15px 10px 25px; position: absolute; top: 50px; left: -10px; } .apo-pricing-table-label::before, .apo-pricing-table-label::after { content: ""; display: block; position: absolute; width: 0; height: 0; top: 100%; left: 0; border-width: 13px 0 0 10px; border-style: solid; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .apo-pricing-table-label::before { border-top-color: inherit; z-index: 1; } .apo-pricing-table-label::after { border-top-color: rgba(0, 0, 0, .2); z-index: 2; } .apo-pricing-table-header { padding: 52px 20px 45px; } .apo-pricing-table-icon { font-size: 46px; color: #000000; text-align: center; display: block; } .apo-pricing-table-icon:not(:last-child) { margin-bottom: 45px; } .apo-pricing-table-title { font-size: 14px; line-height: 20px; letter-spacing: .5px; text-transform: uppercase; color: #000000; } .apo-pricing-table-title:not(:last-child), .apo-page-content .apo-pricing-table-title:not(:last-child) { margin-top: 0; } .apo-pricing-table-title:empty { display: none; } .apo-pricing-table-title:not(:last-child) { margin-bottom: 15px; } .apo-pricing-table-price { font-size: 30px; line-height: 30px; font-weight: 400; color: #000000; display: block; } .apo-page-dark-skin .apo-page .apo-pricing-table-price { color: #000000; } .apo-pricing-table-price:not(:last-child) { margin-bottom: 12px; } .apo-pricing-table-period { font-size: 16px; font-style: normal; line-height: 20px; color: #000000; opacity: .4; display: block; } .apo-pricing-table-body { padding: 0 20px 28px; } .apo-pricing-table-list, .apo-page-content .apo-pricing-table-list { list-style: none; list-style-type: none; } .apo-pricing-table-list > li:not(:last-child), .apo-page-content .apo-pricing-table-list > li:not(:last-child) { margin-bottom: 0; } .apo-pricing-table-list { margin-left: -20px; margin-right: -20px; } .apo-pricing-table-list:not(:last-child) { margin-bottom: 25px; } .apo-pricing-table-list > li { color: #7f868d; border-top: 1px solid #eeeeee; padding: 11px 0 9px; } .apo-pricing-table-list span { display: inline-block; color: #000; margin-right: 5px; } .apo-pricing-table-footer { padding: 20px 20px 60px; } .apo-page-dark-skin .apo-page .apo-pricing-table h1, .apo-page-dark-skin .apo-page .apo-pricing-table h2, .apo-page-dark-skin .apo-page .apo-pricing-table h3, .apo-page-dark-skin .apo-page .apo-pricing-table h4, .apo-page-dark-skin .apo-page .apo-pricing-table h5, .apo-page-dark-skin .apo-page .apo-pricing-table h6, .apo-page-dark-skin .apo-page .apo-pricing-table a, .apo-page-dark-skin .apo-page .apo-pricing-table-price, .apo-page-dark-skin .apo-page .apo-pricing-table .apo-btn:not(.apo-btn-red):not(.apo-btn-blue):not(.apo-btn-rectangle) { color: #000000; } /* ------------------------------------------------------ 7.32. Bottom Controls ------------------------------------------------------ */ .apo-hr-controls { display: table; width: 100%; table-layout: fixed; } .apo-hr-controls .apo-fullscreen-control-close { color: #fff; font-size: 12px; font-weight: 400; text-transform: uppercase; opacity: 0.6; transition: opacity 0.4s ease-out; } .apo-hr-controls .apo-fullscreen-control-close:hover { opacity: 1; } .apo-hr-controls .apo-fullscreen-control-close .icon { font-size: 14px; margin-right: 7px; position: relative; top: 2px; } .apo-hr-controls-items { margin: -10px -5px 0; } .apo-hr-controls-item { display: inline-block; vertical-align: middle; padding: 10px 5px 0; } [class*="apo-hr-controls-component"] { display: table-cell; vertical-align: middle; } .apo-hr-controls-component-last { text-align: right; } .apo-hr-controls-component-middle { text-align: center; } /* ------------------------------------------------------ 7.28. Extended Info List ------------------------------------------------------ */ .apo-extended-info-list-item { font-size: 14px; font-weight: 400; font-family: "Muli", sans-serif; line-height: 18px; } .apo-extended-info-list-name { text-transform: uppercase; font-size: 11px; color: #8b8f96; } .apo-extended-info-list-name:not(:last-child) { margin-bottom: 5px; } /* ------------------------------------------------------ 8. Sidebar & Widgets ------------------------------------------------------ */ .apo-widget-title { font-family: inherit; font-size: 14px; line-height: 24px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #000000; } .apo-widget-title:not(:last-child) { margin-bottom: 27px; } .apo-widget-area { font-size: 12px; line-height: 24px; font-weight: 400; margin-top: -65px; margin-left: -15px; margin-right: -15px; } .apo-widget { color: #a9aaae; } .apo-widget p:empty { display: none; } .apo-widget ul > li > a { text-transform: uppercase; } .apo-widget ul > li:not(:last-child) { margin-bottom: 12px; } .apo-widget-area .apo-widget { border-width: 65px 15px 0 15px; border-style: solid; border-color: transparent; } .apo-widget-area[class*="apo-cols-"] { font-size: 0; line-height: 0; } .apo-widget-area[class*="apo-cols-"] .apo-widget { display: inline-block; font-size: 16px; line-height: 30px; } .apo-widget-area.apo-cols-4 .apo-widget { width: 25%; } .apo-widget-area.apo-cols-3 .apo-widget { width: 33.33333%; } .apo-widget-area.apo-cols-2 .apo-widget { width: 50%; } .apo-widget ul .children, .apo-widget ol .children { padding-top: 12px; padding-left: 15px; } .apo-footer .apo-widget ul .children, .apo-footer .apo-widget ol .children { padding-top: 6px; } .apo-widget .wp-caption:not(:last-child) { margin-bottom: 20px; } .apo-page-content .apo-widget:not(:last-child) { margin-bottom: 65px; } .apo-page-content .widget_categories ul, .apo-page-content .widget_archive ul, .apo-page-content .widget_meta ul, .apo-page-content .widget_recent_comments ul, .apo-page-content .widget_pages ul, .apo-page-content .widget_nav_menu ul, .apo-page-content .widget_recent_entries ul { list-style: none; list-style-type: none; } /* ------------------------------------------------------ 8.1. [Apola] About Widget ------------------------------------------------------ */ .apola-about-widget-links:not(:last-child) { margin-bottom: 30px; } .apo-footer .apola-about-widget .apo-widget-title:not(:last-child) { margin-bottom: 53px; } .apola-about-widget-links { -ms-word-break: break-all; word-break: break-all; } .apo-footer .apola-about-widget-links a { color: #ffffff; } .apo-footer-light-skin .apola-about-widget-links a, .apo-footer-light-skin .apola-about-widget-links a:hover, .apo-footer-light-skin .apola-about-widget-links a:focus { color: #000000; } /* ------------------------------------------------------ 8.2. Tags Widget ------------------------------------------------------ */ .tagcloud { margin-top: -5px; margin-left: -3px; margin-right: -2px; } .tagcloud a { font-size: 12px !important; line-height: 24px; font-weight: 400; display: inline-block !important; padding: 2px 10px 0; margin-top: 5px; margin-left: 3px; margin-right: 2px; background-color: #eaeaea; background-image: none !important; } .tagcloud a:hover, .tagcloud a:focus, .apo-footer-light-skin .tagcloud a:hover, .apo-footer-light-skin .tagcloud a:focus, .apo-footer-dark-skin .tagcloud a:hover, .apo-page-dark-skin .apo-page .tagcloud a:hover { color: #ffffff; background-color: #000000; } .apo-footer-dark-skin .tagcloud a, .apo-page-dark-skin .apo-page .tagcloud a { background-color: #1a1a1a; } /* ------------------------------------------------------ 8.3. Entries Widgets ------------------------------------------------------ */ .apo-widget .apo-entries-container { margin-top: -30px; } .apo-widget .apo-entries-container .apo-item { padding: 30px 0 0; } .apo-widget .apo-entries-container .apo-entry-header:not(:last-child) { margin-bottom: 16px; } /* ------------------------------------------------------ 8.4. Comment Widgets ------------------------------------------------------ */ .apo-widget.apo-widget-comments .apo-comments { margin-top: -30px; } .apo-widget.apo-widget-comments .apo-comments .apo-comment { padding-top: 30px; } .apo-widget.apo-widget-comments .apo-comment-header { font-size: 10px; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; } .apo-widget.apo-widget-comments .apo-comment-header:not(:last-child) { margin-bottom: 1px; } .apo-widget.apo-widget-comments .apo-comment-author { display: inline-block; margin-right: 4px; } .apo-widget.apo-widget-comments .apo-comment-entry-title { font-size: 24px; line-height: 30px; font-weight: 400; } /* ------------------------------------------------------ 8.5. Gallery Widget ------------------------------------------------------ */ .apo-widget .apo-gallery { margin-top: -20px; margin-left: -10px; margin-right: -10px; } .apo-widget .apo-gallery .apo-gallery-item { padding: 20px 10px 0; max-width: 130px; } /* ------------------------------------------------------ 8.6. Calendar Widget ------------------------------------------------------ */ .apo-widget .calendar_wrap { font-size: 14px; line-height: 24px; font-weight: 400; color: #a9aaae; } .apo-widget .calendar_wrap table { background-color: transparent; border: none; } .apo-widget .calendar_wrap table th, .apo-widget .calendar_wrap table td { border: none; vertical-align: middle; } .apo-widget .calendar_wrap table thead th { background-color: transparent; font-weight: normal; } .apo-widget .calendar_wrap table { border-collapse: collapse; } .apo-widget .calendar_wrap table caption { text-align: center; padding: 16px 20px 10px; color: #000000; background-color: #eaeaea; } .apo-widget .calendar_wrap table thead, .apo-widget .calendar_wrap table tbody { background-color: #fff; } .apo-widget .calendar_wrap table thead td, .apo-widget .calendar_wrap table thead th, .apo-widget .calendar_wrap table tbody td, .apo-widget .calendar_wrap table tbody th { padding: 13px 5px 9px; text-align: center; } .apo-widget .calendar_wrap table thead { color: #000000; } .apo-widget .calendar_wrap table tbody { font-size: 16px; } .apo-widget .calendar_wrap table thead th { border-width: 0; } .apo-widget .calendar_wrap table thead th, .apo-widget .calendar_wrap table tbody td { border-style: solid; border-color: #eaeaea; } .apo-widget .calendar_wrap table tbody td { border-width: 1px 0 0 0; padding: 10px 5px 12px; } .apo-widget .calendar_wrap table tbody td#today { color: #fff; background-color: #000000; border-top-color: #000000; } .apo-widget .calendar_wrap table tfoot { font-size: 12px; text-transform: uppercase; font-weight: 500; } .apo-widget .calendar_wrap table tfoot td, .apo-widget .calendar_wrap table tfoot th { padding-top: 10px; padding-left: 0; padding-right: 0; } .widget_calendar table tfoot td, .widget_calendar table tfoot th { border: none; } .apo-widget .calendar_wrap #next { text-align: right; } .apo-footer-light-skin .apo-widget .calendar_wrap { color: #8a8a8a; } .apo-footer-light-skin .apo-widget .calendar_wrap table tbody td:first-child, .apo-footer-light-skin .apo-widget .calendar_wrap table thead th:first-child { border-left-width: 1px; } .apo-footer-light-skin .apo-widget .calendar_wrap table tbody td:last-child, .apo-footer-light-skin .apo-widget .calendar_wrap table thead th:last-child { border-right-width: 1px; } .apo-footer-light-skin .apo-widget .calendar_wrap table tbody:last-child > tr:last-child td { border-bottom-width: 1px; } .apo-footer-dark-skin .calendar_wrap, .apo-page-dark-skin .apo-page .calendar_wrap, .apo-footer-dark-skin .calendar_wrap table tbody a:hover, .apo-footer-dark-skin .calendar_wrap table thead a:hover, .apo-page-dark-skin .apo-page .calendar_wrap table tbody a:hover, .apo-page-dark-skin .apo-page .calendar_wrap table thead a:hover { color: #a9aaae; } .apo-footer-dark-skin .calendar_wrap table tbody a, .apo-footer-dark-skin .calendar_wrap table thead a, .apo-page-dark-skin .apo-page .calendar_wrap table tbody a, .apo-page-dark-skin .apo-page .calendar_wrap table thead a { color: #fff; } .apo-footer-dark-skin .calendar_wrap table tbody td, .apo-footer-dark-skin .calendar_wrap table tbody th, .apo-page-dark-skin .apo-page .calendar_wrap table tbody td, .apo-page-dark-skin .apo-page .calendar_wrap table tbody th { background-color: #131313; } .apo-footer-dark-skin .calendar_wrap table tbody td, .apo-footer-dark-skin .calendar_wrap table tbody th, .apo-page-dark-skin .apo-page .calendar_wrap table tbody td, .apo-page-dark-skin .apo-page .calendar_wrap table tbody th, .apo-footer-dark-skin .calendar_wrap table caption, .apo-page-dark-skin .apo-page .calendar_wrap table caption, .apo-footer-dark-skin .calendar_wrap table tbody td#today, .apo-page-dark-skin .apo-page .calendar_wrap table tbody td#today { border-color: #3e3e3e; } .apo-footer-dark-skin .calendar_wrap table thead td, .apo-footer-dark-skin .calendar_wrap table thead th, .apo-footer-dark-skin .calendar_wrap table caption, .apo-page-dark-skin .apo-page .calendar_wrap table thead td, .apo-page-dark-skin .apo-page .calendar_wrap table thead th, .apo-page-dark-skin .apo-page .calendar_wrap table caption { color: #fff; background-color: #272727; } /* ---------------------------------------- 8.7. RSS widget ---------------------------------------- */ .apo-widget .rsswidget > img { vertical-align: middle; } .apo-widget .rsswidget { text-transform: none; } .widget_rss.apo-widget ul > li:not(:last-child), .apo-footer .apo-widget.widget_rss ul > li:not(:last-child) { margin-bottom: 30px; } .widget_rss .rssSummary:not(:first-child) { margin-top: 10px; } .widget_rss .rssSummary:not(:last-child) { margin-bottom: 10px; } .widget_rss .rss-date { font-style: italic; } .widget_rss .rss-date::before { content: "("; } .widget_rss .rss-date::after { content: ")"; } .widget_rss cite { color: #000000; } .apo-footer-dark-skin .widget_rss cite, .apo-page-dark-skin .apo-page .widget_rss cite, .apo-footer-dark-skin .widget_rss ul a, .apo-page-dark-skin .apo-page .widget_rss ul a { color: #ffffff; } .apo-footer-dark-skin .widget_rss ul a:hover, .apo-footer-light-skin .widget_rss cite, .apo-footer-light-skin .widget_rss .rss-date { color: #8a8a8a; } /* ---------------------------------------- 8.8. Navigation menu widget ---------------------------------------- */ .widget_nav_menu .sub-menu { font-size: inherit; line-height: inherit; font-weight: normal; opacity: 1; visibility: visible; position: static; padding-top: 12px; padding-bottom: 0; padding-right: 0; background-color: transparent; box-shadow: none; margin-top: 0; min-width: initial; -webkit-transition: none; transition: none; } .widget_nav_menu .apo-sub-menu > li:not(:last-child), .widget_nav_menu .sub-menu > li:not(:last-child) { margin-bottom: 12px; } .apo-footer .widget_nav_menu .apo-sub-menu > li:not(:last-child), .apo-footer .widget_nav_menu .sub-menu > li:not(:last-child) { margin-bottom: 6px; } .apo-footer .widget_nav_menu .sub-menu { padding-top: 6px; } .widget_nav_menu .apo-sub-menu > li:last-child, .widget_nav_menu .sub-menu > li:last-child { margin-bottom: 0; } .widget_nav_menu .sub-menu { padding-left: 15px; } .apo-no-csstransforms3d .widget_nav_menu .apo-has-children > .apo-sub-menu, .apo-no-csstransforms3d .widget_nav_menu .menu-item-has-children > .sub-menu, .apo-csstransforms3d .widget_nav_menu .apo-has-children > .apo-sub-menu, .apo-csstransforms3d .widget_nav_menu .menu-item-has-children > .sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } .widget_nav_menu .apo-has-children > .apo-sub-menu > li, .widget_nav_menu .menu-item-has-children > .sub-menu > li { font-size: inherit; line-height: inherit; } .widget_nav_menu .sub-menu a { display: inline; color: #000000; } .apo-footer-dark-skin .widget_nav_menu .sub-menu a, .apo-footer-light-skin .widget_nav_menu .sub-menu a:hover { color: #8a8a8a; } .apo-footer-dark-skin .widget_nav_menu .sub-menu a:hover, .apo-page-dark-skin .apo-page .widget_nav_menu .sub-menu a { color: #ffffff; } .widget_nav_menu .apo-has-children > .apo-sub-menu > li, .widget_nav_menu .menu-item-has-children > .sub-menu > li { width: auto; display: list-item; padding-left: 0; padding-right: 0; } .widget_nav_menu .apo-has-children > .apo-sub-menu, .widget_nav_menu .menu-item-has-children > .sub-menu { font-size: inherit; font-weight: inherit; line-height: inherit; } .widget_nav_menu .apo-has-children .apo-has-children > .apo-sub-menu, .widget_nav_menu .menu-item-has-children .menu-item-has-children > .sub-menu { margin: 0; min-width: initial; } .widget_nav_menu .apo-has-children .apo-has-children > a, .widget_nav_menu .menu-item-has-children .menu-item-has-children > a { padding-right: 0; } .widget_nav_menu .apo-has-children .apo-has-children > a::after, .widget_nav_menu .menu-item-has-children .menu-item-has-children > a::after { display: none; } /* ------------------------------------------------------ 8.9. MailPoet Subscription Form ------------------------------------------------------ */ .apo-widget.widget_wysija label:not(:last-child) { margin-bottom: 5px; } .apo-widget.widget_wysija .wysija-required { color: #f32e29; } .apo-widget.widget_wysija .widget_wysija_cont .updated, .apo-widget.widget_wysija .widget_wysija_cont .error, .apo-widget.widget_wysija .widget_wysija_cont .xdetailed-errors, .apo-widget.widget_wysija [class*="form-validation-field"] > [class$="Content"] { font-family: inherit; font-size: 14px; line-height: 22px; border: none; padding: 16px 20px 14px; color: #000000; } .apo-widget.widget_wysija [class*="form-validation-field"] > [class$="Content"] { width: 250px; } .apo-widget.widget_wysija .formError .formErrorContent, .apo-widget.widget_wysija .widget_wysija_cont .error, .apo-widget.widget_wysija .widget_wysija_cont .xdetailed-errors { background-color: #f1b9c2; } .apo-widget.widget_wysija .widget_wysija_cont .updated, .apo-widget.widget_wysija .widget_wysija_cont .login .message { background-color: #f1e4b9; } .apo-widget.widget_wysija a { color: #000; } .apo-widget.widget_wysija p { margin-top: 20px; } .apo-footer-dark-skin .apo-widget.widget_wysija input:not([type="submit"]) { background-color: transparent; padding-left: 0; padding-right: 0; border-bottom-width: 1px; border-color: rgba(255, 255, 255, 0.1); } /* ------------------------------------------------------ 8.10. Gallery ------------------------------------------------------ */ .apo-widget .gallery { margin-top: -4px; margin-left: -2px; margin-right: -2px; } .apo-widget .gallery-item { padding-top: 4px; padding-left: 2px; padding-right: 2px; } .apo-widget .gallery-item img { width: 100%; } /* ------------------------------------------------------ 9. Blog ------------------------------------------------------ */ /* ------------------------------------------------------ 9.1. Container ------------------------------------------------------ */ .apo-entries-container { position: relative; z-index: 1; } .apo-entries-container:not(:last-child) { margin-bottom: 30px; } /* ------------------------------------------------------ 9.2. Items ------------------------------------------------------ */ .apo-entry, .apo-entry:not(.apo-single) .apo-entry-content code, .apo-entry:not(.apo-single) .apo-entry-content kbd, .apo-entry:not(.apo-single) .apo-entry-content tt, .apo-entry:not(.apo-single) .apo-entry-content var, .apo-entry:not(.apo-single) .apo-entry-content pre, .comments-list code, .comments-list kbd, .comments-list tt, .comments-list var, .comments-list pre { font-size: 14px; line-height: 26px; } .apo-entry:not(.apo-single) .apo-entry-content .wp-caption { max-width: 100%; } .apo-entry-labels-inner { margin-top: -4px; margin-left: -2px; margin-right: -2px; } .apo-entry-labels-inner .apo-entry-label { border-style: solid; border-color: transparent; border-width: 4px 2px 0 2px; } .apo-entry-label { font-size: 10px; line-height: 12px; letter-spacing: 1px; font-style: normal; text-transform: uppercase; display: inline-block; padding: 4px 3px 2px 5px; background-clip: padding-box; } .apo-entry-labels:not(:last-child) { margin-bottom: 10px; } .apo-entry:not(.sticky) .apo-entry-label-sticky { display: none; } .apo-entry-label-red { color: #ffffff; background-color: #f32e29; } .apo-entry-media a { display: inline-block; } .apo-entry-media img { width: 100%; height: auto; } .apo-entry-media-hidden-image { position: absolute; opacity: 0; visibility: hidden; } .apo-entry-header .apo-social-networks a { color: rgba(0, 0, 0, 0.5); } .apo-entry-meta-highlighted, .apo-entry-header .apo-social-networks a:hover { color: #000000; } .apo-entry .apo-categories { font-size: 10px; font-weight: 400; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; } .apo-categories > li { display: inline; } .apo-categories > li:not(:last-child)::after { content: ', '; } .apo-categories:not(:last-child) { margin-bottom: 1px; } .apo-entry-title { font-size: 30px; font-weight: 400; line-height: 36px; -ms-word-wrap: break-word; word-wrap: break-word; } .apo-entry-title:not(:first-child), .apo-page-content .apo-entry-title:not(:first-child) { margin-top: 0; } .apo-entry-publish-date { color: #000000; } .apo-entry-tags { font-size: 12px; line-height: 24px; } .apo-entry-tags > li { display: inline; } .apo-entry-tags > li:not(:last-child)::after { content: ", "; } .apo-entry-tags a { font-weight: 500; } .apo-page-links, .apola-comments-pagination { font-size: 14px; line-height: 20px; text-align: center; padding-top: 10px; } .apola-comments-pagination, .apo-page-links::before { border-top: 1px solid #e7e7e7; } .apo-page-links { border-top: none; position: relative; } .apo-page-links::before { content: ""; position: absolute; top: 0; left: 0; right: 0; } .apo-page-links > * { display: inline-block; margin: 5px 10px 0; } .apo-page-links a { padding-left: 3px; padding-right: 3px; } .apo-page-links a, .apola-comments-pagination a { background-size: 0 1px; } .apo-page-links:not(:first-child) { margin-top: 45px; } .apo-entry-content::after { content: ""; display: block; clear: both; } .apo-entry:not(.apo-single) .apo-entry-media img { width: auto; display: block; } .apo-entry:not(.apo-single) .apo-entry-content-wrap .apo-page-links { text-align: left; margin-left: -10px; margin-right: -10px; } .apo-entry:not(.apo-single) .apo-entry-content-wrap .apo-page-links::before { left: 10px; right: 10px; } .apo-entry:not(.apo-single) .apo-entry-content-wrap .apo-page-links:not(:first-child) { margin-top: 25px; } .apo-entry:not(.apo-single) .apo-entry-content-wrap .apo-page-links:not(:last-child) { margin-bottom: 25px; } /* ------------------------------------------------------ 9.2.1. Style 1 ------------------------------------------------------ */ .apo-entries-container.apo-style-1.apo-isotope { margin-top: 0; margin-left: 0; margin-right: 0; } .apo-entries-container.apo-style-1.apo-isotope .apo-item { padding: 0; } .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .grid-sizer { width: 100%; } .apo-entries-container.apo-style-1.apo-isotope .apo-entry { display: block; height: 0; padding-bottom: 100%; } .apo-entries-container.apo-style-1 .apo-entry { color: #fff; display: inline-block; position: relative; z-index: 1; overflow: hidden; } .apo-entries-container.apo-style-1 .apo-entry-without-thumb { background-color: #e7e7e7; } .apo-entries-container.apo-style-1 .apo-entry-publish-date { color: inherit; } .apo-entries-container.apo-style-1 .apo-entry a { color: #fff; } .apo-entries-container.apo-style-1 .apo-entry-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .apo-entries-container.apo-style-1 .apo-entry-header-dublicate { position: absolute; bottom: 0; left: 0; z-index: 2; padding: 40px; width: 100%; transition: all .4s ease; } .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-entry-title, .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-categories, .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-entry-labels { transition-property: opacity, visibility; transition-duration: .5s; transition-timing-function: ease; } .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-entry-labels { transition-delay: .01s; } .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-categories { transition-delay: .02s; } .apo-entries-container.apo-style-1 .apo-entry-header-dublicate::before { content: ""; position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; display: block; height: 193px; background-image: url("assets/images/entry-style-1-overlay.png"); background-repeat: repeat-x; background-position: left bottom; } .apo-entries-container.apo-style-1 .apo-entry-header-dublicate > * { position: relative; z-index: 2; } .apo-entries-container.apo-style-1 .apo-entry-media { opacity: .9; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-categories { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .apo-entries-container.apo-style-1 .apo-entry.apo-isotope-effect .apo-entry-header-dublicate { opacity: 0; visibility: hidden; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: block; background-color: #000; opacity: .7; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-aligner-inner { position: relative; z-index: 2; padding: 40px; vertical-align: middle; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap::before, .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-header, .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-content, .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-footer { opacity: 0; visibility: hidden; transition-property: visibility, opacity; transition-duration: .5s; transition-timing-function: ease; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-header { transition-delay: .03s; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-content { transition-delay: .06s; } .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-footer { transition-delay: .09s; } .apo-entries-container.apo-style-1 .apo-entry-header:not(:last-child) { margin-bottom: 35px; } .apo-entries-container.apo-style-1 .apo-entry-content { color: rgba(255, 255, 255, 0.7); } .apo-entries-container.apo-style-1 .apo-entry-content:not(:last-child) { margin-bottom: 50px; } .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-header-dublicate .apo-entry-title, .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-header-dublicate .apo-categories, .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-header-dublicate .apo-entry-labels { opacity: 0; visibility: hidden; } .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap::before { opacity: .7; visibility: visible; } .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap .apo-entry-header, .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap .apo-entry-content, .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap .apo-entry-footer { opacity: 1; visibility: visible; } .apo-entries-container.apo-style-1 .apo-item.apo-item-size-2x .apo-entry-title { font-size: 36px; line-height: 42px; } .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-entry-title, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-categories, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry-header-dublicate .apo-entry-labels { transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-header, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-content, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry-content-wrap .apo-entry-footer { transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform, -webkit-transform; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-header-dublicate .apo-entry-title, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-header-dublicate .apo-categories, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-header-dublicate .apo-entry-labels { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap::before, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap .apo-entry-header, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap .apo-entry-content, .apo-csstransforms3d .apo-entries-container.apo-style-1 .apo-entry:hover .apo-entry-content-wrap .apo-entry-footer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ------------------------------------------------------ 9.2.2. Style 2 ------------------------------------------------------ */ .apo-entries-container.apo-style-2.apo-isotope { margin-top: -20px; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; } .apo-entries-container.apo-style-2.apo-isotope .apo-item { padding: 60px 20px 0; } .apo-entries-container.apo-style-2.apo-isotope .apo-item:hover { z-index: 2; } .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-3 .grid-sizer { width: 50%; } .apo-entries-container.apo-style-2 .apo-entry { color: #5e5e5e; position: relative; z-index: 1; } .apo-entries-container.apo-style-2 .apo-entry:not(.apo-single) .apo-entry-header { position: relative; z-index: 2; } .apo-entries-container.apo-style-2 .apo-entry:not(.apo-single) .apo-entry-content { position: relative; z-index: 1; } .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-2 .apo-entry { color: inherit; } .apo-entries-container.apo-style-2 .apo-entry::before { content: ""; position: absolute; z-index: -1; top: -40px; right: -40px; bottom: -40px; left: -40px; opacity: 0; visibility: hidden; background-color: #fff; box-shadow: 0 0 70px rgba(0, 0, 0, 0.1); transition-property: opacity, visibility; transition-duration: .5s; transition-timing-function: ease; } .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-2 .apo-entry::before { background-color: #1a1a1a; } .apo-entries-container.apo-style-2 .apo-entry:hover::before { opacity: 1; visibility: visible; } .apo-entries-container.apo-style-2 .apo-entry-media { position: relative; z-index: 1; } .apo-entries-container.apo-style-2 .apo-entry-media .apo-entry-labels { position: absolute; left: 0; bottom: 10px; z-index: 3; margin-bottom: 0; } .apo-entries-container.apo-style-2 .apo-entry-media:not(:last-child) { margin-bottom: 22px; } .apo-entries-container.apo-style-2 .apo-entry-header:not(:last-child) { margin-bottom: 17px; } .apo-entries-container.apo-style-2 .apo-entry-content:not(:last-child) { margin-bottom: 22px; } .apo-csstransforms3d .apo-entries-container.apo-style-2 .apo-entry-media { overflow: hidden; } /* ------------------------------------------------------ 9.2.3. Style 3 ------------------------------------------------------ */ .apo-entries-container.apo-style-3.apo-isotope { margin-top: -60px; } .apo-entries-container.apo-style-3.apo-isotope .apo-item { padding-top: 60px; } .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-3 .grid-sizer { width: 50%; } .apo-entries-container.apo-style-3 .apo-entry { color: rgba(0, 0, 0, 0.6); position: relative; z-index: 1; } .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-3 .apo-entry { color: inherit; } .apo-entries-container.apo-style-3 .apo-entry:not(.apo-single) .apo-entry-header { position: relative; z-index: 2; } .apo-entries-container.apo-style-3 .apo-entry:not(.apo-single) .apo-entry-content { position: relative; z-index: 1; } .apo-entries-container.apo-style-3 .apo-entry-media { position: relative; z-index: 1; } .apo-entries-container.apo-style-3 .apo-entry-media:not(:last-child), .apo-entries-container.apo-style-3 .apo-entry-header:not(:last-child) { margin-bottom: 16px; } .apo-entries-container.apo-style-3 .apo-entry-content:not(:last-child) { margin-bottom: 22px; } .apo-csstransforms3d .apo-entries-container.apo-style-3 .apo-entry-media { overflow: hidden; } .apo-entries-container.apo-style-3 .apo-entry-media .apo-entry-labels { position: absolute; left: 0; bottom: 10px; z-index: 3; margin-bottom: 0; } /* ------------------------------------------------------ 9.2.4. Style 4 ------------------------------------------------------ */ .apo-entries-container.apo-style-4 { overflow: hidden; } .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .grid-sizer, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .apo-item, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .grid-sizer, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .apo-item { width: 50%; } .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .apo-item.apo-item-size-2x, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .apo-item.apo-item-size-2x { width: 100%; } .apo-entries-container.apo-style-4.apo-isotope { margin-top: 0; } .apo-entries-container.apo-style-4.apo-isotope .apo-item { padding-top: 0; } .apo-entries-container.apo-style-4 .apo-entry { position: relative; z-index: 1; overflow: hidden; padding: 100px 50px; margin-top: -1px; } .apo-entries-container.apo-style-4 .apo-entry::after { content: ""; display: block; position: absolute; left: 50px; right: 50px; top: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #000000; opacity: .1; z-index: 1; } .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-4 .apo-entry::after { border-color: #fff; } .apo-entries-container.apo-style-4 .apo-entry-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-size: cover; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s ease; } .apo-entries-container.apo-style-4 .apo-entry-media::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .apo-entries-container.apo-style-4 .apo-categories:not(:last-child) { margin-bottom: 9px; } .apo-entries-container.apo-style-4 .apo-entry a:not(.apo-btn), .apo-entries-container.apo-style-4 .apo-categories a:not(.apo-btn):focus, .apo-entries-container.apo-style-4 .apo-categories a:not(.apo-btn):hover { color: #000000; } .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-4 .apo-entry a:not(.apo-btn), .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-4 .apo-categories a:not(.apo-btn):focus, .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-4 .apo-categories a:not(.apo-btn):hover, .apo-entries-container.apo-style-4 .apo-entry:not(.apo-entry-without-thumb):hover, .apo-entries-container.apo-style-4 .apo-entry:not(.apo-entry-without-thumb):hover a:not(.apo-btn), .apo-entries-container.apo-style-4 .apo-entry:not(.apo-entry-without-thumb):hover .apo-categories a:not(.apo-btn) { color: #ffffff; } .apo-entries-container.apo-style-4 .apo-categories a:not(.apo-btn), .apo-page-dark-skin .apo-page .apo-entries-container.apo-style-4 .apo-categories a:not(.apo-btn) { color: #a9aaae; } .apo-entries-container.apo-style-4 .apo-entry-content-wrap { position: relative; z-index: 3; } .apo-entries-container.apo-style-4 .apo-entry-header:not(:last-child) { margin-bottom: 35px; } .apo-entries-container.apo-style-4 .apo-entry-content:not(:last-child) { margin-bottom: 22px; } .apo-entries-container.apo-style-4 .apo-entry-title { font-size: 36px; line-height: 40px; } .apo-entries-container.apo-style-4 .apo-entry-publish-date { -webkit-transition-property: all; transition-property: all; } .apo-entries-container.apo-style-4 .apo-entry:not(.apo-entry-without-thumb):hover .apo-entry-media { opacity: 1; visibility: visible; } .apo-entries-container.apo-style-4 .apo-entry:not(.apo-entry-without-thumb):hover .apo-entry-publish-date { color: #fff; } .apo-csstransforms3d .apo-entries-container.apo-style-4 .apo-entry-media { transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; transition-duration: .5s, .5s, 10s, 10s; transition-timing-function: ease, ease, linear; } .apo-csstransforms3d .apo-entries-container.apo-style-4 .apo-entry:not(.apo-entry-without-thumb):hover .apo-entry-media { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .apo-flexbox .apo-entries-container.apo-style-4 .apo-entry .apo-aligner-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .apo-flexbox .apo-entries-container.apo-style-4 .apo-entry .apo-aligner-inner .apo-entry-footer { margin-top: auto; } /* ------------------------------------------------------ 9.2.5. Style 5 ------------------------------------------------------ */ .apo-entries-container.apo-style-5 { overflow: hidden; } .apo-entries-container.apo-style-5.apo-isotope { margin-top: 0; margin-left: 0; margin-right: 0; } .apo-entries-container.apo-style-5.apo-isotope .apo-item { padding-top: 0; padding-left: 0; padding-right: 0; } .apo-entries-container.apo-style-5.apo-cols-4 .apo-item, .apo-entries-container.apo-style-5.apo-cols-4 .grid-sizer, .apo-entries-container.apo-style-5.apo-cols-3 .apo-item, .apo-entries-container.apo-style-5.apo-cols-3 .grid-sizer { width: 50%; } .apo-entries-container.apo-style-5 .apo-entry { color: #fff; position: relative; z-index: 1; overflow: hidden; padding: 90px 50px 40px; } .apo-entries-container.apo-style-5 .apo-entry a:not(.apo-btn) { color: #fff; } .apo-entries-container.apo-style-5 .apo-entry-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-size: cover; } .apo-entries-container.apo-style-5 .apo-entry::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 2; } .apo-entries-container.apo-style-5 .apo-entry .apo-btn, .apo-entries-container.apo-style-5 .apo-entry-publish-date { color: inherit; } .apo-entries-container.apo-style-5 .apo-entry-publish-date { font-size: 14px; } .apo-entries-container.apo-style-5 .apo-entry-content-wrap { position: relative; z-index: 3; } .apo-entries-container.apo-style-5 .apo-entry-header:not(:last-child) { margin-bottom: 230px; } .apo-entries-container.apo-style-5 .apo-entry-title { font-size: 30px; font-weight: 400; line-height: 40px; max-width: 100%; /*display: inline-block;*/ position: relative; z-index: 1; overflow: hidden; } .apo-entries-container.apo-style-5 .apo-entry-title:not(:last-child) { margin-bottom: 6px; } .apo-entries-container.apo-style-5 .apo-entry-title a { display: inline-block; position: relative; z-index: 1; transition-duration: 0.4s; transition-timing-function: ease-out; } .apo-entries-container.apo-style-5 .apo-entry-title a::before { content: ""; display: block; width: 0; height: 1px; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; background-color: #ffffff; transition: all 0.4s ease-out; } .apo-entries-container.apo-style-5 .apo-entry-title a:hover { padding-left: 120px; } .apo-entries-container.apo-style-5 .apo-entry-title a:hover::before { width: 100px; } .apo-csstransforms3d .apo-entries-container.apo-style-5 .apo-entry-media { transition: -webkit-transform 10s linear; transition: transform 10s linear; transition: transform 10s linear, -webkit-transform 10s linear; } .apo-csstransforms3d .apo-entries-container.apo-style-5 .apo-entry:hover .apo-entry-media { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .apo-flexbox .apo-entries-container.apo-style-5 .apo-entry-content-wrap .apo-aligner-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .apo-flexbox .apo-entries-container.apo-style-5 .apo-entry-content-wrap .apo-entry-footer { margin-top: auto; } /* ------------------------------------------------------ 9.3. Single ------------------------------------------------------ */ .apo-entries-navigation { overflow: hidden; margin-top: -10px; margin-left: -15px; margin-right: -15px; } .apo-entries-navigation-item-inner { display: inline-block; position: relative; z-index: 1; } .apo-entries-navigation-item-inner > [class*="icon"] { position: absolute; top: 50%; line-height: 16px; font-size: 16px; margin-top: -8px; } .apo-entries-navigation-item-prev .apo-entries-navigation-item-inner { padding-left: 25px; } .apo-entries-navigation-item-prev .apo-entries-navigation-item-inner > [class*="icon"] { left: 0; } .apo-entries-navigation-item-next .apo-entries-navigation-item-inner { padding-right: 25px; } .apo-entries-navigation-item-next .apo-entries-navigation-item-inner > [class*="icon"] { right: 0; } .apo-entries-navigation .apo-entries-navigation-item { width: 50%; float: left; border-style: solid; border-color: transparent; border-width: 10px 15px 0 15px; } .apo-entries-navigation .apo-entries-navigation-item:only-child { width: 100%; } .apo-entries-navigation .apo-entries-navigation-item:last-child:not(:only-child) { text-align: right; } .apo-section-thin .apo-entry.apo-single .apo-entry-media { margin-left: -200px; margin-right: -200px; } .apo-section-thin .apo-entry.apo-single .apo-entry-header { margin-left: -100px; margin-right: -100px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-media, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-media { margin-left: -100px; margin-right: -100px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-header, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-header { margin-left: 0; margin-right: 0; } .apo-entry.apo-single { font-size: 20px; font-weight: 400; line-height: 36px; color: #4c4d50; } .apo-page-dark-skin .apo-entry.apo-single { color: inherit; } .apo-entry.apo-single .apo-entry-header .apo-entry-meta:not(:last-child) { margin-bottom: 10px; } .apo-entry .apo-entry-content h1:not(:first-child), .apo-entry .apo-entry-content h2:not(:first-child), .apo-entry .apo-entry-content h3:not(:first-child), .apo-entry .apo-entry-content h1:not(:first-child), .apo-entry .apo-entry-content h2:not(:first-child), .apo-entry .apo-entry-content h3:not(:first-child) { margin-top: 30px; } .apo-entry:not(.apo-single) .apo-entry-content h1:not(:last-child), .apo-entry:not(.apo-single) .apo-entry-content h2:not(:last-child), .apo-entry:not(.apo-single) .apo-entry-content h3:not(:last-child), .apo-entry:not(.apo-single) .apo-entry-content h4:not(:last-child), .apo-entry:not(.apo-single) .apo-entry-content h5:not(:last-child), .apo-entry:not(.apo-single) .apo-entry-content h6:not(:last-child) { margin-bottom: 35px; } .apo-entry.apo-single .apo-entry-content h1:not(:first-child), .apo-entry.apo-single .apo-entry-content h2:not(:first-child), .apo-entry.apo-single .apo-entry-content h3:not(:first-child) { margin-top: 45px; } .apo-entry.apo-single .apo-entry-content h4:not(:first-child), .apo-entry.apo-single .apo-entry-content h5:not(:first-child), .apo-entry.apo-single .apo-entry-content h6:not(:first-child) { margin-top: 50px; } .apo-entry .apo-entry-content p > img.aligncenter:only-child { margin-top: 35px; margin-bottom: 35px; } .apo-entry:not(.apo-single) .apo-entry-content p > img.alignnone:only-child { margin-top: 15px; margin-bottom: 15px; } .apo-entry.apo-single .apo-entry-content p > img.aligncenter:only-child, .apo-entry.apo-single .apo-entry-content p > img.alignnone:only-child { margin-top: 60px; margin-bottom: 60px; } .apo-entry.apo-single .apo-entry-media + .apo-entry-content-wrap { margin-top: -50px; } .apo-entry.apo-single .apo-entry-header { text-align: center; padding: 45px 40px 41px; color: #a9aaae; background-color: #ffffff; box-shadow: 0 0 70px rgba(0, 0, 0, 0.05); } .apo-page-dark-skin .apo-entry.apo-single .apo-entry-header { background-color: #1a1a1a; } .apo-entry.apo-single .apo-entry-header:not(:last-child) { margin-bottom: 60px; } .apo-entry.apo-single .apo-entry-content-wrap { position: relative; z-index: 2; } .apo-entry .apo-entry-content-wrap .wp-caption:not(.alignleft):not(.alignright):not(:first-child) { margin-top: 35px; } .apo-entry .apo-entry-content-wrap .wp-caption:not(.alignleft):not(.alignright):not(:last-child) { margin-bottom: 35px; } .apo-entry.apo-single .apo-entry-content-wrap blockquote { font-style: italic; padding-left: 0; padding-right: 0; } .apo-entry .apo-entry-content-wrap blockquote p:not(:last-child) { margin-bottom: 28px; } .apo-entry .apo-entry-content-wrap blockquote footer { font-style: normal; margin-top: 0; } .apo-entry:not(.apo-single) .apo-entry-content-wrap blockquote { font-size: 24px; line-height: 34px; } .apo-entry .apo-entry-content-wrap blockquote:not(:first-child) { margin-top: 35px; } .apo-entry .apo-entry-content-wrap blockquote:not(:last-child) { margin-bottom: 35px; } .apo-entry.apo-single .apo-entry-content-wrap blockquote:not(:first-child) { margin-top: 53px; } .apo-entry.apo-single .apo-entry-content-wrap blockquote:not(:last-child) { margin-bottom: 50px; } .apo-entry.apo-single .apo-entry-title { font-size: 36px; line-height: 42px; } .apo-entry.apo-single .apo-entry-title:not(:last-child) { margin-bottom: 14px; } .apo-entry.apo-single .apo-entry-meta { font-size: 12px; line-height: 24px; margin-left: -7px; margin-right: -7px; } .apo-entry.apo-single .apo-entry-meta > li { display: inline-block; margin-left: 7px; margin-right: 7px; } .apo-entry.apo-single .apo-entry-meta .apo-categories { display: inline; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: initial; text-transform: none; } .apo-entry.apo-single .apo-entry-content > p:first-child { overflow: hidden; } .apo-entry.apo-single .apo-entry-content > p:first-child:first-letter { font-size: 72px; font-weight: 700; line-height: 1; text-transform: uppercase; display: block; float: left; margin: 0 15px 0 0; } .apo-page-dark-skin .apo-page .apo-entry.apo-single .apo-entry-content > p:first-child:first-letter { color: #ffffff; } .apo-entry.apo-single .apo-entry-content:not(:last-child) { margin-bottom: 83px; } .apo-entry.apo-single .apo-entry-content p:not(:last-child) { margin-bottom: 35px; } .apo-entry.apo-single .apo-entry-footer { font-size: 12px; font-weight: 400; line-height: 24px; color: #a9aaae; } .apo-entry.apo-single .apo-entry-footer [class*="apo-table-row"] > [class*="col-"] { vertical-align: top; } .apo-entry.apo-single .apo-entry-footer .apo-social-networks a { color: #000000; } .apo-page-dark-skin .apo-entry.apo-single .apo-entry-footer .apo-social-networks a { color: #ffffff; } .apo-entry.apo-single .apo-entry-footer .apo-social-networks a:hover { opacity: .7; } .comments-list:first-child { margin-top: -42px; } .apo-section-title + .comments-list { margin-top: -10px; } .comments-list { font-size: 14px; line-height: 26px; color: #4c4d50; } .comments-list .comment { margin-top: 42px; } .comments-list .comment + .comment-respond { margin-top: 42px; } .comments-list .bypostauthor { padding: 20px; border: 1px solid #eaeaea; background-color: #ffffff; } .apo-page-dark-skin .comments-list .bypostauthor { background-color: #1a1a1a; border-color: transparent; } .apola-comments-pagination { text-align: center; } .apola-comments-pagination > a, .apola-comments-pagination > span { display: inline-block; margin-left: 3px; margin-right: 3px; } .apola-comments-pagination .current { color: #a9aaae; } .apola-comments-pagination:not(:first-child) { margin-top: 30px; } .comments-list .children { padding-left: 35px; } .comments-list .comment-body { position: relative; z-index: 1; padding-left: 100px; min-height: 70px; } .comments-list .comment-has-not-avatar .comment-body { padding-left: 0; } .comments-list .avatar { width: 70px; height: 70px; border-radius: 50%; position: absolute; left: 0; top: 0; } .comments-list .fn { font-size: 20px; font-style: normal; color: #000000; letter-spacing: .5px; } .comments-list .comment-author:not(:last-child) { margin-bottom: 17px; } .comments-list .comment-text:not(:last-child) { margin-bottom: 15px; } .comments-list .comment-helpful-links > a { font-size: 10px; line-height: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-right: 5px; } /* firefox only */ @-moz-document url-prefix() { .apo-entry.apo-single .apo-entry-content > p:first-child:first-letter { margin-top: 10px; } } .comment-text h1:not(:first-child), .comment-text h2:not(:first-child), .comment-text h3:not(:first-child) { margin-top: 30px; } .comment-text h1:not(:last-child), .comment-text h2:not(:last-child), .comment-text h3:not(:last-child) { margin-bottom: 30px; } .comment-text h4:not(:first-child), .comment-text h5:not(:first-child), .comment-text h6:not(:first-child) { margin-top: 40px; } .comment-text h4:not(:last-child), .comment-text h5:not(:last-child), .comment-text h6:not(:last-child) { margin-bottom: 40px; } .comment-text blockquote { font-size: 24px; line-height: 34px; } .comment-text table:not(:last-child), .comment-text address:not(:last-child), .comment-text dl dd:not(:last-child), .comment-text pre:not(:last-child) { margin-bottom: 20px; } .comment-text dl dt { font-weight: bold; } /* ------------------------------------------------------ 10. Portfolio ------------------------------------------------------ */ /* ------------------------------------------------------ 10.1. Container ------------------------------------------------------ */ .apo-portfolio-container:not(:last-child) { margin-bottom: 85px; } /* ------------------------------------------------------ 10.2. Items ------------------------------------------------------ */ .apo-project { font-size: 12px; line-height: 24px; position: relative; z-index: 1; } .apo-project-cover-link { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background-image: none !important; outline: none !important; } .apo-project-media a { display: block; } .apo-item-likes-btn { background-image: none !important; } .apo-project-media img { width: 100%; height: auto; } .apo-project-title { text-transform: uppercase; } .apo-project-title:not(:first-child), .apo-page-content .apo-project-title:not(:first-child) { margin-top: 0; } .apo-categories > li { display: inline; } .apo-categories > li:not(:last-child)::after { content: ", "; } .apo-project-meta { display: inline-block; margin-top: -10px; margin-left: -7px; margin-right: -7px; } .apo-striped-photo-meta:not(:first-child) { margin-top: 38px; } .apo-striped-photo-meta > li:not(:last-child) { margin-bottom: 10px; } .apo-project-meta > li { display: inline-block; padding-top: 10px; padding-left: 7px; padding-right: 7px; } .apo-project-meta > li .fa, .apo-project-meta > li [class*="icon"], .apo-striped-photo-meta > li .fa, .apo-striped-photo-meta > li [class*="icon"] { font-size: 16px; display: inline-block; vertical-align: baseline; margin: 3px 6px 0 0; } .apo-portfolio-container .apo-project-without-thumb { padding-bottom: 100%; height: 0; background-color: #e9e9e9; } .apo-page-dark-skin .apo-portfolio-container .apo-project-without-thumb { background-color: #191919; } /* ------------------------------------------------------ 10.2.1. Style 1 ------------------------------------------------------ */ .apo-portfolio-container.apo-style-1.apo-isotope { margin-top: -40px; } .apo-portfolio-container.apo-style-1.apo-isotope .apo-item { padding-top: 40px; } .apo-portfolio-container.apo-style-1 .apo-project-media:not(:last-child) { margin-bottom: 16px; } .apo-section.apo-full-width .apo-portfolio-container.apo-style-1 { margin-left: 15px; margin-right: 15px; } .apo-portfolio-container.apo-style-1 .apo-aligner-inner { position: relative; } .apo-portfolio-container.apo-style-1 .apo-item-likes-btn { position: absolute; top: 0; right: 0; z-index: 1; } .apo-portfolio-container.apo-isotope.apo-style-1 .apo-project-meta { height: 0; display: block; } .apo-portfolio-container.apo-parallax-grid.apo-style-1 .apo-project { padding-left: 10px; padding-right: 10px; } .apo-portfolio-container.apo-style-1.apo-isotope-masonry-chess .apo-project-media { height: 0; padding-bottom: 100%; } .apo-portfolio-container.apo-style-1.apo-isotope-masonry-chess .apo-project-media a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-image: none; } .apo-portfolio-container.apo-style-1.apo-isotope-masonry-chess .apo-project-media img { display: none; } .apo-portfolio-container.apo-style-1 .apo-project-header { padding-right: 70px; } .apo-portfolio-container.apo-style-1 .apo-project-title { font-size: 16px; line-height: 20px; font-weight: 300; letter-spacing: 3px; overflow: hidden; } .apo-portfolio-container.apo-style-1 .apo-project-title:not(:last-child) { margin-bottom: 0px; } .apo-portfolio-container.apo-style-1 .apo-project-title a { position: relative; display: block; float: left; overflow: hidden; transition-property: all; transition-duration: .2s; padding-left: 40px; margin-left: -40px; } .apo-portfolio-container.apo-style-1 .apo-project-title a::before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 30px; border-width: 1px 0 0 0; border-style: solid; } .apo-portfolio-container.apo-style-1 .apo-categories a { opacity: 0.5; } .apo-page-dark-skin .apo-page .apo-portfolio-container.apo-style-1 .apo-categories a { opacity: 1; color: #a9aaae; } .apo-page-dark-skin .apo-page .apo-portfolio-container.apo-style-1 .apo-categories a:hover, .apo-page-dark-skin .apo-page .apo-portfolio-container.apo-style-1 .apo-categories a:focus { color: #ffffff; } .apo-portfolio-container.apo-style-1 .apo-project:hover .apo-project-title a { margin-left: 0; } /* ------------------------------------------------------ 10.2.2. Style 2 ------------------------------------------------------ */ .apo-portfolio-container.apo-style-2.apo-isotope { margin: 0; } .apo-portfolio-container.apo-style-2.apo-isotope .apo-item { padding: 0; overflow: hidden; } .apo-portfolio-container.apo-isotope.apo-style-2, .apo-portfolio-container.apo-isotope.apo-style-3{ margin: -2px; } .apo-portfolio-container.apo-style-2 .apo-project { color: #fff; overflow: hidden; position: relative; z-index: 1; } .apo-portfolio-container.apo-style-2.apo-isotope-masonry-chess .apo-project { height: 0; padding-bottom: 100%; } .apo-portfolio-container.apo-style-2 .apo-project a { color: #fff; } .apo-portfolio-container.apo-style-2 .apo-project-header, .apo-portfolio-container.apo-style-2 .apo-project-content, .apo-portfolio-container.apo-style-2 .apo-project-footer, .apo-portfolio-container.apo-style-2 .apo-project .apo-project-content-wrap::before { opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-header, .apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-content, .apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-footer, .apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-header, .apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-content, .apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-footer { opacity: 1; visibility: visible; } .apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-content-wrap::before, .apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-content-wrap::before { opacity: .8; visibility: visible; } .apo-portfolio-container.apo-style-2 .apo-project-header:not(:last-child) { margin-bottom: 15px; } .apo-portfolio-container.apo-style-2 .apo-project-content-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .apo-portfolio-container.apo-style-2 .apo-project-content-wrap::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #13161d; opacity: .8; z-index: 1; } .apo-portfolio-container.apo-style-2 .apo-project-content-wrap .apo-aligner-inner { text-align: center; vertical-align: middle; padding: 20px; position: relative; z-index: 2; } .apo-portfolio-container.apo-style-2 .apo-project-title { font-size: 24px; line-height: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 5px; } .apo-portfolio-container.apo-style-2 .apo-project-title:not(:last-child) { margin-bottom: 15px; } .apo-has-not-sidebar .apo-portfolio-container.apo-style-2 .apo-project-title:not(:last-child) { margin-bottom: 10px; } .apo-portfolio-container.apo-style-2 .apo-categories { font-size: 14px; color: rgba(255, 255, 255, .6); } .apo-portfolio-container.apo-style-2 .apo-categories a { opacity: .6; } .apo-portfolio-container.apo-style-2 .apo-categories a:hover, .apo-portfolio-container.apo-style-2 .apo-categories a:focus { opacity: 1; } .apo-portfolio-container.apo-style-2.apo-isotope-masonry-chess .apo-project-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .apo-portfolio-container.apo-style-2.apo-isotope-masonry-chess .apo-project-media a, .apo-portfolio-container.apo-style-2.apo-isotope-masonry-chess .apo-project-media img { display: none; } .apo-csstransforms3d .apo-portfolio-container.apo-style-2 .apo-project-media { transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } .apo-csstransforms3d .apo-portfolio-container.apo-style-2 .apo-project-header, .apo-csstransforms3d .apo-portfolio-container.apo-style-2 .apo-project-content, .apo-csstransforms3d .apo-portfolio-container.apo-style-2 .apo-project-footer { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } .apo-csstransforms3d .apo-portfolio-container.apo-style-2 .apo-project-content { transition-delay: 200ms; } .apo-csstransforms3d .apo-portfolio-container.apo-style-2 .apo-project-footer { transition-delay: 400ms; } .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-media, .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-header, .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-content, .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-2 .apo-project:hover .apo-project-footer, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-media, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-header, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-content, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-2 .apo-project.apo-touch-state-hover .apo-project-footer { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ------------------------------------------------------ 10.2.3. Style 3 ------------------------------------------------------ */ .apo-portfolio-container.apo-style-3.apo-isotope { margin: 0; } .apo-portfolio-container.apo-style-3.apo-isotope .apo-item { padding: 0; } .apo-portfolio-container:not(.apo-style-1) .apo-project.apo-isotope-effect, .apo-entries-container.apo-style-1 .apo-entry.apo-isotope-effect, .apo-entries-container.apo-style-2 .apo-entry.apo-isotope-effect, .apo-entries-container.apo-style-3 .apo-entry.apo-isotope-effect { overflow: hidden; width: 0%; transition-property: all; transition-timing-function: ease; transition-duration: .7s; } .apo-portfolio-container:not(.apo-style-1) .apo-project.apo-isotope-effect.apo-isotope-effect-loaded, .apo-entries-container.apo-style-1 .apo-entry.apo-isotope-effect.apo-isotope-effect-loaded, .apo-entries-container.apo-style-2 .apo-entry.apo-isotope-effect.apo-isotope-effect-loaded, .apo-entries-container.apo-style-3 .apo-entry.apo-isotope-effect.apo-isotope-effect-loaded { width: 100%; } .apo-portfolio-container.apo-style-3 .apo-project { font-size: 14px; line-height: 26px; font-weight: 400; overflow: hidden; } .apo-portfolio-container.apo-isotope-masonry-chess.apo-style-3 .apo-project { height: 0; padding-bottom: 100%; position: relative; } .apo-portfolio-container.apo-style-3 .apo-categories, .apo-portfolio-container.apo-style-3 .apo-project a { color: #ffffff; } .apo-portfolio-container.apo-style-3 .apo-project-media { position: relative; z-index: 1; } .apo-portfolio-container.apo-isotope-masonry-chess.apo-style-3 .apo-project-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .apo-portfolio-container.apo-isotope-masonry-chess.apo-style-3 .apo-project-media a, .apo-portfolio-container.apo-isotope-masonry-chess.apo-style-3 .apo-project-media img { visibility: hidden; } .apo-portfolio-container.apo-style-3 .apo-project-content-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .apo-portfolio-container.apo-style-3 .apo-project-content-wrap::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; content: ""; background-color: #000; } .apo-portfolio-container.apo-style-3 .apo-project-content-wrap .apo-aligner-inner { text-align: center; vertical-align: middle; position: relative; z-index: 1; padding: 20px; } .apo-portfolio-container.apo-style-3 .apo-project-header, .apo-portfolio-container.apo-style-3 .apo-project-content, .apo-portfolio-container.apo-style-3 .apo-project-footer { opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .apo-portfolio-container.apo-style-3 .apo-project-header:not(:last-child) { margin-bottom: 35px; } .apo-has-not-sidebar .apo-portfolio-container.apo-style-3 .apo-project-header:not(:last-child) { margin-bottom: 15px; } .apo-portfolio-container.apo-style-3 .apo-project-title { font-size: 30px; font-weight: 700; line-height: 36px; text-transform: uppercase; } .apo-has-not-sidebar .apo-portfolio-container.apo-style-3 .apo-project-title { font-size: 24px; line-height: 30px; } .apo-portfolio-container.apo-style-3 .apo-project-title:not(:last-child) { margin-bottom: 3px; } .apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-content-wrap::after, .apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-content-wrap::after { opacity: .5; visibility: visible; } .apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-header, .apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-content, .apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-footer, .apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-header, .apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-content, .apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-footer { opacity: 1; visibility: visible; } .apo-portfolio-container.apo-style-3 .apo-project-meta a { background-image: none; } .apo-csstransforms3d .apo-portfolio-container.apo-style-3 .apo-project-media { transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } .apo-csstransforms3d .apo-portfolio-container.apo-style-3 .apo-project-header, .apo-csstransforms3d .apo-portfolio-container.apo-style-3 .apo-project-content, .apo-csstransforms3d .apo-portfolio-container.apo-style-3 .apo-project-footer { transition-property: opacity, visibility, -webkit-transform; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); } .apo-csstransforms3d .apo-portfolio-container.apo-style-3 .apo-project-header { transition-delay: 100ms; } .apo-csstransforms3d .apo-portfolio-container.apo-style-3 .apo-project-content { transition-delay: 300ms; } .apo-csstransforms3d .apo-portfolio-container.apo-style-3 .apo-project-footer { transition-delay: 300ms; } .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-media, .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-header, .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-content, .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-3 .apo-project:hover .apo-project-footer, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-media, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-header, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-content, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-3 .apo-project.apo-touch-state-hover .apo-project-footer { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ------------------------------------------------------ 10.2.4. Style 4 ------------------------------------------------------ */ .apo-portfolio-container.apo-style-4.apo-isotope { margin: 0; } .apo-portfolio-container.apo-style-4.apo-isotope .apo-item { padding: 0; overflow: hidden; } .apo-portfolio-container.apo-style-4.apo-parallax-grid { margin: 0; } .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-4 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-4 .grid-sizer { width: 33.33333%; } .apo-portfolio-container.apo-style-4.apo-parallax-grid .apo-parallax-grid-item { padding: 0; overflow: hidden; } .apo-portfolio-container.apo-style-4 .apo-project { font-size: 12px; font-weight: 400; line-height: 24px; } .apo-portfolio-container.apo-style-4.apo-isotope-masonry-chess .apo-project { position: relative; height: 0; padding-bottom: 100%; } .apo-portfolio-container.apo-style-4 .apo-project a { color: #fff; } .apo-portfolio-container.apo-style-4 .apo-project .apo-categories { color: rgba(255, 255, 255, .7); line-height: 16px; } .apo-portfolio-container.apo-style-4 .apo-project-header:not(:last-child) { margin-bottom: 9px; } .apo-portfolio-container.apo-style-4 .apo-project-triangle { width: 0; height: 0; display: block; position: absolute; z-index: 1; bottom: 0; right: 0; border-style: solid; border-color: transparent transparent #000 transparent; transition: all 0.4s ease-out; } .apo-portfolio-container.apo-style-4 .apo-project-content-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .apo-portfolio-container.apo-style-4 .apo-project-content-wrap .apo-aligner-inner { vertical-align: bottom; position: relative; z-index: 2; padding: 0 60% 50px 30px; } .apo-has-sidebar .apo-portfolio-container.apo-style-4 .apo-project-content-wrap .apo-aligner-inner, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4 .apo-project-content-wrap .apo-aligner-inner { padding-bottom: 15px; padding-left: 20px; } .apo-portfolio-container.apo-style-4 .apo-project-header, .apo-portfolio-container.apo-style-4 .apo-project-content, .apo-portfolio-container.apo-style-4 .apo-project-footer { opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .apo-portfolio-container.apo-style-4 .apo-project-title { font-size: 16px; font-weight: 600; line-height: 20px; text-transform: uppercase; letter-spacing: 1.5px; } .apo-portfolio-container.apo-style-4 .apo-project-title:not(:last-child) { margin-bottom: 8px; } .apo-portfolio-container.apo-style-4 .apo-categories a { opacity: .7; } .apo-portfolio-container.apo-style-4 .apo-categories a:hover, .apo-portfolio-container.apo-style-4 .apo-categories a:focus { opacity: 1; } .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-header, .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-content, .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-footer { opacity: 1; visibility: visible; } .apo-portfolio-container.apo-style-4.apo-isotope-masonry-chess .apo-project-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .apo-portfolio-container.apo-style-4.apo-isotope-masonry-chess .apo-project-media a, .apo-portfolio-container.apo-style-4.apo-isotope-masonry-chess .apo-project-media img { display: none; } .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project-media { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project-header, .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project-content, .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project-footer { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); transition-property: opacity, visibility, -webkit-transform; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; } .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-header { transition-delay: 100ms; } .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-content { transition-delay: 300ms; } .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-footer { transition-delay: 500ms; } .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-media { -webkit-transform: rotate3d(0, 0, 1, 2deg) scale3d(1.05, 1.05, 1.05); transform: rotate3d(0, 0, 1, 2deg) scale3d(1.05, 1.05, 1.05); } .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-header, .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-content, .apo-csstransforms3d .apo-portfolio-container.apo-style-4 .apo-project.apo-project--hover-state .apo-project-footer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ------------------------------------------------------ 10.2.5. Style 5 ------------------------------------------------------ */ .apo-portfolio-container.apo-style-5.apo-isotope { margin: 0; } .apo-portfolio-container.apo-style-5.apo-isotope .apo-item { padding: 0; overflow: hidden; } .apo-portfolio-container.apo-style-5 .apo-project { overflow: hidden; } .apo-portfolio-container.apo-style-5 .apo-project a, .apo-portfolio-container.apo-style-5 .apo-categories { color: #fff; } .apo-portfolio-container.apo-style-5 .apo-project-header:not(:last-child) { margin-bottom: 20px; } .apo-portfolio-container.apo-style-5 .apo-project-content-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .apo-portfolio-container.apo-style-5 .apo-project-content-wrap .apo-aligner-inner { vertical-align: bottom; position: relative; z-index: 2; padding: 0 70px 90px; } .apo-portfolio-container.apo-style-5 .apo-project-title { font-size: 60px; line-height: 65px; text-transform: none; text-shadow: 0 0 30px rgba(0, 0, 0, 0.3); display: inline-block; position: relative; left: 0; z-index: 1; transition: all 0.4s ease-out; } .apo-portfolio-container.apo-style-5 .apo-project-title::before { content: ""; display: block; height: 2px; width: 300%; background-color: #fff; position: absolute; top: 50%; right: 100%; margin: -1px 30px 0 0; opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .apo-portfolio-container.apo-style-5 .apo-project:hover .apo-project-title { left: 60px; } .apo-portfolio-container.apo-style-5 .apo-project:hover .apo-project-title::before { opacity: 1; visibility: visible; } .apo-portfolio-container.apo-style-5 .apo-categories { font-size: 14px; font-weight: 400; text-transform: uppercase; text-shadow: 0 0 30px rgba(0, 0, 0, 0.3); letter-spacing: 3px; } .apo-portfolio-container.apo-style-5 .apo-categories:not(:last-child) { margin-bottom: 2px; } .apo-flexbox .apo-portfolio-container.apo-style-5 .apo-project-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .apo-flexbox .apo-portfolio-container.apo-style-5 .apo-project-header .apo-categories { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .apo-flexbox .apo-portfolio-container.apo-style-5 .apo-project-header .apo-project-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .apo-flexbox .apo-portfolio-container.apo-style-5 .apo-project-header .apo-project-title:not(:last-child) { margin-bottom: 0px; } .apo-csstransforms3d .apo-portfolio-container.apo-style-5 .apo-project-media img { transition: -webkit-transform 10s linear; transition: transform 10s linear; transition: transform 10s linear, -webkit-transform 10s linear; } .apo-csstransforms3d .apo-portfolio-container.apo-style-5 .apo-project:hover .apo-project-media img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } /* ------------------------------------------------------ 10.2.6. Style 6 ------------------------------------------------------ */ .apo-has-not-sidebar .apo-portfolio-container.apo-cols-4.apo-style-6 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-4.apo-style-6 .grid-sizer { width: 33.33333%; } .apo-portfolio-container.apo-style-6 .apo-project { color: #fff; font-weight: 400; } .apo-portfolio-container.apo-style-6.apo-isotope-masonry-chess .apo-project { position: relative; height: 0; padding-bottom: 100%; } .apo-portfolio-container.apo-parallax-grid.apo-style-6 { margin-left: -15px; margin-right: -15px; } .apo-portfolio-container.apo-parallax-grid.apo-style-6 .apo-project { margin: 0 15px 30px; } .apo-portfolio-container.apo-style-6 .apo-project a { color: #fff; } .apo-portfolio-container.apo-style-6.apo-isotope-masonry-chess .apo-project-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .apo-portfolio-container.apo-style-6.apo-isotope-masonry-chess .apo-project-media a, .apo-portfolio-container.apo-style-6.apo-isotope-masonry-chess .apo-project-media img { display: none; } .apo-portfolio-container.apo-style-6 .apo-project-content-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgba(183, 149, 108, 0.9); opacity: 0; visibility: hidden; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .apo-portfolio-container.apo-style-6 .apo-project-content-wrap .apo-aligner-inner { vertical-align: middle; position: relative; z-index: 2; padding: 20px 40px; } .apo-has-not-sidebar .apo-portfolio-container.apo-style-6 .apo-project-content-wrap .apo-aligner-inner { padding: 20px; } .apo-has-sidebar .apo-portfolio-container.apo-style-6 .apo-project-content-wrap .apo-aligner-inner { padding: 10px 20px; } .apo-portfolio-container.apo-style-6 .apo-project-title { font-size: 30px; line-height: 36px; text-transform: none; } .apo-portfolio-container.apo-style-6 .apo-project-title:not(:last-child) { margin-bottom: 10px; } .apo-has-not-sidebar .apo-portfolio-container.apo-style-6 .apo-project-title:not(:last-child) { margin-bottom: 5px; } .apo-portfolio-container.apo-style-6 .apo-project-header:not(:last-child) { margin-bottom: 35px; } .apo-portfolio-container.apo-style-6 .apo-project-content { opacity: .7; } .apo-portfolio-container.apo-style-6 .apo-project-content:not(:last-child) { margin-bottom: 20px; } .apo-has-sidebar .apo-portfolio-container.apo-style-6 .apo-project-header:not(:last-child), .apo-has-sidebar .apo-portfolio-container.apo-style-6 .apo-project-content:not(:last-child), .apo-has-not-sidebar .apo-portfolio-container.apo-style-6 .apo-project-header:not(:last-child), .apo-has-not-sidebar .apo-portfolio-container.apo-style-6 .apo-project-content:not(:last-child) { margin-bottom: 15px; } .apo-portfolio-container.apo-style-6 .apo-categories { font-size: 11px; line-height: 18px; font-weight: 400; text-transform: uppercase; opacity: .7; } .apo-portfolio-container.apo-style-6 .apo-categories:not(:last-child) { margin-bottom: 2px; } .apo-no-touchevents .apo-portfolio-container.apo-style-6 .apo-project:hover .apo-project-content-wrap, .apo-touchevents .apo-portfolio-container.apo-style-6 .apo-project.apo-touch-state-hover .apo-project-content-wrap { opacity: 1; visibility: visible; } .apo-csstransforms3d .apo-portfolio-container.apo-style-6 .apo-project-content-wrap { transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } .apo-csstransforms3d.apo-no-touchevents .apo-portfolio-container.apo-style-6 .apo-project:hover .apo-project-content-wrap, .apo-csstransforms3d.apo-touchevents .apo-portfolio-container.apo-style-6 .apo-project.apo-touch-state-hover .apo-project-content-wrap { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ------------------------------------------------------ 10.3. Single ------------------------------------------------------ */ .apo-project-details { font-size: 12px; line-height: 22px; font-weight: 400; } .apo-project-details:not(:last-child) { margin-bottom: 33px; } .apo-project-details dt { font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #000; } .apo-project-details dt:not(:last-child) { margin-bottom: 2px; } .apo-project-details dd { color: #6f6f6f; } .apo-page-dark-skin .apo-page .apo-project-details dd { color: inherit; } .apo-project-details dd:not(:last-child) { margin-bottom: 17px; } .apo-project-images img { display: block; width: 100%; height: auto; } .apo-project-images img:not(:last-child) { margin-bottom: 30px; } /* ------------------------------------------------------ 11. Pages ------------------------------------------------------ */ .apo-page-content:not(:last-child) { margin-bottom: 70px; } .apo-page-content::after { content: ""; display: block; clear: both; } .apo-page-content h1:not(:first-child), .apo-page-content h2:not(:first-child), .apo-page-content h3:not(:first-child) { margin-top: 45px; } .apo-page-content h4:not(:first-child), .apo-page-content h5:not(:first-child), .apo-page-content h6:not(:first-child) { margin-top: 50px; } .apo-page-content .wp-caption:not(.alignleft):not(.alignright) { margin-bottom: 20px; } /* ------------------------------------------------------ 11.2. Contact Us ------------------------------------------------------ */ .apo-contact-info-section { font-size: 16px; line-height: 26px; font-weight: 400; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .apo-contact-footer { margin-top: auto; } .apo-contact-info-section p:not(:last-child) { margin-bottom: 30px; } .apo-contact-info-section .apo-contact-info { font-size: 50px; } .apo-contact-info-section .apo-contact-info > li:not(:last-child) { margin-bottom: 20px; } .apo-page-dark-skin .apo-contact-info-section { color: #fff; } /* ------------------------------------------------------ 11.3. Home ------------------------------------------------------ */ .apo-content-logo { display: inline-block; } .apo-content-logo:not(:last-child) { margin-bottom: 95px; } .apo-contact-section { position: static; } .apo-contact-section-title { font-size: 100px; font-weight: 400; line-height: 1.2em; } .apo-contact-section-title:not(:last-child) { margin-bottom: 60px; } .apo-contact-section-body .apo-contact-info { font-size: 14px; font-weight: 400; line-height: 22px; } .apo-contact-section-body .apo-contact-info > li:not(:last-child) { margin-bottom: 7px; } .apo-contact-section-footer { font-size: 12px; font-weight: 400; line-height: 18px; color: #a4a7ad; } .apo-contact-section-footer .apo-hr-dotted-list a { color: #a9aaae; } .apo-contact-section-footer .apo-hr-dotted-list a:hover, .apo-contact-section-footer .apo-hr-dotted-list a:focus { color: #000000; } .apo-photo-stream { font-weight: 400; } .apo-photo-stream .fp-section { text-align: center; position: relative; z-index: 1; } .apo-photo-stream .fp-section::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #ffffff; opacity: .8; } .apo-photo-stream .fp-section .apo-section { position: relative; z-index: 2; padding-left: 30px; padding-right: 30px; } .apo-photo-stream .fp-section .apo-section:first-child { padding-top: 0; } .apo-photo-stream .fp-section .apo-section-title { font-size: 72px; font-weight: 400; line-height: 68px; text-transform: none; } .apo-photo-stream .fp-section .apo-section-title:not(:last-child) { margin-bottom: 22px; } .apo-photo-stream .fp-scrollable { z-index: 2; } .apo-photo-stream-hidden-img { position: absolute; top: -999999px; } .apo-photo-stream .fp-section .apo-categories, .apo-modal-photo-info-header .apo-categories { font-size: 12px; font-style: normal; text-transform: uppercase; line-height: 22px; letter-spacing: 6px; display: block; } .apo-photo-stream .fp-section .apo-categories a { background-image: none; } .apo-photo-stream .apo-categories:not(:last-child), .apo-modal-photo-info-header .apo-categories:not(:last-child) { margin-bottom: 38px; } .apo-photo-stream-sub-title { display: block; font-style: normal; font-size: 12px; line-height: 18px; } .apo-photo-stream-sub-title:not(:last-child) { margin-bottom: 35px; } .apo-photo-stream-footer:not(:first-child) { margin-top: 120px; } .apo-fp-photo-stream #fp-nav.right { margin-right: 75px; } .apo-header-vertical-right.apo-fp-photo-stream #fp-nav.right { margin-right: 175px; } .apo-fp-photo-stream #fp-nav.left { margin-left: 75px; } .apo-header-vertical-left.apo-fp-photo-stream #fp-nav.left { margin-left: 175px; } .apo-photo-stream-actions > li:not(:last-child) { margin-bottom: 20px; } .apo-fp-photo-stream .apo-photo-stream-actions { position: fixed; left: 100px; top: 50%; z-index: 10; } .apo-header-vertical-left .apo-photo-stream-actions { left: 200px; } .apo-no-csstransforms3d .apo-fp-photo-stream .apo-photo-stream-actions { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .apo-csstransforms3d .apo-fp-photo-stream .apo-photo-stream-actions { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .apo-photo-stream-hidden-img:-webkit-full-screen { /*WebKit, Opera 15+*/ top: 0; } .apo-photo-stream-hidden-img:-moz-full-screen { /*FireFox*/ top: 0; } .apo-photo-stream-hidden-img:full-screen { /*Opera 12.15-, Blink, w3c standard*/ top: 0; } /* ------------------------------------------------------ 11.4. 404 Error Page ------------------------------------------------------ */ .apo-section-404 { padding-top: 170px; padding-bottom: 200px; } .apo-404-title { font-size: 400px; line-height: 320px; } .apo-404-title-search { font-size: 160px; line-height: 140px; text-align: center; } .apo-404-title:not(:last-child), .apo-404-title-search:not(:last-child) { margin-bottom: 52px; } .apo-404-error-text { font-size: 24px; line-height: 34px; font-weight: 300; } .apo-404-error-text:not(:last-child) { margin-bottom: 20px; } .apo-404-error-description { padding-left: 70px; padding-right: 70px; } .apo-404-error-description:not(:last-child) { margin-bottom: 30px; } .apo-section-404 .apo-oneline-form { max-width: 570px; margin-left: auto; margin-right: auto; } /* ------------------------------------------------------ 12. Modal Windows ------------------------------------------------------ */ .arcticmodal-container_i, .arcticmodal-container_i > tbody > tr > td, .arcticmodal-container_i > tbody > tr > th, .arcticmodal-container_i > thead > tr > td, .arcticmodal-container_i > thead > tr > th, .arcticmodal-container_i > tfoot > tr > td, .arcticmodal-container_i > tfoot > tr > th, .apo-page-dark-skin .arcticmodal-container_i, .apo-page-dark-skin .arcticmodal-container_i > tbody > tr > th, .apo-page-dark-skin .arcticmodal-container_i > tbody > tr > td, .apo-page-dark-skin .arcticmodal-container_i > thead > tr > th, .apo-page-dark-skin .arcticmodal-container_i > thead > tr > td, .apo-page-dark-skin .arcticmodal-container_i > tfoot > tr > th, .apo-page-dark-skin .arcticmodal-container_i > tfoot > tr > td { background-color: transparent; color: inherit; border: none; padding: 0; } .arcticmodal-container_i > tbody > tr > th, .arcticmodal-container_i > thead > tr > th, .arcticmodal-container_i > tfoot > tr > th { font-weight: normal; } .arcticmodal-container_i > tbody > tr > .arcticmodal-container_i2 { padding: 25px; } [class*="arcticmodal-container_"] { position: relative; } .arcticmodal-loading { margin-left: auto; margin-right: auto; } .apo-modal { color: #ffffff; margin-left: auto; margin-right: auto; padding: 100px 15px; } .apo-modal h1, .apo-modal h2, .apo-modal h3, .apo-modal h4, .apo-modal h5, .apo-modal h6 { color: #fff; } .apo-modal .arctic-modal-close-container { position: absolute; left: 0; width: 100%; bottom: 0; text-align: center; padding: 10px 15px 40px; z-index: 5; } .apo-modal .arcticmodal-close { opacity: .5; transition: opacity 0.4s ease-out; } .apo-modal .arcticmodal-close:hover, .apo-modal .arcticmodal-close:focus { opacity: 1; } .apo-modal .apo-oneline-form input[type="text"], .apo-modal .apo-oneline-form input[type="email"], .apo-modal .apo-oneline-form input[type="password"], .apo-modal .apo-oneline-form input[type="number"], .apo-modal .apo-oneline-form input[type="search"], .apo-modal .apo-oneline-form input[type="url"], .apo-modal .apo-oneline-form input[type="date"], .apo-modal .apo-oneline-form input[type="datetime-local"], .apo-modal .apo-oneline-form input[type="month"], .apo-modal .apo-oneline-form input[type="tel"], .apo-modal .apo-oneline-form input[type="time"], .apo-modal .apo-oneline-form input[type="week"] { background-color: #000000; height: 60px; border-radius: 30px; border: none; padding-right: 30px; padding-left: 80px; } .apo-modal .apo-oneline-form button { font-size: 20px; line-height: 60px; right: auto; left: 25px; } .apo-modal.apo-modal-fullscreen-nav .apo-grid { margin-top: -60px; } .apo-modal.apo-modal-fullscreen-nav .apo-grid-col { padding-top: 60px; } .apo-modal.apo-modal-fullscreen-nav .apo-section { padding-top: 30px; padding-bottom: 30px; } .apo-modal.apo-modal-fullscreen-nav .apo-grid:not(:last-child) { margin-bottom: 90px; } .apo-modal.apo-modal-fullscreen-nav .apo-oneline-form, .apo-modal.apo-modal-search .apo-oneline-form { max-width: 570px; margin-left: auto; margin-right: auto; } /* ------------------------------------------------------ 12.1. Photo Info ------------------------------------------------------ */ .apo-modal-photo-info { max-width: 1170px; } .apo-modal-photo-info a { color: #ffffff; } .apo-modal-photo-info .apo-extended-info-list, .apo-modal-photo-info-desc { padding-left: 55px; padding-right: 55px; } .apo-modal-photo-info-desc { text-align: center; } .apo-modal-photo-info-desc:not(:last-child) { margin-bottom: 65px; } .apo-modal-photo-info-title, .apo-modal-search-title { font-size: 72px; font-weight: 400; line-height: 68px; -ms-word-break: break-all; word-break: break-all; } .apo-modal-photo-info-title:not(:last-child), .apo-modal-search-title:not(:last-child) { margin-bottom: 40px; } .apo-modal-photo-info-header, .apo-modal-search-header { text-align: center; } .apo-modal-photo-info-header:not(:last-child), .apo-modal-search-header:not(:last-child) { margin-bottom: 100px; } /* ------------------------------------------------------ 13. Footer ------------------------------------------------------ */ .apo-footer { color: #8a8a8a; background-color: #000; padding: 85px 0; } .apo-footer, .apo-footer .apo-widget-area .apo-widget { font-size: 12px; line-height: 30px; font-weight: 400; } .apo-footer .apo-widget { color: inherit; } .apo-footer a { color: #8a8a8a; } .apo-footer a:hover, .apo-footer .apo-social-networks a:hover, .apo-footer .apo-social-networks a:focus, .apo-footer h1, .apo-footer h2, .apo-footer h3, .apo-footer h4, .apo-footer h5, .apo-footer h6 { color: #fff; } .apo-footer .apo-widget-title { color: #fff; font-weight: 600; letter-spacing: 1.5px; } .apo-footer .apo-widget-title:not(:last-child) { margin-bottom: 22px; } .apo-footer .apo-widget ul > li > a { text-transform: none; } .apo-footer .apo-widget ul > li:not(:last-child) { margin-bottom: 6px; } .apo-footer.apo-style-2 { padding-top: 20px; padding-bottom: 20px; line-height: 24px; } .apo-footer.apo-style-2 a { color: #fff; } .apo-footer .apo-social-networks { font-size: 18px; margin-right: -4px; margin-left: -4px; } .apo-footer .apo-social-networks a { color: rgba(255, 255, 255, 0.3); padding: 4px; } /* ---------------------------------------- 13.1. Light skin ---------------------------------------- */ .apo-footer-light-skin { color: #000000; background-color: #ffffff; } .apo-footer-light-skin h1, .apo-footer-light-skin h2, .apo-footer-light-skin h3, .apo-footer-light-skin h4, .apo-footer-light-skin h5, .apo-footer-light-skin h6, .apo-footer-light-skin .apo-widget-title, .apo-footer-light-skin a, .apo-footer-light-skin .apo-social-networks a:hover { color: #000000; } .apo-footer-light-skin a:hover, .apo-footer-light-skin .apo-social-networks a { color: #8a8a8a; } /* ------------------------------------------------------ 14. Media Queries ------------------------------------------------------ */ /* ------------------------------------------------------ 14.1. Override Bootstrap media queries ------------------------------------------------------ */ .col-offset-0-5 { margin-left: 4%; } @media all and (min-width: 768px) { .col-sm-offset-0-5 { margin-left: 4%; } .apo-table-row-sm { margin-left: 0; margin-right: 0; display: table; width: 100%; table-layout: fixed; } .apo-table-row-sm > [class*="col-sm-"] { display: table-cell; vertical-align: middle; float: none; } .apo-table-row-sm > [class*="col-sm-"]:only-child { text-align: center; width: 100%; } .apo-table-row-sm > [class*="col-sm-"]:first-child { padding-left: 0; } .apo-table-row-sm > [class*="col-sm-"]:last-child { padding-right: 0; } .apo-table-row-sm > [class*="col-sm-"]:last-child:not(:only-child) { text-align: right; } } @media all and (min-width: 992px) { .col-md-offset-0-5 { margin-left: 4%; } .apo-table-row-md { margin-left: 0; margin-right: 0; display: table; width: 100%; table-layout: fixed; } .apo-table-row-md > [class*="col-md-"] { display: table-cell; vertical-align: middle; float: none; } .apo-table-row-md > [class*="col-md-"]:first-child { padding-left: 0; } .apo-table-row-md > [class*="col-md-"]:last-child { padding-right: 0; } .apo-table-row-md > [class*="col-md-"]:last-child:not(:only-child) { text-align: right; } html.apo-document-scroll-locked { overflow: hidden !important; margin-top: 0 !important; } .apo-striped-photos .owl-nav { position: fixed; } } @media all and (min-width: 1200px) { .col-lg-offset-0-5 { margin-left: 4%; } .apo-table-row-lg { margin-left: 0; margin-right: 0; display: table; width: 100%; table-layout: fixed; } .apo-table-row-lg > [class*="col-lg-"] { display: table-cell; vertical-align: middle; float: none; } .apo-table-row-lg > [class*="col-lg-"]:first-child { padding-left: 0; } .apo-table-row-lg > [class*="col-lg-"]:last-child { padding-right: 0; } .apo-table-row-lg > [class*="col-lg-"]:last-child:not(:only-child) { text-align: right; } } @media all and (max-height: 768px) { .apo-hidden-column .apo-navigation-container { max-height: 280px; } .apo-hidden-column-content .apo-hidden-column-col { padding-top: 0; padding-bottom: 0; } } @media all and (min-height: 600px) { .apo-scroll-down-icon { display: block; } } /* ------------------------------------------------------ 14.2. Tablet (landscape) & Notebook 13' ------------------------------------------------------ */ @media all and (max-width: 1370px) { .apo-header:not(.apo-header-vertical) .apo-header-section { padding-left: 20px; padding-right: 20px; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-item { width: 33.33333%; } .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .apo-item, .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .grid-sizer { width: 33.33333%; } .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .apo-item.apo-item-size-2x { width: 66.66666%; } .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .grid-sizer { width: 100%; } .apo-header-vertical-left .container, .apo-header-vertical-right .container, .apo-header-vertical-left .container-fluid, .apo-header-vertical-right .container-fluid { width: auto; padding-left: 30px; padding-right: 30px; } .vc_row[data-vc-stretch-content="true"] .apo-full-page-fixed-content .apo-full-page-container, .vc_section[data-vc-stretch-content="true"] .apo-full-page-fixed-content .apo-full-page-container { padding-right: 15%; } .vc_row[data-vc-stretch-content="true"] .apo-fh-article-media, .vc_section[data-vc-stretch-content="true"] .apo-fh-article-media { width: 36%; } .vc_row[data-vc-stretch-content="true"] .apo-fh-article-content, .vc_section[data-vc-stretch-content="true"] .apo-fh-article-content { left: 36%; width: 53%; padding-left: 30px; padding-right: 30px; padding-top: 60px; padding-bottom: 60px; } .apo-fixed-content-fixed-col { padding: 50px 8% 50px 13.5%; } .apo-full-page-container .container { width: auto; padding-left: 20px; padding-right: 20px; } .apo-has-full-page-controls .apo-full-page-container .vc_section { padding-right: 0; } .apo-full-page-container .apo-isotope.apo-cols-3 .apo-item { width: 50%; } } @media all and (max-width: 1280px) { .apo-header:not(.apo-header-vertical) .apo-header-component-first { width: 15%; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-entry-content:not(:last-child), .apo-entries-container.apo-cols-4.apo-style-1 .apo-entry-header:not(:last-child) { margin-bottom: 20px; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-entry-content-wrap .apo-aligner-inner { padding: 20px; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-entry-header-dublicate { padding: 20px; } .apo-full-page-fixed-content blockquote.apo-style-2 { font-size: 24px; line-height: 38px; } .apo-fixed-content-fixed-col { padding-left: 15.5%; padding-right: 10%; } .apo-fp-photo-stream #fp-nav.right { margin-right: 30px; } .apo-header-vertical-right.apo-fp-photo-stream #fp-nav.right { margin-right: 130px; } .apo-fp-photo-stream #fp-nav.left { margin-left: 30px; } .apo-header-vertical-left.apo-fp-photo-stream #fp-nav.left { margin-left: 130px; } .apo-fp-photo-stream .apo-photo-stream-actions { left: 55px; } .apo-header-vertical-left .apo-photo-stream-actions { left: 155px; } .apo-fullscreen-control { display: none !important; } .apo-testimonials.apo-cols-3 .apo-testimonial { width: 50%; } .apo-slider-thumbs-hr .swiper-button-next { width: 28px; } .apo-section-404 { padding-top: 120px; padding-bottom: 150px; } } @media all and (max-width: 1199px) { .apo-isotope.apo-cols-4 .grid-sizer, .apo-isotope.apo-cols-4 .apo-item { width: 33.33333%; } .apo-isotope.apo-cols-4 .apo-item.apo-item-size-2x { width: 66.66666%; } [class*="col-"]:not([class*="col-md-"]):not([class*="col-sm-"]):not([class*="col-xs-"]):not(:last-child) { margin-bottom: 85px; } form [class*="col-"]:not([class*="col-md-"]):not([class*="col-sm-"]):not([class*="col-xs-"]):not(:last-child) { margin-bottom: 30px; } .apo-has-sidebar .apo-grid.apo-cols-4 .apo-grid-col, .apo-has-sidebar .apo-grid.apo-cols-3 .apo-grid-col, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-4 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-4 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-3 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-3 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-4.apo-style-6 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-4.apo-style-6 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-3.apo-style-6 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-3.apo-style-6 .grid-sizer { width: 50%; } .apo-widget-area .apo-widget { padding-top: 0 !important; padding-bottom: 0 !important; } .apo-widget-area.apo-cols-4 .apo-widget, .apo-widget-area.apo-cols-3 .apo-widget { width: 33.33333% !important; } .apo-widget-area.apo-cols-2 .apo-widget { width: 50% !important; } .apo-widget .apo-gallery { margin-top: -10px; margin-left: -5px; margin-right: -5px; } .apo-widget .apo-gallery .apo-gallery-item { padding: 10px 5px 0; } .apo-section.apo-huge { padding-top: 100px; padding-bottom: 100px; } .apo-section-thin { padding-left: 100px; padding-right: 100px; } .apo-section-thin .apo-entry.apo-single .apo-entry-media { margin-left: -100px; margin-right: -100px; } .apo-section-thin .apo-entry.apo-single .apo-entry-header { margin-left: -50px; margin-right: -50px; } .apo-has-sidebar.apo-section-thin, .apo-has-sidebar .apo-section-thin { padding-left: 60px; padding-right: 60px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-media, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-media { margin-left: -60px; margin-right: -60px; } .apo-portfolio-container.apo-style-5 .apo-project-content-wrap .apo-aligner-inner { padding: 40px; } .apo-portfolio-container.apo-style-5 .apo-project-title { font-size: 36px; line-height: 41px; } blockquote.apo-style-3 { font-size: 38px; line-height: 50px; } blockquote.apo-style-3 footer:not(:first-child), blockquote.apo-style-3 .apo-bq-author:not(:first-child) { margin-top: 80px; } blockquote.apo-style-3:not(:last-child) { margin-bottom: 100px; } .apo-entries-container.apo-style-5 .apo-entry-header:not(:last-child) { margin-bottom: 170px; } .apo-header:not(.apo-header-vertical).apo-header-bottom .apo-header-component-first, .apo-header:not(.apo-header-vertical).apo-header-bottom .apo-header-component-last { width: 20%; } .apo-has-children > .apo-sub-menu.apo-reverse { right: 0; } .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-2 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-2 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .apo-item.apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .apo-item.apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-4.apo-isotope.apo-cols-2 .apo-item.apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-5.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-5.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-5.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-5.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-5.apo-cols-2 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-5.apo-cols-2 .grid-sizer, .apo-has-sidebar .apo-portfolio-container.apo-style-6 .apo-item, .apo-has-sidebar .apo-portfolio-container.apo-style-6 .grid-sizer { width: 100%; } .apo-has-sidebar .apo-tabs.apo-vertical-tabs .apo-tabs-nav { width: 160px; margin-right: 10px; } .apo-404-title { font-size: 300px; line-height: 220px; } .apo-404-title-search { font-size: 140px; line-height: 130px; } .apo-section-404 { padding-top: 100px; padding-bottom: 100px; } .apo-has-sidebar .gallery.gallery-columns-3 { margin-top: -4px; margin-left: -2px; margin-right: -2px; } .apo-has-sidebar .gallery.gallery-columns-3 .gallery-item { padding-top: 4px; padding-left: 2px; padding-right: 2px; } .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item, .gallery.gallery-columns-9 .gallery-item { width: 20%; } .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-5 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-6 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-7 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-8 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-9 .gallery-item { width: 33.33333%; } .gallery.gallery-columns-6 .gallery-item .gallery-caption, .gallery.gallery-columns-7 .gallery-item .gallery-caption, .gallery.gallery-columns-8 .gallery-item .gallery-caption, .gallery.gallery-columns-9 .gallery-item .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-5 .gallery-item .gallery-caption { display: block; } .gallery.gallery-columns-6 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-6 .gallery-item:nth-last-child(2) .gallery-caption, .gallery.gallery-columns-6 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-6 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-6 .gallery-item:nth-last-child(5) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(2) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(5) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(2) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(5) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(2) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(5) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-3 .gallery-item:nth-last-child(1) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-3 .gallery-item:nth-last-child(2) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-3 .gallery-item:nth-last-child(3) .gallery-caption { margin-bottom: 0; } .apo-has-sidebar .gallery.gallery-columns-3 .gallery-item .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item:nth-last-child(4) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-5 .gallery-item:nth-last-child(4) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-5 .gallery-item:nth-last-child(5) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-6 .gallery-item:nth-last-child(4) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-6 .gallery-item:nth-last-child(5) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-7 .gallery-item:nth-last-child(4) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-7 .gallery-item:nth-last-child(5) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-8 .gallery-item:nth-last-child(4) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-8 .gallery-item:nth-last-child(5) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-9 .gallery-item:nth-last-child(4) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-9 .gallery-item:nth-last-child(5) .gallery-caption { margin-bottom: 26px; } .apo-full-page-fixed-content .apo-full-page-container { padding-right: 13%; } .apo-fh-article { min-height: initial; } .apo-fh-article-content { padding-left: 0; padding-right: 0; padding-bottom: 0; } .vc_row[data-vc-stretch-content="true"] .apo-fh-article-content, .vc_section[data-vc-stretch-content="true"] .apo-fh-article-content { padding-bottom: 0; } .apo-fh-article-content, .apo-fh-article-media, .vc_row[data-vc-stretch-content="true"] .apo-fh-article-content, .vc_section[data-vc-stretch-content="true"] .apo-fh-article-content, .vc_row[data-vc-stretch-content="true"] .apo-fh-article-media, .vc_section[data-vc-stretch-content="true"] .apo-fh-article-media { width: auto; left: auto; } .apo-fh-article-media { position: relative; top: auto; height: 500px; } .vc_row[data-vc-stretch-content="true"] .apo-fh-article-content, .vc_section[data-vc-stretch-content="true"] .apo-fh-article-content { padding-left: 30px; padding-right: 30px; } .apo-full-page-controls { display: none; } .apo-has-full-page-controls .apo-full-page-container .vc_section { padding-right: 20px; } .apo-slider-fullscreen-controls .container { width: auto; } } @media all and (max-width: 1199px) and (min-width: 768px) { .apo-has-sidebar .apo-testimonials.apo-style-2 .apo-testimonial { padding: 40px 35px; } } @media all and (max-width: 1280px) and (min-width: 992px) { .apo-slider-thumbs-hr { max-width: 464px; } } @media all and (max-height: 800px) { .apo-header-vertical.apo-style-2 .apo-header-items .apo-header-item { padding-top: 5px; padding-bottom: 5px; } .apo-csstransforms3d .apo-header-vertical .apo-header-item .apo-page-title { -webkit-transform: rotate3d(0, 0, 1, -90deg) translate3d(-50%, 0, 0); -ms-transform: rotate3d(0, 0, 1, -90deg) translate3d(-50%, 0, 0); transform: rotate3d(0, 0, 1, -90deg) translate3d(-50%, 0, 0); } } /* ------------------------------------------------------ 14.3. Tablet (portait) ------------------------------------------------------ */ @media all and (min-width: 768px) and (max-width: 991px) { .apo-widget .calendar_wrap table thead td, .apo-widget .calendar_wrap table thead th, .apo-widget .calendar_wrap table tbody td, .apo-widget .calendar_wrap table tbody th { padding: 9px 5px 5px; } .apo-widget .calendar_wrap table tbody td { padding: 6px 5px 8px; } .apo-header-bottom ~ .apo-page .apo-revslider-theme .apo-revslider-controls, .apo-header-bottom ~ .apo-revslider-theme .apo-revslider-controls { bottom: 240px; } .apo-has-sidebar .apo-tabs.apo-vertical-tabs .apo-tabs-nav { float: none; width: auto; margin-right: 0; } } @media all and (max-width: 991px) { img.aligncenter:not(:last-child), [class*="col-"]:not([class*="col-sm-"]):not([class*="col-xs-"]):not(:last-child), [class*="col-"]:not([class*="col-md-"]):not([class*="col-sm-"]):not([class*="col-xs-"]):not(:last-child) { margin-bottom: 60px; } form [class*="col-"]:not([class*="col-sm-"]):not([class*="col-xs-"]):not(:last-child), form [class*="col-"]:not([class*="col-md-"]):not([class*="col-sm-"]):not([class*="col-xs-"]):not(:last-child) { margin-bottom: 30px; } blockquote { padding-left: 0; padding-right: 0; } .apo-header:not(.apo-header-vertical) .apo-header-items { margin-top: -10px; } .apo-modal-photo-info-header:not(:last-child), .apo-modal-search-header:not(:last-child) { margin-bottom: 60px; } .apo-modal-photo-info-title, .apo-modal-search-title { font-size: 56px; line-height: 60px; } .apo-tabs.apo-vertical-tabs .apo-tabs-nav { margin-right: 20px; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-item { width: 50%; } .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-2 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-2.apo-cols-2 .grid-sizer, .apo-has-sidebar .apo-isotope.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-isotope.apo-cols-4 .apo-item, .apo-has-sidebar .apo-isotope.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-isotope.apo-cols-3 .apo-item, .apo-has-sidebar .apo-isotope.apo-cols-2 .grid-sizer, .apo-has-sidebar .apo-isotope.apo-cols-2 .apo-item { width: 100%; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-item.apo-item-size-2x .apo-entry-title { font-size: 24px; line-height: 30px; } .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .apo-item, .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .grid-sizer { width: 50%; } .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .apo-item.apo-item-size-2x { width: 50%; } .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-2 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-3.apo-cols-2 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-4 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-3 .grid-sizer, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .apo-item, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .apo-item-size-2x, .apo-has-sidebar .apo-entries-container.apo-style-1.apo-cols-2 .grid-sizer { width: 100%; } .apo-entries-container.apo-style-4 .apo-entry { padding: 60px 30px; } .apo-entries-container.apo-style-4 .apo-entry::after { left: 30px; right: 30px; } .apo-entries-container.apo-style-4 .apo-entry-title { font-size: 24px; line-height: 34px; } .apo-page-header, .apo-shortcode-header { display: block; } .apo-page-header, .apo-page-controls, .apo-section, .apo-section.apo-huge, .apo-section.apo-medium { padding-top: 60px; padding-bottom: 60px; } .apo-shortcode-header { padding-bottom: 60px; } .apo-section-no-spacing { padding-top: 0; padding-bottom: 0; } .apo-section + .apo-page-header.apo-small, .apo-section + .apo-shortcode-header.apo-small { margin-top: -60px; } .apo-section + .apo-page-header.apo-medium, .apo-section + .apo-shortcode-header.apo-medium { margin-top: -65px; } .apo-page-header-column, .apo-shortcode-header-column { display: block; padding-left: 0; padding-right: 0; } .apo-page-header-column:first-child:not(:only-child), .apo-page-header-column:last-child:not(:only-child), .apo-shortcode-header-column:first-child:not(:only-child), .apo-shortcode-header-column:last-child:not(:only-child) { padding-left: 0; padding-right: 0; } .apo-page-header-column:last-child:not(:only-child), .apo-shortcode-header-column:last-child:not(:only-child) { text-align: initial; } .apo-page-header-column:not(:last-child), .apo-shortcode-header-column:not(:last-child) { margin-bottom: 20px; } .apo-page-header.apo-style-3 .apo-page-header-column:not(:only-child):first-child, .apo-shortcode-header.apo-style-3 .apo-shortcode-header-column:not(:only-child):first-child { width: auto; } .apo-isotope.apo-cols-4 .grid-sizer, .apo-isotope.apo-cols-4 .apo-item, .apo-isotope.apo-cols-4 .apo-item.apo-item-size-2x, .apo-isotope.apo-cols-3 .grid-sizer, .apo-isotope.apo-cols-3 .apo-item, .apo-isotope.apo-cols-3 .apo-item.apo-item-size-2x { width: 50%; } .apo-widget .apo-gallery.apo-cols-3 .apo-gallery-item { width: 50%; } .apo-full-page-fixed-content .apo-full-page-fixed-col { width: 100%; height: 100%; opacity: .2; } .apo-full-page-fixed-content .apo-full-page-container { padding-right: 50px; padding-left: 30px; } .apo-full-page-fixed-content #fp-nav.right { right: 20px; } .apo-full-page-fixed-content #fp-nav.left { left: 20px; } .apo-divider-large-offset:not(:last-child) { margin-top: 40px; } .apo-divider-large-offset:not(:last-child) { margin-bottom: 40px; } .apo-has-sidebar.apo-section-thin, .apo-has-sidebar .apo-section-thin { padding-left: 30px; padding-right: 30px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-media, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-media { margin-left: -30px; margin-right: -30px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-header, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-header { margin-left: -30px; margin-right: -30px; } .apo-entry.apo-single { font-size: 18px; } .apo-entry.apo-single .apo-entry-content-wrap blockquote:not(:first-child) { margin-top: 43px; } .apo-entry.apo-single .apo-entry-content-wrap blockquote:not(:last-child) { margin-bottom: 43px; } .apo-entry.apo-single .apo-entry-content:not(:last-child) { margin-bottom: 60px; } .apo-entry.apo-single .apo-entry-header { padding: 35px 30px 31px; } .apo-entry.apo-single .apo-entry-header:not(:last-child) { margin-bottom: 50px; } .apo-entry.apo-single .apo-entry-footer [class*="col-"]:not([class*="col-sm-"]):not([class*="col-xs-"]):not(:last-child) { margin-bottom: 10px !important; } .apo-entry.apo-single .apo-entry-title { font-size: 28px; line-height: 34px; } .apo-grid.apo-cols-4 .apo-grid-col { width: 33.33333%; } .apo-entries-container.apo-style-5 .apo-entry { padding: 70px 40px; } .apo-pricing-tables .apo-pricing-table-label { top: 20px; } .apo-has-children > .apo-sub-menu, .menu-item-has-children > .sub-menu { padding: 40px 60px 20px; min-width: 500px; } .apo-has-children .apo-has-children > .apo-sub-menu, .menu-item-has-children .menu-item-has-children > .sub-menu { margin-top: -40px; } .apo-header:not(.apo-header-vertical) .apo-header-section { display: block; } .apo-header:not(.apo-header-vertical) [class*="apo-header-component"]:not(:last-child) { margin-bottom: 10px; } .apo-header:not(.apo-header-vertical) .apo-header-component-first, .apo-header:not(.apo-header-vertical) .apo-header-component-middle, .apo-header:not(.apo-header-vertical) .apo-header-component-last, .apo-header:not(.apo-header-vertical)[class*="apo-header-transparent"] .apo-header-component-first, .apo-header:not(.apo-header-vertical)[class*="apo-header-transparent"] .apo-header-component-middle, .apo-header:not(.apo-header-vertical)[class*="apo-header-transparent"] .apo-header-component-last, .apo-header:not(.apo-header-vertical).apo-header-bottom .apo-header-component-first, .apo-header:not(.apo-header-vertical).apo-header-bottom .apo-header-component-middle, .apo-header:not(.apo-header-vertical).apo-header-bottom .apo-header-component-last { text-align: center; display: block; width: 100%; } .apo-fp-photo-stream #fp-nav.right { margin-right: 0px; } .apo-header-vertical-right.apo-fp-photo-stream #fp-nav.right { margin-right: 100px; } .apo-fp-photo-stream #fp-nav.left { margin-left: 0px; } .apo-header-vertical-left.apo-fp-photo-stream #fp-nav.left { margin-left: 100px; } .apo-fp-photo-stream .apo-photo-stream-actions { left: 20px; } .apo-header-vertical-left .apo-photo-stream-actions { left: 120px; } .apo-contact-info-section .apo-contact-info { font-size: 30px; } .apo-modal-fullscreen-nav { padding-left: 0; padding-right: 0; } .apo-portfolio-container.apo-style-6 .apo-project-header:not(:last-child) { margin-bottom: 20px; } .apo-portfolio-container.apo-style-6 .apo-project-content-wrap .apo-aligner-inner { padding: 20px; } [class*="apo-header-transparent"] { position: relative; } .admin-bar [class*="apo-header-transparent"] { top: 0; } .apo-header:not(.apo-header-vertical)[class*="apo-header-transparent"] { padding-top: 0; padding-bottom: 0; } .apo-header:not(.apo-header-vertical).apo-header-transparent-dark .apo-header-section { color: #ffffff; background-color: #000000; } .apo-header:not(.apo-header-vertical).apo-header-transparent-light .apo-header-section { color: #000000; background-color: #ffffff; } .apo-testimonials.apo-cols-3.apo-style-2 .apo-testimonial, .apo-testimonials.apo-cols-2.apo-style-2 .apo-testimonial { width: 100%; } .apo-404-title { font-size: 240px; line-height: 160px; } .apo-section-404 { padding-top: 100px; padding-bottom: 100px; } .gallery.gallery-columns-4, .apo-has-sidebar .gallery.gallery-columns-2 { margin-top: -4px; margin-left: 2px; margin-right: 2px; } .gallery.gallery-columns-4 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-2 .gallery-item { padding-top: 4px; padding-left: 2px; padding-right: 2px; } .gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item, .gallery.gallery-columns-9 .gallery-item { width: 25%; } .apo-has-sidebar .gallery.gallery-columns-3 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-5 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-6 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-7 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-8 .gallery-item, .apo-has-sidebar .gallery.gallery-columns-9 .gallery-item { width: 50%; } .gallery.gallery-columns-4 .gallery-item .gallery-caption, .gallery.gallery-columns-5 .gallery-item:nth-last-child(5) .gallery-caption, .gallery.gallery-columns-6 .gallery-item:nth-last-child(5) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(5) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(5) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(5) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-2 .gallery-item .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-3 .gallery-item:nth-last-child(3) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-4 .gallery-item:nth-last-child(3) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-5 .gallery-item:nth-last-child(3) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-6 .gallery-item:nth-last-child(3) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-7 .gallery-item:nth-last-child(3) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-8 .gallery-item:nth-last-child(3) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-9 .gallery-item:nth-last-child(3) .gallery-caption { margin-bottom: 26px; } .gallery.gallery-columns-4 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-4 .gallery-item:nth-last-child(2) .gallery-caption, .gallery.gallery-columns-4 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-4 .gallery-item:nth-last-child(4) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-2 .gallery-item:nth-last-child(1) .gallery-caption, .apo-has-sidebar .gallery.gallery-columns-2 .gallery-item:nth-last-child(2) .gallery-caption { margin-bottom: 0; } table td, table th { padding-left: 15px; padding-right: 15px; } .comments-list .children { padding-left: 20px; } .apo-widget-area.apo-cols-4 .apo-widget, .apo-widget-area.apo-cols-3 .apo-widget { width: 50% !important; } .apo-has-sidebar .apo-entries-navigation { margin-left: 0; margin-right: 0; text-align: center; } .apo-has-sidebar .apo-entries-navigation .apo-entries-navigation-item { float: none; display: inline-block; text-align: initial; width: auto; } .apo-has-sidebar .apo-entries-navigation .apo-entries-navigation-item:last-child:not(:only-child) { text-align: initial; } } @media all and (min-width: 768px) { .apo-pricing-table.apo-recommended { z-index: 2; margin-top: -50px; font-size: 16px; margin-left: -30px; margin-right: -30px; color: rgba(0, 0, 0, 0.55); } .apo-pricing-table.apo-recommended .apo-pricing-table-header { padding-top: 60px; } .apo-pricing-table.apo-recommended .apo-pricing-table-icon { font-size: 74px; } .apo-pricing-table.apo-recommended .apo-pricing-table-icon:not(:last-child) { margin-bottom: 63px; } .apo-pricing-table.apo-recommended .apo-pricing-table-title { font-size: 18px; line-height: 24px; } .apo-pricing-table.apo-recommended .apo-pricing-table-title:not(:last-child) { margin-bottom: 22px; } .apo-pricing-table.apo-recommended .apo-pricing-table-price { font-size: 36px; line-height: 36px; } .apo-pricing-table.apo-recommended .apo-pricing-table-period { font-size: 18px; line-height: 22px; } .apo-pricing-table.apo-recommended .apo-pricing-table-list:not(:last-child) { margin-bottom: 12px; } .apo-pricing-table.apo-recommended .apo-pricing-table-list > li { padding: 22px 0 20px; } } /* ------------------------------------------------------ 14.4. Phone (landscape) ------------------------------------------------------ */ @media all and (max-width: 767px) { [class*="col-"]:not([class*="col-xs-"]):not(:last-child) { margin-bottom: 55px !important; } form [class*="col-"]:not([class*="col-xs-"]):not(:last-child) { margin-bottom: 30px !important; } .apo-footer.apo-style-2 [class*="col-"]:not([class*="col-xs-"]):not(:last-child), .apo-contact-section-footer [class*="col-"]:not([class*="col-xs-"]):not(:last-child) { margin-bottom: 20px !important; } h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) { margin-bottom: 35px; } .apo-section, .apo-section.apo-medium { padding-top: 55px; padding-bottom: 55px; } .apo-section-no-spacing { padding-top: 0; padding-bottom: 0; } .apo-section + .apo-page-controls.apo-small { margin-top: -55px; } .apo-section + .apo-page-controls.apo-medium { margin-top: -60px; } .apo-has-not-sidebar .apo-portfolio-container.apo-cols-4.apo-style-6 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-4.apo-style-6 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-3.apo-style-6 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-3.apo-style-6 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-2.apo-style-6 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-cols-2.apo-style-6 .grid-sizer { width: 100%; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-entry-header-dublicate, .apo-entries-container.apo-cols-4.apo-style-1 .apo-entry .apo-aligner-inner { padding: 20px; } .apo-header-section { display: block; } body.apo-header-vertical-left, body.apo-header-vertical-right { margin-left: 0 !important; margin-right: 0 !important; } .apo-header [class*="apo-header-component-"] { display: block; } .apo-header [class*="apo-header-component-"]:not(:last-child) { margin-bottom: 10px; } .apo-header:not(.apo-header-vertical) .apo-header-items, .apo-header:not(.apo-header-vertical) .apo-header-component-middle .apo-header-item { display: block; } .apo-header-vertical { position: static; width: auto; } .apo-header-vertical.apo-style-2 .apo-header-component-middle .apo-header-item { display: block; width: 100%; } .apo-header-vertical .apo-header-section { padding: 25px 0; } .apo-header-vertical .apo-header-component-first .apo-header-items { padding-top: 0; } .apo-header-vertical .apo-header-component-last .apo-header-items { vertical-align: middle; } .apo-header-vertical .apo-header-component-last .apo-header-item:not(:last-child) { border: none; } .apo-header-vertical .apo-header-items { display: block; margin-top: -15px; margin-left: -15px; margin-right: -15px; } .apo-header-vertical .apo-header-item { display: inline-block; vertical-align: middle; padding: 15px 15px 0; } .apo-header-vertical .apo-header-item .apo-social-networks > li { display: inline-block; } .apo-header-vertical .apo-header-item .apo-page-title { white-space: normal; } .apo-header-vertical .apo-header-item .apo-header-button { margin: 0; padding: 0 10px; line-height: inherit; width: auto; height: auto; } .apo-csstransforms3d .apo-header-vertical .apo-header-item .apo-page-title, .apo-nocsstransforms3d .apo-header-vertical .apo-header-item .apo-page-title { -webkit-transform: none; transform: none; } .apo-full-page-fixed-content .apo-full-page-fixed-col { position: static; min-height: 300px; opacity: 1; } .apo-full-page-fixed-content .fp-section, .apo-full-page-fixed-content .fp-slide, .apo-full-page-fixed-content .fp-scrollable, .apo-full-page-fixed-content .fp-tableCell { height: auto; } .apo-full-page-fixed-content .apo-full-page-container { padding-left: 20px; padding-right: 20px; } img.aligncenter:not(:last-child) { margin-bottom: 45px; } .apo-fixed-content-fixed-col { position: static; top: 0 !important; margin-top: 0 !important; left: 0; z-index: 2; width: auto; height: auto; } .apo-fixed-content-fixed-col, .apo-fixed-content-scroll-col, .apo-fixed-content-fixed-col + .apo-fixed-content-scroll-col { padding: 55px 30px; } .apo-fixed-content-fixed-col + .apo-fixed-content-scroll-col { padding-top: 0; } .apo-d-xs-none, .apo-fixed-content-fixed-col::after, .apo-revslider-theme .apo-revslider-theme-nav { display: none; } .apo-d-xs-inline-block { display: inline-block; } .apo-fixed-content-fixed-col + .apo-fixed-content-scroll-col { padding-top: 0; } .apo-entry.apo-single .apo-entry-content-wrap blockquote { font-size: 20px; line-height: 30px; } .apo-grid.apo-cols-4 .apo-grid-col, .apo-grid.apo-cols-3 .apo-grid-col { width: 50%; } blockquote.apo-style-3 { font-size: 28px; line-height: 40px; } blockquote.apo-style-3 footer:not(:first-child), blockquote.apo-style-3 .apo-bq-author:not(:first-child) { margin-top: 30px; } blockquote.apo-style-3:not(:last-child) { margin-bottom: 60px; } .apo-content-logo:not(:last-child) { margin-bottom: 40px; } .apo-entries-container.apo-style-5 .apo-entry-header:not(:last-child) { margin-bottom: 50px; } .apo-pricing-tables { padding-top: 0; } .apo-testimonials.apo-style-3 .apo-testimonial { padding-left: 30px; padding-right: 30px; } .apo-header-section, [class*="apo-hsection-component"] { display: block !important; width: 100% !important; } .apo-navigation-container { display: block; } .apo-navigation { margin-top: 0; } .apo-navigation > li { display: block; text-align: center; margin-top: 0; } .apo-navigation > li > a { padding: 10px; } .apo-navigation > li > a::after { display: none; } .apo-has-children > .apo-sub-menu, .apo-has-children .apo-has-children > .apo-sub-menu, .menu-item-has-children > .sub-menu, .menu-item-has-children .menu-item-has-children > .sub-menu { opacity: 1; visibility: visible; min-width: initial; width: 100%; position: static; transition: none !important; padding: 20px 0 1px; margin: 0 !important; -webkit-transform: none !important; transform: none !important; } .apo-has-children .apo-has-children > .apo-sub-menu, .menu-item-has-children .menu-item-has-children > .sub-menu { margin-top: 10px !important; } .apo-has-children > .apo-sub-menu > li, .menu-item-has-children > .sub-menu > li { display: block; width: 100%; padding-left: 20px; padding-right: 20px; } .apo-has-children .apo-has-children > a { padding-left: 30px; } .apo-has-children .apo-has-children > a::after { content: "\e93a"; } .apo-mobile-nav-btn { display: block; } .apo-fp-photo-stream .apo-photo-stream-actions { display: none; } .apo-photo-stream .fp-section .apo-section-title { font-size: 48px; line-height: 48px; } .apo-csstransforms3d .apo-fp-layer { -webkit-transform: none; transform: none; } .apo-photo-stream-sub-title:not(:last-child) { margin-bottom: 20px; } .apo-photo-stream-footer:not(:first-child) { margin-top: 20px; } .apo-contact-sameheight-section .apo-same-height { height: auto !important; } .apo-section-thin, .apo-has-sidebar .apo-section-thin { padding-left: 0px; padding-right: 0px; } .apo-entry.apo-single .apo-entry-media + .apo-entry-content-wrap { margin-top: 0; } .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-media, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-media, .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-header, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single.apo-team-member-single .apo-entry-header { max-width: initial; width: 100%; } .apo-section-thin .apo-entry.apo-single .apo-entry-media, .apo-section-thin .apo-entry.apo-single .apo-entry-header, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-media, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-header { margin-left: 0px; margin-right: 0px; } .apo-scroll-down-icon { display: none; } .apo-fh-article-content { padding-bottom: 0; } .apo-contact-section-footer { position: static; } .apo-contact-section-footer:not(:first-child) { margin-top: 30px; } .apo-portfolio-container:not(:last-child) { margin-bottom: 30px; } .apo-slider-fullscreen-controls { padding-left: 0px; padding-right: 0px; } .apo-header:not(.apo-header-vertical).apo-header-bottom { position: static; } .apo-slider-thumbs-hr { max-width: 224px; } .apo-h1-size { font-size: 50px; } .apo-person-header:not(:last-child) { margin-bottom: 40px; } .apo-person-body:not(:last-child) { margin-bottom: 0; } .apo-person-footer { display: none; } .apo-striped-photo-title { font-size: 46px; line-height: 50px; } .apo-striped-photos.owl-carousel .owl-item.owl-item-unfocused .apo-striped-photo .apo-aligner-inner { opacity: 1; visibility: visible; } .apo-csstransforms3d .apo-striped-photos.owl-carousel .owl-item.owl-item-unfocused .apo-striped-photo .apo-aligner-inner { -webkit-transform: none; transform: none; } .apo-header-bottom ~ .apo-page .apo-revslider-theme .apo-revslider-controls, .apo-header-bottom ~ .apo-revslider-theme .apo-revslider-controls { bottom: 50px; } .apo-revslider-theme .apo-revslider-controls { left: 30px; bottom: 30px; } .apo-header-section.apo-sticky.apo-sticked { position: relative; } .apo-testimonials.apo-cols-3.apo-style-2 .apo-testimonial, .apo-testimonials.apo-cols-2.apo-style-2 .apo-testimonial, .apo-testimonials.apo-cols-3 .apo-testimonial, .apo-testimonials.apo-cols-2 .apo-testimonial { width: 100%; } .apo-404-title { font-size: 120px; line-height: 120px; } .apo-section-404 { padding-top: 60px; padding-bottom: 80px; } .apo-404-error-description { padding-left: 0; padding-right: 0; } .apo-404-title:not(:last-child) { margin-bottom: 30px; } .apo-fh-article-content { padding-top: 60px; } .apo-header-vertical-left .container, .apo-header-vertical-right .container, .apo-header-vertical-left .container-fluid, .apo-header-vertical-right .container-fluid { padding-left: 15px; padding-right: 15px; } .apo-entry.apo-single .apo-entry-content p > img.aligncenter:only-child, .apo-entry.apo-single .apo-entry-content p > img.alignnone:only-child { margin-top: 35px; margin-bottom: 35px; } .apo-entries-navigation { margin-left: 0; margin-right: 0; text-align: center; } .apo-entries-navigation .apo-entries-navigation-item { float: none; display: inline-block; text-align: initial; width: auto; } .apo-entries-navigation .apo-entries-navigation-item:last-child:not(:only-child) { text-align: initial; } .apo-full-page-fixed-content .apo-scroll-down-label { display: none; } .apo-404-title-search { font-size: 80px; line-height: 70px; } } @media all and (max-width: 650px) { .apo-isotope.apo-cols-4 .grid-sizer, .apo-isotope.apo-cols-4 .apo-item, .apo-isotope.apo-cols-4 .apo-item.apo-item-size-2x, .apo-isotope.apo-cols-3 .grid-sizer, .apo-isotope.apo-cols-3 .apo-item, .apo-isotope.apo-cols-3 .apo-item.apo-item-size-2x, .apo-isotope.apo-cols-2 .grid-sizer, .apo-isotope.apo-cols-2 .apo-item, .apo-isotope.apo-cols-2 .apo-item.apo-item-size-2x, .apo-entries-container.apo-style-5.apo-cols-4 .apo-item, .apo-entries-container.apo-style-5.apo-cols-4 .grid-sizer, .apo-entries-container.apo-style-5.apo-cols-3 .apo-item, .apo-entries-container.apo-style-5.apo-cols-3 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-4 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-4 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-3 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-3 .grid-sizer, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-2 .apo-item, .apo-has-not-sidebar .apo-portfolio-container.apo-style-4.apo-cols-2 .grid-sizer { width: 100%; } .apo-full-page-container .apo-isotope.apo-cols-3 .apo-item { width: 100%; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-item { width: 100%; } .apo-entries-container.apo-cols-4.apo-style-1 .apo-item.apo-item-size-2x .apo-entry-title { font-size: 24px; line-height: 30px; } .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .apo-item, .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .apo-item.apo-item-size-2x, .apo-entries-container.apo-cols-4.apo-style-1.apo-isotope .grid-sizer { width: 100%; } .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .grid-sizer, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .apo-item, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-4 .apo-item.apo-item-size-2x, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .grid-sizer, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .apo-item, .apo-entries-container.apo-style-4.apo-isotope.apo-cols-3 .apo-item.apo-item-size-2x { width: 100%; } .apo-entries-container.apo-style-4 .apo-entry .apo-aligner-inner { height: auto !important; } .apo-testimonials.apo-style-2 .apo-testimonial { padding: 40px 30px; } .apo-modal-fullscreen-nav { padding-top: 40px; } table { font-size: 16px; line-height: 30px; } table td, table th { padding: 7px 10px; } .apo-widget-area.apo-cols-4 .apo-widget, .apo-widget-area.apo-cols-3 .apo-widget, .apo-widget-area.apo-cols-2 .apo-widget { width: 100% !important; } } @media all and (max-width: 600px) { .gallery.gallery-columns-1, .gallery.gallery-columns-2, .gallery.gallery-columns-3 { margin-top: -4px; margin-left: 2px; margin-right: 2px; } .gallery.gallery-columns-1 .gallery-item, .gallery.gallery-columns-2 .gallery-item, .gallery.gallery-columns-3 .gallery-item { padding-top: 4px; padding-left: 2px; padding-right: 2px; } .gallery.gallery-columns-3 .gallery-item, .gallery.gallery-columns-4 .gallery-item, .gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item, .gallery.gallery-columns-9 .gallery-item { width: 50%; } .gallery.gallery-columns-1 .gallery-item .gallery-caption, .gallery.gallery-columns-2 .gallery-item .gallery-caption, .gallery.gallery-columns-3 .gallery-item .gallery-caption, .gallery.gallery-columns-4 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-4 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-5 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-5 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-6 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-6 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-7 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-8 .gallery-item:nth-last-child(4) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(3) .gallery-caption, .gallery.gallery-columns-9 .gallery-item:nth-last-child(4) .gallery-caption { margin-bottom: 26px; } .gallery.gallery-columns-1 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-2 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-2 .gallery-item:nth-last-child(2) .gallery-caption, .gallery.gallery-columns-3 .gallery-item:nth-last-child(1) .gallery-caption, .gallery.gallery-columns-3 .gallery-item:nth-last-child(2) .gallery-caption { margin-bottom: 0; } .comments-list .children { padding-left: 10px; } } /* ------------------------------------------------------ 14.5. Phone (portait) ------------------------------------------------------ */ @media all and (max-width: 479px) { .apo-tabs.apo-vertical-tabs .apo-tabs-nav { float: none; margin-right: 0; } .apo-tabs.apo-vertical-tabs .apo-tabs-nav:not(:last-child) { margin-bottom: 20px; } .apo-grid.apo-cols-4 .apo-grid-col, .apo-grid.apo-cols-3 .apo-grid-col, .apo-grid.apo-cols-2 .apo-grid-col, .apo-has-sidebar .apo-grid.apo-cols-4 .apo-grid-col, .apo-has-sidebar .apo-grid.apo-cols-3 .apo-grid-col { width: 100%; } .apo-hr-controls { display: block; } [class*="apo-hr-controls-component"] { display: block; width: 100%; text-align: center; } .apo-portfolio-container.apo-style-6 .apo-project-content { display: none; } .comments-list .children { padding-left: 5px; } } @media all and (max-width: 374px) { .apo-has-sidebar.apo-section-thin, .apo-has-sidebar .apo-section-thin { padding-left: 10px; padding-right: 10px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-media, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-media { margin-left: -10px; margin-right: -10px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-header, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-header { margin-left: -10px; margin-right: -10px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-media + .apo-entry-content-wrap, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-media + .apo-entry-content-wrap { margin-top: -20px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-header, .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-header { padding: 25px 20px; } .apo-has-sidebar.apo-section-thin .apo-entry.apo-single .apo-entry-content:not(:last-child), .apo-has-sidebar .apo-section-thin .apo-entry.apo-single .apo-entry-content:not(:last-child) { margin-bottom: 55px; } } /* ------------------------------------------------ 15. Retina Ready ------------------------------------------------ */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144 dpi){ .apo-scroll-down-icon { background-image: url("assets/images/scrolldown-icon@2x.png"); background-size: 20px 120px; } }