/* Theme Name: Llorix One Lite Theme URI: http://themeisle.com/themes/llorix-one/ Author: ThemeIsle Author URI: http://themeisle.com/ Description: Llorix One Lite is a free and beautiful one page business WordPress theme, with a flat and clean bootstrap based design and an elegant parallax effect. It provides a simple,minimal and modern look that can be used for any kind of personal businesses or startup mobile app. The landing page has a fullscreen hero image and blue & orange appearance with buttons and icons promoting simplicity and elegance at their best. The theme provides a responsive blog section, is eCommerce ready (WooCommerce store compatible), WPML, bbPress, Photo Gallery Grid,Contact Form 7,Meta Slider,SiteOrigin Page Builder, JetPack compatible and SEO friendly. You can use it for your business / startup shop, agency, corporate website, or photography portfolio. Version: 0.2.17 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: llorix-one-lite Tags:one-column, two-columns, right-sidebar, custom-header, custom-background, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, threaded-comments, translation-ready, accessibility-ready, e-commerce, blog, portfolio This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Llorix One is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 1. GLOBAL STYLES (USED IN VARIOUS SECTION OF THE WEBSITE) 1.0 GENERAL STYLES 1.1 PRE LOADER 1.2 ANCHOR 1.3 MISC FIXES 2. COMPONENTS (ELEMNTS USED IN MANY SECTION) 2.1 TYPOGRAPHY 2.2 ELEMENTS 2.3 ALIGNMENTS 2.4 BUTTONS 2.5 BORDER AND LINE 2.6 SECTION HEADER 2.7 FORM ELEMENTS 3. SECTION STYLES 3.1 SECTION: HOME 3.1.1 STICKY NAVIGATION 3.1.2 ONLY LOGO 3.1.3 INTRO 3.2 SECTION: CLIENTS LIST 3.3 SECTION: SERVICES 3.4 SECTION: APP BRIEF 3.5 SECTION: STATS 3.6 SECTION: FEATURES 3.7 SECTION: PRICING TABLE 3.8 SECTION: SCREENSHOTS 3.9 SECTION: TIMELINE 3.10 SECTION: TEAM 3.11 SECTION: TESTIMONIALS 3.12 SECTION: CALL TO ACTION 3.13 SECTION: CONTACT INFO 3.14 SECTION: GOOGLE MAP 3.15 TEMPLATE: CONTACT PAGE 3.16 WOOCOMMERCE STYLE 3.17 FOOTER 3.18 FRONTPAGE CONTENT 4. DEFAULT COLORS 5. BLOG 5.1. SINGLE PAGE 5.2 GALLERY 5.3 SIDEBAR 6. RESPONSIVE 7. ICONS 8. ACCESSIBILITY 9. PLUGINS COMPATIBILITY 9.1 POSTMATIC 9.2 PIRATE FORMS 9.3 JETPACK 9.4 EASY DIGITAL DOWNLOADS -----------------------------------------*/ /* -------------------------------------- ========================================= 1. GLOBAL STYLES ========================================= -----------------------------------------*/ /*--------------------------------------- 1.0 GENERAL STYLES -----------------------------------------*/ html { font-family: sans-serif; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { overflow-x: hidden !important; margin: auto !important; color: #313131; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; } .llorix_one_lite_only_customizer { display: none !important; } /*--------------------------------------- 1.1 PRE-LOADER -----------------------------------------*/ .preloader { overflow: hidden !important; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fefefe; } .status { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; } /*--------------------------------------- 1.2 ANCHOR AND BOLD TEXT -----------------------------------------*/ a { text-decoration: none; -webkit-transition: all ease 0.25s; transition: all ease 0.25s; } a:hoverv { text-decoration: none; } a:focus { outline: 1px dotted #f16c20; text-decoration: none; } /*--------------------------------------- 1.3 MISC FIXES -----------------------------------------*/ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } .row.no-gutters[class^="col-"], .row.no-gutters[class*=" col-"] { padding-right: 0; padding-left: 0; } .navbar-inverse .navbar-nav > li > a { color: inherit; } .nav > li > a { padding: inherit; } .navbar-nav.navbar-right:last-child { margin-right: 0; } .navbar-inverse .navbar-nav > li > a:focus { outline: 1px solid #f16c20; outline-style: dotted; color: #f16c20; } .navbar-inverse .navbar-nav > li.not-active { color: #f16c20; } .mailchimp-success, .mailchimp-error, .email-success, .email-error { display: none; margin-top: 15px; } .mailchimp-success span, .mailchimp-error span, .email-success span, .email-error span { margin-right: 10px; } /* -------------------------------------- ========================================= 2. COMPONENTS ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 TYPOGRAPHY -----------------------------------------*/ /* HEADINGS */ h1, h2 { font-family: "Cabin", Helvetica Neue, Sans-serif; font-weight: 400; } h1 { font-size: 36px; line-height: 40px; -ms-word-wrap: break-word; word-wrap: break-word; } h2 { font-size: 30px; line-height: 34px; -ms-word-wrap: break-word; word-wrap: break-word; } h3 { font-size: 24px; line-height: 28px; -ms-word-wrap: break-word; word-wrap: break-word; } h4 { font-size: 18px; line-height: 22px; -ms-word-wrap: break-word; word-wrap: break-word; } h5 { font-size: 14px; line-height: 18px; -ms-word-wrap: break-word; word-wrap: break-word; } h1.intro { font-size: 3.75rem; line-height: 5rem; text-align: center; } h1.single-title { margin-top: 0; color: #000; font-size: 24px; line-height: 28px; text-transform: uppercase; } h1.page-title { margin-top: 0; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { margin-top: 35px; margin-bottom: 20px; color: #000; } /* BUTTONS */ .standard-button { font-weight: 600; } /* OTHER TEXTS */ strong, .strong { font-weight: 600; } .dark-text { color: #1395ba; } .transparent-text { color: rgba(255, 255, 255, 0.6); } .transparent-text-dark { color: rgba(49, 49, 49, 0.5); } .small-text { font-size: 14px; } .small-text-medium { font-size: 14px; font-weight: 600; } .uppercase { text-transform: uppercase; } .line-through { text-decoration: line-through; } .button-text { font-weight: 600; text-transform: uppercase; } .price .month { color: #666; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 16px !important; } .bypostauthor { position: static; } /*-------------------------------------------------------------- 2.2 Elements --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; box-sizing: inherit; } body { background-color: #fff; /* Fallback for when there is no custom background color defined. */ } body.custom-background { background-size: cover; } .skip-link { z-index: 1031!important; top: 40px!important; color: #f16c20!important; text-decoration: none!important; } .header { background-attachment: fixed; background-position: top center; background-size: cover; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { height: 1px; margin-bottom: 1.5em; border: 0; background-color: #ccc; } ul, ol { margin: 0 0 1.5em 0; padding-left: 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } table { width: 100%; margin: 0 0 1.5em; } table, th, td { border: 1px solid #eaeaea; } th, td { padding: 0.4em; } .wp-caption { max-width: 100%; margin-bottom: 1.6em; } p { margin: 0 0 10px; } dfn, cite, em, i { font-style: italic; } blockquote { margin-bottom: 1.5em; padding: 15px 20px; font-size: 17.5px; font-weight: 300; line-height: 24px; } .entry-content blockquote p { color: #313131; font-weight: 300; } address { margin: 0 0 1.5em; } pre { overflow: auto; max-width: 100%; margin-bottom: 1.6em; padding: 1.6em; border: 1px solid #e7e7e7; background: #eee; background: #fafafa; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- 2.3 ALIGNMENTS --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { display: block; clear: both; margin: 0 auto; } /*--------------------------------------- 2.4 BUTTONS -----------------------------------------*/ .standard-button { padding: 18px 40px 18px 40px; border: none; border-radius: 3px; color: #fff; font-size: 16px; line-height: 1.6; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: none; transition: none; } .secondary-button { padding: 20px 35px 20px 35px; border: none; border: 1px solid rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); border-radius: 3px; color: #fff; background: transparent; font-size: 14px; line-height: 1.6; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: none; transition: none; } .secondary-button:hover { border-color: #fff; background: transparent; } .secondary-button-dark { padding: 20px 35px 20px 35px; border: none; border-color: rgba(39, 39, 39, 0.5); border-radius: 3px; color: #272727; background: transparent; font-size: 14px; line-height: 1.6; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: none; transition: none; } .secondary-button-dark:hover { border-color: #272727; color: #272727; background: transparent; } .navbar-register-button { border: none; color: #fff !important; font-weight: 500; text-transform: uppercase; -webkit-transition: none; transition: none; } /*--------------------------------------- 2.5 BORDER AND LINE -----------------------------------------*/ .border-right { border-right: 1px solid #eaeaea; } .border-left { border-left: 1px solid #eaeaea; } .colored-line-left, .colored-line-right, .colored-line, .white-line, .grey-line { display: block; width: 80px; height: 2px; } .white-line { margin: auto; background: #fff; } .grey-line { background: #eaebec; } .grey-line-short { display: block; width: 40px; height: 2px; background: #eaebec; } .white-text { color: #fff; } .white-bg-border { border-top: 1px solid #eaebec; border-bottom: 1px solid #eaebec; background: #fff; } .white-bg { background: #fff; } .grey-bg { border-top: 1px solid #eaebec; border-bottom: 1px solid #eaebec; background: #f7f8fa; } .dark-bg { background: #2e3336; } .colored-line-left { float: left; } .colored-line-right { float: right; } .colored-line { margin: auto; } /*--------------------------------------- 2.6 SECTION HEADERS -----------------------------------------*/ .section-header { margin-top: 90px; margin-bottom: 60px; text-align: center; } .section-header h2 { margin-top: 10px; margin-bottom: 20px; font-size: 2.4rem; line-height: 3.125rem; } .sub-heading { margin-top: 20px; } #llorix_one_lite_move .layer { width: 100%; height: 100%; background-position: top center; background-size: cover; } .header { overflow: hidden; } .header.headr-parallax-effect { position: relative; } .overlay-layer-wrap { position: relative; z-index: 3; } /*--------------------------------------- 2.7 FORM ELEMENTS -----------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 10px 30px 10px 30px; border: none; border: none; border-radius: 3px; color: #fff; background-color: #f16c20; background-image: url(images/tr-btn.png); background-repeat: repeat-x; background-size: contain; text-shadow: none; font-size: 12px; font-weight: bold; line-height: 1.6; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: none; transition: none; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: inherit; background: #f16c20; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="week"], input[type="month"], input[type="datetime-local"], input[type="datetime"], input[type="date"], input[type="color"], textarea, select { padding: 5px; border: 1px solid #dedede; border-radius: 3px; color: #666; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } textarea { width: 100%; height: auto; min-height: 150px; padding: 10px; } .input-box, .textarea-box { margin-bottom: 15px; border: 0; border: 1px solid #dedede; border-radius: 3px; outline: 0; color: #999; -webkit-box-shadow: none; box-shadow: none; line-height: auto; } .input-box { min-height: 45px; } .textarea-box { padding-top: 5px; padding-bottom: 5px; } textarea.form-control { min-height: 100px; } .input-box:active, .textarea-box:active, .input-box:focus, .textarea-box:focus { color: #272727; -webkit-box-shadow: none; box-shadow: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: normal; } label { padding-right: 5px; vertical-align: middle; } /* -------------------------------------- ========================================= 3. SECTION STYLES ========================================= -----------------------------------------*/ .sub-heading, .content-section { font-weight: 300; } /*--------------------------------------- 3.1 SECTION: HOME / HEADER -----------------------------------------*/ .whole-video-bg { overflow: hidden; position: fixed; z-index: 0; top: 0; left: 0; width: 1260px; height: 911px; opacity: 1; } .whole-page-wrap { position: absolute; z-index: 1; top: 0; left: 0; width: 1260px; height: 911px; } .header .overlay-layer { height: auto; padding-top: 84px; padding-bottom: 195px; } h1.site-title { margin-top: 12px; margin-bottom: 5px; font-size: 1.5rem; line-height: 1.5rem; } p.site-description { margin-top: 0; margin-bottom: 12px; font-size: 1rem; line-height: 1rem; } .navbar-brand { height: auto; } .header-logo-wrap { float: left; padding: 4px 10px; text-align: center; } /* STICKY NAVIGATION AND LOGO */ #menu-primary { float: right; } .appear-on-scroll { opacity: 0; } header .navbar-brand { height: 70px; padding: 7px 7px 7px 0; line-height: 52px; } .navbar-brand > img { display: inline-block; max-height: 56px; } .sticky-navigation { min-height: 70px; margin-bottom: 0 !important; border: none; background: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08); box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08); font-weight: 400; -webkit-backface-visibility: hidden; } .sticky-navigation .navbar-brand img { -webkit-backface-visibility: hidden; } .sticky-navigation .main-navigation { margin-top: 0; } .sticky-navigation .main-navigation li a { margin: 26px 18px; padding: 0; line-height: 18px; text-transform: uppercase; } .sticky-navigation .main-navigation li:hover > a { color: #f16c20; } .sticky-navigation .main-navigation .sub-menu li a { margin: 0; } .very-top-header { color: #fff; background: #0d3c55; } .very-top-header .transparent-text-dark { display: inline-block; width: 20px; height: 20px; border-radius: 75px; color: #343434; background-color: #fff; } .very-top-header .social-icons i:before { float: left; width: 20px; font-size: 14px; line-height: 20px; text-align: center; } .very-top-header .transparent-text-dark:hover { background: #f16c20; } .very-top-header .social-icons i:hover:before { color: #fff; } .very-top-header a:hover .transparent-text-dark { color: #f16c20; } .very-top-left { float: left; padding: 10px 0; color: #fff; font-size: 14px; font-weight: bold; } .very-top-left a { color: #fff; } .very-top-left a:hover { text-decoration: none; } .very-top-right { float: right; } .very-top-header ul.social-icons { margin-top: 12px; margin-bottom: 0; margin-left: 0; padding-left: 0; } .menu-align-center .main-navigation li a { margin: 0; } .sticky-navigation .main-navigation a { display: block; color: #313131; text-align: left; text-decoration: none; } .sticky-navigation .main-navigation ul ul a { width: 200px; padding: 10px; } .dropdownmenu { position: absolute; z-index: -1; top: 23px; right: 0; line-height: 28px; } .sticky-navigation-open .sticky-navigation { top: 0; opacity: 1; } .main-navigation { font-family: Montserrat, sans-serif; } .site-footer .main-navigation { margin-bottom: 1.75em; } .main-navigation ul { margin: 0; list-style: none; } .main-navigation li { position: relative; } .main-navigation a { display: block; padding: 0.84375em 0; color: #1a1a1a; line-height: 1.3125; } .main-navigation a:hover, .main-navigation a:focus { color: #007acc; } .main-navigation ul ul { display: none; } .main-navigation ul .toggled-on { display: block; } .main-navigation .primary-menu { border-bottom: 1px solid #e8e8e8; } .main-navigation .menu-item-has-children > a { margin-right: 50px; } .site-header-menu { display: none; -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .site-header-menu.toggled-on, .no-js .site-header-menu { display: block; } .primary-menu:before, .primary-menu:after { display: table; content: ""; } .primary-menu:after { clear: both; } .menu-item-has-children a:after, .dropdown-toggle:after { display: inline-block; font-family: "Genericons"; font-size: 16px; font-weight: normal; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-align: center; vertical-align: top; text-decoration: inherit; text-transform: none; speak: none; } .menu-item > a:focus { outline: 1px dotted #f16c20; } .site-header-menu.toggled-on, .no-js .site-header-menu { display: block; } .main-navigation ul .toggled-on { display: block; } button.dropdown-toggle, button.dropdown-toggle:hover, button.dropdown-toggle:active { position: absolute; z-index: 9; top: 0; right: -10px; width: 45px; height: 45px; padding: 10px; background: none; -webkit-box-shadow: none; box-shadow: none; line-height: 25px; } button.dropdown-toggle .dropdown-toggle-inner { float: left; width: 25px; height: 25px; margin: 0; padding: 0; padding: 0; border-radius: 2px; background: #999; } button.dropdown-toggle .dropdown-toggle-inner:after { display: inline-block; font: normal normal normal 14px/20px FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 25px; content: "\f107"; text-rendering: auto; } button.dropdown-toggle:hover .dropdown-toggle-inner, button.dropdown-toggle:focus .dropdown-toggle-inner { z-index: 1; color: #fff; background-color: #f16c20; } button.dropdown-toggle.toggled-on .dropdown-toggle-inner, button.dropdown-toggle.toggled-on:hover .dropdown-toggle-inner, button.dropdown-toggle.toggled-on:focus .dropdown-toggle-inner { z-index: 1; color: #fff; background-color: #f16c20; } .dropdown-toggle.toggled-on .dropdown-toggle-inner:after { display: inline-block; font: normal normal normal 14px/20px FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); text-rendering: auto; } .admin-bar .sticky-navigation-open .sticky-navigation { top: 32px; opacity: 1; } .sticky-navigation-open { min-height: 70px; background: transparent; } .primary-menu { width: auto; } .menu-align-center .navbar-header, .menu-align-center .navbar-collapse { width: 100%; text-align: center; } .menu-align-center .navbar-header > a { display: inline-block; float: none; } .menu-align-center .primary-menu { width: 100%; margin-bottom: 10px; text-align: center; } .menu-align-center .primary-menu > li { display: inline-block; float: none; } .menu-align-center .primary-menu > li a { padding: 5px 8px; } .menu-align-center .primary-menu > li.menu-item-has-children a { padding: 5px 18px 5px 8px; } .menu-align-center .primary-menu > li.menu-item-has-children > .dropdownmenu { top: 4px; } .menu-align-center .no-menu > li > a { padding: 5px 8px; } .navbar-inverse .navbar-toggle .icon-bar { width: 30px; height: 4px; border-radius: 2px; background-color: #f16c20; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle { margin-right: 5px; padding: 13px 10px; } .navbar-toggle:hover .icon-bar, .navbar-toggle.toggled-on .icon-bar, .navbar-toggle:focus .icon-bar { background-color: #0d3c55; } /* ONLY LOGO */ .centered-logo { width: 100%; text-align: center; } .centered-logo .navbar-brand > img { display: inline-block; } .centered-logo .navbar-brand { float: none; } .centered-logo .navbar-brand a { padding: 0; } .centered-logo .navbar-brand img { margin: 18px 15px 10px 15px; } .only-logo .navbar-header { float: none; margin: auto; text-align: center; } .only-logo .navbar { min-height: 10px; } .header-layer-one { background-position: 0 0; background-size: cover!important; } .header-layer-two { background-position: 0 0; background-size: cover!important; } /* INTRO */ .intro-section { margin-top: 130px; text-align: center; } .intro-section h5 { margin-top: 30px; margin-bottom: 40px; font-size: 18px; line-height: 1.5; line-height: 28px; text-align: center; } .imac-image img { width: 85%; margin-top: 70px; } .header-parallax-effect-mobil { background-position: top center; } /* header style [1] */ .header-style-one .intro-section { margin-top: 70px; } .header-style-one .intro-section h5 { margin-top: 13px; margin-bottom: 70px; } /* header style [2] */ .header-style-two .intro-section { margin-top: 110px; } .header-style-two .vertical-registration-form { float: right; margin-top: 84px; padding: 15px 32px 32px 32px; border-radius: 3px; background: #fff; -webkit-box-shadow: 0 0 3px 0 #000; box-shadow: 0 0 3px 0 #000; } .header-style-two .vertical-registration-form form button { width: 100%; margin-top: 2px; } .header-style-two .intro-section .btn-primary { padding: 10px 20px 10px 20px; } .header-style-two .intro-section p { margin-top: 30px; margin-bottom: 40px; } .header-style-two .vertical-registration-form .form-heading { margin-bottom: 25px; } /* header style [3] */ .header-style-three .intro-section { margin-top: 100px; margin-bottom: 55px; } .header-style-three .overlay-layer { height: auto; padding-top: 60px; padding-bottom: 0 !important; } .header-style-three .intro-section h5 { margin-top: 15px; margin-bottom: 60px; } .header-style-three .browser-image img { max-width: 80%; margin-bottom: -5px; } /* header style [4] */ .header-style-four .intro-section { margin-top: 80px; } .header-style-four .intro-section h5 { margin-top: 15px; margin-bottom: 45px; } .header-style-four .horizontal-subscribe-form .input-box { width: 350px; min-height: 65px; margin: 0; font-size: inherit; } .header-style-four .horizontal-subscribe-form { display: inline-block; padding: 25px 25px 25px 25px; border-radius: 6px; background: rgba(0, 0, 0, 0.45); } /* header style [5] */ .header-style-five .intro-section { margin-top: 70px; } /*--------------------------------------- 3.2 SECTION: CLIENTS LIST -----------------------------------------*/ .client-logos { z-index: 1; margin-bottom: 0; text-align: center; } .client-logos li { display: inline-block; margin: 2px 2px 2px 2px; vertical-align: middle; } .client-logos li a { display: block; padding: 5px; } .client-logos li img { max-height: 250px; -webkit-filter: grayscale(1); filter: grayscale(1); } .client-logos li img:hover { opacity: 1; -webkit-filter: initial; filter: initial; } .clients { border-bottom: 1px solid #dadfe3; background: rgba(255, 255, 255, 0.9); } .display-none { display: none !important; } .llorix_one_lite_grid_col_4 > div, .llorix_one_lite_grid_col_3 > div, .llorix_one_lite_grid_col_2 > div, .llorix_one_lite_grid_col_1 > div { margin-bottom: 30px; text-align: center; } .llorix_one_lite_grid_col_4 { float: left; width: 23%; margin: 0 1.25% 0 1.25%; } .llorix_one_lite_grid_col_3 { float: left; width: 31.5%; min-height: 1px; margin: 0 1.25% 0 1.25%; } .llorix_one_lite_grid_col_2 { float: left; width: 48%; margin: 0 1.75% 0 1.75%; } .llorix_one_lite_grid_col_1 { float: left; width: 100%; } .llorix_one_lite_grid_first { margin-left: 0; padding-left: 0; } .llorix_one_lite_grid_last { margin-right: 0; padding-right: 0; } /*--------------------------------------- 3.4 SECTION: APP BRIEF -----------------------------------------*/ .brief { border-bottom: 1px solid #eaebec; background-color: #fff; } .brief .section-overlay-layer { padding-top: 80px; padding-bottom: 115px; } .brief .content-section { margin-top: 15px; } .brief h2 { margin-top: 10px; margin-bottom: 15px; font-size: 2.4rem; line-height: 3.125rem; } .brief p { margin-top: 40px; } .brief .brief-image-right { margin-top: 20px; } .brief .brief-image-right img { float: right; width: 92%; } .brief .brief-image-left { overflow: hidden; margin-top: 25px; } .brief .brief-image-left img { float: left; width: 95%; } .brief .brief-content-text a.llorix-one-lite-default-links { color: #313131; } #intro_section_text_2 a.llorix-one-lite-default-links { color: #fff; } .feature-list { margin-top: 15px; } .feature-list li { position: relative; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; } .feature-list li:before { position: absolute; top: 8px; left: 0; color: #f16c20; font-size: 36px; content: "\2022"; } .feature-list li span { margin-right: 10px; } .brief-content-one { float: left; } .brief-content-one { float: right; } .brief-left .brief-content-one { float: left; } .brief-left .brief-content-two { float: right; } .brief-right .brief-content-one { float: right; } .brief-right .brief-content-two { float: left; } .brief-content-text { clear: both; margin-top: 40px; } /* ACCORDION */ .panel-default { display: block; margin-top: 35px; border: 0; border-radius: 3px; text-align: left; } .panel-body { border-top: 4px solid #f7f8fa !important; } .panel-heading { padding: 0; border: none; background-color: #fff !important; } .panel-group .panel + .panel { margin-top: 15px; } .panel-heading .title-text { line-height: 40px; } .panel-title a:hover { text-decoration: none; } .panel-title .icon-container { display: inline-block; float: left; height: 40px; margin-right: 10px; padding-top: 1px; padding-right: 10px; padding-left: 10px; border-top-left-radius: 3px; font-size: 16px; line-height: 40px; text-align: !important; vertical-align: middle; } /*--------------------------------------- 3.6 SECTION: UNIQUE FEATURES -----------------------------------------*/ .unique-features { padding-bottom: 100px; } .ipad-image { margin: auto; } .ipad-image img { width: auto; max-width: 100%; text-align: center; } .feature { overflow: hidden; margin: auto; margin-top: 30px; margin-bottom: 25px; padding-right: 0; padding-left: 10px; } .feature .icon-container { float: left; margin-right: 10px; padding-top: 18px; } .feature .icon-container i { font-size: 30px; } .feature .description { float: right; width: 85%; } .feature .description p { margin-top: 20px; } .unique-features-cols-one .unique-features-col { width: 100%; } .unique-features-cols-one .feature .description { width: 100%; padding-left: 110px; } .unique-features-cols-one .feature { position: relative; } .unique-features-cols-one .icon-container { overflow: hidden; position: absolute; top: 0; left: 0; width: 110px; text-align: center; } .unique-features-cols-two .unique-features-col { width: 50%; } /*--------------------------------------- 3.7 SECTION: PRICING TABLE -----------------------------------------*/ .pricing { padding-bottom: 30px; } .pricing-table { padding-right: 30px; padding-left: 30px; } .single-pricing { margin-bottom: 80px; padding: 20px; padding-bottom: 25px; border: 1px solid #e4e7e7; border-bottom: 4px solid #e4e7e7; border-radius: 3px; background: #fff; -webkit-transition: all ease 0.55s; transition: all ease 0.55s; } .package-title h3 { margin-top: 0; margin-bottom: 0; border-radius: 3px; line-height: 60px; } .price { margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-top: 15px; padding-bottom: 25px; border-bottom: 1px solid #ececec; } .price .superscript { font-size: 25px; vertical-align: super; } .price .month { display: block; margin-top: 0; font-size: inherit; font-size: 14px !important; font-weight: 300; line-height: 1; } .package-list { margin-bottom: 25px; padding-top: 10px; } .package-list li { margin-top: 12px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px dotted #eaeaea; } .package-list li span { margin-right: 8px; } .single-pricing .button { margin-bottom: 20px; } .highlighted { margin-top: -24px; } .highlighted .package-title h3 { line-height: 84px; } /*--------------------------------------- 3.8 SECTION: SCREENSHOTS -----------------------------------------*/ .features { background: transparent; background-size: cover; } .features .overlay-layer-2 { padding-bottom: 84px; } .single-feature { margin-bottom: 58px; } .left-side .single-feature { padding-right: 18px; } .right-side .single-feature { padding-left: 18px; } .screenshot img { display: block; width: 100%; height: auto; } .screenshot img:hover { cursor: crosshair; } .owl-theme .owl-controls .owl-page span { background: #fff; } /*--------------------------------------- 3.9 VERTICAL TIMELINE -----------------------------------------*/ .latest-news { border-bottom: 1px solid #eaebec; background-color: #f7f8fa; } .latest-news .section-overlay-layer { padding-top: 80px; padding-bottom: 80px; } .vertical-timeline { margin: 0; padding: 0; } .timeline-section { padding: 0; padding-left: 180px; } .timeline h2 { padding-right: 110px; } .timeline-box-wrap { float: left; overflow: visible; position: relative; width: 100%; min-height: 180px; margin: 0; padding: 1em 1em 1em 0; border-left: 2px solid #eaeaea !important; list-style-type: none; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .timeline-box-wrap .date { display: inline-block; float: left; position: absolute; top: 70px; left: -50px; max-width: 55px; margin-top: 35px; margin-left: -100px; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 16px; font-weight: 300; line-height: 28px; } .timeline-box-wrap .icon-container { display: inline-block; float: left; overflow: hidden; width: 150px; height: 150px; margin-top: 30px; margin-left: -75px; padding-top: 0; border-radius: 50%; background: rgb(240, 240, 240); line-height: 150px; } .timeline-box-wrap .icon-container img { float: left; width: auto; min-width: 100%; max-width: 500%; height: auto; min-height: 100%; border: 0; vertical-align: middle; } .timeline-box-wrap .info { min-height: 150px; margin-left: 0; padding: 0 10px; padding-left: 100px; background: #fff; font-size: 14px; text-align: left; } .timeline-box-wrap .info:hover { border-bottom-color: #f16c20; } .timeline-box-wrap .info h1 { float: left; width: 100%; margin: 0; font-size: 20px; line-height: 22px; } .timeline-box-wrap .info h1 a { color: #454545; font-family: "Cabin", Helvetica Neue, Sans-serif; font-size: 22px; font-weight: 400; line-height: 26px; } .timeline-box-wrap .info h1 a:hover { color: #f16c20; text-decoration: none; } .timeline-box-wrap .info h1:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #f16c20; content: ""; } .timeline-box-wrap .info .entry-content p { float: left; width: 100%; margin: 0; margin-bottom: 5px; padding: 2px 0; color: #313131; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 16px; font-weight: 300; line-height: 26px; text-align: justify; } .timeline-box-wrap .info .entry-meta { float: left; width: 100%; padding: 5px 0 2px; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 14px; font-weight: 300; font-style: italic; line-height: 28px; } .timeline-box-wrap .read-more { font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 16px; font-weight: 300; line-height: 28px; } .llorix-one-lite-slider-whole-wrap { float: left; position: relative; width: 100%; } #llorix_one_slider { overflow: hidden; position: relative; width: 100%; margin: 20px auto 0 auto; border-radius: 4px; } #llorix_one_slider > ul { position: relative; height: 200px; margin: 0; padding: 0; list-style: none; } #llorix_one_slider > ul > li { display: block; float: left; position: relative; width: 100%; max-width: 1000px; height: auto; margin: 0; padding: 0; text-align: center; } button.control_next { display: block; position: absolute; z-index: 999; top: -60px; right: 60px; width: 40px; height: 40px; padding: 0; opacity: 0.8; color: #f16c20; background: none; font-size: 50px; font-weight: 600; line-height: 40px; text-decoration: none; cursor: pointer; } button.control_next:active, button.control_next:focus, button.control_prev:active, button.control_prev:focus { outline: 1px dotted #f16c20; -webkit-box-shadow: none; box-shadow: none; } button.control_prev { display: block; position: absolute; z-index: 999; top: -60px; right: 10px; width: 40px; height: 40px; padding: 0; opacity: 0.8; color: #f16c20; background: none; font-size: 50px; font-weight: 600; line-height: 40px; text-decoration: none; cursor: pointer; } button.control_prev:hover, button.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } button.control_prev { border-radius: 0 2px 2px 0; } button.control_prev.fade-btn, button.control_next.fade-btn { opacity: 0.1 !important; } /*--------------------------------------- 3.12 SECTION: CALL TO ACTION -----------------------------------------*/ .call-to-action { border-bottom: 1px solid #eaebec; background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; background-size: cover; } .call-to-action .section-overlay-layer { padding-top: 100px; padding-bottom: 100px; background: rgba(13, 60, 85, 0.8); } .call-to-action h2 { margin-top: 20px; margin-bottom: 50px; font-size: 2.4rem; line-height: 3.125rem; } .call-to-action h2 a { color: #fff; } .modal-content { padding: 10px 30px 30px 30px; } .modal-content button { width: 100%; } .ribbon-wrap { text-align: center; } /*--------------------------------------- 3.13 SECTION: CONTACT INFO -----------------------------------------*/ .contact-info { border-bottom: 1px solid #eaebec; background-color: #fff; text-align: center; } .icon-container .colored-text { color: #343434; } .contact-info .section-overlay-layer { padding-top: 30px; padding-bottom: 70px; } .contact-info .logo-container { margin-top: 20px; margin-bottom: 35px; } .contact-info .logo-container img { max-width: 65px; opacity: 0.6; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); } .contact-info .icon-container { margin-top: 40px; margin-bottom: 20px; font-size: 30px; } .contact-info .contact-links a { padding-top: 65px; padding-bottom: 0; color: #343434; } .contact-info .contact-links a:hover { color: #f16c20; text-decoration: none; } .contact-links .contact-link-box { display: inline-block; float: none; margin-right: -4px; text-align: center; vertical-align: top; } /*--------------------------------------- 3.14 SECTION: GOOGLE MAP -----------------------------------------*/ #google-container { position: relative; width: 100%; height: 500px; } #cd-google-map { position: relative; -webkit-transition: all ease 0.55s; transition: all ease 0.55s; } #cd-google-map iframe { margin-bottom: -8px; } #cd-google-map address { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em 1em; opacity: 0.8; color: #fff; } .llorix_one_lite_map_overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } #container-fluid { position: relative; } /*--------------------------------------- 3.15 TEMPLATE: CONTACT PAGE -----------------------------------------*/ .page-template-template-contact-php .content-wrap > .container { width: 100%; padding: 0; } .page-template-template-contact-php #primary { float: none; margin-bottom: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .contact-page-map-wrap { margin-bottom: -6px; } .contact-page { padding-bottom: 70px; } .content-page > .col-md-6:nth-child(odd) { padding-left: 0; } .content-page > .col-md-6:nth-child(even) { padding-right: 0; } .content-page input:not([type="submit"]):not([type="reset"]):not([type="button"]) { padding: 5px; } .content-page form { font-size: 12px; } .content-page form p { margin-bottom: 1em; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { border: none; color: #fff; background-color: rgba(255, 0, 0, 0.5); } div.wpcf7-response-output { margin: 2em 0 1em; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng { border: none; background-color: rgba(57, 143, 20, 0.5); } .content-page .entry-footer { float: left; width: 100%; } .llorix_one_lite_contact_form input:not([type="submit"]) { width: 100%; } .llorix_one_lite_contact_form input[type="text"], .llorix_one_lite_contact_form input[type="email"], .llorix_one_lite_contact_form input[type="url"], .llorix_one_lite_contact_form input[type="password"], .llorix_one_lite_contact_form input[type="search"] { padding: 10px; } /*--------------------------------------- 3.16 WOOCOMMERCE STYLE -----------------------------------------*/ .woocommerce .woocommerce-ordering select { width: 100%; padding: 10px 5px 10px 5px; border: 1px solid #e7e7e7; border-radius: 3px; } .woocommerce ul.products li.product .button, .woocommerce .products .product .button { margin: 0 3px; padding-top: 1px; padding-bottom: 4px; border: none; color: #fff; background-color: #f16c20; background-image: url(images/tr-btn.png); background-repeat: repeat-x; background-size: contain; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3); font-size: 14px; font-weight: normal; } .woocommerce ul.products li.product .button, .woocommerce .products .product .button { margin-top: 1em; } .woocommerce ul.products li.product .button:hover, .woocommerce .products .product .button:hover { border-color: #f16c20; opacity: 0.8; } .woocommerce ul.products li.product h3, .woocommerce .products .product h3 { color: #000; font-size: 1em; } .woocommerce ul.products li.product h3:after, .woocommerce .products .product h3:after { display: none; content: ""; } .woocommerce ul.products li.product h3:hover, .woocommerce .products .product h3:hover { color: #f16c20; text-decoration: none; } .woocommerce ul.products li.product .onsale, .woocommerce .products .product .onsale { top: 3px; right: 3px; left: auto; min-width: 50px; min-height: 50px; margin: 0; padding: 0; border-radius: 0; background-color: rgba(19, 149, 186, 0.9); line-height: 50px; } .woocommerce img, .woocommerce-page img { max-width: 100%; height: auto; } .woocommerce .type-product img { width: 100%; } .woocommerce nav.woocommerce-pagination { float: left; width: 100%; text-align: center; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { border-right: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 30px; margin: 0 2px; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-radius: 2px; background: #fff; } /* rating stats */ .product .comment-form .star-rating { float: right; width: 100px; height: 20px; } .product .comment-form .star-rating span { float: left; overflow: hidden; height: 0; padding-top: 16px; } .product .comment-form .hreview-aggregate .star-rating { margin: 10px 0 0 0; } .product .comment-form #review_form #respond { position: static; width: auto; margin: 0; padding: 0 0 0; border: 0; background: transparent none; } .product .comment-form #review_form #respond:after { display: block; clear: both; content: ""; } .product .comment-form #review_form #respond p { margin: 0 0 10px; } .product .comment-form #review_form #respond .form-submit input { left: auto; } .product .comment-form #review_form #respond textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .product .comment-form p.stars:after { display: block; clear: both; content: ""; } .product .comment-form p.stars span { float: left; position: relative; width: 100px; height: 20px; margin-top: 10px; } .product .comment-form p.stars span a { float: left; overflow: hidden; position: absolute; top: 0; left: 0; width: 20px; height: 0; padding-top: 24px; color: rgba(255, 174, 0, 1); } .product .comment-form p.stars span a:hover, .product .comment-form p.stars span a:focus { -webkit-transition: initial; transition: initial; } .product .comment-form p.stars span a.star-1 { z-index: 10; width: 20px; } .product .comment-form p.stars span a.star-2 { z-index: 9; width: 20px; margin-left: 20px; } .product .comment-form p.stars span a.star-3 { z-index: 8; width: 20px; margin-left: 40px; } .product .comment-form p.stars span a.star-4 { z-index: 7; width: 20px; margin-left: 60px; } .product .comment-form p.stars span a.star-5 { z-index: 6; width: 20px; margin-left: 80px; } .product .comment-form p.stars { width: 100px; } .woocommerce a.button.alt { background-color: #f16c20; } .woocommerce a.button.alt:hover { border: 1px solid #eaebec; color: #f16c20; background: #f7f8fa; } .woocommerce ul.products li.product .star-rating, .woocommerce .products .product .star-rating { display: inline-block; margin-top: 10px; font-size: 15px; } .woocommerce .star-rating span { color: rgb(255, 174, 0); line-height: 17px; } .woocommerce .products .star-rating span { top: -1px; } .woocommerce ul.products li.product .price ins, .woocommerce .products .product .price ins { color: #000; background: none; font-size: 20px; font-weight: 700; } .woocommerce ul.products li.product .price del, .woocommerce .products .product .price del { color: rgb(0, 0, 0); font-size: 14px; } .woocommerce ul.products li.product a:nth-child(1), .woocommerce .products .product a:nth-child(1) { float: left; position: relative; width: 100%; height: auto; border-bottom: 1px solid #ececec; } .woocommerce ul.products li.product a:hover, .woocommerce .products .product a:hover { text-decoration: none; } .woocommerce ul.products li.product .price, .woocommerce .products .product .price { float: left; width: 100%; margin-bottom: 0; padding: 0 0 10px 0; border-bottom: 0; } .woocommerce div.product .product_title { margin-top: 0; color: #000; font-size: 24px; line-height: 32px; text-transform: uppercase; } .woocommerce div.product .product_title:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #f16c20; content: ""; } .woocommerce div.product form.cart .button, .woocommerce div.product .single_add_to_cart_button { padding: 12px 30px 10px 30px; border: none; border-radius: 3px; color: #fff; background-color: #f16c20; background-image: url(images/tr-btn.png); background-repeat: repeat-x; background-size: contain; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3); font-size: 16px; line-height: 1.6; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: none; transition: none; } .woocommerce div.product form.cart .button:hover, .woocommerce div.product .single_add_to_cart_button:hover { border: none; color: #fff; background: #f16c20 !important; text-decoration: none; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { color: #000; font-size: 30px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { color: #000; font-size: 18px; line-height: 32px; } .woocommerce .products .product .price del { display: block; opacity: 0.5; color: inherit; color: rgb(0, 0, 0); font-size: 14px; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 11px; } .woocommerce div.product .product_title { margin-bottom: 15px; } .woocommerce div.product p.price, .woocommerce div.product span.price { padding: 0; padding-bottom: 15px; } .woocommerce div.product p.stock { margin: 10px 0 30px; color: #f16c20; font-size: 14px; } .woocommerce .woocommerce-breadcrumb { margin: 0 0 30px; } .woocommerce span.onsale { top: 3px; left: 3px; min-width: 70px; min-height: 70px; margin: 0; padding: 0; border-radius: 0; background-color: rgba(19, 149, 186, 0.9); line-height: 70px; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { display: block; float: left; margin: 30px 0 10px; } .woocommerce div.product p.stock { display: block; float: left; clear: left; width: 100%; margin: 10px 0; } .woocommerce .product_meta { float: left; width: 100%; margin-top: 25px; } .woocommerce h2:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #ececec; content: ""; } .woocommerce h2 { font-size: 22px; line-height: 26px; } .woocommerce h3:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #ececec; content: ""; } .woocommerce h3 { font-size: 18px; font-weight: 700; line-height: 22px; } .woocommerce .product_meta .sku_wrapper { display: block; } .woocommerce .product_meta .posted_in { display: block; } .woocommerce .quantity .qty { padding: 11px 0; border: 1px solid #e7e7e7; border-radius: 3px; font-weight: bold; line-height: 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; border: none; content: ""; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #ececec; content: ""; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 1px solid rgba(19, 149, 186, 1); color: rgba(19, 149, 186, 1); background: none; } .woocommerce table.shop_attributes { border: none; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { border: none; } .woocommerce div.product .woocommerce-tabs .panel { -webkit-box-shadow: none; box-shadow: none; } .woocommerce #reviews #comments ol.commentlist { float: left; margin-top: 15px; padding-left: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border-radius: 50%; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 70px; border: 1px solid #ececec; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { color: #000; font-size: 14px; } .woocommerce #reviews #comments h2 { float: left; width: 100%; } .woocommerce #review_form #respond .form-submit input { min-width: 10px; padding: 7px 30px; border: 1px solid #f16c20; border-radius: 3px; color: #fff; background: #f16c20; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-weight: 500; line-height: 30px; text-align: center; text-transform: uppercase; } .woocommerce #review_form #respond .form-submit input:hover { border: 1px solid #eaebec; color: #f16c20; background: #f7f8fa; } .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product { float: left; width: 23%; margin: 0 1.25% 0 1.25%; } .woocommerce-page .upsells.products ul li.product:nth-child(4n+1), .woocommerce-page .upsells.products ul.products li.product:nth-child(4n+1), .woocommerce .upsells.products ul li.product:nth-child(4n+1), .woocommerce .upsells.products ul.products li.product:nth-child(4n+1), .woocommerce .related ul li.product:nth-child(4n+1), .woocommerce .related ul.products li.product:nth-child(4n+1), .woocommerce-page .related ul li.product:nth-child(4n+1), .woocommerce-page .related ul.products li.product:nth-child(4n+1) { clear: left; margin-left: 0; } .woocommerce-page .upsells.products ul li.product:nth-child(4n), .woocommerce-page .upsells.products ul.products li.product:nth-child(4n), .woocommerce .upsells.products ul li.product:nth-child(4n), .woocommerce .upsells.products ul.products li.product:nth-child(4n), .woocommerce .related ul li.product:nth-child(4n), .woocommerce .related ul.products li.product:nth-child(4n), .woocommerce-page .related ul li.product:nth-child(4n), .woocommerce-page .related ul.products li.product:nth-child(4n) { clear: right; margin-right: 0; } .woocommerce-page .upsells.products ul li.product:nth-child(4n), .woocommerce-page .upsells.products ul.products li.product:nth-child(4n), .woocommerce .upsells.products ul li.product:nth-child(4n), .woocommerce .upsells.products ul.products li.product:nth-child(4n) { margin-right: 0; } .woocommerce .upsells.products ul, .woocommerce .upsells.products ul.products, .woocommerce-page .upsells.products ul, .woocommerce-page .upsells.products ul.products, .woocommerce .related ul, .woocommerce .related ul.products, .woocommerce-page .related ul, .woocommerce-page .related ul.products { margin-top: 40px; } .woocommerce .upsells.products h2:after, .woocommerce .upsells.products h2:after, .woocommerce-page .upsells.products h2:after, .woocommerce-page .upsells.products h2:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #ececec; content: ""; } .woocommerce #reviews h3 { margin-top: 20px; margin-bottom: 20px; } .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb { font-size: 16px; font-weight: 400; line-height: 20px; } .woocommerce .woocommerce-breadcrumb a:hover { color: #f16c20; } .woocommerce div.product .woocommerce-tabs h2:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #ececec; content: ""; } .woocommerce .review_form_wrapper { float: left; width: 100%; padding: 50px 0 30px; } .woocommerce p.stars { padding-left: 0; } .product .comment-form p.stars span a { border-right: none; font-size: 18px; } .woocommerce div[itemprop="description"] { margin-top: 20px; } .woocommerce .woocommerce-message { border: none; border-bottom: 3px solid #f16c20; border-radius: 3px; color: #eef9ff; background-color: #39afea; line-height: 18px; } .woocommerce div.product div.images, .woocommerce div.product div.summary { font-weight: 400; } .woocommerce .woocommerce-message a { color: #fff; font-weight: bold; } .woocommerce .woocommerce-message:before { color: #fff; content: "\e015"; } .woocommerce table.my_account_orders .order-actions { text-align: center; } .woocommerce .woocommerce-message .button { float: right; margin-top: -5px; margin-bottom: -5px; padding: 7px; color: #fff; background-color: rgb(0, 142, 214); font-size: 13px; font-weight: normal; line-height: 16px; } .woocommerce .woocommerce-message .button:hover { color: #f16c20; background: rgba(255,255,255,0.9); } .woocommerce a.remove { margin: 0 auto; color: rgb(249, 98, 98)!important; } .woocommerce a.remove:hover { background: rgb(249, 98, 98); } .woocommerce .cart_item .quantity .qty { width: 100px; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; padding: 0 20px; border: 1px solid #f16c20; border-radius: 3px; color: #fff; background: #f16c20; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-weight: 500; line-height: 28px; text-align: center; text-transform: uppercase; } .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover { border: 1px solid #eaebec; color: #f16c20; background: #f7f8fa; } .woocommerce table.shop_table { font-size: 14px; text-align: center; } .woocommerce-cart table.cart .product-name { font-weight: bold; text-align: left; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price span, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins, .woocommerce .products .product .price, .woocommerce .products .product .price span, .woocommerce .products .product .price del, .woocommerce .products .product .price ins { text-align: center; } .woocommerce-cart table.cart td.actions .coupon .input-text { line-height: 16px; } .woocommerce-checkout #payment ul.payment_methods { font-size: 14px; line-height: 18px; } .woocommerce .woocommerce-error { border: none; border: none; border-bottom: 3px solid #c84e54; border-radius: 3px; color: #fff; background-color: #e86a6a; } .woocommerce .woocommerce-error .button { float: right; margin-top: -5px; margin-bottom: -5px; padding: 7px; border: none; color: #fff; background-color: rgba(0,0,0,0.2); font-size: 13px; font-weight: normal; line-height: 16px; } .woocommerce .woocommerce-error .button:hover { border: none; color: #e86a6a; } .woocommerce .woocommerce-error a { color: #fff; font-weight: bold; } .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li { opacity: 0.8; } .woocommerce .woocommerce-error:before { color: #fff; content: "\e016"; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { float: none; float: right; padding: 0 20px; border: 1px solid #f16c20; border-radius: 3px; color: #fff; background: #f16c20; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-weight: 500; line-height: 28px; text-align: center; text-transform: uppercase; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { border: 1px solid #eaebec; color: #f16c20; background: #f7f8fa; } .woocommerce-shipping-calculator a { font-size: 14px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { padding: 7px 10px; border: 1px solid #e7e7e7; border-radius: 3px; font-weight: normal; line-height: 16px; } .woocommerce .cart_totals h2:after, .woocommerce .cart-collaterals .cross-sells h2:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #e0e0e0; content: ""; } .woocommerce .woocommerce-info { border: none; border-bottom: 3px solid #f16c20; border-radius: 3px; } .woocommerce-shipping-fields h3 { position: relative; padding-left: 35px; } .woocommerce-billing-fields h3:after, .woocommerce-shipping-fields h3:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #e0e0e0; content: ""; } .woocommerce table.shop_table td.product-name { line-height: 16px; text-align: left; } .woocommerce .woocommerce-shipping-fields label.checkbox { display: inline-block; } .woocommerce .woocommerce-shipping-fields input[type="checkbox"] { display: inline-block; position: absolute; top: 14px; left: 0; width: auto; margin-left: 10px; } .woocommerce table.shop_table th.product-total { text-align: center; } .woocommerce-checkout #payment { border-radius: 5px; background: #fcfcfc; } .content-page .woocommerce input:not([type="submit"]) { width: auto; } .woocommerce-checkout #payment div.payment_box { border-bottom: 1px solid #ccc; border-radius: 3px; background: #fff; font-size: 14px; line-height: 18px; } .woocommerce-checkout #payment div.payment_box p { font-size: 14px; line-height: 18px; } .woocommerce-checkout #payment div.payment_box:after { display: block; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em; border: 8px solid #fff; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; content: ""; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; float: right; padding: 0 20px; border: 1px solid #f16c20; border-radius: 3px; color: #fff; background: #f16c20; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-weight: 500; line-height: 28px; text-align: center; text-transform: uppercase; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { border: 1px solid #eaebec; color: #f16c20; background: #f7f8fa; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { float: none; padding: 0 20px; border: 1px solid #f16c20; border-radius: 3px; color: #fff; background: #f16c20; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-weight: 500; line-height: 28px; text-align: center; text-transform: uppercase; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { border: 1px solid #eaebec; color: #f16c20; background: #f7f8fa; } .woocommerce .order_details { padding-left: 0; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { position: absolute; top: 0.618em; top: 0; right: 1em; font-family: WooCommerce; font-weight: 400; -webkit-font-smoothing: antialiased; vertical-align: top; content: "\e01c"; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .woocommerce ul.products li.product a.added_to_cart, .woocommerce .products .product a.added_to_cart { display: inline-block; margin-top: 0; margin-top: 10px; margin-left: -5px; padding: 0; padding: 6px 10px 6px 6px; border: 1px solid rgb(218, 218, 218); border-radius: 3px; background-color: rgb(231, 231, 231); -webkit-box-shadow: 0 3px 0 #005885; box-shadow: 0 3px 0 rgb(218, 218, 218); font-size: 13px; line-height: 16px; } .woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count { float: right; float: left; margin-top: 36px; margin-left: 15px; padding: 0 5px; border-radius: 3px; color: #fff; background-color: rgba(19, 149, 186, 0.7); font-size: 12px; } .woocommerce-account .addresses .title .edit:hover, .woocommerce-account ul.digital-downloads li .count:hover { background-color: rgba(19, 149, 186, 1); text-decoration: none; } .woocommerce form .form-row label.inline { display: inline; margin-left: 20px; } .woocommerce #review_form #respond p { min-height: 38px; margin-bottom: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 20px; line-height: 26px; } .woocommerce #reviews .reply-title { font-size: 22px; line-height: 26px; } .woocommerce form .form-row label { font-size: 14px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { font-size: 14px; line-height: 18px; } .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce .related ul.products li.product .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product { padding: 20px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .products .product, .woocommerce-page .products .product { margin-bottom: 30px; padding: 15px; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 4px solid #eaeaea; border-left: 1px solid #eaeaea; background: #fff; text-align: center; list-style: none; -webkit-transition: all ease 0.55s; transition: all ease 0.55s; } .woocommerce .products, .woocommerce-page .products { clear: both; width: 100%; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce .products .product:hover, .woocommerce-page .products .product:hover { border-bottom-color: #f16c20; } .woocommerce-page #primary { padding-right: 0; padding-left: 0; } .woocommerce div.product form.cart .variations label { color: #313131; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 16px; font-weight: 400; line-height: 53px; } .woocommerce div.product form.cart .variations select { float: left; width: 100%; padding: 10px 5px 10px 5px; border: 1px solid #e7e7e7; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; width: 23%; margin: 0 1.25% 0 1.25%; margin-bottom: 30px; } .woocommerce ul.products li.product:nth-child(4n+1), .woocommerce-page ul.products li.product:nth-child(4n+1) { clear: left; margin-left: 0; } .woocommerce ul.products li.product:nth-child(4n), .woocommerce-page ul.products li.product:nth-child(4n) { clear: right; margin-right: 0; } .widget.woocommerce .widget-title:after { display: none !important; content: ""; } .widget.woocommerce input[type="search"] { width: 100%; padding-right: 110px; padding-bottom: 11px; line-height: 22px; } .widget.woocommerce form { position: relative; } .widget.woocommerce input[type="submit"] { position: absolute; top: 3px; right: 3px; } .widget.woocommerce label { display: none; } .widget.woocommerce ul.cart_list li a, .widget.woocommerce ul.product_list_widget li a { display: block; font-size: 16px; font-weight: 400; } .widget.woocommerce ul.cart_list li { padding-top: 0; } .widget.woocommerce del, .widget.woocommerce ins { background: transparent; font-size: 14px; } .widget.woocommerce .widget_shopping_cart .cart_list li a.remove, .widget.woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 16px; left: 0; } .widget.woocommerce .widget_shopping_cart .total, .widget.woocommerce.widget_shopping_cart .total { margin-top: 10px; padding: 10px 0 0; border-top: 3px double #ebe9eb; } .widget.woocommerce ul.cart_list li .star-rating, .widget.woocommerce ul.product_list_widget li .star-rating { float: left; margin-top: 3px; margin-right: 5px; padding-top: 6px; } .widget.woocommerce .reviewer { font-size: 14px; line-height: 14px; } .widget.woocommerce ul.cart_list li img, .widget.woocommerce ul.product_list_widget li img { float: right; width: 65px; height: auto; margin-left: 4px; -webkit-box-shadow: none; box-shadow: none; } .woocommerce .upsells.products ul > li, .woocommerce .upsells.products ul.products > li, .woocommerce-page .upsells.products ul > li, .woocommerce-page .upsells.products ul.products > li, .woocommerce .related ul > li, .woocommerce .related ul.products > li, .woocommerce-page .related ul > li, .woocommerce-page .related ul.products > li { float: left; width: 23%; margin: 0 1.25% 0 1.25%; } /* WooCommerce 3.0.1 fixes */ .woocommerce div.product div.images .flex-control-thumbs li { width: 30.75%; margin-right: 3.8%; margin-bottom: 1em; } .woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .woocommerce div.product div.images .flex-control-thumbs { padding-top: 20px; } /* WooCommerce 3.3.1 */ .woocommerce .products.columns-6 .llorix_one_lite_grid_col_6, .woocommerce-page .products.columns-6 .llorix_one_lite_grid_col_6 { float: left; width: 15%; margin-left: 1%; margin-right: 1%; } .woocommerce .products.columns-6 .llorix_one_lite_grid_col_6:nth-of-type(6n+1), .woocommerce-page .products.columns-6 .llorix_one_lite_grid_col_6:nth-of-type(6n+1) { margin-left: 0; } .woocommerce .products.columns-6 .llorix_one_lite_grid_col_6:nth-of-type(6n+6), .woocommerce-page .products.columns-6 .llorix_one_lite_grid_col_6:nth-of-type(6n+6) { margin-right: 0; } .woocommerce .products.columns-5 .llorix_one_lite_grid_col_5, .woocommerce-page .products.columns-5 .llorix_one_lite_grid_col_5 { float: left; width: 18%; margin-left: 1.25%; margin-right: 1.25%; } .woocommerce .products.columns-5 .llorix_one_lite_grid_col_5:nth-of-type(5n+1), .woocommerce-page .products.columns-5 .llorix_one_lite_grid_col_5:nth-of-type(5n+1) { margin-left: 0; } .woocommerce .products.columns-5 .llorix_one_lite_grid_col_5:nth-of-type(5n+5), .woocommerce-page .products.columns-5 .llorix_one_lite_grid_col_5:nth-of-type(5n+5) { margin-right: 0; } .woocommerce .products.columns-4 .llorix_one_lite_grid_col_4, .woocommerce-page .products.columns-4 .llorix_one_lite_grid_col_4 { width: 22.5%; margin-left: 1.66%; margin-right: 1.66%; } .woocommerce .products.columns-4 .llorix_one_lite_grid_col_4:nth-of-type(4n+1), .woocommerce-page .products.columns-4 .llorix_one_lite_grid_col_4:nth-of-type(4n+1) { margin-left: 0; } .woocommerce .products.columns-4 .llorix_one_lite_grid_col_4:nth-of-type(4n+4), .woocommerce-page .products.columns-4 .llorix_one_lite_grid_col_4:nth-of-type(4n+4) { margin-right: 0; } .woocommerce .products.columns-3 .llorix_one_lite_grid_col_3, .woocommerce-page .products.columns-3 .llorix_one_lite_grid_col_3 { width: 32%; margin-left: 1%; margin-right: 1%; } .woocommerce .products.columns-3 .llorix_one_lite_grid_col_3:nth-of-type(3n+1), .woocommerce-page .products.columns-3 .llorix_one_lite_grid_col_3:nth-of-type(3n+1) { margin-left: 0; } .woocommerce .products.columns-3 .llorix_one_lite_grid_col_3:nth-of-type(3n+3), .woocommerce-page .products.columns-3 .llorix_one_lite_grid_col_3:nth-of-type(3n+3) { margin-right: 0; } .woocommerce .products.columns-2 .llorix_one_lite_grid_col_2, .woocommerce-page .products.columns-2 .llorix_one_lite_grid_col_2 { width: 48%; margin-left: 2%; margin-right: 2%; } .woocommerce .products.columns-2 .llorix_one_lite_grid_col_2:nth-of-type(2n+1), .woocommerce-page .products.columns-2 .llorix_one_lite_grid_col_2:nth-of-type(2n+1) { margin-left: 0; } .woocommerce .products.columns-2 .llorix_one_lite_grid_col_2:nth-of-type(2n+2), .woocommerce-page .products.columns-2 .llorix_one_lite_grid_col_2:nth-of-type(2n+2) { margin-right: 0; } .woocommerce .products.columns-1 .llorix_one_lite_grid_col_1, .woocommerce-page .products.columns-1 .llorix_one_lite_grid_col_1 { width: 100%; } @media (max-width: 992px) { .woocommerce .products.columns-1 .llorix_one_lite_grid_col_2, .woocommerce-page .products.columns-1 .llorix_one_lite_grid_col_2 { width: 100%; } } @media (max-width: 750px) { .woocommerce .products[class*="columns-"] .llorix_one_lite_grid_col_2, .woocommerce-page .products[class*="columns-"] .llorix_one_lite_grid_col_2 { width: 48%; } .woocommerce .products.columns-1 .llorix_one_lite_grid_col_2, .woocommerce-page .products.columns-1 .llorix_one_lite_grid_col_2 { width: 100%; } } @media (max-width: 477px) { .woocommerce .products[class*="columns-"] .llorix_one_lite_grid_col_1, .woocommerce-page .products[class*="columns-"] .llorix_one_lite_grid_col_1 { width: 100%; } } /* End of WooCommerce 3.3.1 */ /*--------------------------------------- 3.17 BBPRESS STYLE -----------------------------------------*/ .bbpress #subscription-toggle { float: right; } .bbpress .bbp-breadcrumb { margin: 10px 0; } #subscription-toggle { /** margin: 10px 0; */ } #bbpress-forums div.bbp-template-notice img.avatar { margin-bottom: 2px; } div.bbp-template-notice.info { padding: 1px 5px; border: none; background-color: #f0f8ff; } div.bbp-template-notice a { color: #f16c20; text-decoration: none; } .bbp-pagination { float: left; width: 100%; margin-top: 10px; margin-bottom: 0; } #bbpress-forums li.bbp-header { padding: 10px 0; background: #fbfbfb; } #bbpress-forums #bbp-search-form #bbp_search { padding: 0; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 11px; line-height: 16px; } #bbpress-forums div.bbp-the-content-wrapper input { width: auto; } #bbpress-forums fieldset.bbp-form input { padding: 5px; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { border-top: none; } #bbpress-forums li.bbp-header { background: none; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background: none; } #bbpress-forums input[type="submit"] { padding: 5px 30px 5px 30px; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: none; } .bbp-breadcrumb, .bbp-breadcrumb a, .bbp-breadcrumb p { color: #666; font-size: 16px; font-weight: 400; line-height: 26px; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { color: #666; font-size: 16px; font-weight: 400; line-height: 26px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { color: #666; font-size: 16px; font-weight: 400; line-height: 26px; } .bbp-forum-title { float: left; width: 100%; margin-bottom: 15px; color: #000; font-size: 18px; font-weight: 700; line-height: 22px; } .bbp-forum-title:hover { text-decoration: none; } .bbp-forum-title:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #f16c20; content: ""; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 20px 5px; border-top: 1px solid #eee; } .bbp-forum-freshness p, .bbp-forum-freshness a, .bbp-forum-freshness span { font-size: 14px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { margin-bottom: 0; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { margin: 0; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { margin: 0; font-size: 14px; line-height: 24px; } #bbpress-forums li { font-size: 14px; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: none; } #bbpress-forums .bbp-author-name { font-size: 14px; line-height: 24px; } #bbpress-forums fieldset.bbp-form { margin-bottom: 0; padding: 0; border: none; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { border: 1px solid #e7e7e7; border-radius: 0 0 3px 3px; font-size: 14px; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { border: 1px solid #e7e7e7; border-bottom: none; border-radius: 3px 3px 0 0; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { border: 1px solid #e7e7e7; border-bottom: none; border-radius: 3px 3px 0 0; } li.bbp-forum-freshness, li.bbp-topic-freshness { float: left; width: 25%; text-align: center; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input { padding: 5px; border: 1px solid #e7e7e7; background-color: #fbfbfb; -webkit-box-shadow: none; box-shadow: none; } #bbpress-forums fieldset.bbp-form select { padding: 5px; border: 1px solid #dedede; border-radius: 3px; color: #666; } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background: red; } #bbpress-forums div.bbp-topic-tags { float: left; width: 100%; margin-bottom: 15px; } #bbpress-forums .bbp-topic-description a { font-size: 12px; } #bbpress-forums fieldset.bbp-form legend { padding: 5px 0; } div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry { padding: 8px 0; } #bbpress-forums div.bbp-reply-header { background: none; } #bbpress-forums .bbp-admin-links { color: transparent; } #bbpress-forums .bbp-admin-links a:hover { color: #f16c20; } .bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink { float: right; margin-left: 10px; color: #ccc; font-size: 12px; line-height: 32px; } #bbpress-forums #bbp-user-wrapper h2.entry-title { font-size: 30px; line-height: 34px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { opacity: 0.8; color: #fff; background: #f16c20; } #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description { line-height: 18px; } #bbpress-forums .bbp-forum-description .bbp-author-name { font-size: 12px; } /*--------------------------------------- 3.17 SECTION: FOOTER -----------------------------------------*/ .footer, .footer a { background-color: #0d3c55; } .footer a { color: #fff; } .footer a:hover { text-decoration: none; } .footer { padding-top: 40px; padding-bottom: 40px; color: #dbdbdb; } .footer-links li { display: inline-block; padding: 10px; } .footer-links li a { font-size: 14px; } .footer-links li a:hover { color: #f16c20; text-decoration: none; } ul.social-icons { margin-top: 10px; margin-left: 0; padding-left: 0; } .social-icons li { display: inline-block; margin-right: 5px; margin-left: 5px; } .social-icons li a:hover { text-decoration: none; } .social-icons li a:hover .transparent-text-dark { color: #313131; } .footer-widget-wrap { width: 100%; text-align: center; } .footer-widget-wrap .widget { float: none; width: 100%; } .footer-widget-wrap .widget-box { display: inline-block; float: none; margin-right: -4px; text-align: left; vertical-align: top; } .powered-by { margin-top: 30px; padding-top: 5px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 13px; text-align: center; } .powered-by a { color: #dbdbdb; } .powered-by a:hover { color: #f16c20; text-decoration: none; } .footer-bottom-wrap { text-align: center; } .footer-bottom-wrap ul { margin: 0; padding: 0; } footer.footer .widget-title { color: #fff; font-size: 21px; font-weight: normal; line-height: 28px; text-transform: uppercase; -ms-word-wrap: break-word; word-wrap: break-word; } footer.footer .widget-title:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #ececec; content: ""; } footer.footer .social-icons li a { padding: 0 5px; } footer.footer .social-icons i:before { display: inline-block; width: 30px; height: 30px; border-radius: 75px; color: #fff; background-color: rgba(255, 255, 255, 0.1); font-size: 12px; line-height: 30px; } footer.footer .social-icons i:hover:before { background: #f16c20; } /* foooter widget */ footer.footer li { list-style: none; } footer.footer ul { padding-left: 0; } footer.footer ul li { position: relative; margin: 0; padding-top: 10px; font-size: 16px; list-style: none; } footer.footer select { width: 100%; padding: 5px; border: 1px solid #e7e7e7; } footer.footer .widget { margin-bottom: 50px; } /* Calendar Widget */ footer.footer #wp-calendar { border: 1px solid #fff; } footer.footer #wp-calendar, footer.footer #wp-calendar td { border: 0; border-spacing: 1px; border-collapse: separate; } footer.footer #wp-calendar caption { margin: 0; font-size: 14px; } footer.footer #wp-calendar th, footer.footer #wp-calendar td { padding: 0; background-color: rgba(19, 149, 186, 0.1); text-align: center; } footer.footer #wp-calendar a { display: block; color: #000; background-color: #fff; } footer.footer #wp-calendar a:hover { color: #fff; background: #f16c20; background-color: rgba(0, 0, 0, 0.15); text-decoration: none; } footer.footer #wp-calendar th { border: 1px solid #ddecf5; } footer.footer #wp-calendar tbody td { background-color: transparent; } footer.footer .site-footer #wp-calendar tbody td { background-color: transparent; } footer.footer #wp-calendar tbody td.pad, footer.footer .site-footer #wp-calendar tbody td.pad { background-color: transparent; } footer.footer #wp-calendar td { background: transparent; } /* search form */ .widget_search .screen-reader-text { display: none; } .widget_search label { width: 100%; } .widget_search input { width: 100%; padding: 10px 50px 10px 5px; border: 1px solid #e7e7e7; font-weight: 300; } .widget_search form { position: relative; } .widget_search .search-submit { position: absolute; top: 0; right: 0; width: 51px; height: 44px; padding: 0; border: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; text-indent: -99999999px; } .widget_search .search-submit:hover { background: none; -webkit-box-shadow: none; box-shadow: none; } .widget_search .search-form:hover:before { color: #f16c20; } /*--------------------------------------- 3.18 FRONTPAGE CONTENT -----------------------------------------*/ .frontpage-content { padding: 80px 0; } /*--------------------------------------- 4. DEFAULT COLORS -----------------------------------------*/ /* PRELOADER IMAGE BACKGROUND */ .status { background-image: url(images/loader-red.gif); background-repeat: no-repeat; background-position: center; background-size: cover; } /* THE OVERLAY COLORS WHICH WILL SHOW IN FRONT OF BACKGROUND IMAGES*/ .overlay-layer-2 { background: rgba(0, 5, 8, 0.90); } /* NAVBAR AND LINK COLORS */ .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { color: #f16c20; } a { color: #be5000; } a:hover { color: #be5000; } .border-bottom-hover:hover { border-bottom-color: #f16c20; } .sticky-navigation .main-navigation li a:hover, .sticky-navigation .login-register li.login a:hover { color: #f16c20; text-decoration: none; } .sticky-navigation .main-navigation li.current > a { color: #f16c20; } /* INPUT FIXES */ .input-box:active, .textarea-box:active, .input-box:focus, .textarea-box:focus { border-color: #f16c20; } /* BUTTONS*/ .standard-button, .navbar-register-button { padding: 10px 25px; border: 3px solid #f16c20; border-color: #f16c20; border-radius: 30px; color: #fff; background: rgba(241,108,32,0.4); font-size: 20px; white-space: initial; text-decoration: none; } .standard-button:hover, .navbar-register-button:hover { border-color: #f16c20; color: #fff; background: #f16c20; text-decoration: none; } .standard-button:focus, .navbar-register-button:focus { color: #fff; } .standard-button:active, .navbar-register-button:active { border-color: inherit !important; background: #f16c20 !important; -webkit-box-shadow: none; box-shadow: none; } /* COLORED BACKGROUND AND TEXT*/ .color-bg { background: #f16c20; } .colored-text { color: #f16c20; } /* COLORED BORDERS AND LINES */ .colored-line-left, .colored-line-right, .colored-line { background: #f16c20; } .border-right-colored { border-right: 1px solid rgba(19, 149, 186, 0.3); } .border-left-colored { border-left: 1px solid rgba(19, 149, 186, 0.3); } .long-transparent-line { width: 200px; height: 1px; margin: auto; background: rgba(19, 149, 186, 0.3); } /* -------------------------------------- ========================================= 5. BLOG ========================================= -----------------------------------------*/ .post-list article { float: left; width: 100%; margin-bottom: 40px; padding: 10px; border: 1px solid #eaeaea; border-bottom: 4px solid #eaeaea; border-radius: 3px; } .page-header { margin-top: 0; } .post-img-wrap { position: relative; min-height: 150px; background-color: rgb(234, 234, 234); } .list-post-entry-meta { position: relative; bottom: -1px; left: 0; width: 100%; padding: 14px; background: rgba(247, 247, 247, 1); } .posted-in i { position: absolute; top: 0; left: 0; color: #676767; font-size: 14px; line-height: 22px; } .posted-in { position: relative; margin-right: 10px; padding-left: 18px; color: #676767; font-weight: 600; } .post-list article .entry-content p { margin: 10px 0 5px; } .post-list h1.entry-title { margin-top: 10px; margin-bottom: 5px; } .post-list h1.entry-title a { color: #000; font-size: 24px; line-height: 28px; text-transform: uppercase; } .post-list h1.entry-title a:hover { color: #f16c20; text-decoration: none; } .page-title { margin-top: 0; color: #f16c20; font-size: 24px; line-height: 28px; text-transform: uppercase; } .post-img-wrap .post-date { position: absolute; top: 0; left: 0; min-width: 90px; min-height: 90px; padding: 16px 20px; background: rgba(19,149,186,0.9); text-align: center; } .post-date .post-date-day { display: block; color: #fff; font-size: 31px; font-weight: 700; line-height: 34px; } .post-date .post-date-month { display: block; color: #fff; font-size: 18px; font-weight: 500; line-height: 24px; text-transform: uppercase; } .content-page { margin-top: 15px; } .post-list article.sticky { border: 1px solid #f16c20; border-bottom: 4px solid #f16c20; } .posts-navigation { float: left; width: 100%; } .posts-navigation .nav-previous { float: left; width: 50%; font-weight: bold; text-align: left; } .posts-navigation .nav-next { float: right; width: 50%; font-weight: bold; text-align: right; } .page-content input[type="search"] { padding: 8px; border: 1px solid #e7e7e7; font-weight: normal; } .llorix-one-lite-video-container { overflow: hidden; position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%; } .llorix-one-lite-video-container iframe, .llorix-one-lite-video-container object, .llorix-one-lite-video-container embed { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; } .llorix-one-lite-post-meta { visibility: none; position: absolute; } .archive-top { background-position: center 30%; background-size: cover; } .archive-top .section-overlay-layer { padding-top: 100px; padding-bottom: 100px; } .archive-top { color: #fff; text-align: center; } .archive-top-big-title { margin-top: 10px; margin-bottom: 20px; font-size: 2.4rem; font-weight: 300; line-height: 3.125rem; text-transform: uppercase; } .archive-top-text { margin-top: 30px; font-size: 16px; font-weight: 300; } /* -------------------------------------- ========================================= 5.1 SINGLE PAGE ========================================= -----------------------------------------*/ .post-author i { position: absolute; top: 0; left: 0; color: #676767; font-size: 14px; line-height: 22px; } .post-time i { position: absolute; top: 0; left: 0; color: #676767; font-size: 14px; line-height: 22px; } .post-comments i { position: absolute; top: 2px; left: 0; color: #676767; font-size: 14px; line-height: 22px; } .post-author { position: relative; margin-right: 10px; padding-left: 16px; font-weight: 600; } .post-time { position: relative; margin-right: 10px; padding-left: 18px; font-weight: 500; } .post-comments { position: relative; margin-right: 10px; padding-left: 19px; font-weight: 600; } .single-entry-meta { padding: 10px 0; } .post-comments { float: right; } .entry-content, .entry-content p, .entry-content span { color: #666; font-size: 16px; font-weight: 400; line-height: 26px; } .cat-links, .tags-links { float: left; clear: both; width: 100%; font-weight: 500; } .cat-links i, .tags-links i { padding-right: 5px; color: #676767; font-size: 14px; line-height: 22px; } .post-navigation { float: left; clear: both; width: 100%; margin-top: 40px; padding-top: 15px; border-top: 1px solid #e7e7e7; font-size: 13px; } .post-navigation .nav-previous { float: left; max-width: 50%; } .post-navigation .nav-next { float: right; max-width: 50%; } .post-navigation h2.screen-reader-text { position: inherit!important; width: auto; height: auto; } #primary { margin: 50px 0; padding-right: 15px; } #sidebar-secondary { margin: 50px 0; padding-left: 30px; border-left: 1px solid #e7e7e7; } .content-single-page .entry-content { padding: 10px 0 10px; } /* comments */ .comments-area { float: left; width: 100%; margin-top: 40px; padding-top: 15px; border-top: 1px solid #e7e7e7; } .comment-list { margin-left: 0; padding-left: 0; list-style: none; } .comment-list ol { padding-left: 0; list-style: none; } .comment-list .comment-body { color: #666; font-weight: 400; } .comment-list .comment-body ol { margin: 0 0 1.5em 0; padding-left: 20px; list-style: decimal; } .comment-list ol.children { margin-left: 50px; } h2.comments-title { margin-top: 15px; margin-bottom: 30px; color: #000; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; text-transform: uppercase; } h2.screen-reader-text { color: #000; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; text-transform: uppercase; } .comment-list .comment > article { position: relative; margin-bottom: 22px; margin-left: 80px; padding: 15px; border: 1px solid #eaeaea; border-radius: 6px; } .comment-list .comment-author img { position: absolute; top: 0; left: -80px; border: 5px solid #e4e4e4; border-radius: 50%; } .comment-list .comment-author .fn { font-size: 14px; font-weight: 700; } .comment-list .comment-author .fn a { color: #000; font-size: 14px; font-weight: 700; } .comment-list .comment-author .says { color: #666; font-size: 14px; font-weight: 500; } .comment-list .comment-metadata { color: #f16c20; font-size: 12px; font-style: italic; line-height: 16px; } .comment-list .comment-metadata .edit-link { float: right; position: absolute; right: 15px; bottom: 15px; } .comment-list .comment-content { margin-top: 10px; font-size: 14px; line-height: 18px; } .comment-list .reply { position: absolute; top: 15px; right: 15px; font-size: 14px; font-weight: 500; } .comment-form p { position: relative; padding-left: 100px; } .comment-form p.comment-notes, .comment-form p.logged-in-as { width: 100%; padding-left: 0; } .comment-form label { position: absolute; left: 0; font-weight: 400; line-height: 38px; } .comment-form input { min-width: 50%; font-size: 14px; font-weight: 500; } .comment-form textarea { font-size: 14px; font-weight: 500; } .comment-form .form-allowed-tags, .comment-form .form-allowed-tags code { font-size: 10px; line-height: 14px; } .comment-form .form-submit input, #recaptcha-submit-btn-area input { min-width: 10px; padding: 7px 30px; border: 1px solid #f16c20; border-radius: 3px; color: #fff; background: #f16c20; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-weight: 500; line-height: 30px; text-align: center; text-transform: uppercase; } .g-recaptcha { margin-bottom: 10px; } #recaptcha-submit-btn-area input { margin-top: 10px; } .comment-form .form-submit input:hover, #recaptcha-submit-btn-area input:hover { border: 1px solid #eaebec; color: #f16c20; background: #f7f8fa; } .comment-reply-title { margin-top: 50px; font-family: "Open Sans", Helvetica Neue, Sans-serif; font-size: 24px; font-weight: 500; line-height: 30px; } .comment-list li.pingback { margin-bottom: 15px; padding: 0 0 15px; border-bottom: 1px solid #ececec; } .mejs-container span { color: #fff; font-size: 11px; line-height: 11px; } .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: #f16c20!important; } .mejs-controls .mejs-button button:focus { outline: none; } .mejs-controls .mejs-time-rail .mejs-time-float { background: #f16c20!important; } .wp-playlist-caption span { line-height: 21px; } /* -------------------------------------- ========================================= 5.2 GALLERY ========================================= -----------------------------------------*/ /** * 14.1 Captions */ .wp-caption { max-width: 100%; margin-bottom: 1.6em; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { padding: 0.5em 0; color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; } /** * 14.2 Galleries */ .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; width: 100%; padding: 1.79104477%; text-align: center; vertical-align: top; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { display: block; padding: 0.5em 0; color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .wp-caption-text { font-size: 14px; line-height: 20px; } /* -------------------------------------- ========================================= 5.3 SIDEBAR ========================================= -----------------------------------------*/ #sidebar-secondary .widget-title { margin-bottom: 5px; color: #4f4f4f; font-size: 20px; font-weight: 700; text-transform: uppercase; } #sidebar-secondary .widget-title:after { display: block; float: left; width: 80px; height: 2px; background: #f16c20; } #sidebar-secondary ul { padding-left: 0; } #sidebar-secondary .widget { margin-bottom: 50px; } #sidebar-secondary ul li { position: relative; margin: 0; padding-top: 10px; font-size: 16px; list-style: none; } #sidebar-secondary ul ul li:last-child { padding-bottom: 0; } .widget-title-margin { margin-bottom: 15px; } #sidebar-secondary select { width: 100%; padding: 10px 5px 10px 5px; border: 1px solid #e7e7e7; } .widget .post-date { padding-left: 10px; } #sidebar-secondary .widget ul:not(.recentcomments) li a { color: #686868; } #sidebar-secondary .widget ul:not(.recentcomments) li a:hover { color: #f16c20; text-decoration: none; } #sidebar-secondary.sidebar-shop .widget-title:after { float: none; } /* Calendar Widget */ .widget_calendar table, .widget_calendar td { border: 0; border-spacing: 1px; border-collapse: separate; } .widget_calendar caption { margin: 0; font-size: 14px; } .widget_calendar th, .widget_calendar td { padding: 0; background-color: rgb(245, 245, 245); text-align: center; } .widget_calendar a { display: block; color: #000; background-color: #f5f5f5; } .widget_calendar a:hover { color: #fff; background: #f16c20; background-color: rgba(0, 0, 0, 0.15); text-decoration: none; } .widget_calendar th { border: 1px solid #e5f3fa; } .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.5); } .site-footer .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.05); } .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad { background-color: transparent; } .widget_calendar td.pad { background: transparent; } /* search form */ .widget_search .screen-reader-text { display: none; } .widget_search label { width: 100%; } .widget_search input { width: 100%; padding: 10px 50px 10px 5px; border: 1px solid #e7e7e7; font-weight: 300; } .widget_search form { position: relative; } .widget_search .search-submit { position: absolute; top: 0; right: 0; width: 51px; height: 44px; padding: 0; border: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; text-indent: -99999999px; } .widget_search .search-submit:hover { -webkit-box-shadow: none; box-shadow: none; } .widget_search .search-form:before { position: absolute; top: 10px; right: 11px; color: #949495; font-family: FontAwesome; font-size: 25px; font-weight: normal !important; font-style: normal !important; font-variant: normal !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none !important; content: "\f002"; speak: none; } .widget_search .search-form:hover:before { color: #f16c20; } #sidebar-secondary .service-box { width: 100%; text-align: center; } #sidebar-secondary .single-service { margin-bottom: 40px; } #sidebar-secondary .testimonials-box { width: 100%; text-align: center; } #sidebar-secondary .testimonials-box .feedback { margin-bottom: 0; } #sidebar-secondary .team-member-box { width: 100%; text-align: center; } #sidebar-secondary .team-member-box .team-member { max-width: 350px; margin: 0 auto; margin-bottom: 40px; } .mobile-bg-fixed { position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-position: top center; background-size: cover; } .llorix-one-lite-top-margin-5px { margin-top: 5px !important; } /* -------------------------------------- ========================================= 6. RESPONSIVE CSS FIXES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 FIXES FOR >= 1200PX SCREENS -----------------------------------------*/ @media (min-width: 1200px) { .header-style-two .vertical-registration-form { width: 80%; } } /*--------------------------------------- 6.1a FIXES FOR >= 1200PX SCREENS -----------------------------------------*/ @media (max-width: 1200px) { .woocommerce ul.products li.product a.added_to_cart { width: auto !important; margin-top: 10px; padding: 6px 15px 6px 15px; border-radius: 3px; } } /*--------------------------------------- 6.2 FIXES FOR 992PX to <= 1199PX SCREENS -----------------------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { html { font-size: 90% !important; } body { font-size: 15px; line-height: 26px; } } /*--------------------------------------- 6.3 FIXES FOR <= 1024PX SCREENS -----------------------------------------*/ @media (max-width: 1024px) { .header .overlay-layer { padding-bottom: 85px; } .header, .features, .stats { background-attachment: scroll !important; } .vertical-registration-form, .header-style-two .vertical-registration-form { float: none; width: 100%; } .header .overlay-layer { padding-top: 60px; } .intro-section, .header-style-two .intro-section, .header-style-three .intro-section { margin-top: 60px; } .header-style-one .intro-section, .header-style-four .intro-section { margin-top: 20px; } .feature .icon-container { margin-right: 0; padding-top: 14px; } .wow { -webkit-transform: translateZ(0); } } /*--------------------------------------- 6.4 FIXES FOR <= 991PX SCREENS -----------------------------------------*/ @media (max-width: 991px) { html { font-size: 90% !important; } body { font-size: 15px; line-height: 26px; } .browser-image img { width: 100%; } .client-logos li { margin: 2px 2px 2px 2px; } .client-logos li img { max-width: 160px; } .pull-left, .pull-right { float: none !important; margin: auto !important; } .text-left, .text-right { text-align: center; } #latestnews .timeline-text .text-left { text-align: left; } #latestnews .timeline-text .colored-line-left { float: left; } .brief .section-overlay-layer { padding-bottom: 40px; } .colored-line-left { float: none; margin: auto; } .brief .brief-image-right, .brief .brief-image-left { max-width: 430px; margin: auto; margin-top: 20px; padding-bottom: 40px; } .brief .brief-image-right img, .brief .brief-image-left img { float: none; width: 90%; } .border-right-colored, .border-left-colored, .border-left, .border-right { border: none !important; } .features { background-image: none; } .single-feature { float: left; width: 33%; margin-bottom: 28px; } .left-side .single-feature, .right-side .single-feature { padding-right: 15px; padding-left: 15px; } .feature .icon-container { float: none; } .feature .description { float: none; width: auto; } .pricing-table { padding-right: 0; padding-left: 0; } .header-style-four .horizontal-subscribe-form .input-box { width: inherit; width: 100%; margin-bottom: 5px; } .header-style-four .horizontal-subscribe-form .standard-button { width: 100%; } .header-style-four .horizontal-subscribe-form { width: 100%; margin: auto; } .header-style-five .intro-section { margin-top: 20px; } .unique-features-cols-two .unique-features-col { width: 100%; } .brief-left .brief-content-two, .brief-right .brief-content-two { float: none; } .feedback { padding-bottom: 45px; } .feature-list li { text-align: left; } .timeline h2 { padding-right: 0; } .llorix-one-lite-slider-whole-wrap { padding-top: 20px; } a.control_next, a.control_prev { display: inline-block; position: relative; top: 0; width: 0; } #llorix_one_slider { margin: 0 auto 0 auto; } .testimonials-wrap .testimonials-box { width: 100%; } .team-member-wrap .team-member-box { max-width: 300px; } .controls-wrap { text-align: center; } #sidebar-secondary { width: 100%; margin: 0; padding-top: 50px; padding-left: 15px; border-top: 1px solid #e7e7e7; border-left: 0; } #primary, #sidebar-secondary { float: left; width: 100%; } .entry-header .colored-line-left { float: left; } .service-box { width: 100%; } #sidebar-secondary .colored-line-left { float: left; } .content-page > .col-md-6 { padding: 0; } .gridalicious .galcolumn { width: 50% ; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; width: 48%; margin: 0 1.75% 0 1.75%; margin-bottom: 30px; } .woocommerce ul.products li.product:nth-child(2n+1), .woocommerce-page ul.products li.product:nth-child(2n+1) { clear: left; margin-left: 0; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { clear: right; margin-right: 0; } .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product { float: left; width: 48%; margin: 0 1.75% 0 1.75%; margin-bottom: 30px; } .woocommerce-page .upsells.products ul li.product:nth-child(2n+1), .woocommerce-page .upsells.products ul.products li.product:nth-child(2n+1), .woocommerce .upsells.products ul li.product:nth-child(2n+1), .woocommerce .upsells.products ul.products li.product:nth-child(2n+1), .woocommerce .related ul li.product:nth-child(2n+1), .woocommerce .related ul.products li.product:nth-child(2n+1), .woocommerce-page .related ul li.product:nth-child(2n+1), .woocommerce-page .related ul.products li.product:nth-child(2n+1) { clear: left; margin-left: 0; } .woocommerce-page .upsells.products ul li.product:nth-child(2n), .woocommerce-page .upsells.products ul.products li.product:nth-child(2n), .woocommerce .upsells.products ul li.product:nth-child(2n), .woocommerce .upsells.products ul.products li.product:nth-child(2n), .woocommerce .related ul li.product:nth-child(2n), .woocommerce .related ul.products li.product:nth-child(2n), .woocommerce-page .related ul li.product:nth-child(2n), .woocommerce-page .related ul.products li.product:nth-child(2n) { clear: right; margin-right: 0; } } /*--------------------------------------- 6.5 FIXES FOR => 768PX to <= 991PX SCREENS -----------------------------------------*/ @media (max-width: 782px) { .admin-bar .sticky-navigation-open .sticky-navigation { top: 46px; } .contact-links .contact-link-box { margin-right: 0; } } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; } .main-navigation { margin: 0 -0.875em; } .main-navigation .primary-menu { border: 0; } .main-navigation li { float: left; border: 0; } .main-navigation li:hover > a, .main-navigation li.focus > a { color: #007acc; } .main-navigation ul ul { display: block; float: left; position: absolute; z-index: 99999; top: 100%; left: -999em; margin: 0; padding: 0; background: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); list-style: none; } .main-navigation ul ul ul { top: 0; left: -999em; } .main-navigation ul ul ul:before, .main-navigation ul ul ul:after { border: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 15em; white-space: normal; } .main-navigation li:hover > ul, .main-navigation li.focus > ul { left: auto; } .main-navigation .menu-item-has-children > a { margin: 0; } .main-navigation .menu-item-has-children > a:after { position: absolute; z-index: -1; top: 23px; right: 0; font-family: FontAwesome; line-height: 24px; content: "\f0d7"; } .main-navigation ul ul .menu-item-has-children > a:after { top: 0; right: 10px; line-height: 38px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .no-menu > li { display: inline-block; float: none; } .dropdown-toggle, .main-navigation ul .dropdown-toggle.toggled-on, .site-header .social-navigation, .site-footer .main-navigation { display: none; } .menu-align-center .primary-menu, .menu-align-center .no-menu { width: 100%; margin-bottom: 10px; padding: 0; text-align: center; } .menu-align-center .primary-menu > li, .menu-align-center .no-menu > li { display: inline-block; float: none; } .menu-align-center .primary-menu > li a { padding: 5px 8px; } .menu-align-center .primary-menu > li.menu-item-has-children a { padding: 5px 18px 5px 8px; } .menu-align-center .primary-menu > li.menu-item-has-children a:after, .sticky-navigation .no-menu > li.page_item_has_children > a:after { top: 0; line-height: 28px; } } @media (min-width: 768px) and (max-width: 991px) { html { font-size: 95%; } .sticky-navigation { min-height: 70px; } .sticky-navigation .main-navigation > li.has_children > a { padding: 26px 18px; line-height: 34px; line-height: 18px; } .sticky-navigation .login-register { margin-top: 3px; } .ipad-image { max-width: 500px; } } /*--------------------------------------- 6.6 FIXES FOR <= 768PX SCREENS -----------------------------------------*/ @media (max-width: 767px) { html { font-size: 80%; } .navbar-toggle { font-size: 30px !important; } .navbar-inverse .navbar-toggle { border: 0 !important; } .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .sticky-navigation .main-navigation li a { padding: 10px; line-height: inherit; } .border-right-colored, .border-left-colored { border: none; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgba(49, 49, 49, 0.1); } .sticky-navigation { min-height: 60px; } .nav > li { display: inline-block; display: inline-block; width: 100%; padding-left: 15px; text-align: left; } .container > .navbar-header { margin-right: 0; margin-left: 0; } .menu-align-center .navbar-header > a { float: left; } .brief { padding-top: 0; padding-bottom: 0; } .brief .section-overlay-layer { margin-bottom: 0; padding-bottom: 80px; } .section-header { margin-top: 75px; margin-bottom: 50px; } .features .overlay-layer-2 { padding-bottom: 50px; } .pricing-table { padding-top: 0; padding-right: 30px; padding-left: 30px; } .highlighted { margin-top: 0; } .single-pricing { margin-bottom: 40px; } .single-stats .icon-container { margin-bottom: 20px; } .single-stats .icon-container i { font-size: 50px; } .team-member { max-width: 270px; margin-bottom: 25px; } .contact-info .contact-links a { padding-top: 0; padding-bottom: 0; } .footer-widget-wrap .widget-box { width: 50%; } .jspVerticalBar { margin-right: 8px; } /* fixed header */ .sticky-navigation { position: relative !important; top: 0 !important; opacity: 1 !important; } .sticky-navigation .main-navigation ul, .sticky-navigation .main-navigation ul ul, .sticky-navigation .main-navigation ul ul ul { position: relative; left: 0; left: auto; } .sticky-navigation .main-navigation ul, .sticky-navigation .main-navigation ul li, .sticky-navigation .main-navigation ul a { width: 100%; } .sticky-navigation .main-navigation ul li:hover > ul { left: 0; } .sticky-navigation .main-navigation ul { padding: 0; -webkit-box-shadow: none; box-shadow: none; } .sticky-navigation .primary-menu ul li { padding-left: 7%; } .sticky-navigation .main-navigation ul .dropdownmenu, .dropdownmenu { position: absolute; z-index: 9; top: 5px; right: 0; width: 25px; height: 25px; margin: 0; padding: 0; border-radius: 2px; background: #999; } .sticky-navigation .main-navigation ul .this-open > .dropdownmenu, .this-open > .dropdownmenu { background: #f16c20; } .dropdownmenu:before { float: left; width: 25px; height: 25px; color: #fff; line-height: 26px !important; text-align: center; text-align: center; content: ""; } .this-open > a { color: #f16c20 !important; } .has_children > ul { display: none; } .has_children.this-open > ul { display: block; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 2000px; } #menu-primary { float: none; width: 100%; margin: 0; } .menu-align-center #menu-primary > ul { margin-left: 0; } .nav > li { margin-left: 0; padding-left: 0; } #header_layer_one, #header_layer_two { background-position: top center !important; } /* woocommerce */ .woocommerce div.product .woocommerce-tabs { padding: 80px 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { text-align: center; } .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul.products li.product { float: left; clear: both; width: 48%; margin: 0 0 2.992em; } .woocommerce-page .upsells.products ul li.product:nth-child(even), .woocommerce-page .upsells.products ul.products li.product:nth-child(even), .woocommerce .upsells.products ul li.product:nth-child(even), .woocommerce .upsells.products ul.products li.product:nth-child(even), .woocommerce .related ul li.product:nth-child(even), .woocommerce-page .related ul.products li.product:nth-child(even) { float: right; } .woocommerce .cart_item .quantity .qty { width: 40px; } .woocommerce .order_details li { width: 100%; padding: 10px 5px; border-right: none; border-bottom: 1px dashed #d3ced2; } .comment-list .comment-author img { left: -45px; width: 32px; height: 32px; border: 3px solid #e4e4e4; } .comment-list .comment > article { margin-left: 45px; } .comment-list ol.children { margin-left: 30px; } .services-wrap > .service-box { clear: left; clear: right; width: 100%; margin: 0; margin-right: 0; margin-bottom: 30px; margin-left: 0; } .testimonials-wrap > .testimonials-box { clear: left; clear: right; width: 100%; margin: 0; margin-right: 0; margin-bottom: 30px; margin-left: 0; } .navbar-collapse .main-navigation li a { margin: 0; line-height: 25px; } .call-to-action { background-attachment: initial; background-position: center; background-size: cover; } } @media (max-width: 680px) { .single-feature { float: none; width: auto; } } /*--------------------------------------- 6.7 FIXES FOR MOBILE SCREENS -----------------------------------------*/ @media (max-width: 580px) { html { font-size: 65% !important; } body { font-size: 13px; font-weight: 400; line-height: 20px; } h3, h4 { font-weight: 600; } h4 { font-size: 16px; line-height: 26px; } h5 { font-size: 15px; line-height: 24px; } .single-stats { display: block; width: 100%; } .contact-links .row[class^="col-xs"], .contact-links .row[class*=" col-xs"] { margin-bottom: 10px; } .section-header { margin-bottom: 25px; } .header .overlay-layer { padding-top: 55px; } .header-style-two .overlay-layer { padding-bottom: 0; } .header .overlay-layer .pull-right { padding: 0; } .vertical-registration-form, .header-style-two .vertical-registration-form { width: 100%; margin-top: 34px; padding: 7px 16px 16px 16px; border-radius: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; } .intro-section, .header-style-two .intro-section { margin-top: 40px; } .header-style-three .intro-section { margin-top: 30px; } .intro-section h5, .header-style-one .intro-section h5, .header-style-three .intro-section h5 { margin-top: 15px; margin-bottom: 30px; } .header-style-four .horizontal-subscribe-form { max-width: 100%; margin: auto; padding: 5px; } .header-style-four .horizontal-subscribe-form .input-box { min-height: 55px; } .pricing-table { padding-right: 0; padding-left: 0; } .standard-button { padding: 15px 35px 15px 35px; } .timeline-section { padding-left: 0; } .timeline-box-wrap { padding-left: 1em; } .timeline-section li .icon-container { float: none; margin: 0 auto; margin-bottom: -80px; } .timeline-section li .date { display: none; } .timeline-section li .info { padding-top: 90px; padding-left: 15px; } .timeline-section li { padding: 1em; } .timeline-section li .info { border-left: none; text-align: center; } .list-post-entry-meta { float: left; position: relative; margin: 15px 0 0; padding: 0; } .timeline-box-wrap .info h1:after { margin-right: auto; margin-left: auto; content: ""; } .brief { padding-top: 0; padding-bottom: 0; } .post-author { float: left; padding-left: 14px; font-size: 12px; } .post-author i { font-size: 10px; line-height: 20px; } .posted-in { float: left; padding-left: 14px; font-size: 12px; } .posted-in i { font-size: 10px; line-height: 20px; } .post-comments { float: left; padding-left: 15px; font-size: 12px; } .post-comments i { font-size: 10px; } .post-list h1.entry-title { clear: left; } .post-date { min-width: 80px; min-height: 80px; padding: 10px; } .footer-widget-wrap .widget-box { width: 100%; } /* woocommerce */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } .woocommerce ul.products li.product a:nth-child(1) { width: 100%; height: auto !important; } .woocommerce .products ul, .woocommerce ul.products { text-align: center; } .woocommerce-ordering { width: 100%; margin: 10px 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { width: 100%; border-bottom: 1px solid rgb(236, 236, 236); } .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul.products li.product { display: inline-block; float: none !important; width: 100%; max-width: 300px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 32px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; } .woocommerce .commentlist .star-rating { display: block; float: none; clear: left; margin-bottom: 10px; } .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; width: 100%; margin: 0; margin-bottom: 30px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-right: 0; margin-left: 0; } /* contact page */ .comment-form p { padding-left: 0; } .comment-form label { position: relative; line-height: 15px; } .comment-form input { width: 100%; } } /* -------------------------------------- ========================================= 8. ACCESSIBILITY ========================================= -----------------------------------------*/ .screen-reader-text { overflow: hidden; clip: rect(1px,1px,1px,1px); position: absolute!important; width: 1px; height: 1px; color: #000; background: #fff; } .screen-reader-text:focus { overflow: auto; clip: auto; z-index: 100; top: 1em; left: 1em; width: auto; height: auto; padding: 1em; outline: 1px solid; background-color: #fff; font-size: 1.2em; } /* -------------------------------------- ========================================= 9. PLUGINS COMPATIBILITY ========================================= -----------------------------------------*/ /*--------------------------------------- 9.1 POSTMATIC -----------------------------------------*/ .comment-form > #prompt-comment-subscribe { position: inherit; width: 100%; } .comment-form > #prompt-comment-subscribe > input { min-width: 0; } #prompt-comment-subscribe { padding-left: 100px; } @media (max-width: 580px) { #prompt-comment-subscribe input { width: auto; } #prompt-comment-subscribe { padding: 0; } } /*--------------------------------------- 9.2 PIRATE FORMS -----------------------------------------*/ .pirate-forms-submit-button { float: left; clear: both; margin-left: 15px; } /*--------------------------------------- 9.3 JETPACK -----------------------------------------*/ .grunion-field-label.checkbox, .grunion-radio-label.radio { margin-left: 20px; } .contact-form.commentsblock .contact-submit { margin-top: 20px; } #jp-carousel-comment-form-button-submit { min-width: 10px !important; padding: 7px 30px !important; border: 1px solid #f16c20 !important; border-radius: 3px !important; color: #fff !important; background: #f16c20 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; font-size: 14px !important; font-weight: 500 !important; line-height: 30px !important; text-align: center !important; text-transform: uppercase !important; } /* portfolio ^ testimonial */ .testimonial-entry { position: relative !important; padding-left: 180px !important; } .testimonial-featured-image { float: left; position: absolute; top: 15px; left: 0; } .widget_wpcom_social_media_icons_widget .genericon { padding: 0 5px; } @media (max-width: 992px) { .contact-form.commentsblock textarea { width: 100%; } } @media (max-width: 480px) { .testimonial-entry { padding-top: 180px !important; padding-left: 0 !important; } .testimonial-featured-image { width: 100%; margin: 0 auto; padding: 0; text-align: center; } .portfolio-entry-mobile-first-item-row, .portfolio-entry-mobile-last-item-row { width: 100% !important; } } /*--------------------------------------- 9.4 EASY DIGITAL DOWNLOADS -----------------------------------------*/ .edd_download { float: left; width: 33%; } .edd_download:nth-child(4n+1) { clear: both; } .edd-submit.button.red span, .edd-submit.button.blue span, .edd-submit.button.green span, .edd-submit.button.orange span, .edd-submit.button.dark-gray span { color: #fff; } #edd-purchase-button, .edd-submit, input[type=submit].edd-submit { border: none; } #edd_checkout_cart td, #edd_checkout_cart thead, #edd_checkout_cart th.edd_cart_total, #edd_checkout_cart th:last-child, #edd_checkout_cart .edd_checkout_cart_item_title { color: #666; font-size: 14px; font-weight: 400; line-height: 18px; } #edd_checkout_form_wrap select.edd-select { display: block; width: 70%; } .edd_errors.edd-alert.edd-alert-error, .edd-alert-error { border: none; border: none; border-bottom: 3px solid #c84e54; border-radius: 3px; color: #fff; background-color: #e86a6a; } .edd-alert-error, p.edd-alert-error, .edd-alert-error a { color: #fff; } .edd-alert-error a:hover { text-decoration: underline; } #edd_checkout_form_wrap fieldset p:last-child { color: rgba(255,255,255,0.8); } .edd_download_inner { margin: 0 15px; margin-bottom: 30px; padding: 15px; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 4px solid #eaeaea; border-left: 1px solid #eaeaea; background: #fff; text-align: center; list-style: none; -webkit-transition: all ease 0.55s; transition: all ease 0.55s; } .edd_download_inner:hover { border-bottom-color: #008ed6; } .edd_download_title a, .edd_download_title { color: #000; font-size: 16px; font-weight: 700; line-height: 22px; } #edd_checkout_form_wrap legend, #edd_login_form legend, .edd_form legend { border-bottom: 0; } #edd_checkout_form_wrap legend:after, #edd_login_form legend:after, .edd_form legend:after { display: block; width: 80px; height: 2px; margin-top: 5px; background: #e0e0e0; content: ""; } #edd_profile_billing_address_wrap input, #edd_profile_billing_address_wrap select { margin-bottom: 10px; } #edd_new_user_pass1, #edd_first_name { margin-bottom: 10px; } #edd_profile_billing_address_wrap legend { margin-top: 50px; } #edd_checkout_form_wrap legend, #edd_login_form legend, .edd_form legend { margin-top: 50px; } #edd_address_country, #edd_display_name { width: 192px; } #edd_discounts_list { padding-left: 0; border: 1px solid rgba(0,0,0,0.1); } #edd_discounts_list li, #edd_checkout_cart .edd_cart_header_row th { padding: 6px 12px; border-top: 1px solid rgba(0,0,0,0.1); list-style: none; } #edd_discounts_list li:nth-child(1) { border-top: none; } #edd_user_history td, #edd_user_history th { padding: 6px 12px; border-top: 1px solid rgba(0,0,0,0.1); line-height: 25px; vertical-align: middle; } #edd_user_history { border-radius: 5px; } .edd_price_options.edd_multi_mode ul { padding-left: 0; border: 1px solid rgba(0,0,0,0.1); } .edd_download_purchase_form .edd_price_options li:nth-child(1) { border-top: none; } .edd_download_purchase_form .edd_price_options li { padding: 6px 12px; border-top: 1px solid rgba(0,0,0,0.1); list-style: none; } .edd-image-wrap { float: right; width: 100%; max-width: 50%; padding: 0 0 15px 15px; } @media (max-width: 992px) { .edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js { padding: 10px; color: #fff; font-size: 12px; } .edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span { font-size: 12px; } } @media (max-width: 768px) { .edd_download { width: 100% !important; } } /*//新增 trutru.com*/ .mobile-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #0b1c0c; z-index: 9; border-top: 0px solid #e0e0e0; width: 100%; display: table; box-shadow: 0 0 50px 0 #748594; } .mobile-bar a { cursor: pointer; color: #5D656B; display: table-cell; text-align: center; text-decoration: none; } .mobile-bar a i { margin-top: -2px; text-align: center; vertical-align: middle; background-repeat: no-repeat; background-size: 100%; display: inline-block; width: 38px; height: 38px; } .mobile-bar a span { display: block; color: #fff; margin-top: 6px; font-size: 14px; } a.i-buy { background: #0b1c0c; } a.i-home i { background-image: url(http://www.bdsczj.com/wp-content/themes/llorix-one-lite/images/home.png); } a.i-cat i { background-image: url(http://www.bdsczj.com/wp-content/themes/llorix-one-lite/images/phone.png); } a.i-my i { background-image: url(http://www.bdsczj.com/wp-content/themes/llorix-one-lite/images/message.png); } a.i-buy i { background-image: url(http://www.bdsczj.com/wp-content/themes/llorix-one-lite/images/product.png); } a.i-cat.burger-menu { position: initial !important; line-height: inherit; width: initial; height: inherit; font-family: inherit; } 无码最美人妻迅雷