/* Theme Name: Biopexel Theme URI: https://themepalace.com/downloads/biopexel/ Author: Theme Palace Author URI: https://themepalace.com Description: Biopexel is a multipurpose WordPress theme custom-built to provide all the necessary features you need to promote and run your business online. It is a modern business theme suitable for small and large business ventures, professional portfolios, personal or corporate blog websites, and online stores. The theme comes with many starter demos of different niches. You can import the premade demo with one click and quickly start building a website. The theme is entirely flexible, responsive, cross-browser compatible, and translation-ready. It looks fine on devices of all screen sizes without losing its design layout and smooth performance. Requires at least: 5.0 Version: 1.0.3 Requires PHP: 5.6 Tested up to: 6.4 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: biopexel Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment 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. Biopexel is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Preloader # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Layouts and Titles # Media ## Captions ## Galleries # Social Icons # Breadcrumb List # Blog/Archive/Single # Footer # Font Family Options # Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ #loader { overflow-x: hidden; overflow-y: hidden; vertical-align: middle; background-color: #fff; position:fixed; display: table; width: 100%; top:0; height: 100%; min-height: 100%; z-index:9999; } .loader-container { position: relative; display: table-cell; vertical-align: middle; z-index: 12; text-align:center; text-transform: uppercase; } .loader-container svg { width: 70px; height: 70px; fill: #ff6635; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .blog-loader { text-align: center; margin-top: 50px; } .blog-loader svg { width: 30px; height: 30px; } #LBloadmore svg.latest-posts-loader, .blog-loader svg { margin-left: 15px; animation: infinitepreloader 1.5s infinite ease-in-out; } @keyframes infinitepreloader { 100%{transform: rotate(180deg);} } #preloader { position:relative; margin:auto; width:100px; } #preloader span { display:block; bottom:0px; width: 9px; height: 5px; background:#fff; position:absolute; animation: preloader 1.5s infinite ease-in-out; } #preloader span:nth-child(2) { left:11px; animation-delay: .2s; } #preloader span:nth-child(3) { left:22px; animation-delay: .4s; } #preloader span:nth-child(4) { left:33px; animation-delay: .6s; } #preloader span:nth-child(5) { left:44px; animation-delay: .8s; } @keyframes preloader { 0% {height:5px;transform:translateY(0px);background: #0bb3e4;} 25% {height:30px;transform:translateY(15px);background: #0bb3e4;} 50% {height:5px;transform:translateY(0px);background: #0bb3e4;} 100% {height:5px;transform:translateY(0px);background: #0bb3e4;} } .backtotop { background-color: #ff6635; z-index: 300; width: 40px; height: 40px; line-height: 36px; font-size: 18px; text-align: center; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; } .backtotop:hover, .backtotop:focus { background-color: #000; } .backtotop svg { display: inline-block; vertical-align: middle; fill: #fff; } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-family: 'Lato', sans-serif; font-weight: 400; } #page { position: relative; } .boxed-layout, .frame-layout { background-image: url('assets/uploads/pattern.png'); } #content { position: relative; overflow-x: hidden; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 52px; } h2 { font-size: 42px; } h3 { font-size: 26px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 14px; } h1, h2, h3, h4, h5, h6 { clear: both; color: #2b2d41; margin: 16px 0; line-height: 1.35; font-weight: 700; font-family: 'Rajdhani', sans-serif; } h1 { margin: 0 0 16px; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } tbody { text-align: left; } tr { border: 1px solid #e4e4e4; } td, th { padding: 5px; font-weight: 400; } th { color: #000; } td#next { text-align: right; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #858585; font-size: 18px; line-height: 33px; word-wrap: break-word; } p { margin: 0 0 1em; } p:last-child { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } 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%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { 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/ */ box-sizing: inherit; } body { background: #f7f7f7; /* Fallback for when there is no custom background color defined. */ overflow-x: hidden; } blockquote { padding: 0 60px 0 40px; font-size: 18px; line-height: 35px; font-weight: 300; position: relative; margin: 0 0 21px; } blockquote.alignright { padding-right: 0; margin-bottom: 14px; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 21px; padding-left: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0.5em; } dt { font-weight: bold; margin-bottom: 1em; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } figure { margin: 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } table#wp-calendar { display: table; width: 100%; overflow: auto; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 8px 25px; display: inline-block; text-align: center; border-radius: 50px; color: #fff; background-color: #ff6635; text-decoration: none; border: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #fff; background-color: #111; } 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 { color: #fff; background-color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; width: 100%; border: 1px solid #ccc; padding: 10px 20px; background-color: #eee; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #000; outline: thin dotted; } p.form-submit { clear: both; display: inline-block; position: relative; } #reviews{ margin-top: 50px; } #reviews .comment-reply-link{ margin-top: 10px; } .comment-notes { margin-top: 0; margin-bottom: 20px; } #respond label { color: #273238; margin-bottom: 5px; display: block; } #commentform p { margin-bottom: 21px; } .customize-support #commentform p.comment-form-comment { margin-bottom: 0; } #commentform p.form-submit { margin: 21px 0 0; } #comments { margin: 60px 0 0; } #respond { margin-top: 50px; } #respond .comment-form-cookies-consent input[type="checkbox"], .comment-form-cookies-consent input[type="checkbox"] { width: auto; float: left; height: auto; min-height: auto; margin-right: 10px; } #respond .comment-form-cookies-consent label, .comment-form-cookies-consent label { display: table; margin: 0; line-height: 1; } .comment-form-cookies-consent { clear: both; margin-top: 15px; display: inline-block; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #2b2d41; } a:hover, a:focus, a:active { color: #ff6635; } a:focus { outline: thin dotted; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ #top-navigation { padding: 10px 0; background-color: #e5e5e5; } #top-navigation .contact-info li { list-style: none; color: #000; font-size: 16px; float: left; list-style: none; } #top-navigation .contact-info li:not(:last-child) { margin-right: 50px; } #top-navigation .contact-info li a { color: #000; text-decoration: none; } #top-navigation .contact-info li a:hover, #top-navigation .contact-info li a:focus { color: #333; opacity: 0.8; } #top-navigation .contact-info li svg { fill: #000; margin-right: 5px; margin-top: -3px; } #top-navigation .social-icons li a svg { fill: #000; } #top-navigation .social-icons li a:hover svg, #top-navigation .social-icons li a:focus svg { fill: #fff; } #masthead { position: relative; top: 0; width: 100%; z-index: 2; background-color: transparent; } .menu-sticky #masthead { position: sticky; top: 0; background-color: #fff; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 6%); } .site-branding { float: left; padding: 30px 0 18px 0; display: flex; align-items: center; min-height: 100px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-title { font-size: 32px; margin: 0; font-weight: 600; line-height: 1.3; font-family: 'Poppins', sans-serif; } .site-title a { color: #fff; text-decoration: none; } .site-title a:hover, .site-title a:focus { color: #ff6635; } .site-description { margin: 0; color: #666; } .site-logo { margin-right: 20px; } .site-logo img { max-height: 75px; width: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-navigation { display: block; position: relative; float: right; } .main-navigation ul.nav-menu li.current-menu-item > a, .main-navigation ul.nav-menu li:hover > a, .main-navigation ul.nav-menu li:focus > a { color: #ff6635; } .main-navigation ul.nav-menu li:hover > svg, .main-navigation ul.nav-menu li:focus > svg, .main-navigation li.menu-item-has-children:hover > a > svg, .main-navigation li.menu-item-has-children > a:hover > svg, .main-navigation li.menu-item-has-children > a:focus > svg, .main-navigation ul.nav-menu > li.current-menu-item > a > svg { fill: #ff6635; } .main-navigation ul ul { background-color: #fff; text-align: left; padding: 0; } .main-navigation ul.sub-menu li a { padding: 8px 15px; color: #000; border-bottom: 1px solid #eee; border-left: 1px solid rgba(238, 238, 238, 0.5); } .main-navigation ul.sub-menu a:after { float: right; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { position: relative; } .main-navigation ul.nav-menu > li > a { padding: 10px 0; color: #2b2d41; } .user-logged-in > a > img { width: 40px; object-fit: cover; height: 40px; border-radius: 40px; } .main-navigation ul.nav-menu > li { padding: 0 15px; } .main-navigation form.search-form input { background-color: #000; border-color: #000; color: #000; font-weight: 400; } .main-navigation ul.nav-menu > li > a.search:hover svg.icon-search, .main-navigation ul.nav-menu > li > a.search:focus svg.icon-search, .main-navigation ul.nav-menu li.search-menu a:hover svg, .main-navigation ul.nav-menu li.search-menu a:focus svg, .main-navigation li.search-menu a.search-active svg { fill: #ff6635; } .main-navigation a:hover, .main-navigation a:focus, .main-navigation ul.nav-menu > li > a:hover, .main-navigation ul.nav-menu > li > a:focus { color: #ff6635; } .main-navigation a { font-size: 20px; display: block; text-decoration: none; color: #2b2d41; position: relative; font-weight: 500; text-transform: uppercase; font-family: 'Rajdhani', sans-serif; } .main-navigation ul ul { float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 225px; } .main-navigation ul ul a:hover, .main-navigation ul ul a:focus { background-color: #ff6635; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { color: #000; } .main-navigation .search-form .search-submit:hover, .main-navigation .search-form .search-submit:focus { background-color: #000; } .main-navigation .search-form .search-submit:hover svg, .main-navigation .search-form .search-submit:focus svg { fill: #fff; } form.search-form { width: 100%; max-width: 100%; position: relative; } .main-navigation form.search-form { min-width: 320px; } input.search-field { height: 45px; border-radius: 0; padding: 0 50px 0 15px; width: 100%; } #masthead .main-navigation svg.icon-close { display: none; } #masthead .main-navigation .search-active svg.icon-close { display: inline-block; } svg { width: 16px; height: 16px; display: inline-block; vertical-align: middle; } svg.icon-search, svg.icon-close { width: 15px; height: 15px; } .main-navigation svg.icon-down { width: 12px; height: 12px; margin-left: 5px; fill: #000; } .main-navigation .sub-menu svg { width: 12px; height: 12px; fill: #000; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .menu-toggle { border-radius: 5px; font-size: 16px; display: block; position: relative; background-color: #000; border: none; padding: 10px 25px; margin: 7px 0; min-width: 135px; min-height: 50px; display: flex; align-items: center; justify-content: center; } .menu-toggle:hover, .menu-toggle:focus { background-color: #ff6635; } .main-navigation .menu-toggle svg { fill: #fff; margin-right: 10px; } .menu-label { color: #fff; } svg.icon-menu { fill: #000; width: 30px; height: 30px; vertical-align: baseline; } .menu-open svg.icon-menu { display: none; } button.dropdown-toggle { padding: 0; position: absolute; top: 0; right: 0; background-color: #fff; border: none; width: 45px; height: 45px; line-height: 50px; margin: 5px; } .main-navigation .dropdown-toggle.active > svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .menu-overlay { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .menu-overlay.active { background-color: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 1; } .main-navigation .social-menu ul { position: relative; float: none; left: 0; background-color: transparent; display: inline-block; } .main-navigation .social-menu ul li { padding: 0; margin-right: 5px; } .main-navigation .social-menu ul li a { width: 40px; height: 40px; line-height: 37px; padding: 0; } #masthead .main-navigation .social-menu ul li a svg { transform: none; fill: #2b2d41; } #masthead .main-navigation .social-menu ul li a:hover svg, #masthead .main-navigation .social-menu ul li a:focus svg { fill: #fff; } .main-navigation .social-menu ul li a:hover, .main-navigation .social-menu ul li a:focus { opacity: 1; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 50px 0 0; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; position: relative; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; position: relative; } .post-navigation a, .posts-navigation a { font-weight: 400; color: #ff6635; text-decoration: none; } .navigation.pagination a { text-decoration: none; } .post-navigation a:hover, .posts-navigation a:hover, .post-navigation a:focus, .posts-navigation a:focus { color: #000; } .post-navigation, .posts-navigation { padding: 0; position: relative; clear: both; } .pagination .page-numbers, .pagination .page-numbers.dots:hover, .pagination .page-numbers.dots:focus, .pagination .page-numbers.prev, .pagination .page-numbers.next { text-align: center; line-height: 40px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 7px; color: #000; background-color: #eee; border: 1px solid #eee; } .pagination .page-numbers.current, .pagination .page-numbers:hover, .pagination .page-numbers:focus { color: #fff; border-color: #ff6635; background-color: #ff6635; } .pagination .prev.page-numbers img { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .pagination img { opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .pagination a:hover img, .pagination a:focus img { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } .navigation .nav-previous svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-right: 10px; } .navigation .nav-next svg { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-left: 10px; } .navigation.post-navigation, .navigation.posts-navigation { background-color: #eee; } .navigation.post-navigation .nav-previous, .navigation.posts-navigation .nav-previous, .navigation.post-navigation .nav-next, .navigation.posts-navigation .nav-next { padding: 30px; } .navigation.post-navigation a, .navigation.posts-navigation a { font-size: 18px; color: #000; } .navigation.post-navigation a:hover, .navigation.posts-navigation a:hover, .navigation.post-navigation a:focus, .navigation.posts-navigation a:focus { color: #ff6635; } .navigation.post-navigation a:hover svg, .navigation.posts-navigation a:hover svg, .navigation.post-navigation a:focus svg, .navigation.posts-navigation a:focus svg { fill: #ff6635; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.3em; } .widget:last-child { margin-bottom: 0; } #colophon .widget { margin: 0 0 40px; } #colophon .widget.widget_text { margin-bottom: 20px; } #colophon .widget:last-child { margin-bottom: 0; } #secondary .widget { background-color: #eee; padding: 30px; margin-bottom: 30px; } #secondary .widget:last-child { margin-bottom: 0; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; background-color: #f6f6f6; padding: 10px; border: none; width: 100%; max-width: 300px; } .widget select:focus { outline: thin dotted; } .widget input { height: 40px; border-radius: 0; padding: 0 15px; border: none; } form.search-form button.search-submit { padding: 0; height: 45px; line-height: 30px; position: absolute; right: 0; top: 0; border: none; width: 45px; border-radius: 0; } form.search-form button.search-submit svg { fill: #fff; } .widget_search form.search-form button.search-submit { width: 50px; height: 50px; color: #fff; line-height: 1; } .widget_search form.search-form button.search-submit svg { fill: #fff; width: 16px; height: 16px; } .widget_search form.search-form button.search-submit:hover svg, .widget_search form.search-form button.search-submit:focus svg { fill: #ff6635; } .widget_search form.search-form input { border: none; } .widget_search form.search-form input { padding: 0 40px 0 15px; height: 50px; background-color: #f5f5f3; } form.search-form { position: relative; } form.search-form input { width: 100%; padding: 0 40px 0 15px; font-weight: 300; } #wp-calendar tbody td { text-align: center; } #wp-calendar caption { margin-bottom: 15px; } #secondary .widget-header { margin-bottom: 23px; } #secondary .widget-subtitle { color: #000; text-transform: uppercase; margin: 0; } #secondary .widget-title { font-size: 16px; font-weight: 400; margin: 0 0 20px; word-wrap: break-word; position: relative; background-color: #000; color: #fff; padding: 12px; text-align: center; text-transform: uppercase; } .widget li:not(:last-child) { margin-bottom: 20px; } .right-sidebar #secondary, .left-sidebar #secondary { margin-top: 50px; } #secondary { position: relative; overflow: hidden; } #secondary .widget_search form.search-form input { background-color: #fff; } #secondary ul { list-style: none; padding: 0; margin: 0; } #secondary .cat-links a, #secondary ul li a:hover, #secondary ul li a:focus { color: #ff6635; } #secondary ul li a { color: #000; text-decoration: none; } #secondary .widget ul li:not(:last-child) { margin-bottom: 10px; } #secondary .textwidget { text-align: center; } #secondary .widget.widget_text .textwidget img { margin-bottom: 15px; object-fit: cover; width: 200px; height: 200px; border-radius: 50%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0; } .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 0; } .page-header span.posted-on { margin-bottom: 12px; display: inline-block; width: 100%; } .page-links { clear: both; margin: 0 0 1.5em; } .page-header small { font-size: 12px; color: #ff6635; } nav.navigation.pagination { margin-top: 50px; clear: both; display: inline-block; width: 100%; } .no-sidebar nav.navigation.pagination { text-align: center; } .no-sidebar-content #inner-content-wrapper { margin: 0 auto; } .no-sidebar-content #inner-content-wrapper { max-width: 1000px; margin-left: auto; margin-right: auto; } .navigation.pagination svg { fill: #000; width: 14px; height: 14px; position: relative; top: -1px; left: -1px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navigation.pagination .next svg { left: auto; right: -1px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .navigation.pagination a:hover svg, .navigation.pagination a:focus svg { fill: #fff; } .navigation.posts-navigation svg, .navigation.post-navigation svg { width: 14px; height: 14px; fill: #000; } .navigation.posts-navigation .nav-previous svg.icon-up, .navigation.post-navigation .nav-previous svg.icon-up { margin-right: 10px; } .navigation.posts-navigation .nav-next svg.icon-up, .navigation.post-navigation .nav-next svg.icon-up { margin-left: 10px; } .single .featured-image img{ width: 100%; } .single-wrapper .entry-title { font-size: 32px; font-weight: 700; } .single-wrapper .post-categories { margin-bottom: 7px; display: inline-block; width: 100%; } .single-wrapper article p { margin-top: 0; margin-bottom: 28px; } .single-wrapper article blockquote p { margin-bottom: 0; } .single-wrapper article img { margin-bottom: 30px; } .single-wrapper article .author-image img { margin-bottom: 0; border-radius: 50%; } .single-wrapper article p.first-letter:first-letter { display: inline-block; float: left; font-size: 90px; line-height: 0.6; margin: 16px 16px 0 0; } .posted-on a, #secondary .posted-on a { text-decoration: none; color: #000; } .posted-on a:hover, .posted-on a:focus, #secondary .posted-on a:hover, #secondary .posted-on a:focus { color: #ff6635; } .single-wrapper span.posted-on svg, .single-wrapper span.cat-links svg { fill: #ff6635; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top: -3px; } .single-wrapper span.cat-links svg { top: -2px; } .single-wrapper span.posted-on a:hover svg, .single-wrapper span.posted-on a:focus svg, .single-wrapper span.cat-links:hover svg { fill: #000; } .single-wrapper .entry-meta > span:not(:last-child):after { content: ""; padding: 0 5px; } .tags-title { color: #000; text-transform: uppercase; margin-bottom: 13px; } .tags-links { display: inline-block; } .tags-links a { color: #000; display: inline-block; text-decoration: none; margin-right: 7px; } .tags-links a:hover, .tags-links a:focus { color: #ff6635; } .single-wrapper .entry-meta { margin-bottom: 25px; } .single-wrapper .entry-meta .date { font-size: 49px; color: #000; display: block; font-weight: bold; margin-bottom: 5px; } .single-wrapper .entry-meta .month { font-size: 14px; letter-spacing: 0.5em; text-transform: uppercase; padding-left: 5px; margin-bottom: 28px; font-weight: bold; } .single-post .site-main .comment-navigation, .single-post .site-main .posts-navigation, .single-post .site-main .post-navigation { margin-bottom: 0; } .post-navigation .previous-article span span, .posts-navigation .previous-article span span, .post-navigation .next-article span span, .posts-navigation .next-article span span { display: block; } .post-navigation span.previous-article b, .post-navigations span.previous-article b, .post-navigation span.next-article b, .post-navigations span.next-article b { font-size: 22px; font-weight: 600; margin-bottom: 10px; display: inline-block; width: 100%; } .post-navigation span.previous-article, .post-navigations span.previous-article { display: table; } .no-sidebar .single-wrapper .featured-image { text-align: center; } span.next-article { padding-right: 65px; display: inline-block; } #author-section { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 35px 0; margin-bottom: 35px; } .author-image { float: left; margin-right: 30px; } .author-content { display: table; } .author-name { font-size: 18px; margin-top: 0; text-transform: uppercase; font-weight: 600; margin-bottom: 30px; } .author-name:after { content: ""; background-color: #ff6635; width: 29px; height: 3px; display: block; margin-top: 30px; } .author-name span { color: #5e5e5e; padding-left: 5px; font-weight: 400; } .author-content .social-icons li a { background-color: #171717; } .author-content .social-icons li a svg { fill: #fff; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } #reply-title, .comments-title { font-size: 32px; margin: 0; font-weight: 300; margin-bottom: 40px; } ul.post-categories li:after { content: ","; } ul.post-categories li:last-child:after { display: none; } ol.comment-list { padding: 0; margin: 0 0 15px; list-style: none; } #comments ol { list-style: none; margin-left: 0; padding: 0; } #comments ol.comment-list { padding-top: 35px; position: relative; overflow: hidden; } #comments ol.children .reply { padding-left: 12px; } .says { display: none; } .comment-meta img { width: 65px; height: 65px; float: left; border-radius: 50%; margin-right: 35px; margin-top: -20px; } #comments time:before { display: none; } .comment-body { position: relative; } .reply { padding-bottom: 25px; text-align: right; padding-right: 10px; } #comments article { margin-bottom: 30px; clear: both; } #comments ol.comment-list > li:last-child article:last-child, #comments ol.comment-list > li:last-child { border-bottom: none; } #comments ol.comment-list > li { padding-top: 18px; } #comments ol.comment-list > li:first-child { padding-top: 0; } #comments ol.comment-list > li article:last-child .reply { border-bottom: none; padding-bottom: 0; } .reply a { padding: 8px 25px; display: inline-block; text-align: center; border-radius: 50px; color: #fff; background-color: #ff6635; text-decoration: none; font-family: 'Poppins', sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .reply a:hover, .reply a:focus { color: #fff; background-color: #111; } .comment-meta .url, .comment-meta .fn { color: #000; display: inline-block; text-decoration: none; } .comment-metadata { float: right; padding-right: 35px; position: relative; z-index: 1; margin-top: -30px; } .comment-metadata a { text-decoration: none; color: #000; } .comment-metadata a:hover, .comment-metadata a:focus, .comment-meta .url:hover, .comment-meta .url:focus { color: #ff6635; } .comment-content { margin-bottom: 13px; padding: 57px 25px 7px; margin-top: -50px; background-color: #eee; margin-left: 120px; position: relative; right: 10px; clear: both; } .comment-content:before { content: ""; border: 9px solid transparent; border-right-color: #fff; position: absolute; left: -18px; top: 30px; } .comment-content p { margin-bottom: 1em; } .comment-meta { margin-bottom: -100px; display: inline-block; width: 100%; } .comment-meta .fn { padding-left: 35px; position: relative; z-index: 1; font-weight: 400; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Layouts and titles --------------------------------------------------------------*/ section { position: relative; } .relative { display: block; position: relative; } .relative:before, .relative:after { content: ""; display: table; clear: both; } .entry-content { margin-top: 0; } .wrapper { width: 90%; max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .page-section { padding: 60px 0; } .section-header { text-align: left; max-width: 100%; margin: 0 auto 50px; border-bottom: 1px solid #2b2d41; } .section-subtitle { color: #2b2d41; font-size: 22px; font-weight: 400; } .section-title { font-size: 62px; font-weight: 400; margin: 0 0 10px 0; word-wrap: break-word; position: relative; } .section-title a { text-decoration: none; color: #2b2d41; } .section-title a:hover, .section-title a:focus { color: #ff6635; } .entry-title { font-size: 32px; margin: 0 0 15px; font-weight: 500; } .entry-title a { color: #2b2d41; text-decoration: none; } .entry-title a:hover, .entry-title a:focus { color: #ff6635; } .overlay { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .read-more { margin-top: 25px; } .btn { padding: 13px 40px; display: inline-block; text-align: center; color: #518099; background-color: transparent; text-decoration: none; text-transform: uppercase; font-size: 20px; font-family: 'Rajdhani', sans-serif; font-weight: 500; border: 1px solid #518099; min-width: 200px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn:hover, .btn:focus { color: #fff; background-color: #ff6635; border-color: #ff6635; } .same-background + .same-background { padding-top: 0; } .col-1 article, .col-2 article, .col-3 article, .col-4 article, .col-5 article, .col-6 article { margin-bottom: 30px; width: 100%; } .col-1 article:last-child, .col-2 article:last-child, .col-3 article:last-child, .col-4 article:last-child, .col-5 article:last-child, .col-6 article:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin: -5px; clear: both; display: table; width: 100%; } .gallery-item { display: inline-block; vertical-align: top; width: 100%; float: left; padding: 5px; } .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-caption { display: block; } /*-------------------------------------------------------------- ## Social Icons --------------------------------------------------------------*/ .social-icons li { display: inline-block; height: auto; text-align: center; position: relative; list-style: none; } .social-icons, .social-icons ul { margin: 0; padding: 0; } .social-icons li a { background-color: transparent; width: 40px; height: 40px; line-height: 37px; display: block; border-radius: 40px; border-bottom: none; } .social-icons li a:hover svg, .social-icons li a:focus svg { fill: #fff; } .social-icons li a:hover svg, .social-icons li a:focus svg { fill: #fff; } .social-icons li a svg { fill: #000000; } /*-------------------------------------------------------------- ## Social Icons Hover Color --------------------------------------------------------------*/ .social-icons li a[href*="facebook.com"]:hover, .social-icons li a[href*="fb.com"]:hover, .social-icons li a[href*="facebook.com"]:focus, .social-icons li a[href*="fb.com"]:focus, .tp-social.social-icon li a[href*="fb.com"], .tp-social.social-icon li a[href*="facebook.com"] { background-color: #3c5798 !important; } .social-icons li a[href*="twitter.com"]:hover, .social-icons li a[href*="twitter.com"]:focus, .tp-social.social-icon li a[href*="twitter.com"] { background-color: #1ea0f1 !important; } .social-icons li a[href*="linkedin.com"]:hover, .social-icons li a[href*="linkedin.com"]:focus, .tp-social.social-icon li a[href*="linkedin.com"] { background-color: #0077B5 !important; } .social-icons li a[href*="plus.google.com"]:hover, .social-icons li a[href*="plus.google.com"]:focus, .tp-social.social-icon li a[href*="plus.google.com"] { background-color: #ec7161 !important; } .social-icons li a[href*="slack.com"]:hover, .social-icons li a[href*="slack.com"]:focus, .tp-social.social-icon li a[href*="slack.com"] { background-color: #E60264; } .social-icons li a[href*="youtube.com"]:hover, .social-icons li a[href*="youtube.com"]:focus, .tp-social.social-icon li a[href*="youtube.com"] { background-color: #cc181e !important; } .social-icons li a[href*="dribbble.com"]:hover, .social-icons li a[href*="dribbble.com"]:focus, .tp-social.social-icon li a[href*="dribbble.com"] { background-color: #f4a09c !important; } .social-icons li a[href*="pinterest.com"]:hover, .social-icons li a[href*="pinterest.com"]:focus, .tp-social.social-icon li a[href*="pinterest.com"] { background-color: #bd081b !important; } .social-icons li a[href*="bitbucket.org"]:hover, .social-icons li a[href*="bitbucket.org"]:focus, .tp-social.social-icon li a[href*="bitbucket.com"] { background-color: #205081 !important; } .social-icons li a[href*="github.com"]:hover, .social-icons li a[href*="github.com"]:focus, .tp-social.social-icon li a[href*="github.com"] { background-color: #323131 !important; } .social-icons li a[href*="codepen.io"]:hover, .social-icons li a[href*="codepen.io"]:focus, .tp-social.social-icon li a[href*="codepen.com"] { background-color: #000 !important; } .social-icons li a[href*="flickr.com"]:hover, .social-icons li a[href*="flickr.com"]:focus, .tp-social.social-icon li a[href*="flickr.com"] { background-color: #025FDF !important; } .social-icons li a[href$="/feed/"]:hover, .social-icons li a[href$="/feed/"]:focus, .tp-social.social-icon li a[href*="feed.com"] { background-color: #089DE3 !important; } .social-icons li a[href*="foursquare.com"]:hover, .social-icons li a[href*="foursquare.com"]:focus, .tp-social.social-icon li a[href*="foursquare.com"] { background-color: #F94877 !important; } .social-icons li a[href*="instagram.com"]:hover, .social-icons li a[href*="instagram.com"]:focus, .tp-social.social-icon li a[href*="instagram.com"] { background-color: #cd42e7 !important; } .social-icons li a[href*="tumblr.com"]:hover, .social-icons li a[href*="tumblr.com"]:focus, .tp-social.social-icon li a[href*="tumblr.com"] { background-color: #56BC8A !important; } .social-icons li a[href*="reddit.com"]:hover, .social-icons li a[href*="reddit.com"]:focus, .tp-social.social-icon li a[href*="reddit.com"] { background-color: #FF4500 !important; } .social-icons li a[href*="vimeo.com"]:hover, .social-icons li a[href*="vimeo.com"]:focus, .tp-social.social-icon li a[href*="vimeo.com"] { background-color: #00ADEF !important; } .social-icons li a[href*="digg.com"]:hover, .social-icons li a[href*="digg.com"]:focus, .tp-social.social-icon li a[href*="digg.com"] { background-color: #00ADEF !important; } .social-icons li a[href*="twitch.tv"]:hover, .social-icons li a[href*="twitch.tv"]:focus, .tp-social.social-icon li a[href*="twitch.tv"] { background-color: #0E9DD9 !important; } .social-icons li a[href*="stumbleupon.com"]:hover, .social-icons li a[href*="stumbleupon.com"]:focus, .tp-social.social-icon li a[href*="stumbleupon.com"] { background-color: #EB4924 !important; } .social-icons li a[href*="delicious.com"]:hover, .social-icons li a[href*="delicious.com"]:focus, .tp-social.social-icon li a[href*="delicious.com"] { background-color: #0076E8 !important; } .social-icons li a[href*="mailto:"]:hover, .social-icons li a[href*="mailto:"]:focus, .tp-social.social-icon li a[href*="mailto:"] { background-color: #4169E1 !important; } .social-icons li a[href*="soundcloud.com"]:hover, .social-icons li a[href*="soundcloud.com"]:focus, .tp-social.social-icon li a[href*="soundcloud.com"] { background-color: #FF5500 !important; } .social-icons li a[href*="wordpress.org"]:hover, .social-icons li a[href*="wordpress.org"]:focus, .tp-social.social-icon li a[href*="wordpress.org"] { background-color: #0073AA !important; } .social-icons li a[href*="wordpress.com"]:hover, .tp-social.social-icon li a[href*="wordpress.com"] { background-color: #00AADC !important; } .social-icons li a[href*="jsfiddle.net"]:hover, .social-icons li a[href*="jsfiddle.net"]:focus, .tp-social.social-icon li a[href*="jsfiddle.net"] { background-color: #396AB1 !important; } .social-icons li a[href*="tripadvisor.com"]:hover, .social-icons li a[href*="tripadvisor.com"]:focus, .tp-social.social-icon li a[href*="tripadvisor.com"] { background-color: #FFE090 !important; } .social-icons li a[href*="angel.co"]:hover, .social-icons li a[href*="angel.co"]:focus, .tp-social.social-icon li a[href*="angel.co"] { background-color: #000 !important; } #secondary .widget_social_icons li a { background-color: transparent !important; margin-right: 20px; } #secondary .widget_social_icons li:last-child a { margin-right: 0; } #secondary .widget_social_icons li a svg { fill: #3c5798; width: 22px; height: 22px; } #secondary .widget_social_icons li a[href*="facebook.com"] svg, #secondary .widget_social_icons li a[href*="fb.com"] svg { fill: #3c5798; } #secondary .widget_social_icons li a[href*="twitter.com"] svg { fill: #1ea0f1; } #secondary .widget_social_icons li a[href*="linkedin.com"] svg { fill: #0077B5; } #secondary .widget_social_icons li a[href*="plus.google.com"] svg { fill: #ec7161; } #secondary .widget_social_icons li a[href*="slack.com"] svg { background-color: #E60264; } #secondary .widget_social_icons li a[href*="youtube.com"] svg { fill: #cc181e; } #secondary .widget_social_icons li a[href*="dribbble.com"] svg { fill: #f4a09c; } #secondary .widget_social_icons li a[href*="pinterest.com"] svg { fill: #bd081b; } #secondary .widget_social_icons li a[href*="bitbucket.org"] svg { fill: #205081; } #secondary .widget_social_icons li a[href*="github.com"] svg { fill: #323131; } #secondary .widget_social_icons li a[href*="codepen.io"] svg { fill: #000; } #secondary .widget_social_icons li a[href*="flickr.com"] svg { fill: #025FDF; } #secondary .widget_social_icons li a[href$="/feed/"] svg { fill: #089DE3; } #secondary .widget_social_icons li a[href*="foursquare.com"] svg { fill: #F94877; } #secondary .widget_social_icons li a[href*="instagram.com"] svg { fill: #cd42e7; } #secondary .widget_social_icons li a[href*="tumblr.com"] svg { fill: #56BC8A; } #secondary .widget_social_icons li a[href*="reddit.com"] svg { fill: #FF4500; } #secondary .widget_social_icons li a[href*="vimeo.com"] svg { fill: #00ADEF; } #secondary .widget_social_icons li a[href*="digg.com"] svg { fill: #00ADEF; } #secondary .widget_social_icons li a[href*="twitch.tv"] svg { fill: #0E9DD9; } #secondary .widget_social_icons li a[href*="stumbleupon.com"] svg { fill: #EB4924; } #secondary .widget_social_icons li a[href*="delicious.com"] svg { fill: #0076E8; } #secondary .widget_social_icons li a[href*="mailto:"] svg { fill: #4169E1; } #secondary .widget_social_icons li a[href*="soundcloud.com"] svg { fill: #FF5500; } #secondary .widget_social_icons li a[href*="wordpress.org"] svg { fill: #0073AA; } #secondary .widget_social_icons li a[href*="wordpress.com"] svg { } #secondary .widget_social_icons li a[href*="jsfiddle.net"] svg { fill: #396AB1; } #secondary .widget_social_icons li a[href*="tripadvisor.com"] svg { fill: #FFE090; } #secondary .widget_social_icons li a[href*="angel.co"] svg { fill: #000; } /*-------------------------------------------------------------- # Page Site Header --------------------------------------------------------------*/ #page-site-header { padding: 200px 0; text-align: center; position: relative; background-color: #333; background-size: cover; background-position: 50%; } #page-site-header .wrapper { position: relative; } #page-site-header .page-title { font-size: 52px; color: #fff; margin: 0; } .post-thumbnail-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .error-404.not-found { position: relative; text-align: center; } .error-404.not-found .page-content { text-align: center; max-width: 550px; margin: 50px auto 0; } .error-404.not-found .page-content .read-more { margin-top: 25px; } /*-------------------------------------------------------------- # Breadcrumb List --------------------------------------------------------------*/ #breadcrumb-list { margin-top: 5px; } .trail-items { margin: 0; padding: 0; list-style: none; } .trail-items li { display: inline-block; vertical-align: middle; font-weight: 400; color: #fff; } .trail-items li:not(:last-child):after { content: "/"; padding-left: 4px; padding-right: 1px; } .trail-items li a { color: #fff; text-decoration: none; } .trail-items li a:hover, .trail-items li a:focus { opacity: 0.8; } /*-------------------------------------------------------------- # Slick Pagination --------------------------------------------------------------*/ .slick-dotted.slick-slider { margin-bottom: 0; } .slick-slide { outline: none; } .slick-prev:before, .slick-next:before { content: ""; background-image: url('assets/uploads/right-arrow-angle.svg'); width: 16px; height: 16px; display: inline-block; opacity: 1; background-size: contain; background-repeat: no-repeat; } .slick-prev:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .slick-prev, .slick-next { background-color:transparent; width: 60px; height: 60px; border-radius: 0px; opacity: 1; z-index: 1; border: 1px solid #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { opacity: 1; background-color: #000; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { filter: invert(1); } .slick-prev { left: 50px; } .slick-next { right: 50px; } .slick-dots { bottom: 25px; } .slick-dots li { margin: 0 6px; } .slick-dots li button { width: 10px; height: 10px; border-radius: 10px; background-color: #858585; } .slick-dots li.slick-active button, .slick-dots li button:hover, .slick-dots li button:focus { background-color: #2b2d41; } .slick-dots li button:focus { outline: thin dotted #000; } .slick-dots li button:before { display: none; } body:not(.home) .testimonial-content { background-color: #eee; padding: 50px; } /*-------------------------------------------------------------- # Header Content --------------------------------------------------------------*/ #biopexel_header_content_section .section-header { max-width: 100%; padding: 75px 30px; margin-bottom: 0; max-width: 735px; text-align: center; margin: auto; border: none; } #biopexel_header_content_section .section-title { font-size: 42px; line-height: 1.1; margin-bottom: 0; } #biopexel_header_content_section img { height: 400px; width: 100%; object-fit: cover; } /*-------------------------------------------------------------- # Counter Section --------------------------------------------------------------*/ #biopexel_counter_section { background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative; text-align: center; } .counter-value { font-size: 72px; font-weight: 600; margin: 0; line-height: 1; } .counter-title { color: #858585; font-size: 21px; font-weight: 400; margin: 0; font-family: 'Lato', sans-serif; } /*-------------------------------------------------------------- # Service Section --------------------------------------------------------------*/ #biopexel_service_section .section-header { margin-bottom: 70px; } .icon-container { margin-bottom: 30px; } .service-item .fa { font-size: 60px; color: #518099; } .service-item a:hover .fa { color: #ff6635; } /*-------------------------------------------------------------- # Tab Section --------------------------------------------------------------*/ .filter-tabs { list-style: none; padding: 0; text-align: center; } .filter-tabs li { display: inline-block; margin-right: 35px; margin-bottom: 0; } .filter-tabs li a { text-decoration: none; display: inline-block; position: relative; font-weight: 500; font-size: 32px; font-family: 'Rajdhani', sans-serif; } .filter-tabs li.active a, .filter-tabs li a:hover, .filter-tabs li a:focus { color: #ff6635; } #biopexel_tab_section .featured-image { padding: 225px 0; margin-bottom: 20px; } .tab-content { display: none; } .tab-content.active { display: block; } #biopexel_tab_section .tab-content { margin: 0 -15px; } #biopexel_tab_section article { padding: 0 15px; margin-bottom: 40px; } #biopexel_tab_section .entry-title { margin: 0; } #biopexel_tab_section article:before, #biopexel_tab_section article:after, .tab-content:before, .tab-content:after { content: ""; display: table; clear: both; } #biopexel_tab_section .read-more { padding-top: 30px; margin-top: 0; border-top: 1px solid #000; } #biopexel_tab_section .btn, #biopexel_project_section .btn { background-color: #518099; border-color: #518099; color: #fff; } #biopexel_tab_section .btn:hover, #biopexel_tab_section .btn:focus, #biopexel_project_section .btn:hover, #biopexel_project_section .btn:focus { color: #fff; background-color: #ff6635; border-color: #ff6635; } /*-------------------------------------------------------------- # About Section --------------------------------------------------------------*/ #biopexel_about_section .section-header { margin-bottom: 100px; } #biopexel_about_section .wrapper, #biopexel_cta_section .wrapper { position: relative; } #biopexel_about_section article { width: 100%; display: table; position: relative; } #biopexel_about_section .featured-image { padding-bottom: 100%; } #biopexel_about_section .entry-container { width: 100%; padding: 30px 0; text-align: center; overflow: hidden; } #biopexel_about_section .entry-title { font-size: 42px; font-weight: 400; } #biopexel_about_section .entry-content p { line-height: 1.8; } #biopexel_about_section .read-more { margin-top: 40px; } /*-------------------------------------------------------------- # Cta Section --------------------------------------------------------------*/ .featured-image { background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative; } #biopexel_cta_section .section-content { margin-top: 60px; text-align: center; } #biopexel_cta_section .entry-container { margin-bottom: 70px; } #biopexel_cta_section .featured-image { padding: 300px 0; } /*-------------------------------------------------------------- # Project Section --------------------------------------------------------------*/ #biopexel_project_section .section-header { border-bottom: none; margin: 0; } #biopexel_project_section .project-wrapper, #biopexel_project_section .section-header { text-align: center; } /*-------------------------------------------------------------- # Offer Section --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Testimonial Section --------------------------------------------------------------*/ .testimonial-content { max-width: 1140px; margin: auto; text-align: center; } #biopexel_testimonial_section .featured-image { margin-bottom: 30px; text-align: center; display: inline-block; } #biopexel_testimonial_section .featured-image img { width: 30px; height: 30px; object-fit: cover; } #biopexel_testimonial_section .entry-title { font-size: 32px; margin: 0 0 5px; font-weight: 500; } #biopexel_testimonial_section .entry-title a { color: #518099; } #biopexel_testimonial_section .entry-title a:hover, #biopexel_testimonial_section .entry-title a:focus { color: #ff6635; } #biopexel_testimonial_section .entry-header { margin-bottom: 15px; } #biopexel_testimonial_section .testimonial-position { color: #6e768a; } #biopexel_testimonial_section .entry-content { color: #000; font-size: 61px; font-weight: 300; margin-bottom: 65px; font-family: 'Rajdhani', sans-serif; } #biopexel_testimonial_section .entry-content p { line-height: 1.1; } .seperator { border: 1px solid #858585; width: 200px; text-align: center; margin: auto auto 40px auto; } #biopexel_testimonial_section .slick-dots { position: relative; bottom: 0; margin-top: 30px; } #biopexel_testimonial_section .slick-prev { left: -70px; } #biopexel_testimonial_section .slick-next { right: -70px; } /*-------------------------------------------------------------- # Team Section --------------------------------------------------------------*/ .team-section-wrapper .featured-image { padding: 225px 0; } .team-section-wrapper .entry-container { text-align: center; padding: 30px 0; } .team-section-wrapper .entry-title { margin-bottom: 0; } .team-section-wrapper .entry-title a { color: #518099; } .team-section-wrapper .entry-title a:hover, .team-section-wrapper .entry-title a:focus { color: #ff6635; } .team-section-wrapper .read-more, #biopexel_latest_blog_section .read-more { margin-top: 10px; border-top: 1px solid #2b2d41; padding-top: 30px; text-align: center; } /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ #biopexel_instagram_section .section-header { border: none; margin-bottom: 30px; } #biopexel_instagram_section article { padding: 0 5px; } #biopexel_instagram_section .col-5 { margin: 0 -5px; } #biopexel_instagram_section .section-title { font-size: 32px; } .more-link a { text-decoration: none; } /*-------------------------------------------------------------- # Archive / Blog --------------------------------------------------------------*/ .archive-blog-wrapper .featured-image { background-size: cover; background-position: 50%; position: relative; padding: 150px 0; } .archive-blog-wrapper .entry-container { padding: 25px 0 15px; } .archive-blog-wrapper.blog-wrapper .entry-container { text-align: left; } .archive-blog-wrapper .entry-meta { margin-bottom: 10px; } .archive-blog-wrapper .entry-meta span { display: inline-block; vertical-align: middle; margin-right: 15px; position: relative; } .archive-blog-wrapper .entry-content { margin-bottom: 21px; } .archive-blog-wrapper .read-more a:hover, .archive-blog-wrapper .read-more a:focus { background-color: #222; } .archive-blog-wrapper .entry-meta > span:not(:last-child):after { content: ""; display: inline-block; vertical-align: middle; background-color: #b9c0ca; width: 5px; height: 5px; border-radius: 5px; position: absolute; top: 17px; right: -15px; } .entry-meta { padding: 0; } .archive-blog-wrapper .entry-title { font-size: 28px; } /*-------------------------------------------------------------- # Single --------------------------------------------------------------*/ #inner-content-wrapper { position: relative; } .single-wrapper .entry-meta span svg { fill: #82868b; margin-right: 10px; } .single-wrapper .entry-meta span.cat-links svg { margin-right: 7px; } .single-wrapper .featured-image { margin-bottom: 30px; } .single-wrapper .entry-meta { margin-bottom: 15px; } .single-wrapper .entry-meta a, .single-wrapper .entry-meta i { font-size: 16px; font-weight: 400; text-decoration: none; } .single-wrapper .entry-meta > span:not(:last-child):after { content: "/"; } .single-wrapper .entry-meta > span.post-categories:after, .single-wrapper .entry-meta > span.tags-links:after { display: none; } .single-wrapper .post-categories + .tags-links { margin-top: 15px; display: block; margin-bottom: 0; } .single-wrapper .entry-meta > span.tags-links a:hover, .single-wrapper .entry-meta > span.tags-links a:focus { background-color: #ff6635; color: #fff; border-color: #ff6635; } .single-wrapper .comment-respond { background-color: transparent; border: none; } #commentform .comment-form-url, .comment-respond p.comment-form-author, .comment-respond p.comment-form-email { width: 100%; float: none; margin-right: 0; } ul.post-categories { list-style: none; margin: 0; padding: 0; } ul.post-categories li { display: inline-block; } ul.post-categories li a { color: #ff6635; text-decoration: none; font-size: 18px; } ul.post-categories li a:hover, ul.post-categories li a:focus, .posted-on a:hover, .posted-on a:focus { color: #2b2d41; } .posted-on a { font-size: 18px; color: #ff6635; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .footer-widgets-area .wrapper { border-top: 1px solid #2b2d41; border-bottom: 1px solid #2b2d41; } .footer-widgets-area a, .footer-widgets-area { color: #858585; } #colophon li a { text-decoration: none; } #colophon a:hover, #colophon a:focus { color: #ff6635; } #colophon .widget-title { font-size: 32px; font-weight: 500; margin: 0 0 25px; position: relative; padding-bottom: 20px; } #colophon .widget-title:before { content: ""; width: 30px; height: 1px; background-color: #ff6635; position: absolute; bottom: 0; } .site-info { padding: 10px 0; } .site-info span { display: block; text-align: center; padding: 5px 0; } #colophon .textwidget img { margin-bottom: 20px; } .site-info .wrapper { padding: 0; } .site-info, .site-info a { margin: 0; color: #858585; } .site-info .social-icons { text-align: center; line-height: 44px; } #colophon .site-info a { text-decoration: none; } #colophon .site-info a:hover, #colophon .site-info a:focus { color: #ff6635; } .footer-widgets-area ul { list-style: none; margin: 0; padding: 0; } .footer-widgets-area .widget ul li { display: inline-block; width: 100%; margin-bottom: 10px; } .footer-widgets-area .widget ul li:last-child, .footer-widgets-area .widget .social-icons li { margin-bottom: 0; } .footer-widgets-area .hentry { margin-bottom: 45px; } .footer-widgets-area.col-1 .hentry { text-align: center; } .footer-widgets-area.col-1 .hentry:last-child { margin-bottom: 0; } .footer-widgets-area.col-1 .textwidget img { margin-left: auto; margin-right: auto; } .footer-widgets-area.page-section.col-1 { max-width: 600px; margin-left: auto; margin-right: auto; } #colophon .social-icons li { display: inline-block; width: auto; } #colophon .social-icons li a svg { fill: #2b2d41; } #colophon .social-icons li a:hover svg, #colophon .social-icons li a:focus svg { fill: #fff; } #colophon .widget.widget_text p { line-height: 1.8; } /*-------------------------------------------------------------- # Education Featured slider --------------------------------------------------------------*/ .featured-slider article { background-size: cover; background-position: 50%; padding: 200px 0; position: relative; } #featured-slider-section .wrapper { position: relative; } .featured-content-wrapper { position: relative; z-index: 1; text-align: center; } .featured-content-wrapper .entry-container { max-width: 700px; margin: 0 auto; } .featured-content-wrapper .entry-title { font-size: 32px; margin: 0 0 30px; line-height: 1.25; font-weight: 600; text-transform: uppercase; } .featured-content-wrapper .entry-title a, .featured-content-wrapper .entry-content { color: #fff; } .featured-content-wrapper .entry-title a:hover, .featured-content-wrapper .entry-title a:focus { color: #fff; opacity: 0.8; } .featured-slider .read-more a { margin-right: 15px; margin-bottom: 15px; background-color: #fff; border-color: #fff; color: #000; } /*-------------------------------------------------------------- # Education Service Section --------------------------------------------------------------*/ #biopexel_features_section .entry-container { text-align: center; font-size: 18px; } #biopexel_features_section .entry-title { font-size: 24px; } /*-------------------------------------------------------------- # Education Promotion Section --------------------------------------------------------------*/ #biopexelmotion_section { background-size: cover; background-position: 50%; color: #fff; } #biopexelmotion_section .wrapper { position: relative; text-align: center; max-width: 825px; } #biopexelmotion_section .entry-title { font-size: 32px; color: #fff; margin-bottom: 20px; } #biopexelmotion_section .btn { background-image: none; background-color: #fff; border-color: #fff; color: #000; } #biopexelmotion_section .btn:hover, #biopexelmotion_section .btn:focus { background-color: #ff6635; border-color: #ff6635; color: #fff; } /*-------------------------------------------------------------- # Education Course Section --------------------------------------------------------------*/ #biopexel_features_section .featured-image { margin-bottom: 35px; } #biopexel_team_section .team-item-wrapper { position: relative; text-align: center; background-color: #fff; box-shadow: 0px 0px 65px rgb(0 0 0 / 6%); } #biopexel_team_section .featured-image img { width: 100%; } #biopexel_team_section .entry-container { padding: 35px 15px 40px; } #biopexel_team_section .entry-title { margin: 0 0 10px; font-size: 24px; } #biopexel_subscribe_us article.has-post-thumbnail { display: table; width: 100%; position: relative; } #biopexel_subscribe_us .entry-container { max-width: 800px; text-align: center; margin-left: auto; margin-right: auto; } #biopexel_subscribe_us .subscribe-form-wrapper { text-align: center; max-width: 730px; margin: 0 auto; } #biopexel_subscribe_us .subtitle { margin-bottom: 10px; } #biopexel_subscribe_us .subtitle, #biopexel_subscribe_us #subscribe-text { color: #fff; } #biopexel_subscribe_us .widget-title, #biopexel_subscribe_us .widgettitle { font-size: 32px; margin-bottom: 30px; color: #fff; } #biopexel_subscribe_us #subscribe-text { margin-bottom: 40px; } #biopexel_subscribe_us input[type="email"] { width: 100%; border-radius: 50px; padding: 10px 30px; margin-bottom: 15px; } #biopexel_subscribe_us button[type="submit"] { border-radius: 50px; font-size: 18px; height: 55px; } #biopexel_subscribe_us .section-header { margin-bottom: 20px; border: none; } #biopexel_sponsor_section article { text-align: center; } #biopexel_sponsor_section img { max-width: 150px; } #biopexel_gallery_section .featured-image { background-size: cover; background-position: 50%; padding: 150px 0; position: relative; overflow: hidden; } #biopexel_gallery_section .entry-header { background-color: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #biopexel_gallery_section .entry-title { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin-bottom: 0; font-size: 22px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #biopexel_gallery_section .entry-title a { color: #fff; } #biopexel_gallery_section .featured-image:hover .entry-header { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .jetpack_subscription_widget { position: relative; } .jetpack_subscription_widget input[type="email"] { width: 100%; min-height: 50px; padding: 2px 15px 0 15px; background-color: #fff; border: none; color: #000; border: 1px solid #ccc; background-color: #e5e5e5; } .jetpack_subscription_widget #subscribe-submit { display: inline-block; margin: 0; position: absolute; top: 0; right: 0; } #biopexel_subscribe_us .featured-image { background-size: cover; background-position: 50%; padding-bottom: 100%; margin-bottom: 40px; position: relative; } .jetpack_subscription_widget #subscribe-submit input[type="submit"] { height: 55px; } @media screen and (min-width: 767px) { .featured-slider article { padding: 350px 0; } .featured-content-wrapper { position: absolute; top: 50%; left: 15px; right: 0; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 1024px) { .featured-content-wrapper .entry-title { font-size: 62px; } .second-design #kompany_service_section article, .fourth-design #kompany_service_section article { padding: 0 40px; } #biopexelmotion_section .entry-title { font-size: 52px; font-weight: 600; } #biopexel_sponsor_section .section-content { display: flex; align-items: center; } #biopexel_subscribe_us form { position: relative; } #biopexel_subscribe_us input[type="email"] { margin-bottom: 0; padding-right: 180px; } #biopexel_subscribe_us button[type="submit"] { position: absolute; bottom: 0; right: 0; } #biopexel_subscribe_us article.has-post-thumbnail .featured-image { width: 48.8%; display: table-cell; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 0; margin-bottom: 0; } #biopexel_subscribe_us article.has-post-thumbnail .featured-image { right: auto; } #biopexel_subscribe_us article.has-post-thumbnail .entry-container { width: 51.2%; display: table-cell; padding: 44px 0 44px 55px; text-align: left; } #biopexel_subscribe_us article.has-post-thumbnail .entry-container { padding: 44px 0 44px 55px; } #biopexel_subscribe_us .section-header { text-align: left; } } /*-------------------------------------------------------------- # Blog Slider --------------------------------------------------------------*/ #biopexel_blog_slider_section .wrapper { position: relative; } .blog-slider article { background-color: #000; background-size: cover; background-position: 50%; padding: 150px 0; vertical-align: middle; position: relative; } .blog-content-wrapper { background-color: rgb(255 255 255 / 90%); max-width: 600px; text-align: center; margin: 0 auto; padding: 50px 30px; } .blog-content-wrapper .entry-container { max-width: 800px; margin: 0 auto; text-align: center; } .blog-content-wrapper .entry-container, .blog-content-wrapper .read-more { text-align: center; } .blog-slider .entry-meta { margin-bottom: 15px; } #biopexel_blog_slider_section .entry-meta > span { display: inline-block; margin-bottom: 0; vertical-align: middle; } .blog-slider ul.post-categories, .blog-slider ul.post-categories { display: inline-block; } .blog-slider .entry-meta span:not(:last-child):after { content: "-"; } .blog-slider .btn:not(:first-child) { background-color: #518099; border-color: #518099; color: #fff; margin-left: 10px; } .blog-slider .btn:not(:first-child):hover, .blog-slider .btn:not(:first-child):focus { background-color: #ff6635; border-color: #ff6635; color: #fff; } /*-------------------------------------------------------------- # Author Section --------------------------------------------------------------*/ #biopexel_author_section .section-content { margin: 0 auto; width: 100%; position: relative; } #biopexel_author_section .featured-image { text-align: center; } #biopexel_author_section img { width: auto; height: auto; background: #fff; max-width: 200px; border-radius: 90%; object-fit: cover; } #biopexel_author_section .entry-container { color: #333; display: block; width: 100%; margin-left: 0px; margin-top: 0; padding-top: 35px; } #biopexel_author_section .entry-container p { border-left: 5px solid #eee; padding-left: 20px; font-size: 16px; color: #777; } /*-------------------------------------------------------------- # Featured Posts --------------------------------------------------------------*/ #biopexel_featured_posts_section .featured-post-item { position: relative; } #biopexel_featured_posts_section .featured-image { position: relative; background-size: cover; background-position: 50%; padding: 150px 0; cursor: pointer; } #biopexel_featured_posts_section .featured-image:after { content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.35); top: 0; left: 0; right: 0; bottom: 0; } #biopexel_featured_posts_section .box-border-line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; margin: 15px; border: 1px solid #ffffff; } #biopexel_featured_posts_section .box-line { position: absolute; background-color: #ff6635; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } #biopexel_featured_posts_section .box-line-top { height: 1px; top: -1px; left: -1px; width: 10%; } #biopexel_featured_posts_section .box-line-right { width: 1px; top: -1px; right: -1px; height: 10%; } #biopexel_featured_posts_section .box-line-bottom { height: 1px; bottom: -1px; right: -1px; width: 10%; } #biopexel_featured_posts_section .box-line-left { width: 1px; bottom: -1px; left: -1px; height: 10%; } #biopexel_featured_posts_section .featured-image:hover .box-line-bottom, #biopexel_featured_posts_section .featured-image:hover .box-line-top { width: calc(100% + 1px); } #biopexel_featured_posts_section .featured-image:hover .box-line-left, #biopexel_featured_posts_section .featured-image:hover .box-line-right { height: calc(100% + 1px); } #biopexel_featured_posts_section .entry-title { position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin: 0; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #biopexel_featured_posts_section .entry-title span { color: #ff6635; } /*-------------------------------------------------------------- # Popular Posts --------------------------------------------------------------*/ #biopexel_popular_posts_section .full-width { width: 100%; } #biopexel_popular_posts_section .post-wrapper { box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 6%); } #biopexel_popular_posts_section.archive-blog-wrapper .entry-container { padding: 25px; } #biopexel_popular_posts_section .entry-title { font-size: 22px; } #biopexel_popular_posts_section .post-categories li a, #biopexel_popular_posts_section .posted-on a { font-size: 18px; } #biopexel_popular_posts_section .full-width .entry-title { font-size: 32px; } .load-more { margin-top: 50px; text-align: center; } .instagram-wrapper.col-2, .instagram-wrapper.col-3, .instagram-wrapper.col-4, .instagram-wrapper.col-5, .instagram-wrapper.col-6 { margin: 0; } .instagram-wrapper.col-2 article, .instagram-wrapper.col-3 article, .instagram-wrapper.col-4 article, .instagram-wrapper.col-5 article, .instagram-wrapper.col-6 article { padding: 0; } .instagram-wrapper article img { width: 100%; object-fit: cover; } @media screen and (min-width: 1024px) { #biopexel_popular_posts_section .full-width .featured-image { padding: 300px 0; } } @media screen and (min-width: 1200px) { #biopexel_author_section .featured-image { text-align: left; } #biopexel_author_section img { float: right; } #biopexel_author_section .entry-container { float: left; } #biopexel_author_section .section-content { margin: 0 auto; width: 1180px; position: relative; } #biopexel_author_section .entry-container { color: #333; display: block; width: 80%; margin-left: 0px; margin-top: 0; min-height: 200px; max-height: 200px; padding-top: 35px; } #biopexel_author_section .entry-container p { font-size: 20px; } } /*-------------------------------------------------------------- # Shop Version --------------------------------------------------------------*/ .featured-slider .read-more .btn:hover, .featured-slider .read-more .btn:focus { color: #fff; background-color: #000; border-color: #000; } .woocommerce #biopexel_popular_products_section ul.products, .woocommerce-page #biopexel_popular_products_section ul.products { margin: 0 -15px; } .woocommerce #biopexel_popular_products_section ul.products li.product, .woocommerce-page #biopexel_popular_products_section ul.products li.product { margin: 0; padding: 0 15px; } .woocommerce #biopexel_popular_products_section ul.products li.product, .woocommerce-page #biopexel_popular_products_section ul.products li.product, .woocommerce #biopexel_recent_products_section ul.products li.product, .woocommerce-page #biopexel_recent_products_section ul.products li.product { width: 100%; margin-bottom: 30px; float: none; text-align: center; } .woocommerce #biopexel_popular_products_section ul.products li.first, .woocommerce-page #biopexel_popular_products_section ul.products li.first { clear: none; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { right: auto; left: 25px; top: 10px; margin: 0; min-width: auto; min-height: auto; padding: 0; background-color: #EB4985; border-radius: 0; line-height: 1.3; padding: 4px 11px; font-weight: 400; } .woocommerce ul.products li.product a img { margin-bottom: 20px; } .product_meta a { font-size: 16px; color: #797973; text-transform: uppercase; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-weight: 600; font-size: 16px; } .woocommerce ul.products li.product .price { color: #EB4985; font-size: 16px; font-weight: 600; } .woocommerce ul.products li.product .price del { color: #797973; opacity: 1; font-weight: 400; margin-right: 3px; } .woocommerce ul.products li.product .button { margin-top: 5px; } .fourth-design #biopexel_counter_section { background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative; text-align: center; } .grid { margin: 0 5px; } #biopexel_masonry_section .grid article { width: 100%; padding: 10px 5px; margin-bottom: 0; } #biopexel_masonry_section .grid article:nth-child(n-2) { padding-bottom: 0; } #biopexel_masonry_section .featured-image { padding: 100px 0; } #biopexel_masonry_section .grid .entry-title a { color: #2b2d41; } #biopexel_masonry_section .grid .entry-title a:hover, #biopexel_masonry_section .grid .entry-title a:focus { color: #ff6635; } #biopexel_masonry_section .grid .entry-container { position: absolute; left: 0; right: 0; padding: 20px; margin: auto; text-align: center; background: linear-gradient( 0deg,rgba(0,0,0,.6) 0,transparent); background: none; text-align: left; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .fourth-design #biopexel_counter_section .section-content { position: relative; } .fourth-design #biopexel_counter_section .counter-value, .fourth-design #biopexel_counter_section .counter-title { color: #fff; } #biopexel_trending_products_section .section-content { margin: 0 -15px; } #biopexel_trending_products_section .product-wrapper { width: 100%; padding: 0 15px; margin-bottom: 30px; } .category-title { font-size: 24px; margin: 0; word-wrap: break-word; position: relative; font-weight: 600; margin-bottom: 38px; } #biopexel_trending_products_section article { margin-bottom: 30px; position: relative; display: table; width: 100%; } #biopexel_trending_products_section .featured-image { position: absolute; width: 120px; left: 0; top: 0; bottom: 0; height: 100%; overflow: hidden; display: table-cell; } #biopexel_trending_products_section .featured-image img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } #biopexel_trending_products_section .entry-container { float: left; padding-left: 140px; display: table-cell; min-height: 120px; } #biopexel_trending_products_section span.discount-offer { margin-bottom: 5px; } span.discount-offer { font-size: 16px; background-color: #EB4985; color: #fff; line-height: 1.2; padding: 3px 7px; display: inline-block; } #biopexel_trending_products_section .entry-title a:hover, #biopexel_trending_products_section .entry-title a:focus { color: #EB4985; } #biopexel_trending_products_section .cat-links { margin-bottom: 5px; display: block; } #biopexel_trending_products_section span.cat-links a { font-size: 16px; color: #797973; text-transform: uppercase; } #biopexel_trending_products_section .entry-title { font-size: 16px; font-weight: 500; margin-bottom: 5px; } #biopexel_trending_products_section .entry-title a { color: #000; } #biopexel_trending_products_section .price { color: #EB4985; font-size: 16px; font-weight: 500; } #biopexel_trending_products_section .price del { color: #797973; opacity: 1; font-weight: 400; margin-right: 3px; } #biopexel_trending_products_section .price ins { background: transparent; font-weight: 600; display: inline-block; } @media screen and (min-width: 567px) { .woocommerce #biopexel_popular_products_section ul.products li.product, .woocommerce-page #biopexel_popular_products_section ul.products li.product, .woocommerce #biopexel_recent_products_section ul.products li.product, .woocommerce-page #biopexel_recent_products_section ul.products li.product { text-align: center; } .woocommerce #biopexel_popular_products_section ul.products li.product, .woocommerce-page #biopexel_popular_products_section ul.products li.product, .woocommerce #biopexel_recent_products_section ul.products li.product, .woocommerce-page #biopexel_recent_products_section ul.products li.product { padding: 0 15px; float: left; width: 50%; margin-bottom: 30px; } #biopexel_masonry_section .grid article { width: 50%; } } @media screen and (min-width: 767px) { #biopexel_trending_products_section .product-wrapper:nth-child(2n+1) { clear: left; } #biopexel_trending_products_section .product-wrapper { width: 50%; float: left; } .grid .featured-image { padding: 200px 0; } } @media screen and (min-width: 992px) { .woocommerce #biopexel_popular_products_section ul.products li.product, .woocommerce-page #biopexel_popular_products_section ul.products li.product { width: 25%; } #biopexel_trending_products_section .product-wrapper:nth-last-child(-n+3) { margin-bottom: 0; } #biopexel_trending_products_section .product-wrapper:nth-child(3n+1) { clear: left; } #biopexel_trending_products_section .product-wrapper:nth-child(2n+1) { clear: none; } #biopexel_trending_products_section .product-wrapper { width: 33.33%; } } @media screen and (min-width: 1024px) { #biopexel_masonry_section .grid article:nth-child(2) .entry-container { text-align: right; } #biopexel_masonry_section .grid article:nth-child(2) .entry-title { margin-right: 0; margin-left: auto; } #biopexel_masonry_section .grid article:nth-child(1n) { width: 50%; } #biopexel_masonry_section .grid article:nth-child(2n), #biopexel_masonry_section .grid article:nth-child(3n) { width: 25%; } #biopexel_masonry_section .grid article:nth-child(4n) { width: 50%; } .fourth-design #biopexel_masonry_section .grid article { width: 33.33%; } #biopexel_masonry_section .grid article:nth-child(1n) .featured-image { padding: 400px 0; } #biopexel_masonry_section .grid article:nth-child(2n) .featured-image, #biopexel_masonry_section .grid article:nth-child(3n) .featured-image, #biopexel_masonry_section .grid article:nth-child(4n) .featured-image { padding: 195px 0; } #biopexel_masonry_section .grid article:nth-child(4n) .featured-image { padding: 200px 0; } #biopexel_masonry_section .grid article:nth-child(1n) .featured-image { padding: 305px 0; } #biopexel_masonry_section .grid article:nth-child(2n) .featured-image { padding: 150px 0; } #biopexel_masonry_section .grid article:nth-child(3n) .featured-image { padding: 305px 0; } #biopexel_masonry_section .grid article:nth-child(4n) .featured-image { padding: 150px 0; } } @media screen and (min-width: 1900px) { #biopexel_trending_products_section .entry-container { padding-left: 150px; } } /*-------------------------------------------------------------- # Dark Version --------------------------------------------------------------*/ .dark-version { background-color: #000; } .dark-version #masthead, .dark-version .pagination .page-numbers, .dark-version .pagination .page-numbers.prev, .dark-version .pagination .page-numbers.next, .dark-version #secondary .widget, .dark-version .navigation.post-navigation, .dark-version .navigation.posts-navigation, .dark-version .comment-content, .dark-version input[type="text"], .dark-version input[type="email"], .dark-version input[type="url"], .dark-version input[type="password"], .dark-version input[type="search"], .dark-version input[type="number"], .dark-version input[type="tel"], .dark-version input[type="range"], .dark-version input[type="date"], .dark-version input[type="month"], .dark-version input[type="week"], .dark-version input[type="time"], .dark-version input[type="datetime"], .dark-version input[type="datetime-local"], .dark-version input[type="color"], .dark-version textarea, .dark-version #biopexel_about_section article, .dark-version #biopexel_team_section .team-item-wrapper, .second-design.dark-version .testimonial-content, .third-design.dark-version .testimonial-content, .fourth-design.dark-version .testimonial-content { background-color: #111; } .dark-version .blog-content-wrapper { background-color: rgb(17 17 17 / 90%); } .dark-version #biopexel_about_section .btn, .dark-version .btn:hover, .dark-version .btn:focus, .dark-version .slick-prev:hover, .dark-version .slick-next:hover, .dark-version .slick-prev:focus, .dark-version .slick-next:focus, .dark-version .pagination .page-numbers:hover, .dark-version .pagination .page-numbers:focus { background-color: #333; border-color: #333; } .dark-version #biopexel_about_section .btn:hover, .dark-version #biopexel_about_section .btn:focus { background-color: transparent; color: #fff; } .dark-version #biopexel_testimonial_section .entry-title:after { background-color: #fff; } .dark-version, .dark-version h1, .dark-version h2, .dark-version h3, .dark-version h4, .dark-version h5, .dark-version h6, .dark-version p, .dark-version a, .dark-version figcaption, .dark-version cite, .dark-version blockquote, .dark-version pre, .dark-version .section-subtitle, .dark-version .pagination .page-numbers, .dark-version .pagination .page-numbers.dots:hover, .dark-version .pagination .page-numbers.dots:focus, .dark-version .pagination .page-numbers.prev, .dark-version .pagination .page-numbers.next, .dark-version ul.post-categories li a, .dark-version #secondary ul li a, .dark-version #respond label, .dark-version .navigation.post-navigation a, .dark-version .navigation.posts-navigation a, .dark-version .comment-meta .url, .dark-version .comment-meta .fn, .dark-version input[type="text"], .dark-version input[type="email"], .dark-version input[type="url"], .dark-version input[type="password"], .dark-version input[type="search"], .dark-version input[type="number"], .dark-version input[type="tel"], .dark-version input[type="range"], .dark-version input[type="date"], .dark-version input[type="month"], .dark-version input[type="week"], .dark-version input[type="time"], .dark-version input[type="datetime"], .dark-version input[type="datetime-local"], .dark-version input[type="color"], .dark-version textarea, .dark-version #top-navigation .contact-info li a, .dark-version ul.tabs li.active a, .dark-version ul.tabs li a:hover, .dark-version ul.tabs li a:focus, .dark-version #colophon .widget-title, .dark-version #colophon .site-info a, .dark-version #biopexel_trending_products_section .entry-title a { color: #fff; } .dark-version #colophon .site-info a:hover, .dark-version #colophon .site-info a:focus, .dark-version .post-categories li a:hover, .dark-version .post-categories li a:focus, .dark-version #secondary .cat-links a, .dark-version #secondary ul li a:hover, .dark-version #secondary ul li a:focus, .dark-version .single-wrapper .entry-meta a:hover, .dark-version .single-wrapper .entry-meta entry-meta a:focus, .dark-version .navigation.post-navigation a:hover, .dark-version .navigation.posts-navigation a:hover, .dark-version .navigation.post-navigation a:focus, .dark-version .navigation.posts-navigation a:focus, .dark-version .comment-metadata a:hover, .dark-version .comment-metadata a:focus, .dark-version .comment-meta .url:hover, .dark-version .comment-meta .url:focus, .dark-version #biopexel_trending_products_section .entry-title a:hover, .dark-version #biopexel_trending_products_section .entry-title a:focus { color: #ff6635; } @media screen and (min-width: 1024px) { .dark-version .main-navigation ul.nav-menu > li > a { color: #fff; } .dark-version .main-navigation ul.nav-menu > li > a:hover, .dark-version .main-navigation ul.nav-menu > li > a:focus { color: #fff; opacity: 0.8; } .dark-version .main-navigation svg.icon-down, .dark-version svg.icon-search, .dark-version svg.icon-close, .dark-version #masthead .main-navigation .social-menu ul li a svg, .dark-version .main-navigation ul.nav-menu > li.search-menu > a > svg { fill:#fff; } .dark-version .main-navigation ul.nav-menu li:hover > svg, .dark-version .main-navigation ul.nav-menu li:focus > svg, .dark-version .main-navigation li.menu-item-has-children:hover > a > svg, .dark-version .main-navigation li.menu-item-has-children > a:hover > svg, .dark-version .main-navigation li.menu-item-has-children > a:focus > svg, .dark-version .main-navigation ul.nav-menu > li.current-menu-item > a > svg { fill:#fff; opacity: 0.8; } } .dark-version .navigation.pagination svg, .dark-version .navigation.posts-navigation svg, .dark-version .navigation.post-navigation svg, .dark-version .navigation.post-navigation a:hover svg, .dark-version .navigation.posts-navigation a:hover svg, .dark-version .navigation.post-navigation a:focus svg, .dark-version .navigation.posts-navigation a:focus svg, .dark-version #top-navigation .contact-info li svg, .dark-version #top-navigation .social-icons li a svg, .dark-version .more-link svg, .dark-version #biopexel_team_section .social-icons li a svg { fill: #fff; } .dark-version .pagination .page-numbers, .dark-version .pagination .page-numbers.dots:hover, .dark-version .pagination .page-numbers.dots:focus, .dark-version .pagination .page-numbers.prev, .dark-version .pagination .page-numbers.next, .dark-version input[type="text"], .dark-version input[type="email"], .dark-version input[type="url"], .dark-version input[type="password"], .dark-version input[type="search"], .dark-version input[type="number"], .dark-version input[type="tel"], .dark-version input[type="range"], .dark-version input[type="date"], .dark-version input[type="month"], .dark-version input[type="week"], .dark-version input[type="time"], .dark-version input[type="datetime"], .dark-version input[type="datetime-local"], .dark-version input[type="color"], .dark-version textarea { border-color: #111; } .dark-version .btn, .dark-version .slick-prev, .dark-version .slick-next { border-color: #333; } .dark-version .comment-content:before { border-right-color: #111; } .dark-version .slick-prev:before, .dark-version .slick-next:before, .dark-version #biopexel_testimonial_section .featured-image img, .dark-version #biopexel_sponsor_section img { filter: brightness(1) invert(1); } /*-------------------------------------------------------------- # Typography Options --------------------------------------------------------------*/ .header-font-1 h1, .header-font-1 h2, .header-font-1 h3, .header-font-1 h4, .header-font-1 h5, .header-font-1 h6, .header-font-1 button, .header-font-1 input[type="button"], .header-font-1 input[type="reset"], .header-font-1 input[type="submit"], .header-font-1 .site-title, .header-font-1 .main-navigation a, .header-font-1 .reply a, .header-font-1 .section-subtitle, .header-font-1 .btn, .header-font-1 #album-section .read-more a, .header-font-1 #course-section .read-more a, .header-font-1 #causes-section .read-more a, .header-font-1 .progress-bar div span, .header-font-1 ul.post-categories li a { font-family: 'Rajdhani', sans-serif; } .header-font-2 h1, .header-font-2 h2, .header-font-2 h3, .header-font-2 h4, .header-font-2 h5, .header-font-2 h6, .header-font-2 button, .header-font-2 input[type="button"], .header-font-2 input[type="reset"], .header-font-2 input[type="submit"], .header-font-2 .site-title, .header-font-2 .main-navigation a, .header-font-2 .reply a, .header-font-2 .section-subtitle, .header-font-2 .btn, .header-font-2 #album-section .read-more a, .header-font-2 #course-section .read-more a, .header-font-2 #causes-section .read-more a, .header-font-2 .progress-bar div span, .header-font-2 ul.post-categories li a { font-family: 'Cherry Swash', sans-serif; } .header-font-3 h1, .header-font-3 h2, .header-font-3 h3, .header-font-3 h4, .header-font-3 h5, .header-font-3 h6, .header-font-3 button, .header-font-3 input[type="button"], .header-font-3 input[type="reset"], .header-font-3 input[type="submit"], .header-font-3 .site-title, .header-font-3 .main-navigation a, .header-font-3 .reply a, .header-font-3 .section-subtitle, .header-font-3 .btn, .header-font-3 #album-section .read-more a, .header-font-3 #course-section .read-more a, .header-font-3 #causes-section .read-more a, .header-font-3 .progress-bar div span, .header-font-3 ul.post-categories li a { font-family: 'Philosopher', sans-serif; } .header-font-4 h1, .header-font-4 h2, .header-font-4 h3, .header-font-4 h4, .header-font-4 h5, .header-font-4 h6, .header-font-4 button, .header-font-4 input[type="button"], .header-font-4 input[type="reset"], .header-font-4 input[type="submit"], .header-font-4 .site-title, .header-font-4 .main-navigation a, .header-font-4 .reply a, .header-font-4 .section-subtitle, .header-font-4 .btn, .header-font-4 #album-section .read-more a, .header-font-4 #course-section .read-more a, .header-font-4 #causes-section .read-more a, .header-font-4 .progress-bar div span, .header-font-4 ul.post-categories li a { font-family: 'Slabo 27px', sans-serif; } .header-font-5 h1, .header-font-5 h2, .header-font-5 h3, .header-font-5 h4, .header-font-5 h5, .header-font-5 h6, .header-font-5 button, .header-font-5 input[type="button"], .header-font-5 input[type="reset"], .header-font-5 input[type="submit"], .header-font-5 .site-title, .header-font-5 .main-navigation a, .header-font-5 .reply a, .header-font-5 .section-subtitle, .header-font-5 .btn, .header-font-5 #album-section .read-more a, .header-font-5 #course-section .read-more a, .header-font-5 #causes-section .read-more a, .header-font-5 .progress-bar div span, .header-font-5 ul.post-categories li a { font-family: 'Dosis', sans-serif; } .body-font-1 { font-family: 'News Cycle', sans-serif; } .body-font-2 { font-family: 'Pontano Sans', sans-serif; } .body-font-3 { font-family: 'Gudea', sans-serif; } .body-font-4 { font-family: 'Quattrocento Sans', sans-serif; } .body-font-5 { font-family: 'Khand', sans-serif; } /*-------------------------------------------------------------- # RESPONSIVE --------------------------------------------------------------*/ @media screen and (min-width: 567px) { .col-2, .col-3, .col-4, .col-5, .col-6 { margin: 0 -15px; display: flex; flex-wrap: wrap; } .col-2 article, .col-3 article, .col-4 article, .col-5 article, .col-6 article { padding: 0 15px; float: left; width: 50%; margin-bottom: 30px; } .col-2 article:nth-last-child(-n+2), .col-3 article:nth-last-child(-n+2), .col-4 article:nth-last-child(-n+2), .col-5 article:nth-last-child(-n+2), .col-6 article:nth-last-child(-n+2) { margin-bottom: 0; } #top-navigation .contact-info, #top-navigation .social-icons { width: 50%; text-align: left; } #top-navigation .social-icons { width: 50%; text-align: right; } #biopexel_about_section .entry-container { padding: 50px 0; } #biopexel_about_section .entry-title { font-size: 62px; } .woocommerce #biopexel_recent_products_section ul.products li.product, .woocommerce-page #biopexel_recent_products_section ul.products li.product, .woocommerce #latest-products ul.products li.product, .woocommerce-page #latest-products ul.products li.product { padding: 0 15px; float: left; width: 50%; margin-bottom: 30px; } .woocommerce #biopexel_recent_products_section ul.products li.product:nth-child(2n+1), .woocommerce-page #biopexel_recent_products_section ul.products li.product:nth-child(2n+1), .woocommerce #latest-products ul.products li.product:nth-child(2n+1), .woocommerce-page #latest-products ul.products li.product:nth-child(2n+1) { clear: left; } .woocommerce #biopexel_recent_products_section ul.products li.product:nth-last-child(-n+2), .woocommerce-page #biopexel_recent_products_section ul.products li.product:nth-last-child(-n+2), .woocommerce #latest-products ul.products li.product:nth-last-child(-n+2), .woocommerce-page #latest-products ul.products li.product:nth-last-child(-n+2) { margin-bottom: 0; } .woocommerce #biopexel_recent_products_section ul.products li.product, .woocommerce-page #biopexel_recent_products_section ul.products li.product, .woocommerce #latest-products ul.products li.product, .woocommerce-page #latest-products ul.products li.product { margin: 0; } #reply-title, .comments-title { font-size: 42px; } #comments ol.children { padding-left: 110px; } .right-sidebar #secondary, .left-sidebar #secondary { margin-top: 50px; } #secondary .widget_social_icons li a svg { width: 30px; height: 30px; } .footer-widgets-area.col-2 .hentry, .footer-widgets-area.col-4 .hentry { width: 50%; float: left; } .footer-widgets-area.col-2 .hentry:nth-child(2n+1), .footer-widgets-area.col-4 .hentry:nth-child(2n+1) { clear: left; } .footer-widgets-area.col-2 .hentry:nth-child(odd), .footer-widgets-area.col-4 .hentry:nth-child(odd) { padding-right: 40px; } .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2), .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) { margin-bottom: 0; } } @media screen and (min-width: 767px) { .col-1 .hentry { width: 100%; } .col-2 .hentry { width: 50%; float: left; } .col-3 .hentry { width: 33.33%; float: left; } .col-4 .hentry { width: 50%; float: left; } .col-5 .hentry { width: 50%; float: left; } .col-6 .hentry { width: 16.66%; float: left; } .col-5 article, .col-6 article { width: 33.33%; } .col-5 article:nth-child(2n+1), .col-6 article:nth-child(2n+1) { clear: none; } .col-5 article:nth-child(3n+1), .col-6 article:nth-child(3n+1) { clear: left; } .col-5 article:nth-last-child(-n+3), .col-6 article:nth-last-child(-n+3) { margin-bottom: 0; } blockquote.alignright { width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); margin-top: 10px; margin-bottom: 25px; } #biopexel_header_content_section .section-title { font-size: 62px; } #biopexel_tab_section article { float: left; width: 50%; } .single-wrapper #reply-title { margin-bottom: 40px; font-size: 42px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { padding-right: 25px; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { padding-left: 25px; } .footer-logo-wrapper { display: flex; flex-wrap: wrap; align-items: center; } .footer-logo-wrapper > div, .footer-logo-wrapper > ul { width: 50%; text-align: left; padding: 40px 0; } .footer-logo-wrapper > ul { text-align: right; } .footer-logo-wrapper > div + ul { padding: 40px 0; } .footer-widgets-area.col-3 .hentry { margin-bottom: 0; } .footer-widgets-area.col-3 .hentry:not(:last-child) { padding-right: 40px; } .site-info.col-2 span { float: left; width: 50%; text-align: left; } .site-info.col-2 span:nth-child(1) { padding: 16px 0; } .site-info.col-2 span:nth-child(2) { float: right; text-align: right; padding: 8px 0; } .site-info.col-2 .social-icons { text-align: right; float: right; } } @media screen and (min-width: 992px) { #biopexel_about_section .featured-image { width: 42%; position: absolute; top: 0; left: 0; padding: 0; height: 100%; margin: 0; } #biopexel_about_section .entry-container { width: 58%; float: right; padding: 100px 95px 100px 95px; text-align: left; } .col-4 .hentry { width: 25%; float: left; } .col-5 .hentry { width: 20%; float: left; } .col-4 article { width: 25%; } .col-5 article { width: 20%; } .col-6 article { width: 16.66%; } .col-4 article:nth-last-child(-n+4), .col-5 article:nth-last-child(-n+5), .col-6 article:nth-last-child(-n+6) { margin-bottom: 0; } #reply-title, .comments-title { font-size: 48px; } #page-site-header .page-title { font-size: 62px; } .woocommerce #biopexel_recent_products_section ul.products li.product, .woocommerce-page #biopexel_recent_products_section ul.products li.product, .woocommerce #latest-products ul.products li.product, .woocommerce-page #latest-products ul.products li.product { width: 25%; } .woocommerce #biopexel_recent_products_section ul.products li.product:nth-child(2n+1), .woocommerce-page #biopexel_recent_products_section ul.products li.product:nth-child(2n+1), .woocommerce #latest-products ul.products li.product:nth-child(2n+1), .woocommerce-page #latest-products ul.products li.product:nth-child(2n+1) { clear: none; } .woocommerce #biopexel_recent_products_section ul.products li.product:nth-child(4n+1), .woocommerce-page #biopexel_recent_products_section ul.products li.product:nth-child(4n+1), .woocommerce #latest-products ul.products li.product:nth-child(4n+1), .woocommerce-page #latest-products ul.products li.product:nth-child(4n+1) { clear: left; } .woocommerce #biopexel_recent_products_section ul.products li.product:nth-last-child(-n+4), .woocommerce-page #biopexel_recent_products_section ul.products li.product:nth-last-child(-n+4), .woocommerce #latest-products ul.products li.product:nth-last-child(-n+4), .woocommerce-page #latest-products ul.products li.product:nth-last-child(-n+4) { margin-bottom: 0; } .comment-form-author, .comment-form-email, .comment-form-url { width: 33.33%; float: left; } .footer-widgets-area.col-4 .hentry { width: 25%; padding-right: 40px; } .footer-widgets-area.col-5 .hentry { padding-right: 40px; width: 17%; } .footer-widgets-area.col-5 .hentry:first-child { width: 32%; } .footer-widgets-area.col-4 .hentry:last-child, .footer-widgets-area.col-5 .hentry:last-child { padding-right: 0; } .footer-widgets-area.col-4 .hentry:nth-child(2n+1) { clear: none; } .footer-widgets-area.col-4 .hentry:nth-child(4n+1) { clear: left; } .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4), .footer-widgets-area.col-5 .hentry:nth-last-child(-n+5) { margin-bottom: 0; } } @media screen and (min-width: 1024px) { .col-5 .hentry { width: 20%; } .col-3 article{ width: 33.33%; } .col-3 article:nth-last-child(-n+3) { margin-bottom: 0; } #top-navigation { padding: 5px 0; } #top-navigation .contact-info { width: 70%; float: left; } #top-navigation div.social-icons { width: 30%; float: right; text-align: right; } #masthead .wrapper { border-bottom: 1px solid rgb(0 0 0 / 10%); } .main-navigation ul.nav-menu > li.social-menu { margin-left: 50px; } .site-title a, .site-description, .main-navigation a:hover, .main-navigation a:focus, .main-navigation ul.nav-menu > li > a:hover, .main-navigation ul.nav-menu > li > a:focus { color: #ff6635; } .main-navigation ul.nav-menu > li.current-menu-item > a, .main-navigation ul.nav-menu > li:hover > a, .main-navigation ul.nav-menu > li:focus > a { color: #ff6635; } .main-navigation ul.nav-menu li:hover > svg, .main-navigation ul.nav-menu li:focus > svg, .main-navigation li.menu-item-has-children:hover > a > svg, .main-navigation li.menu-item-has-children > a:hover > svg, .main-navigation li.menu-item-has-children > a:focus > svg, .main-navigation ul.nav-menu > li.current-menu-item > a > svg { fill: #ff6635; } .main-navigation ul.nav-menu > li.search-menu > a { border-bottom: none; } .main-navigation ul.nav-menu > li.search-menu > a > svg { fill: #23262f; } .main-navigation ul.nav-menu > li > a.custom-button { background-color: #fff; color: #23262f; padding: 7px 20px; border-radius: 25px; border-bottom: none; } .main-navigation ul.nav-menu > li > a.custom-button:hover, .main-navigation ul.nav-menu > li > a.custom-button:focus { background-color: #ff6635; color: #fff; } #masthead .main-navigation { margin: 20px 0; } #masthead.nav-shrink .main-navigation { margin: 20px 0; } .main-navigation ul.nav-menu > li.social-menu { padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-navigation ul#primary-menu li.current-menu-item > a:after, .main-navigation ul#primary-menu > li:hover > a:after { content: ""; position: absolute; top: 86px; background-color: #ff6635; width: 100%; height: 2px; left: 0; right: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #masthead .main-navigation .social-menu ul li a svg { width: 20px; height: 20px; } .nav-shrink .main-navigation ul.nav-menu > li.social-menu { padding: 21px 0; } .nav-shrink .site-branding { min-height: 82px; padding: 5px 0; } .main-navigation ul.nav-menu { display: block !important; height: auto !important; } .nav-shrink .main-navigation ul.nav-menu > li.current-menu-item > a:after, .nav-shrink .main-navigation ul.nav-menu > li:hover > a:after { bottom: 0; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; right: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } .main-navigation ul ul ul { top: 0; } .main-navigation ul.sub-menu li a { color: #fff; border-left: none; border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .main-navigation ul.nav-menu > li.user-logged-in > a { padding: 29px 0; } .main-navigation .menu-item-has-children > a:after { float: none; } .main-navigation ul.sub-menu li:hover > a, .main-navigation ul.sub-menu li:focus > a { color: #fff; } .main-navigation .sub-menu svg { fill: #fff; right: 0; margin-top: 5px; } .main-navigation ul.sub-menu > li:last-child > a { border-bottom: none; } #search { position: absolute; z-index: 30; right: -11px; top: 100%; display: none; } .main-navigation .search-active .icon-search { display: none; } .main-navigation .search-active .icon-close { display: inline-block; } .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:before { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #111; position: absolute; bottom: 0; left: 0; right: 0; width: 10px; height: 10px; margin: auto; } .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after { display: none; } #masthead .main-navigation ul ul li a svg { display: inline-block; top: 14px; right: 15px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #masthead .main-navigation .search-active .icon-search { display: none; } .main-navigation ul ul { background-color: #000; } .main-navigation ul ul li a { padding-left: 20px; padding-right: 20px; } .main-navigation ul ul li.menu-item-has-children:hover > a > svg, .main-navigation ul ul li.menu-item-has-children > a:hover > svg { fill: #fff; } #search:before { content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #000; position: absolute; top: -9px; right: 20px; } button.dropdown-toggle { display: none; } .menu-toggle { display: none; } .main-navigation ul { display: block; } .main-navigation li { display: inline-block; } .main-navigation .left-menu { padding-left: 50px; } .main-navigation ul.nav-menu > li.left-menu > a, .main-navigation ul.nav-menu > li.right-menu > a { padding-left: 5px; padding-right: 5px; } .main-navigation li.left-menu + li.right-menu:before { content: "/"; position: absolute; top: 50%; margin-left: -6px; color: #fff; margin-top: -1px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .main-navigation form.search-form { border: 20px solid #000; } .main-navigation form.search-form input { background-color: #fff; border-color: #fff; color: #000; } .page-section { padding: 90px 0; } .section-title { font-size: 62px; } .contact-wrapper .section-header-wrapper { margin-left: 500px; } .featured-slider article { padding: 330px 0 450px 0; } .blog-slider article { padding: 410px 0; } .blog-content-wrapper { position: absolute; top: 50%; left: 0; right: 0; text-align: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .archive-blog-wrapper.list-view article.has-post-thumbnail { position: relative; display: table; } .archive-blog-wrapper.list-view article.has-post-thumbnail .featured-image { position: absolute; top: 0; left: 0; width: 45%; display: table-cell; padding: 0; height: 100%; } .archive-blog-wrapper.list-view article.has-post-thumbnail .entry-container { width: 55%; display: table-cell; float: right; text-align: left; padding: 40px 28px; } .footer-widgets-area.col-4 .hentry:first-child { width: 40%; padding-right: 50px; } .footer-widgets-area.col-4 .hentry { width: 20%; } .right-sidebar #primary, .left-sidebar #primary, .no-sidebar.single-itineraries #primary, .no-sidebar-content.single-itineraries #primary { width: 75%; float: left; padding-right: 30px; } .right-sidebar #secondary, .left-sidebar #secondary, .no-sidebar.single-itineraries #secondary, .no-sidebar-content.single-itineraries #secondary { width: 25%; float: right; margin-top: 0; } .left-sidebar #primary { float: right; padding-right: 0; padding-left: 30px; } .no-sidebar #primary { width: 100%; float: none; padding-right: 0; } .no-sidebar-content.single-itineraries #inner-content-wrapper { max-width: 100%; } .boxed-layout #page { max-width: 1250px; margin-left: auto; margin-right: auto; background-color: #fff; } .frame-layout { max-width: 100%; width: 100%; padding-left: 50px; padding-right: 50px; margin: 50px auto; } .frame-layout #page { background-color: #fff; } } @media screen and (min-width: 1200px) { .filter-tabs { width: 30%; float: left; text-align: left; margin-top: 45px; } #biopexel_tab_section .section-content { width: 70%; float: left; } .filter-tabs li { display: block; margin-bottom: 30px; } #biopexel_cta_section .section-content, #biopexel_project_section .project-wrapper { width: 100%; max-width: 75%; margin-left: auto; text-align: left; } #biopexel_cta_section .entry-container { max-width: 665px; } #biopexel_project_section .section-header { text-align: left; } #biopexel_project_section .section-content { max-width: 675px; } .team-section-wrapper .entry-container, .team-section-wrapper .read-more, #biopexel_latest_blog_section .read-more { text-align: left; } } @media screen and (min-width: 1900px) { .wrapper { max-width: 1430px; } .main-navigation ul.nav-menu > li.social-menu { margin-left: 170px; } .archive-blog-wrapper .entry-title { font-size: 32px; } .filtering-posts .slick-prev { left: -110px; } .filtering-posts .slick-next { right: -110px; } .footer-widgets-area.page-section.col-4 .hentry { width: 24%; } .footer-widgets-area.page-section.col-4 .hentry:first-child { width: 28%; } .boxed-layout #page { max-width: 1500px; width: 90%; } .frame-layout { padding-left: 70px; padding-right: 70px; margin: 70px auto; max-width: 1600px; } .contact-wrapper .entry-container { border-bottom: 1px solid #7a917d; margin-bottom: 25px; padding-bottom: 0; } .contact-wrapper .section-header-wrapper { margin-left: 500px; } .contact-wrapper .section-header { text-align: left; margin: 0 0 35px 0; float: left; max-width: 600px; } .contact-wrapper .read-more { display: inline-block; float: right; margin-top: 55px; position: relative; } } @media screen and (max-width: 1023px) { #top-navigation { margin-bottom: 10px; text-align: center; } .site-logo img { max-height: 60px; } .site-branding { min-height: auto; } .site-title { font-size: 26px; } .main-navigation a { border-bottom: 1px solid #eee; } .main-navigation ul.nav-menu > li { padding: 0; } .main-navigation ul ul a { width: 100%; } .main-navigation ul.nav-menu li.current-menu-item > a, .main-navigation ul.nav-menu li:hover > a, .main-navigation ul.nav-menu li:focus > a { color: #ff6635; } .main-navigation ul.nav-menu > li > a { color: #000; } .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li > a:focus { color: #fff; } .main-navigation ul ul, .main-navigation ul ul ul { box-shadow: none; float: none; position: relative; top: 0; left: 0; margin-bottom: 0; display: none; } .main-navigation ul.sub-menu li { padding-right: 0; } .main-navigation .menu-item-has-children > a:before { content: ""; float: right; position: relative; right: 25px; background-color: #ccc; width: 1px; height: 25px; } .main-navigation .menu-item-has-children > a:after { padding-top: 3px; } .main-navigation ul.nav-menu > li > a, .main-navigation ul.sub-menu li a { padding: 15px 15px 15px 25px; } .main-navigation ul.sub-menu li a { padding-left: 50px; } .main-navigation ul.sub-menu ul li a { padding-left: 75px; } .main-navigation ul.sub-menu ul ul li a { padding-left: 100px; } .main-navigation ul.sub-menu ul ul ul li a { padding-left: 125px; } .main-navigation .menu-item-has-children a svg { display: none; } .main-navigation ul.sub-menu li a { border-left: none; } .main-navigation ul.nav-menu { margin-right: 0; background-color: #fff; margin-top: 25px; } .main-navigation { position: static; } .main-navigation a { color: #000; } .main-navigation svg.icon-search, .main-navigation svg.icon-down { fill: #000; margin-top: -5px; } .main-navigation ul.sub-menu { border: none; } #masthead .menu-open .menu-toggle .icon-close { display: block; width: 20px; height: 20px; } .main-navigation ul.nav-menu { margin-top: 0; position: absolute; top: 100%; left: auto; right: 0; width: 100%; } .main-navigation .search-menu a { display: none; } .main-navigation form.search-form input { background-color: #e5e5e5; border: none; min-height: 55px; } .main-navigation form.search-form button.search-submit { height: 55px; } .menu-open #search { display: block !important; } .main-navigation form.search-form input { padding-left: 25px; } .main-navigation .sub-menu svg { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .main-navigation ul.nav-menu .social-menu { padding: 15px; } .main-navigation .social-menu ul li a { background-color: #eee; } #masthead .main-navigation .social-menu ul li a svg { fill: #000; } #masthead .main-navigation .social-menu ul li a:hover svg, #masthead .main-navigation .social-menu ul li a:focus svg { fill: #fff; } .archive-blog-wrapper .entry-container { padding: 25px 0 15px; text-align: center; } #biopexel_testimonial_section .entry-content { font-size: 42px; margin-bottom: 50px; } .main-navigation .social-menu ul li.search-menu { width: 100%; } } @media screen and (max-width: 992px) { .single-wrapper .entry-title, .comments-title, #reply-title { font-size: 28px; } .navigation.post-navigation a, .navigation.posts-navigation a { font-size: 18px; } } @media screen and (max-width: 768px) { #masthead.site-header .main-navigation ul.nav-menu { max-width: 100%; } #biopexel_service_section, #biopexel_tab_section .tab-content, #biopexel_tab_section .read-more { text-align: center; } .filter-tabs li a { font-size: 24px; } .archive-blog-wrapper.list-view.col-2 article { float: none; width: 100%; } .slick-prev, .slick-next { width: 40px; height: 40px; border-radius: 40px; } .footer-widgets-area .hentry { text-align: center; } #colophon .widget-title:before { left: 0; right: 0; margin: auto; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { width: 100%; } .post-navigation span.previous-article b, .post-navigations span.previous-article b, .post-navigation span.next-article b, .post-navigations span.next-article b { font-size: 18px; } .pagination .page-numbers, .pagination .page-numbers.dots:hover, .pagination .page-numbers.dots:focus, .pagination .page-numbers.prev, .pagination .page-numbers.next { margin-bottom: 7px; } .navigation.post-navigation a, .navigation.posts-navigation a { font-size: 16px; } #respond { margin-top: 0; } #commentform p.comment-form-comment, #commentform p.form-submit { margin-top: 21px; } nav.navigation.pagination, #secondary { margin-top: 30px; } .single-wrapper .entry-title, .comments-title, #reply-title { font-size: 26px; } #comments { margin-top: 40px; } .navigation.post-navigation .nav-previous + .nav-next, .navigation.posts-navigation .nav-previous + .nav-next { padding-top: 0; } .navigation.post-navigation .nav-previous + .nav-next svg, .navigation.posts-navigation .nav-previous + .nav-next svg { top: 10px; } } @media screen and (max-width: 567px) { .menu-toggle svg.icon-menu { width: 25px; height: 25px; } .menu-toggle { position: relative; top: 0; left: 0; z-index: 3000; text-align: center; float: none; top: 0; width: 70px; min-width: 70px; padding: 0; transform: none; } .menu-toggle span { display: none; } .main-navigation .menu-toggle svg { margin-right: 0; } .site-logo img { margin-right: 10px; } .site-description { font-size: 14px; } .menu-toggle svg.icon-close { width: 16px; height: 16px; } .site-title { font-size: 22px; } #top-navigation .contact-info li { float: none; } .section-title { font-size: 52px; } .filter-tabs li { display: block; } #biopexel_about_section article { display: block; } #biopexel_testimonial_section .entry-content { font-size: 32px; } #page-site-header { padding: 200px 0; } #page-site-header .page-title { font-size: 32px; } .pagination .page-numbers.prev, .pagination .page-numbers.next { top: 0; } .pagination .prev.page-numbers:before, .pagination .next.page-numbers:before { width: 35px; height: 10px; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin-top: 25px; } .single-wrapper .comments-title { margin-bottom: 0; } .single-wrapper #reply-title { margin-bottom: 25px; } .comment-metadata { float: none; padding-right: 0; } .comment-content { padding: 25px; margin-left: 20px; margin-top: 30px; } .comment-meta .fn { padding-left: 0; } .comment-meta img { margin-top: 0; } #comments ol.children .comment-metadata { padding-right: 90px; } #comments ol.children .comment-content { margin-right: 0; } .comment-content:before { border-right-color: transparent; border-bottom-color: #f5f5f3; left: 20px; top: -18px; } #comments ol.children .comment-content:before { border-right-color: transparent; border-bottom-color: #f5f5f3; } blockquote.alignright { margin-left: 0; } .footer-widgets-area .hentry:last-child, .footer-widgets-area.col-3 .hentry:last-child { margin-bottom: 0; padding-right: 0; } .footer-widgets-area { text-align: center; } } .comment-awaiting-moderation { display: none; } .site-title a:hover, .site-title a:focus { color: #ff6635; } .widget_block input { background-color: #fff; } .wp-block-search__button { padding: 3px 14px; border-radius: 0; }