diff --git a/.gitignore b/.gitignore
index 2cd43c5..c0fb4ab 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
node_modules
*/custom-skin.css
-package-lock.json
\ No newline at end of file
+package-lock.json
+.idea
\ No newline at end of file
diff --git a/README.md b/README.md
index 70e245f..35a5c7d 100644
--- a/README.md
+++ b/README.md
@@ -8,4 +8,4 @@ Note: In order to install any of child themes of this repository you must have K
Purchase theme: [www.kaliumtheme.com](https://kaliumtheme.com/)
-Developed by [Laborator](https://laborator.co/)
+Developed by [Laborator](https://laborator.co)
diff --git a/kalium-child-agency/style.css b/kalium-child-agency/style.css
index c914265..9363267 100755
--- a/kalium-child-agency/style.css
+++ b/kalium-child-agency/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Agency Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,82 +16,95 @@ Custom modification only for AGENCY Demo - START
/* Homepage: Auto Type Line Height */
.wpb_wrapper .auto-type-element {
- line-height: 90px;
+ line-height: 90px;
}
/* Homepage: Auto Type Black Block */
.wpb_wrapper .auto-type-element span.block {
- background: #000;
- color: #fff;
- padding: 5px 10px;
+ background: #000;
+ color: #fff;
+ padding: 5px 10px;
}
/* Homepage: Auto Type changes for 768px and below screen sizes */
@media screen and (max-width: 768px) {
- /* Homepage: Auto Type Line Height */
- .wpb_wrapper .auto-type-element {
- line-height: normal;
- }
+ /* Homepage: Auto Type Line Height */
+ .wpb_wrapper .auto-type-element {
+ line-height: normal;
+ }
- /* Homepage: Auto Type Black Block */
- .wpb_wrapper .auto-type-element span.block {
- padding: 0px 8px;
- }
+ /* Homepage: Auto Type Black Block */
+ .wpb_wrapper .auto-type-element span.block {
+ padding: 0px 8px;
+ }
}
/* Blog: Comments Leave a Reply Background */
.post-comment-form {
- background: #fff;
+ background: #fff;
}
/* Blog: Comments Caret */
.single-post .post-comments:before {
- border-color: #f2f2f2 transparent transparent transparent;
+ border-color: #f2f2f2 transparent transparent transparent;
}
/* Contact: Input Border Bottom Color */
-.contact-form input, .contact-form textarea {
- border-bottom-color: #dadada;
+.contact-form input,
+.contact-form textarea {
+ border-bottom-color: #dadada;
}
/* Contact: Textarea Lines */
.contact-form textarea {
- background-image: linear-gradient(#dadada 1px, transparent 1px);
+ background-image: linear-gradient(#dadada 1px, transparent 1px);
}
/* Portfolio: Thumbnail */
.portfolio-holder .thumb {
- position: initial;
+ position: initial;
}
/* Portfolio: Category Color on Hover */
.portfolio-holder .thumb .hover-state .info p a:hover {
- color: #222;
+ color: #222;
}
/* Portfolio: Likes Background */
.single-portfolio-holder .social .likes {
- background: #fff;
+ background: #fff;
}
/* Blog: Search Background Color in Sidebar */
.widget.widget_product_search .search-bar input[name="s"],
.widget.widget_search .search-bar input[name="s"] {
- background: #EEE;
+ background: #eee;
}
/* Blog: Hide underline from titles */
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Custom CSS made by Laborator :END*/
@media only screen and (max-width: 768px) {
- .no-margin-desktop .vc_column-inner {
- padding-left: 15px !important;
- padding-right: 15px !important;
- }
+ .no-margin-desktop .vc_column-inner {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+/* Site line height */
+body,
+p {
+ line-height: 1.6;
}
+
+/* Blog: Reply comments display */
+.labeled-input-row {
+ flex-wrap: unset;
+}
+
/* ===========================================================
Custom modification only for AGENCY Demo - END
=========================================================== */
@@ -100,5 +113,5 @@ Custom modification only for AGENCY Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-architecture/style.css b/kalium-child-architecture/style.css
index efa6cfb..7e54e37 100755
--- a/kalium-child-architecture/style.css
+++ b/kalium-child-architecture/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Architecture Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,700 +16,831 @@ Custom modification only for ARCHITECTURE Demo - START
/* General: Remove button box shadow when active */
.button:active {
- box-shadow: none;
+ box-shadow: none;
}
/* General: Go to Top button */
.go-to-top {
- background-color: transparent;
+ background-color: transparent;
}
/* General: Go to top color and animation */
.go-to-top i {
- color: #000000;
- -moz-transition: all .2s linear;
- -webkit-transition: all .2s linear;
- -o-transition: all .2s linear;
- transition: all .2s linear;
+ color: #000000;
+ -moz-transition: all 0.2s linear;
+ -webkit-transition: all 0.2s linear;
+ -o-transition: all 0.2s linear;
+ transition: all 0.2s linear;
}
.go-to-top i:hover {
- transform: scale(1.15);
- -ms-transform: scale(1.15);
- -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+ -ms-transform: scale(1.15);
+ -webkit-transform: scale(1.15);
}
/* General: Go to top icon */
.go-to-top i:before {
- content: "➝";
- font-size: 30px;
+ content: "➝";
+ font-size: 30px;
}
/* General: Go to top */
.go-to-top.visible {
- opacity: 1;
- -webkit-transform: rotate(-90deg) scale(1);
- transform: rotate(-90deg) scale(1);
+ opacity: 1;
+ -webkit-transform: rotate(-90deg) scale(1);
+ transform: rotate(-90deg) scale(1);
}
/* General: Go to top hover */
.go-to-top.visible:hover {
- background-color: transparent;
+ background-color: transparent;
}
/* Homepage: News remove post border */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- border: none;
+ border: none;
}
/* Homepage: News add post spacing */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
- padding: 30px 20px;
+ padding: 30px 20px;
}
/* Homepage: News add post spacing on left image layout */
-.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-content-container {
- padding: 20px;
- padding-top: 0px;
+.wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-content-container {
+ padding: 20px;
}
/* Homepage: News title bottom margin and line height */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title {
- margin-bottom: 10px;
- line-height: 1.5;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title {
+ margin-bottom: 10px;
+ line-height: 1.5;
}
/* Homepage: Welcome Spacing */
.homepage-welcome {
- padding: 50px 0 35px 0;
+ padding: 50px 0 35px 0;
}
/* Homepage: News Spacing */
.homepage-news {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Homepage: Services Spacing */
.homepage-service {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Homepage: Auto-Type element remove title margin */
.auto-type-element h1 {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Homepage: Auto-Type element disable paragraphs */
-.auto-type-element>p {
- display: none;
+.auto-type-element > p {
+ display: none;
}
/* Homepage: Portfolio items remove title margin */
.wpb_wrapper .lab-portfolio-items .portfolio-title-holder {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Portfolio Project Title Color */
.portfolio-holder .item-box .info h3 a {
- color: #000;
+ color: #000;
}
/* Menu: Hamburger Menu Color */
-.menu-bar.menu-skin-light .ham:after,
-.menu-bar.menu-skin-light .ham:before{
- background-color: #000;
+.toggle-bars.menu-skin-light .toggle-bars__bar-line,
+.toggle-bars.menu-skin-light .toggle-bars__bar-line {
+ background-color: #000;
}
/* Menu: Hamburger Menu Width */
-.menu-bar .ham:after,
-.menu-bar .ham:before{
- width: 30px;
- height: 1px;
- -webkit-transition: all ease .15s;
- transition: all ease .15s;
+.toggle-bars .toggle-bars__bar-line,
+.toggle-bars .toggle-bars__bar-line {
+ width: 30px;
+ height: 1px;
+ -webkit-transition: all ease 0.15s;
+ transition: all ease 0.15s;
}
/* Menu: Hamburger menu top line */
-.menu-bar .ham:after {
- top: -4px;
+.toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--top {
+ top: 3px;
}
/* Menu: Hamburger menu bottom line */
-.menu-bar .ham:before {
- top: 4px;
+.toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--bottom {
+ top: 16px;
}
/* Menu: Hamburger menu top line on hover */
-.menu-bar:hover .ham:before {
- top: 6px;
+.toggle-bars:hover .toggle-bars__bar-line.toggle-bars__bar-line--bottom {
+ top: 18px;
}
/* Menu: Hamburger menu bottom line on hover */
-.menu-bar:hover .ham:after {
- top: -6px;
+.toggle-bars:hover .toggle-bars__bar-line.toggle-bars__bar-line--top {
+ top: 1px;
}
/* Menu: Hamburger menu remove middle line */
-.menu-bar .ham {
- height: 0px;
+.toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--middle {
+ height: 0px;
}
/* Menu: Hamburger menu bottom line on exit */
-.menu-bar.exit .ham:after {
- top: 8px;
+.toggle-bars.exit .toggle-bars__bar-line.toggle-bars__bar-line--top {
+ top: 8px;
}
/* Menu: Hamburger menu top line on exit */
-.menu-bar.exit .ham:before {
- top: -8px;
+.toggle-bars.exit .toggle-bars__bar-line.toggle-bars__bar-line--bottom {
+ top: 8px;
}
/* Menu: Hamburger menu top line on exit */
-.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part+.left-part,
-.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part,
-.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .left-part {
- width: 100%;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ .full-menu-footer
+ .right-part
+ + .left-part,
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ .full-menu-footer
+ .right-part,
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ .full-menu-footer
+ .left-part {
+ width: 100%;
}
/* Menu: Full screen menu type remove top border of the footer */
-.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .full-menu-footer .container {
- border-top: none;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu.menu-skin-light
+ .full-menu-footer
+ .container {
+ border-top: none;
}
/* Menu: Full screen menu type footer align on left */
-.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part {
- float: none;
- text-align: left;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ .full-menu-footer
+ .right-part {
+ float: none;
+ text-align: left;
}
/* Menu: Full screen menu remove underline on hover */
-.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav div.menu>ul>li>a:after,
-.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav ul.menu>li>a:after {
- display: none;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu.menu-skin-light
+ nav
+ div.menu
+ > ul
+ > li
+ > a:after,
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu.menu-skin-light
+ nav
+ ul.menu
+ > li
+ > a:after {
+ display: none;
}
/* Menu: Full screen menu item color on hover and on current menu item */
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li a:hover,
-.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.current-menu-item a,
-.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.current_page_item a {
- color: #BBB;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ nav
+ ul
+ li.current-menu-item
+ a,
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ nav
+ ul
+ li.current_page_item
+ a {
+ color: #bbb;
}
/* Menu: Full menu social networks bottom spacing */
.social-networks {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
/* Menu: Full menu social networks cirlce size */
-.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a {
- width: 30px;
- height: 30px;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ .full-menu-footer
+ .social-networks
+ li
+ a {
+ width: 30px;
+ height: 30px;
}
/* Menu: Full menu social networks icon size */
-.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a i {
- font-size: 16px;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu
+ .full-menu-footer
+ .social-networks
+ li
+ a
+ i {
+ font-size: 16px;
}
/* Mobile Menu: Submenu indicator */
-.mobile-menu-wrapper .mobile-menu-container div.menu>ul li.menu-item-has-children>a:after, .mobile-menu-wrapper .mobile-menu-container ul.menu li.menu-item-has-children>a:after {
- font-size: 14px;
+.mobile-menu-wrapper
+ .mobile-menu-container
+ div.menu
+ > ul
+ li.menu-item-has-children
+ > a:after,
+.mobile-menu-wrapper
+ .mobile-menu-container
+ ul.menu
+ li.menu-item-has-children
+ > a:after {
+ font-size: 14px;
}
/* Mobile Menu: White overlay */
-.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light.translucent-background,
-.mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
- background-color: rgba(255,255,255,.97) !important;
+.main-header.menu-type-full-bg-menu
+ .full-screen-menu.menu-skin-light.translucent-background,
+.mobile-menu-wrapper.mobile-menu-fullscreen + .mobile-menu-overlay {
+ background-color: rgba(255, 255, 255, 0.97) !important;
}
/* Mobile Menu: Link color */
-.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu>ul>li>a,
-.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu>li>a {
- color: #333 !important;
+.mobile-menu-wrapper.mobile-menu-fullscreen
+ .mobile-menu-container
+ div.menu
+ > ul
+ > li
+ > a,
+.mobile-menu-wrapper.mobile-menu-fullscreen
+ .mobile-menu-container
+ ul.menu
+ > li
+ > a {
+ color: #333 !important;
}
/* Mobile Menu: Link color */
-.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu>ul>li ul>li>a,
-.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu>li ul>li>a {
- color: #898989 !important;
+.mobile-menu-wrapper.mobile-menu-fullscreen
+ .mobile-menu-container
+ div.menu
+ > ul
+ > li
+ ul
+ > li
+ > a,
+.mobile-menu-wrapper.mobile-menu-fullscreen
+ .mobile-menu-container
+ ul.menu
+ > li
+ ul
+ > li
+ > a {
+ color: #898989 !important;
}
/* Mobile Menu: Search input text color */
-.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .search-form input {
- color: #222;
+.mobile-menu-wrapper.mobile-menu-fullscreen
+ .mobile-menu-container
+ .search-form
+ input {
+ color: #222;
}
/* Mobile Menu: Search input text color on focus */
-.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .search-form input:focus+label {
- color: #222;
+.mobile-menu-wrapper.mobile-menu-fullscreen
+ .mobile-menu-container
+ .search-form
+ input:focus
+ + label {
+ color: #222;
}
/* Projects: Item category on hover color */
.portfolio-holder .thumb .hover-state .info p a:hover {
- color: #898989;
+ color: #898989;
}
/* Projects: Show more button */
.show-more .reveal-button {
- border: none;
- margin: 0px;
- min-width: 0;
+ border: none;
+ margin: 0px;
+ min-width: 0;
}
/* Projects: Show more button color */
.show-more .reveal-button a {
- color: #000;
- padding: 0px;
+ color: #000;
+ padding: 0px;
}
/* Projects: Show more button align left */
.show-more {
- text-align: left;
- padding-left: 0px;
- padding-right: 0px;
- margin: 0px;
+ text-align: left;
+ padding-left: 0px;
+ padding-right: 0px;
+ margin: 0px;
}
/* Projects: Show more button */
.lab-portfolio-items .show-more {
- padding-left: 15px;
- padding-right: 15px;
- margin: 0px;
+ padding-left: 15px;
+ padding-right: 15px;
+ margin: 0px;
}
/* Projects: Next-Prev Navigation Arrows */
.portfolio-navigation .flaticon-arrow413:before {
- content: "➝";
+ content: "➝";
+}
+
+/* Projects: Next-Prev Navigation Arrows */
+.portfolio-navigation .flaticon-arrow427:before {
+ content: "➝";
}
/* Projects: Next-Prev Navigation Arrows */
.portfolio-big-navigation .flaticon-arrow427:before {
- content: "➝";
+ content: "➝";
+}
+
+/* Projects: Next-Prev Navigation Arrows */
+.portfolio-big-navigation .flaticon-arrow413:before {
+ content: "➝";
}
/* Projects: Next-Prev Navigation Arrows transform */
.single-portfolio-holder .portfolio-big-navigation i {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
+ -webkit-transform: scaleX(-1);
+ transform: scaleX(-1);
}
/* Projects: Next-Prev Navigation Arrows transform */
-.single-portfolio-holder .portfolio-big-navigation .next i {
- -webkit-transform: none;
- transform: none;
+.single-portfolio-holder
+ .portfolio-big-navigation
+ .adjacent-post-link--arrow-right
+ i {
+ -webkit-transform: none;
+ transform: none;
+}
+
+.single-portfolio-holder .portfolio-navigation a.previous {
+ -webkit-transform: scaleX(-1);
+ transform: scaleX(-1);
+}
+
+body.single-post .post-navigation .flaticon-arrow427 {
+ -webkit-transform: scaleX(-1);
+ transform: scaleX(-1);
+ display: inline-block;
}
/* Projects: Next-Prev Navigation Arrows rotate previous arrow */
.post-navigation--next .post-navigation--arrow,
.slick-prev {
- padding-left: 20px;
- padding-right: 0px;
- -webkit-transform: rotate(180deg) scale(1);
- transform: rotate(180deg) scale(1);
+ padding-left: 20px;
+ padding-right: 0px;
+ -webkit-transform: rotate(180deg) scale(1);
+ transform: rotate(180deg) scale(1);
}
/* Carousel Portflio Arrows: Modification*/
.single-portfolio-holder.portfolio-type-3 i {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
+ -webkit-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
- left: 200px;
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
+ left: 200px;
+ -webkit-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
- right: 200px;
- -webkit-transform: scaleX(1);
- transform: scaleX(1);
+ right: 200px;
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1);
}
/* Carousel Portflio Arrows: Left Arrow */
.single-portfolio-holder.portfolio-type-3 .slick-prev i:before {
- content: "➝";
+ content: "➝";
}
/* Carousel Portflio Arrows: Right Arrow */
.single-portfolio-holder.portfolio-type-3 .slick-next i:before {
- content: "➝";
+ content: "➝";
}
/* Projects: Title Spacing */
.projects-page.lab-portfolio-items .portfolio-title-holder {
- padding: 25px 0px 35px 0px;
- margin-bottom: 0px;
+ padding: 25px 0px 35px 0px;
+ margin-bottom: 0px;
}
/* Single Project: Checklist top margin */
.single-portfolio-holder .details .services .checklist-entry {
- margin-top: 0;
+ margin-top: 0;
}
/* Single Project: Launch project link color */
.project-link-1 a {
- color: #000;
+ color: #000;
}
/* Single Project: Launch project link color on hover */
.single-portfolio-holder .details .link a:hover {
- color: #000;
+ color: #000;
}
/* Single Project: Launch project button icon */
.single-portfolio-holder .details .link .project-multiple-links:after {
- content: "➝";
+ content: "➝";
}
/* Single Project: Social networks size */
.single-portfolio-holder .social-links-rounded .social-share-icon {
- width: 42px;
- height: 42px;
+ width: 38px;
+ height: 38px;
}
/* Studio: Services Spacing */
.services-row {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Studio: Awards and Press Spacing */
.studio-awards,
.studio-press {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Studio: Team member Row Spacing */
.team-member {
- margin-bottom: 35px;
+ margin-bottom: 35px;
}
/* Studio: Team members Row Spacing */
.members {
- padding-top: 50px;
+ padding-top: 50px;
}
/* News: Page title display on two halfs */
.page-heading--title-section {
- display: flex;
- flex-flow: row;
- padding-top: 25px;
- padding-bottom: 10px;
+ display: flex;
+ flex-flow: row;
+ padding-top: 25px;
+ padding-bottom: 10px;
+ margin: 0px;
}
/* News: Page title half page width */
.blog .page-heading--title {
- width: 50%;
+ width: 50%;
}
/* News: Page description half page width */
.blog .page-heading--description {
- width: 50%;
+ width: 50%;
}
/* Single Post: Comments remove top border */
.single-post .post-comments {
- margin-top: -1px;
-}
-
-/* News: Post image width */
-.blog-posts .post-item.columned .post-thumbnail {
- min-width: 500px;
- max-width: 500px;
+ margin-top: -1px;
}
/* News: Remove top margin on title */
.blog .page-heading {
- margin-top: 0;
+ margin-top: 0;
+}
+
+/* News: Post image width */
+.blog-posts .post-item.columned .post-thumbnail {
+ min-width: 500px;
+ max-width: 500px;
}
/* News: Post image right margin */
.blog-posts .post-item.columned .post-thumbnail {
- margin-right: 70px;
+ margin-right: 70px;
}
/* News: Image hover effect overlay */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display.no-opacity,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-image
+ a
+ .hover-display.no-opacity,
.blog-posts .post-item .post-thumbnail .post-hover.post-hover--no-opacity {
- background-color: rgba(255,255,255,0.75);
+ background-color: rgba(255, 255, 255, 0.75);
}
/* Single Post: Navigate through posts link color */
-.post-navigation a i, .post-navigation a strong {
- color: #000;
+.post-navigation a i,
+.post-navigation a strong {
+ color: #000;
}
/* Single Post: Prev Navigation Arrows */
-.post-navigation--arrow .flaticon-arrow427:before {
- content: "➝";
+.post-navigation__column .flaticon-arrow427:before {
+ content: "➝";
}
/* Single Post: Next Navigation Arrows */
-.post-navigation--arrow .flaticon-arrow413:before {
- content: "➝";
+.post-navigation__column .flaticon-arrow413:before {
+ content: "➝";
}
+
/* Single Post: Navigate through posts */
.single-post .post .post-navigation {
- border-top: 1px solid #EEE;
- border-bottom: 1px solid #EEE;
- padding-top: 25px;
- padding-bottom: 25px;
- margin-bottom: 0px;
+ border-top: 1px solid #eee;
+ border-bottom: 1px solid #eee;
+ padding-top: 25px;
+ padding-bottom: 25px;
+ margin-bottom: 0px;
}
/* Single Post: Comment button align right */
-.single-post .comment-respond .comment-form>p.form-submit {
- text-align: right;
+.single-post .comment-respond .comment-form > p.form-submit {
+ text-align: right;
}
/* Single Post: Comment form top padding */
.post-comment-form {
- padding-top: 20px;
+ padding-top: 20px;
}
/* Single Post: Comment button align left */
-.single-post .comment-form>p.form-submit {
- text-align: left;
+.single-post .comment-form > p.form-submit {
+ text-align: left;
}
/* Contact: Rows used in contact */
.contact-row {
- padding-top: 50px;
+ padding-top: 50px;
}
/* Contact: Input Form Border Color */
.labeled-input-row input {
- border-bottom-color: #CCC;
+ border-bottom-color: #ccc;
}
/* Contact: Input Form Border Color */
.labeled-textarea-row textarea {
- background-image: linear-gradient(#CCC 1px, transparent 1px);
+ background-image: linear-gradient(#ccc 1px, transparent 1px);
}
/* Contact: Privacy Policy checkbox color */
-.contact-form-privacy-policy .alternate-checkbox:before, .alternate-radio:before {
- border-color: #ccc;
+.contact-form-privacy-policy input[type="checkbox"],
+.alternate-radio:before {
+ border-color: #ccc;
}
/* Contact: Input bottom border */
-.labeled-input-row label, .labeled-textarea-row label {
- border-bottom: 1px solid #000;
+.labeled-input-row label,
+.labeled-textarea-row label {
+ border-bottom: 1px solid #000;
}
/* Contact: Button text color and transparent background */
.contact-form .button,
.form-submit .button {
- padding: 0px;
- color: #000;
- background: transparent;
+ padding: 0px;
+ color: #000;
+ background: transparent;
}
/* Contact: Button text color and transparent background on hover */
.contact-form .button:hover,
.form-submit .button:hover {
- color: #fabc28;
+ color: #fabc28;
}
/* Footer: Transparent Background */
footer.main-footer {
- background-color: transparent !important;
+ background-color: transparent !important;
}
/* Clients element: Background */
.logos-holder .c-logo {
- background-color: #fff;
+ background-color: #fff;
}
/* Clients element: No image borders margin bottom */
.logos-holder.no-image-borders .c-logo {
- margin-bottom: 30px;
+ margin-bottom: 30px;
}
/* XS: Mobile devices */
-@media screen and (max-width: 480px){
-
- /* Homepage: News add image spacing on right - left image layout */
- .wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-image {
- padding-right: 0px;
- }
-
- /* Homepage: News add post spacing on left image layout */
- .wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-content-container {
- padding: 0px;
- padding-top: 20px;
- }
-
- /* Homepage: Welcome Spacing */
- .homepage-welcome {
- padding: 35px 0;
- }
-
- /* Homepage: News Spacing */
- .homepage-news {
- padding: 35px 0;
- }
-
- /* Homepage: Services Spacing */
- .homepage-service {
- padding: 35px 0;
- }
-
- /* Projects: Page title spacing */
- .projects-page.lab-portfolio-items .portfolio-title-holder {
- padding: 25px 0px 0px 0px;
- margin-bottom: 0px;
- }
-
- /* News: Post image width */
- .blog-posts .post-item.columned .post-thumbnail {
- min-width: 100%;
- max-width: 100%;
- }
-
- /* News: Page title display on two halfs */
- .page-heading--title-section {
- flex-flow: column;
- }
-
- /* News: Page title half page width */
- .blog .page-heading--title {
- width: 100%;
- }
-
- /* News: Page description half page width */
- .blog .page-heading--description {
- width: 100%;
- }
-
- /* Single Post: Navigation visible on mobile */
- .post-navigation--label em {
- top: 0;
- opacity: 1;
- }
-
- /* Single Post: Comments caret */
- .single-post .post-comments:before {
- right: 30px;
- border-width: 25px 25px 0 0;
- }
-
- /* Single Post: Navigate through posts link color */
- .post-navigation a {
- max-width: 30%;
- }
-
- /* Single Post: Comment respond top spacing */
- .single-post .post-comments+.post-comment-form .comment-respond {
- padding-top: 0px;
- }
-
- /* Single Post: Comments spacing */
- .single-post .post-comments {
- padding: 35px 0;
- }
-
- /* Single Post: Reply comment title top spacing */
- .comment-reply-title {
- margin-top: 0px;
- }
-
- /* Single Post: Comment form top spacing */
- .post-comment-form {
- padding-top: 35px;
- }
-
- /* Single Post: Post thumbnail bottom margin */
- .blog-posts .post-item.columned .post-thumbnail {
- margin-bottom: 35px;
- }
-
- /* Single Post: Navigation visible on mobile */
- .post-navigation--label strong {
- top: 0;
- }
-
- /* Studio: Awards and Press columng spacing */
- .awards-and-press-column {
- padding-top: 35px;
- }
-
- /* Studio: Services Spacing */
- .services-row {
- padding: 35px 0;
- }
-
- /* Studio: Awards and Press Spacing */
- .studio-awards,
- .studio-press {
- padding: 35px 0;
- }
-
- /* Studio: Team member Row Spacing */
- .team-member {
- margin-bottom: 35px;
- }
-
- /* Studio: Team members Row Spacing */
- .members {
- padding-top: 35px;
- }
-
- /* Contact: Rows used in contact */
- .contact-row {
- padding-top: 35px;
- }
+@media screen and (max-width: 480px) {
+ /* Homepage: News add image spacing on right - left image layout */
+ .wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-image {
+ padding-right: 0px;
+ }
+
+ /* Homepage: News add post spacing on left image layout */
+ .wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-content-container {
+ padding: 0px;
+ padding-top: 20px;
+ }
+
+ /* Homepage: Welcome Spacing */
+ .homepage-welcome {
+ padding: 35px 0;
+ }
+
+ /* Homepage: News Spacing */
+ .homepage-news {
+ padding: 35px 0;
+ }
+
+ /* Homepage: Services Spacing */
+ .homepage-service {
+ padding: 35px 0;
+ }
+
+ /* Projects: Page title spacing */
+ .projects-page.lab-portfolio-items .portfolio-title-holder {
+ padding: 25px 0px 0px 0px;
+ margin-bottom: 0px;
+ }
+
+ /* News: Post image width */
+ .blog-posts .post-item.columned .post-thumbnail {
+ min-width: 100%;
+ max-width: 100%;
+ }
+
+ /* News: Page title display on two halfs */
+ .page-heading--title-section {
+ flex-flow: column;
+ }
+
+ /* News: Page title half page width */
+ .blog .page-heading--title {
+ width: 100%;
+ }
+
+ /* News: Page description half page width */
+ .blog .page-heading--description {
+ width: 100%;
+ }
+
+ /* Single Post: Navigation visible on mobile */
+ .post-navigation--label em {
+ top: 0;
+ opacity: 1;
+ }
+
+ /* Single Post: Comments caret */
+ .single-post .post-comments:before {
+ right: 30px;
+ border-width: 25px 25px 0 0;
+ }
+
+ /* Single Post: Navigate through posts link color */
+ .post-navigation a {
+ max-width: 30%;
+ }
+
+ /* Single Post: Comment respond top spacing */
+ .single-post .post-comments + .post-comment-form .comment-respond {
+ padding-top: 0px;
+ }
+
+ /* Single Post: Comments spacing */
+ .single-post .post-comments {
+ padding: 35px 0;
+ }
+
+ /* Single Post: Reply comment title top spacing */
+ .comment-reply-title {
+ margin-top: 0px;
+ }
+
+ /* Single Post: Comment form top spacing */
+ .post-comment-form {
+ padding-top: 35px;
+ }
+
+ /* Single Post: Post thumbnail bottom margin */
+ .blog-posts .post-item.columned .post-thumbnail {
+ margin-bottom: 35px;
+ }
+
+ /* Single Post: Navigation visible on mobile */
+ .post-navigation--label strong {
+ top: 0;
+ }
+
+ /* Studio: Awards and Press columng spacing */
+ .awards-and-press-column {
+ padding-top: 35px;
+ }
+
+ /* Studio: Services Spacing */
+ .services-row {
+ padding: 35px 0;
+ }
+
+ /* Studio: Awards and Press Spacing */
+ .studio-awards,
+ .studio-press {
+ padding: 35px 0;
+ }
+
+ /* Studio: Team member Row Spacing */
+ .team-member {
+ margin-bottom: 35px;
+ }
+
+ /* Studio: Team members Row Spacing */
+ .members {
+ padding-top: 35px;
+ }
+
+ /* Contact: Rows used in contact */
+ .contact-row {
+ padding-top: 35px;
+ }
}
/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {
+ /* News: Page title half page width */
+ .blog .page-heading--title {
+ width: 100%;
+ }
- /* News: Page title half page width */
- .blog .page-heading--title {
- width: 100%;
- }
-
- /* News: Page description half page width */
- .blog .page-heading--description {
- width: 100%;
- }
+ /* News: Page description half page width */
+ .blog .page-heading--description {
+ width: 100%;
+ }
- /* News: Post image width */
- .blog-posts .post-item.columned .post-thumbnail {
- min-width: 290px;
- max-width: 290px;
- }
+ /* News: Post image width */
+ .blog-posts .post-item.columned .post-thumbnail {
+ min-width: 290px;
+ max-width: 290px;
+ }
}
/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {
+ /* News: Page title half page width */
+ .blog .page-heading--title {
+ width: 100%;
+ }
- /* News: Page title half page width */
- .blog .page-heading--title {
- width: 100%;
- }
-
- /* News: Page description half page width */
- .blog .page-heading--description {
- width: 100%;
- }
+ /* News: Page description half page width */
+ .blog .page-heading--description {
+ width: 100%;
+ }
- /* News: Post image width */
- .blog-posts .post-item.columned .post-thumbnail {
- min-width: 400px;
- max-width: 400px;
- }
+ /* News: Post image width */
+ .blog-posts .post-item.columned .post-thumbnail {
+ min-width: 400px;
+ max-width: 400px;
+ }
}
/* LG: Desktop devices */
@media screen and (min-width: 1200px) {
-
- /* News: Post image width */
- .blog-posts .post-item.columned .post-thumbnail {
- min-width: 500px;
- max-width: 500px;
- }
+ /* News: Post image width */
+ .blog-posts .post-item.columned .post-thumbnail {
+ min-width: 500px;
+ max-width: 500px;
+ }
}
+
/* ===========================================================
Custom modification only for ARCHITECTURE Demo - END
=========================================================== */
@@ -718,5 +849,5 @@ Custom modification only for ARCHITECTURE Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-automotive/style.css b/kalium-child-automotive/style.css
index b60306b..64a7b16 100755
--- a/kalium-child-automotive/style.css
+++ b/kalium-child-automotive/style.css
@@ -1,12 +1,2254 @@
/*
Theme Name: Kalium - Automotive Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
+/* ===========================================================
+Custom modification only for AUTOMOTIVE Demo - START
+=========================================================== */
+/* Header: Background Color */
+header.main-header {
+ background: #fff;
+}
+
+/* Header: Menu Buy Button */
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ > li.special-button
+ > a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ > li.special-button
+ > a {
+ color: #d90707;
+ border: 1px solid #d90707;
+ padding: 0px 3px;
+ border-radius: 3px;
+}
+
+/* Header: Menu Buy Button on Hover */
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ > li.special-button
+ > a:hover,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ > li.special-button
+ > a:hover {
+ color: #fff;
+ background: #d90707;
+}
+
+/* Header: Menu Item Spacing */
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ + li,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ + li {
+ margin-left: 30px;
+}
+
+/* Header: Current Menu Item Underline */
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul
+ li.current-menu-item
+ > a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul
+ li.current_page_parent
+ > a:after {
+ background: #d90707 !important;
+ display: block;
+ height: 2px;
+ border: none;
+ width: 100%;
+}
+
+/* Header: Submenu Border Radius */
+.sub-menu {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Header: Menu Buy Button */
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ > li.buy
+ > a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ > li.buy
+ > a {
+ color: #d90707;
+ border: 1px solid #d90707;
+ padding: 0px 3px;
+ border-radius: 3px;
+}
+
+/* Header: Menu Buy Button on Hover */
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ > li.buy
+ > a:hover,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ > li.buy
+ > a:hover {
+ color: #fff;
+ background: #d90707;
+}
+
+/* Header: Menu Item Spacing */
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ + li,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ + li {
+ margin-left: 30px;
+}
+
+/* Text: Bold Text Color */
+b,
+strong {
+ color: #222;
+}
+
+/* Text: Link Hover Color */
+.site-footer a:hover,
+.blog-posts .post-item .post-details .post-title a:hover,
+.single-post .post .post-meta a:hover,
+.wrapper a:hover,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:hover,
+body a:hover {
+ color: #d90707;
+}
+
+/* General: Border Radius */
+.radius {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* General: Box Shadow */
+.box-shadow {
+ -webkit-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1),
+ 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1),
+ 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+}
+
+/* General: Page Title Banner Spacing */
+.page-title-banner {
+ padding: 25px 0;
+}
+
+/* General: Remove iframe Border */
+iframe {
+ border: none;
+}
+
+/* General: Hide Underline */
+.site-footer a:after,
+.wrapper a:after {
+ display: none;
+}
+
+/* General: Background Color */
+.woocommerce .wrapper,
+.blog .wrapper,
+.archive .wrapper,
+.single-post .wrapper {
+ background: #f3f1f1;
+}
+
+/* General: Heading Top Spacing */
+.page-heading {
+ margin-top: 40px;
+}
+
+/* Forms: Background Color and Border Radius */
+.labeled-input-row,
+.labeled-textarea-row {
+ padding: 3px 14px;
+ background: #eee;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Forms: Button */
+.button {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Forms: Reset Borders */
+.labeled-input-row label,
+.labeled-input-row input,
+.labeled-textarea-row label {
+ border-bottom: none;
+}
+
+/* Forms: Reset Style */
+.labeled-textarea-row textarea {
+ padding-top: 0px;
+ line-height: 1.5;
+ background-image: none;
+}
+
+/* Homepage: Client Logo Width */
+.how-it-works-images img {
+ max-width: 128px;
+}
+
+/* Homepage: Client Logo Width */
+.client-logo img {
+ width: 50%;
+}
+
+/* Homepage: Client Logo Spacing */
+.client-logo img {
+ padding: 20px 0;
+}
+
+/* Homepage: Blog Posts Remove Border */
+.wpb_wrapper .lab-blog-posts .blog-post-entry {
+ border: none;
+}
+
+/* Homepage: Blog Show More Button Remove Margin */
+.show-more {
+ margin-top: 0px;
+}
+
+/* Homepage: Blog Show More Button Style */
+.show-more .reveal-button {
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ background: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border: none;
+}
+
+/* Homepage: Car Filter Reset Styling */
+.home .prdctfltr_wc.prdctfltr_wc_regular {
+ padding: 0px !important;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+/* Homepage: Car Filter Border Radius */
+.home
+ .prdctfltr_wc.prdctfltr_woocommerce.pf_select
+ .prdctfltr_filter
+ .prdctfltr_regular_title {
+ border-radius: 3px !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Homepage: Car Filter Container Width */
+.parent--homepage-car-selector {
+ z-index: 99999 !important;
+}
+
+/* Homepage: Car Filter Container Width */
+.homepage-car-selector {
+ overflow: visible !important;
+}
+
+/* Homepage: Car Filter Box Shadow */
+.homepage-filter {
+ margin-top: -70px;
+ background: #fff;
+ padding: 10px 20px;
+ -webkit-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1),
+ 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1),
+ 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+}
+
+/* Homepage: Car Filter Box Shadow */
+.homepage-filter .vc_column-inner {
+ padding-top: 0px !important;
+}
+
+/* Homepage: Car Filter Button Position */
+.homepage-filter .prdctfltr_wc .prdctfltr_buttons {
+ position: absolute;
+ top: -100px;
+ right: 0;
+}
+
+/* Homepage: Steps */
+.homepage-steps {
+ padding: 50px 0px 35px 0px;
+}
+
+/* Homepage: Electric Car Icon Size */
+.electric-icon {
+ width: 64px;
+ max-width: 64px;
+ display: block;
+ float: left;
+}
+
+/* Homepage: Electric Car Icon Size for Image */
+.electric-icon img {
+ width: 64px;
+ max-width: 64px;
+}
+
+/* Homepage: Blog Posts More Link */
+.more-link {
+ border: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ min-width: auto;
+}
+
+/* About: Carousel Rounded */
+.carousel-rounded .wpb_wrapper .vc_images_carousel .vc_item img {
+ border-radius: 3px !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ overflow: hidden;
+}
+
+/* Blog: Post */
+.blog-posts .has-post-thumbnail .post-item {
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ background: #fff;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+}
+
+/* Blog: Post Remove Format Icon */
+.blog-posts .post-item .post-thumbnail .post-format-icon {
+ display: none;
+}
+
+/* Blog: Post Hover Color Distanced */
+.blog-posts .post-item .post-thumbnail .post-hover,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-image
+ a
+ .hover-display {
+ background-color: rgba(255, 255, 255, 0.85);
+}
+
+/* Blog: Post Hover Color Distanced */
+.blog-posts .post-item .post-thumbnail .post-hover.post-hover--distanced,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-image
+ a
+ .image-placeholder,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-image
+ a
+ .hover-display.with-spacing {
+ background-color: rgba(255, 255, 255, 0.85);
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Blog: Post Hover Color Full Cover No Opacity */
+.blog-posts .post-item .post-thumbnail .post-hover.post-hover--no-opacity,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-image
+ a
+ .hover-display.no-opacity {
+ background-color: rgba(255, 255, 255, 1);
+}
+
+/* Blog: Square Posts Layout No Thumbnail*/
+.blog-posts .post-item.template-square.columned .post-details {
+ padding: 20px 25px 0 25px;
+}
+
+/* Blog: Square Posts Layout */
+.blog-posts .format-video .post-item.template-square.columned .post-details,
+.blog-posts
+ .has-post-thumbnail
+ .post-item.template-square.columned
+ .post-details {
+ padding: 20px 25px 0 0;
+}
+
+/* Blog: Square Posts Meta Layout */
+.blog-posts .post-item.template-square.columned .post-details .post-meta {
+ display: inline-block;
+ margin-right: 20px;
+}
+
+/* Blog: Rounded Posts Layout */
+.blog-posts .post-item.template-rounded.columned {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+/* Blog: Rounded Posts Layout Hover */
+.blog-posts .post-item.template-rounded.columned {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+/* Blog: Rounded Posts Layout Hover */
+.blog-posts .post-item.template-rounded .post-thumbnail .post-hover {
+ border-radius: 50%;
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+}
+
+/* Blog: Rouneded Posts Meta Layout */
+.blog-posts .post-item.template-rounded.columned .post-meta {
+ display: inline-block;
+ margin-right: 20px;
+}
+
+/* Blog Post: Comment Styling */
+.single-post .post-comments--list .comment {
+ background: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ padding: 25px;
+ margin: 10px 0;
+}
+
+/* Blog Post: Comment In Reply to Color */
+.single-post
+ .post-comments--list
+ .comment
+ .commenter-details
+ .in-reply-to
+ span {
+ color: #222;
+}
+
+/* Blog Post: Comments Spacing */
+.single-post .post-comments {
+ padding: 20px 0;
+ background: transparent;
+}
+
+/* Blog Post: Comments Reply Spacing and Remove Background */
+.single-post .post-comments--list .comment-respond {
+ padding: 0px;
+ background: none;
+}
+
+/* Blog Post: Comments Remove Border */
+.single-post .post-comments:before {
+ border: none;
+}
+
+/* Blog Post: Comments Reply Title Bottom Spacing */
+.single-post .post-comments--list .comment-respond .comment-reply-title {
+ bottom: 20px;
+}
+
+/* Blog Post: Comments Name Color */
+.single-post .post-comments--list .comment .commenter-details .name a {
+ color: #d90706;
+}
+
+/* Blog Post: Comments Last Child Remove Spacing */
+.single-post
+ .post-comments--list
+ .comment
+ .commenter-details
+ .comment-text
+ p:last-child {
+ margin-bottom: 0px;
+}
+
+/* Blog Post: Tags Styling */
+.widget.widget_tag_cloud a,
+.single-post .post .post-tags a {
+ color: #fff;
+ background: #d90c0e;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Blog Post: Tags Styling on Hover */
+.widget.widget_tag_cloud a:hover,
+.single-post .post .post-tags a:hover {
+ background: #222;
+ color: #fff;
+}
+
+/* Blog: Post */
+.blog-posts .post-item,
+.wpb_wrapper .lab-blog-posts .blog-post-entry {
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ background: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+}
+
+/* Blog: Post Details Border */
+.blog-posts .post-item.template-standard .post-details,
+.blog-posts .post-item.template-standard .post-thumbnail {
+ border: 0px;
+}
+
+/* Blog: Post Border Radius */
+.blog-posts .post-item.template-standard .post-details,
+.blog-posts .post-item.template-standard .post-thumbnail,
+.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image {
+ overflow: hidden;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* Blog: Post Border Radius Classic */
+.blog--has-sidebar .blog-posts .post-item.columned .post-thumbnail {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ overflow: hidden;
+}
+
+/* Blog Post: Link Color */
+.single-post .post-formatting a {
+ color: #d90707;
+}
+
+/* Blog Post: Top Spacing */
+.single-post .single-post {
+ padding-top: 35px;
+}
+/* Car: Product Meta Tags */
+.woocommerce .single-product .summary .product_meta > span {
+ padding: 7px 0;
+ text-transform: uppercase;
+ font-size: 12px;
+ border-top: 1px dotted #ccc;
+}
+
+/* Car: Price Spacing Top and Bottom */
+.woocommerce .single-product .summary > .price {
+ margin: 20px 0;
+}
+
+/* Car: Variable Product Label */
+.woocommerce .single-product .summary .variations .label label {
+ text-transform: uppercase;
+ font-size: 12px;
+}
+
+/* Car: Variable Product Color*/
+.woocommerce .single-product .select-option-ui {
+ color: #222;
+}
+
+/* Car: Quantity Width*/
+.woocommerce .item-info .group_table .quantity,
+.woocommerce .item-info form.cart .quantity {
+ width: 60px;
+}
+
+/* Car: Image Border Radius */
+.post-content.post-formatting img {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Car: Remove Bottom Spacing */
+.single-product .woocommerce.page-container {
+ margin-bottom: 0px;
+}
+
+/* Car: Remove Bottom Spacing */
+.woocommerce .single-product .product {
+ margin-bottom: 0px;
+}
+
+/* Car: Video Border Radius */
+.post-content.post-formatting .video-as-holder.enabled .video-aspect-ratio + *,
+.post-content.post-formatting .video-as-holder.enabled .video-js,
+.post-content.post-formatting .video-as-holder.enabled iframe {
+ overflow: hidden;
+ border-radius: 3px !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Car: Sidebar Car Category Spacing */
+.prdctfltr_wc
+ .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image
+ .prdctfltr_checkboxes
+ label {
+ margin: 15px 0;
+}
+
+/* Car: Sidebar Car Category Car Size */
+.prdctfltr_wc
+ .prdctfltr_terms_customized.prdctfltr_terms_customized_image-text
+ .prdctfltr_customize_block
+ .prdctfltr_customize_image_text {
+ width: 65px;
+}
+
+/* Car: Sidebar Car Category Car Size */
+.prdctfltr_wc
+ .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image
+ .prdctfltr_customize_block
+ .prdctfltr_customize_image_text
+ img {
+ width: 65px !important;
+ height: auto !important;
+ border: none !important;
+}
+
+/* Car: Sidebar Car Category Active */
+.prdctfltr_wc
+ .prdctfltr_terms_customized.prdctfltr_terms_customized_image-text
+ label.prdctfltr_active
+ .prdctfltr_customize_block
+ .prdctfltr_customize_image_text
+ img {
+ opacity: 0.35;
+}
+
+.prdctfltr_wc
+ .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image
+ label.prdctfltr_active
+ .prdctfltr_customize_block
+ .prdctfltr_customize_image_text
+ img {
+ border: none;
+ box-shadow: unset !important;
+}
+
+/* Car: Sidebar Categories Selected */
+.prdctfltr_wc
+ .prdctfltr_terms_customized.prdctfltr_terms_customized_image-text
+ .prdctfltr_add_scroll.prdctfltr_down
+ label.prdctfltr_active
+ .prdctfltr_customize_block
+ .prdctfltr_customize_image_text
+ img {
+ opacity: 1;
+}
+
+/* Car: Sidebar Categories Not Selected */
+.prdctfltr_wc
+ .prdctfltr_terms_customized.prdctfltr_terms_customized_image-text
+ .prdctfltr_add_scroll.prdctfltr_down
+ label
+ .prdctfltr_customize_block
+ .prdctfltr_customize_image_text
+ img {
+ opacity: 0.35;
+}
+
+/* Car: Sidebar Brands Selected */
+.prdctfltr_wc
+ .prdctfltr_terms_customized_image
+ .prdctfltr_add_scroll.prdctfltr_down
+ .prdctfltr_checkboxes
+ label
+ .prdctfltr_customize_image
+ img {
+ opacity: 0.35;
+}
+
+/* Car: Attributes Link Color */
+.shop_attributes a {
+ color: #666;
+}
+
+/* Car: Attributes Link Color on Hover */
+.shop_attributes a:hover {
+ color: #d80707;
+ text-decoration: underline;
+}
+
+/* Car: Attributes - Hide title */
+.woocommerce .woocommerce-tabs .entry-content h2 {
+ display: none;
+}
+
+/* Car: Attributes - Feature color */
+.shop_attributes th {
+ color: #222;
+}
+
+/* Car: Attributes - Table styling */
+.shop_attributes td,
+.shop_attributes th {
+ padding: 10px 0px;
+}
+
+/* Car: Attributes - Table styling */
+.shop_attributes tr {
+ border-bottom: 1px solid #ddd;
+}
+
+/* Car: Attributes - Hide border for last feature */
+.shop_attributes tr:last-child {
+ border-bottom: none;
+}
+
+/* Car: Addition Info - Remove Top Margin */
+.shop_attributes {
+ margin-top: 0px !important;
+}
+
+/* Car: Tabs styling */
+.woocommerce .woocommerce-tabs .entry-content {
+ background: #fff;
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ /*padding-left: 0px;*/
+ /*padding-right: 0px;*/
+}
+
+/* Car: Tabs styling */
+.woocommerce .woocommerce-tabs .tabs li {
+ background: transparent;
+ top: 0;
+ margin-right: 0px;
+ border-bottom: 0px;
+ border-right: 0px;
+}
+
+/* Car: Tabs Active Tab */
+.woocommerce .woocommerce-tabs .tabs li.active {
+ background: #fff;
+ border-bottom-color: #fff;
+}
+
+/* Car: Car Box */
+.woocommerce .products .product.catalog-layout-default .item-info {
+ background: #fff;
+ padding: 15px 20px;
+ margin: 0px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+}
+
+/* Car: Car Box Hover */
+.woocommerce .products .product.catalog-layout-default:hover .item-info {
+ -webkit-box-shadow: 0 10px 30px -10px rgba(171, 171, 171, 0.9);
+ box-shadow: 0 10px 30px -10px rgba(171, 171, 171, 0.9);
+}
+
+/* Car: Car Box Image Radius */
+.woocommerce .products .product.catalog-layout-default .product-images img {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* Car: Car Box Image Radius */
+.woocommerce
+ .products
+ .product.catalog-layout-default
+ .product-images
+ .image-placeholder {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* Car: Gallery Previous Border Radius */
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .main-product-images.carousel.flickity-enabled:hover
+ .flickity-prev-next-button {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Car: Gallery Image height */
+.woocommerce .single-product-images .kalium-woocommerce-product-gallery a img {
+ height: auto;
+}
+
+/* Car: Gallery Next-Prev Arrow Icon Color and Size */
+.woocommerce
+ .single-product
+ .kalium-woocommerce-product-gallery
+ .main-product-images
+ .nextprev-arrow
+ i,
+.woocommerce
+ .single-product
+ .kalium-woocommerce-product-gallery
+ .thumbnails
+ .nextprev-arrow
+ i {
+ color: #fff !important;
+ font-size: 54px;
+}
+
+/* Car: Content Styling */
+.woocommerce .product.catalog-layout-default .item-info {
+ padding: 30px 45px;
+ background: #fff;
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ margin: 0px;
+ border-bottom-left-radius: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ -moz-border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ -moz-border-bottom-right-radius: 3px;
+}
+
+/* Car: Content Styling */
+.woocommerce .product.catalog-layout-default .summary.entry-summary.item-info,
+.woocommerce .single-product .summary {
+ padding: 30px 45px;
+ background: #fff;
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ margin: 0px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Car: Tabs Styling Active Tab */
+.woocommerce .woocommerce-tabs .tabs li.active {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* Car: Reviews */
+.woocommerce .woocommerce-Reviews #review_form_wrapper {
+ background: transparent;
+ margin: 0px;
+ padding: 0px;
+}
+
+/* Car: Car Price for Smaller Devices */
+@media screen and (max-width: 768px) {
+ .woocommerce
+ .product.catalog-layout-default
+ .item-info
+ .item-info-row
+ > .price-column {
+ margin-top: 0px;
+ }
+}
+
+/* Price area: Mobile */
+@media screen and (max-width: 768px) {
+ .woocommerce
+ .product.catalog-layout-default
+ .item-info
+ .item-info-row
+ > .price-column,
+ .woocommerce
+ .product.catalog-layout-default
+ .item-info
+ .item-info-row
+ > .title-column {
+ width: auto;
+ }
+}
+
+/* Car: Category */
+.woocommerce .shop-categories .product-category a {
+ background: #fff !important;
+ -webkit-box-shadow: 0 7px 10px -10px rgba(171, 171, 171, 0.7);
+ box-shadow: 0 7px 10px -10px rgba(171, 171, 171, 0.7);
+ -webkit-transition: all 0.55s ease;
+ transition: all 0.55s ease;
+ padding: 25px 15px 10px 15px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Car: Category */
+.woocommerce .shop-categories .product-category a:hover {
+ -webkit-transform: translateY(-5px);
+ transform: translateY(-5px);
+ -webkit-box-shadow: 0 10px 20px -10px rgba(171, 171, 171, 0.9);
+ box-shadow: 0 10px 20px -10px rgba(171, 171, 171, 0.9);
+}
+
+/* Car: Category Title */
+.woocommerce
+ .shop-categories
+ .product-category
+ .woocommerce-loop-category__title,
+.woocommerce .shop-categories .product-category h3 {
+ transform: none;
+ background: none;
+ padding: 0;
+ position: relative;
+ transform: none;
+ background: none;
+ top: 0;
+ left: 0;
+ padding-top: 15px;
+}
+
+/* Car: Car Price */
+.woocommerce
+ .product.catalog-layout-default
+ .item-info
+ .item-info-row
+ > .price-column {
+ position: absolute;
+ top: 0;
+ left: 15px;
+ padding: 3px 6px 3px 10px;
+ border-top-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ background: #000;
+ z-index: 100;
+}
+
+/* Car: Car Default Layout Margin Bottom */
+.woocommerce .product.catalog-layout-default {
+ margin-bottom: 30px;
+}
+
+/* Car: Car Price skew area */
+.woocommerce
+ .product.catalog-layout-default
+ .item-info
+ .item-info-row
+ > .price-column:after {
+ position: absolute;
+ content: "";
+ display: block;
+ top: 0;
+ right: -5px;
+ height: 100%;
+ width: 10px;
+ background-color: #000;
+ -webkit-transform: skew(-14deg, 0deg);
+ transform: skew(-14deg, 0deg);
+}
+
+/* Car: Car Price Text Color */
+.woocommerce
+ .product.catalog-layout-default
+ .item-info
+ .item-info-row
+ > .price-column
+ span {
+ color: #fff;
+}
+
+/* Car: Car Price Remove Spacing */
+.woocommerce .product.catalog-layout-default .item-info .price del {
+ margin: 0px;
+}
+
+/* Car: Car Price Remove Spacing and Set Color */
+.woocommerce .product.catalog-layout-default .item-info .price del span {
+ margin: 0px !important;
+ color: #666 !important;
+}
+
+/* Car: Car Price Remove Border */
+.woocommerce .product.catalog-layout-default .item-info .price ins,
+.woocommerce .product.catalog-layout-default .item-info .price > .amount {
+ border-bottom: none;
+}
+
+/* Car: Sale, Out of Stock and Featured Button */
+.woocommerce .product .onsale,
+.woocommerce .product .onsale.oos,
+.woocommerce .product .onsale.featured {
+ line-height: normal !important;
+ height: auto;
+ width: auto;
+ padding: 2px 4px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-transform: skew(-10deg);
+ transform: skew(-10deg);
+ top: -8px;
+ right: 5px;
+ -webkit-box-shadow: -2px 3px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: -2px 3px 10px rgba(0, 0, 0, 0.2);
+}
+
+/* Car: Gallery Border Radius */
+.woocommerce .single-product .kalium-woocommerce-product-gallery a img {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Car: Review Styling */
+.woocommerce .woocommerce-Reviews #comments .commentlist .comment,
+.woocommerce .woocommerce-Reviews #comments .commentlist .review {
+ position: relative;
+ border-bottom: 1px solid #eee;
+ padding: 30px 0;
+ clear: both;
+}
+
+/* Cars: Gallery Next Border Radius */
+.woocommerce .products .product .product-images .gallery-arrow.gallery-next {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+/* Cars: Gallery Previous Border Radius */
+.woocommerce .products .product .product-images .gallery-arrow.gallery-prev {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+/* Cars: Gallery Arrow Background Color */
+.woocommerce .products .product .product-images .gallery-arrow.gallery-next,
+.woocommerce .products .product .product-images .gallery-arrow.gallery-prev {
+ background: rgba(0, 0, 0, 0.4);
+}
+
+/* Cars: Gallery Arrow Color */
+.woocommerce .products .product .product-images .gallery-arrow.gallery-next,
+.woocommerce .products .product .product-images .gallery-arrow.gallery-prev {
+ color: #fff;
+ padding: 0px;
+}
+
+/* Cars: Gallery Change Next Arrow Icon */
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .flickity-enabled
+ .flickity-prev-next-button.next:before,
+.woocommerce
+ .products
+ .product
+ .product-images
+ .gallery-arrow.gallery-next
+ .flaticon-arrow413:before {
+ content: "\e009" !important;
+}
+
+/* Cars: Gallery Change Prev Arrow Icon */
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .flickity-enabled
+ .flickity-prev-next-button:before,
+.woocommerce
+ .products
+ .product
+ .product-images
+ .gallery-arrow.gallery-prev
+ .flaticon-arrow427:before {
+ content: "\e007" !important;
+}
+
+/* Cars: Gallery Arrow Background Color */
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .main-product-images.carousel.flickity-enabled
+ .flickity-prev-next-button {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ padding: 0px;
+}
+
+/* Cars: Gallery Arrow Icon Size */
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .flickity-enabled
+ .flickity-prev-next-button:before {
+ font-size: 54px;
+ line-height: 1;
+}
+
+/* Cars: Distanced Layout Border Radius */
+.woocommerce .product.catalog-layout-distanced-centered .product-internal-info {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Cars: Remove Background */
+.woocommerce {
+ background: transparent;
+}
+
+/* Cars: Default Catalog Layout Title Link Color */
+.woocommerce .product.catalog-layout-default .item-info h3 a {
+ color: #222;
+}
+
+/* Cars: Default Catalog Layout Title Link Hover Color */
+.woocommerce .product.catalog-layout-default .item-info h3 a:hover {
+ color: #d80707;
+}
+
+/* Cars: Default Catalog Layout Transition */
+.woocommerce .products .product.catalog-layout-default {
+ -webkit-transition: 0.2s all;
+ transition: 0.2s all;
+}
+
+/* Cars: Hide Page Title */
+.woocommerce-page .page-title {
+ display: none;
+}
+
+/* Cars: Add To Cart Button */
+.woocommerce
+ .product
+ .item-info
+ .product-loop-add-to-cart-container
+ .product-category.category-hoverable
+ + .add-to-cart-link
+ a {
+ background: #eee;
+ border-radius: 50px;
+ -webkit-border-radius: 50px;
+ -moz-border-radius: 50px;
+ padding: 3px 8px;
+}
+
+/* Cars: Add To Cart Button Added */
+.woocommerce
+ .product
+ .item-info
+ .product-loop-add-to-cart-container
+ .product-category.category-hoverable
+ + .add-to-cart-link
+ .add_to_cart_button.added {
+ background: #2ecc71 !important;
+ color: #fff;
+}
+
+/* Cars: Minimal and Full Image Layout Padding */
+.woocommerce .product.catalog-layout-full-bg .product-internal-info,
+.woocommerce .product.catalog-layout-transparent-bg .product-internal-info {
+ padding: 20px 25px;
+}
+
+/* Cars: Minimal Catalog Layout */
+.woocommerce .product.catalog-layout-transparent-bg .product-internal-info {
+ padding: 15px 25px;
+ padding-top: 0px;
+ background: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ color-stop(15%, rgba(238, 238, 238, 1)),
+ color-stop(75%, rgba(238, 238, 238, 0))
+ );
+ background: linear-gradient(
+ to bottom,
+ rgba(238, 238, 238, 1) 15%,
+ rgba(238, 238, 238, 0) 75%
+ );
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
+}
+
+/* Cars: Images Border Radius */
+.woocommerce .product.catalog-layout-distanced-centered .product-images,
+.woocommerce .product.catalog-layout-transparent-bg .product-images,
+.woocommerce .product.catalog-layout-full-bg .product-images {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Cars: Minimal Catalog Layout Spacing */
+.woocommerce
+ .product.catalog-layout-transparent-bg
+ .item-info
+ .product-bottom-details {
+ bottom: 15px;
+ left: 25px;
+ right: 25px;
+}
+
+/* Cars: Full Image Layout Spacing */
+.woocommerce
+ .product.catalog-layout-full-bg
+ .item-info
+ .product-bottom-details {
+ bottom: 20px;
+ left: 25px;
+ right: 25px;
+}
+
+/* Sidebar: Box Shadow */
+.blog-archive--widgets.widget-area--skin-bordered .widget,
+.widget-area--skin-background-fill,
+.single-post--widgets.widget-area--skin-bordered .widget,
+.widget-area--skin-bordered
+ .prdctfltr-widget
+ .prdctfltr_wc
+ .prdctfltr_woocommerce_ordering
+ .prdctfltr_filter {
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+}
+
+/* Sidebar: Styling */
+.blog-archive--widgets.widget-area--skin-background-fill,
+.widget-area--skin-bordered .widget,
+.widget-area--skin-bordered
+ .prdctfltr-widget
+ .prdctfltr_wc
+ .prdctfltr_woocommerce_ordering
+ .prdctfltr_filter,
+.single-post--widgets.widget-area--skin-background-fill {
+ background: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ padding: 20px 25px;
+ margin-bottom: 25px;
+}
+
+/* Sidebar: Fill — Reset Padding and Background */
+.blog-archive--widgets.widget-area--skin-background-fill .widget,
+.single-post--widgets.widget-area--skin-background-fill .widget {
+ padding: 0px;
+ border-radius: 0px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ background: none;
+}
+
+/* Sidebar: Bordered Box Styling */
+.widget-area--skin-bordered .widget {
+ border: 0;
+}
+
+/* Sidebar: Box - When Background Fill option is selected */
+.widget-area--skin-background-fill .widget {
+ background-color: #fff;
+}
+
+/* Sidebar: Title Reduce Margin Bottom */
+.widget-area .widget-title,
+.widget-area .widgettitle {
+ margin-bottom: 15px;
+ border-bottom: 1px solid #eee;
+ padding-bottom: 15px;
+}
+
+/* Sidebar: Search Bar */
+.blog-archive--widgets .widget.widget_search,
+.single-post--widgets .widget.widget_search {
+ padding: 0px !important;
+ background: #fff;
+}
+
+/* Sidebar: Search Bar */
+.blog-archive--widgets .widget.widget_search .search-bar input[name="s"],
+.single-post--widgets .widget.widget_search .search-bar input[name="s"] {
+ background: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Cars Sidebar: Hide Check */
+.prdctfltr_title_added i.prdctfltr-check {
+ display: none;
+}
+
+/* Cars Sidebar: Top Filter */
+.prdctfltr_topbar {
+ display: inline-block;
+}
+
+/* Cars Sidebar: Top Title Selected Color */
+span.prdctfltr_title_selected {
+ background: #eee;
+ padding: 3px 6px;
+ margin-right: 10px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Cars Sidebar: Top Title Selected Remove Previous Styling */
+span.prdctfltr_title_selected:after {
+ display: none;
+}
+
+/* Cars Sidebar: Top Title Selected Remove Next Styling */
+span.prdctfltr_title_selected:before {
+ display: none;
+}
+
+/* Cars Sidebar: Top Title Selected on Hover */
+span.prdctfltr_title_selected:hover {
+ background: #222;
+ color: #fff;
+}
+
+/* Cars Sidebar: Top Title Selected Icon Color */
+span.prdctfltr_title_selected:hover a.prdctfltr_title_remove i {
+ color: #fff !important;
+}
+
+/* Cars Sidebar: Slider */
+.pf_rngstyle_thin .irs-slider {
+ border-radius: 50%;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ background: #fff !important;
+ border: 2px solid #d80707;
+ -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Cars Sidebar: Slider */
+.pf_rngstyle_thin .irs-bar {
+ background: #d80707 !important;
+ top: 39px !important;
+ height: 3px !important;
+}
+
+/* Cars Sidebar: Slider */
+.pf_rngstyle_thin .irs-line {
+ background: #eee !important;
+ height: 3px !important;
+ top: 39px !important;
+}
+
+/* Cars Sidebar: Slider */
+.pf_rngstyle_thin .irs-from,
+.pf_rngstyle_thin .irs-single,
+.pf_rngstyle_thin .irs-to {
+ background: #d80707 !important;
+}
+
+/* Cars Sidebar: Remove Bottom Margin */
+.prdctfltr-widget .prdctfltr_add_scroll {
+ margin-bottom: 0px;
+}
+
+/* Cars Sidebar: Border Radius for Widgets */
+.products-archive--widgets.widget-area--skin-background-fill .widget {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Cars Sidebar: Bordered Box Styling */
+.widget-area--skin-bordered .widget.prdctfltr-widget {
+ background: none;
+ border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ padding: 0;
+ margin-bottom: 0;
+}
+
+/* Cars Sidebar: Remove Padding */
+.prdctfltr-widget .prdctfltr_wc .prdctfltr_filter_inner {
+ padding: 0px;
+}
+
+/* Cars Sidebar: Tooltip Position */
+.prdctfltr_tooltip > span:after {
+ bottom: -16px;
+ margin-left: -10px;
+}
+
+/* Cars Sidebar: Tooltip Border Radius and Spacing */
+.prdctfltr_tooltip > span {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ padding: 4px 7px;
+}
+
+/* Cars Sidebar: Bottom Spacing */
+.prdctfltr_tooltip {
+ padding-bottom: 8px;
+}
+
+/* Cars Sidebar: Checkbox Styling */
+.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label > span:before {
+ width: 15px !important;
+ height: 15px !important;
+ border-width: 0px !important;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ background-color: #eee !important;
+ -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
+ margin: 6px 12px 6px 0;
+}
+
+/* Cars Sidebar: Remove Checkbox Styling for Active */
+.prdctfltr_wc.prdctfltr_checkbox
+ .prdctfltr_filter
+ label.prdctfltr_active
+ > span:after {
+ margin: 3px 1px 1px 1px;
+ line-height: 12px !important;
+}
+
+/* Cars Sidebar: Checkbox Selected Background Color */
+.prdctfltr_wc.prdctfltr_checkbox
+ .prdctfltr_filter
+ label.prdctfltr_active
+ > span:before {
+ background-color: #1ac744 !important;
+}
+
+/* Cars Sidebar: Checkbox Selected Tick Color */
+.prdctfltr_wc.prdctfltr_checkbox
+ .prdctfltr_filter
+ label.prdctfltr_active
+ > span:after {
+ color: #fff;
+}
+
+/* Cars Sidebar: Image Checkboxes Default */
+.homepage-car-selector .prdctfltr_terms_customized img {
+ opacity: 1 !important;
+}
+
+/* Cars Sidebar: Image and Text Checkboxes Default */
+.homepage-car-selector .prdctfltr_customize_image_text img {
+ opacity: 1 !important;
+}
+
+/* Cars Sidebar: Checkboxes Spacing */
+.homepage-car-selector .prdctfltr_customize_block {
+ padding: 8px;
+}
+
+.homepage-car-selector .prdctfltr_customize_block .prdctfltr_customize_image {
+ padding: 0px;
+}
+
+/* Cars Sidebar: Image Checkboxes Default */
+.prdctfltr_wc
+ .prdctfltr_terms_customized_image
+ .prdctfltr_add_scroll.prdctfltr_down
+ .prdctfltr_checkboxes
+ label.prdctfltr_active
+ .prdctfltr_customize_image
+ img {
+ opacity: 1;
+}
+
+/* Cars Sidebar: Colorize options */
+.prdctfltr_filter label {
+ color: #666;
+}
+
+/* Cars Sidebar: Colorize options - Active state */
+.prdctfltr_filter label.prdctfltr_active {
+ color: #222;
+}
+
+/* Cars Sidebar: Brands - Remove border */
+.prdctfltr_customize_block {
+ border: none !important;
+}
+
+/* Cars Sidebar: Brands - Logo size */
+.prdctfltr_customize_block .prdctfltr_customize_image,
+.prdctfltr_customize_block .prdctfltr_customize_image img {
+ width: 64px !important;
+ height: auto !important;
+}
+
+/* Cars Sidebar: Brands - Logo Remove Padding from img */
+.prdctfltr_customize_block .prdctfltr_customize_image img {
+ padding: 0px;
+}
+
+/* Cars Sidebar: Brands - Logo Spacing */
+.prdctfltr_customize_block .prdctfltr_customize_image {
+ /* width: 100%; */
+ padding: 5px;
+ padding-top: 0px;
+ background: transparent;
+}
+
+/* Cars Sidebar Remove Spacing */
+.prdctfltr_customize {
+ margin: 0px;
+}
+
+/* Cars Sidebar: Brands - Selected brand */
+.prdctfltr_active .prdctfltr_customize_block {
+ border: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+/* Cars Sidebar: Colors - Change size */
+.prdctfltr_customize_block {
+ padding-top: 0px;
+ padding-bottom: 0px;
+ margin-bottom: 0px;
+}
+
+/* Cars Sidebar: Colors - Change size */
+.prdctfltr_customize_block .prdctfltr_customize_color {
+ width: 29px !important;
+ height: 29px !important;
+ border-radius: 50%;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+}
+
+/* Cars Sidebar: Colors - White color border */
+.prdctfltr_ft_white .prdctfltr_customize_block .prdctfltr_customize_color {
+ border: 1px solid #ccc;
+}
+
+/* Cars Sidebar: Checkboxes Label Spacing */
+.prdctfltr_checkboxes label {
+ margin-bottom: 0px;
+}
+
+/* Cars Sidebar: Checkboxes Active Styling */
+.prdctfltr_checkboxes label.prdctfltr_active .prdctfltr_customize_block {
+ padding-top: 0px;
+}
+
+/* Cars Sidebar: Checkboxes Label Spacing */
+.prdctfltr_checkboxes
+ label.prdctfltr_active
+ .prdctfltr_customize_block
+ .prdctfltr_customize_color {
+ -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5);
+}
+
+/* Cars Sidebar: Show More Button Remove Styling */
+.prdctfltr_checkboxes .pf_more span:before {
+ display: none;
+}
+
+/* Cars Sidebar: Show More Button Remove Text Styling */
+.prdctfltr_checkboxes .pf_more span {
+ text-transform: none !important;
+ color: #666;
+}
+
+/* Cars Sidebar: Show More Button New Style */
+.prdctfltr_checkboxes .pf_more {
+ border-top: 1px dotted #ccc;
+ padding-top: 8px;
+ margin-top: 8px;
+}
+
+/* Cars Sidebar: Show Less Icon */
+.prdctfltr_checkboxes .pf_more.pf_activated span:after {
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+
+/* Cars Sidebar: Show More Icon */
+.prdctfltr_checkboxes .pf_more span:after {
+ content: "»";
+ display: inline-block;
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ margin-left: 10px;
+}
+
+/* Cars Sidebar: Top Filter */
+.prdctfltr_wc.prdctfltr_wc_regular {
+ background: #fff !important;
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ padding: 5px 25px;
+ margin-bottom: 0px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Cars Sidebar: Top Filter Bottom Spacing */
+.woocommerce .woocommerce-shop-header--columned {
+ margin-bottom: 35px;
+}
+
+/* Cars Sidebar: Top Filter Display Flex */
+.woocommerce .woocommerce-shop-header--columned > div {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: 100%;
+}
+
+/* Cars Sidebar: Top Filter Title Spacing */
+.prdctfltr_wc .prdctfltr_filter_title {
+ margin-top: 10px;
+ margin-bottom: 10px !important;
+}
+
+/* Blog Post: Content Side Padding */
+.single-post.single-post--has-sidebar .post {
+ padding: 0 15px;
+}
+
+/* Blog Post: Content Background */
+.single-post .post--column {
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ background: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ padding: 25px 30px;
+}
+
+/* Blog Post: Next/Prev Top Padding */
+.single-post .post .post-navigation {
+ padding-top: 30px;
+}
+
+/* Blog Post: Next/Prev Top Padding */
+.single-post .comment-form > p.labeled-textarea-row,
+.single-post .comment-form > p.labeled-input-row {
+ background: #fff;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+}
+
+/* Blog Post: Comment Form Width */
+p.labeled-input-row.comment-form-author,
+p.labeled-input-row.comment-form-email {
+ margin-right: 2%;
+}
+
+/* Blog Post: Comment Form No Margin */
+.single-post .comment-form {
+ margin: 0px;
+}
+
+/* Blog Post: Comment Inputs Width */
+.single-post .comment-form > p.labeled-input-row {
+ width: 32% !important;
+ padding: 3px 14px;
+ padding-left: 20px;
+}
+
+/* Blog Post: Comment Cookie Consent */
+.single-post .comment-form > p.comment-form-cookies-consent {
+ width: auto !important;
+ margin-top: 0px;
+}
+
+/* Blog Post: Comment Input Remove Border Bottom */
+.single-post .comment-form > p.labeled-input-row input {
+ border-bottom: none;
+}
+
+/* Blog Post: Comment Textarea */
+.single-post .comment-form > p.labeled-textarea-row textarea {
+ background: transparent;
+ padding: 0px 20px;
+ line-height: 1.5;
+}
+
+/* Blog Post: Comment Input Label Color */
+.single-post .comment-form > p.labeled-input-row label {
+ color: #222;
+}
+
+/* Blog Post: Comment Paragraph Remove Padding */
+.single-post .comment-form > p {
+ padding: 0;
+}
+
+/* Blog Post: Comment Paragraph Remove Top Padding for Logged in Users */
+.single-post .comment-form > p.logged-in-as {
+ margin-top: 0px;
+}
+
+/* Blog Post: Comment Label Padding */
+.single-post .comment-form-comment label {
+ padding: 15px 20px;
+}
+
+/* Blog Post: Comment Submit Button Remove Top Margin */
+.single-post .comment-form > p.form-submit {
+ margin-top: 0px;
+}
+
+/* Blog Post: Image Margin */
+.single-post .post--full-width-image .post-image {
+ margin: 0px;
+}
+
+/* Blog Post: Image Border Radius */
+.single-post .post-image a {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ overflow: hidden;
+}
+
+/* Blog Post: Author Info Spacing and Border */
+.single-post .post .post-author {
+ padding-top: 25px;
+ border-top: 1px solid #eee;
+}
+
+/* Blog Post: Author Info Name Display Inline */
+.single-post .post .author-info--details .author-name em {
+ display: inline-block;
+}
+
+/* Blog Post: Author Info Remove Bottom Spacing */
+.author-info--alignment-bottom.single-post--has-author-info.single-post
+ .post
+ .post-author
+ .author-info {
+ margin-bottom: 0px;
+}
+
+/* Blog Post: Sharing Social Networks */
+.single-post .post .post-share-networks {
+ border-top: 1px solid #eee;
+ padding: 15px 0;
+ margin: 0px;
+}
+
+/* Blog Post: Sharing Social Networks Line Height */
+.single-post .post .post-share-networks .networks-list,
+.single-post .post .post-share-networks .share-title {
+ line-height: 0;
+}
+
+/* Blog Post: Sharing Social Networks Icon Size */
+.single-post .post .post-share-networks--style-icons a {
+ width: 35px;
+ height: 35px;
+}
+
+/* Blog Post: Comment Reply Connector */
+.single-post .post-comments--list .comment .commenter-image .comment-connector {
+ border: 5px solid #fff;
+ border-right: 0;
+ border-top: 0;
+}
+
+/* Footer: Other Widgets Width */
+.widget-area.widgets--columned-layout.widgets--columns-5 > .widget {
+ width: 25%;
+}
+
+/* Footer: First Widget Width */
+.widget-area.widgets--columned-layout.widgets--columns-5
+ > .widget.widget_text:first-child {
+ width: 50%;
+ padding-right: 50px;
+ margin-bottom: 0px;
+}
+
+/* Services: Carousel Navigation */
+.vc_images_carousel .vc_carousel-indicators li {
+ border: 2px solid #fff !important;
+ background-color: transparent !important;
+}
+
+/* Services: Carousel Navigation */
+.vc_images_carousel .vc_carousel-indicators .vc_active {
+ border: 2px solid #fff !important;
+ background-color: #fff !important;
+}
+
+/* Services: Title Display */
+.service-title {
+ display: inline-block;
+}
+
+/* Services: Title Underline */
+.service-title:after {
+ height: 2px !important;
+ width: 100% !important;
+ display: block;
+ background: #dd1f26;
+ content: "";
+}
+
+/* Services: Service Block on Landscape Phone */
+@media screen and (min-width: 468px) and (max-width: 768px) {
+ .service-block .vc_col-sm-6 {
+ width: 50%;
+ }
+}
+
+/* Contact: Icons */
+.contact-icons {
+ padding: 25px 0;
+}
+
+.contact-form .button strong {
+ color: #fff;
+}
+
+/* Contact: Checkbox */
+.contact-form-privacy-policy label input[type="checkbox"] {
+ background: #eee;
+ border: none;
+ border-radius: 2px;
+}
+
+/* Footer: Top and Bottom Spacing */
+.site-footer .footer-widgets {
+ margin: 50px 0;
+}
+
+/* Footer: Widget Titles */
+.site-footer .footer-widgets .widget .widgettitle {
+ margin: 0px;
+ border: none;
+ padding-bottom: 5px;
+}
+
+/* Footer: Widget Titles Spacing */
+.site-footer .footer-widgets .widget.widget_nav_menu {
+ margin: 15px 0;
+}
+
+/* Footer: Widget List Link Color */
+.site-footer.site-footer-inverted .footer-widgets .widget a {
+ color: #aaa;
+}
+
+/* Footer: Background */
+footer.site-footer-inverted {
+ background: url("https://demo-content.kaliumtheme.com/automotive/wp-content/uploads/2017/11/tire-trace-1.png")
+ bottom right no-repeat;
+ background-color: #1f1f1f !important;
+}
+
+/* Footer: Working Hours Bottom Border */
+.main-footer .footer-widgets .widget .working-hours li {
+ border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
+ padding: 8px 0;
+ color: #999;
+}
+
+/* Footer: Working Hours - Open */
+.main-footer .footer-widgets .widget .working-hours li span {
+ float: right;
+ background: #dd1f26;
+ color: #fff;
+ padding: 2px 6px;
+ clear: both;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* Footer: Working Hours - Closed */
+.main-footer .footer-widgets .widget .working-hours li span.closed {
+ background: #3e3e3e;
+}
+
+/* Footer: Widgets Left Spacing */
+.site-footer .footer-widgets .widget.widget_nav_menu:nth-child(2n + 2) {
+ padding-left: 80px;
+}
+
+/* Footer: Widgets Paragraph Color */
+.site-footer.site-footer-inverted .footer-widgets .widget p {
+ color: #999;
+}
+
+/* Footer: Widgets Link Hover Color */
+.site-footer .footer-widgets .widget.widget_nav_menu ul li a:hover {
+ color: #fff !important;
+}
+
+/* Footer: Widgets Link Hover Underline */
+.site-footer .footer-widgets .widget.widget_nav_menu ul li a:hover:after {
+ height: 1px !important;
+ width: 100% !important;
+ display: block;
+ background: #dd1f26;
+ content: "";
+}
+
+/* Footer: Bottom Footer Spacing */
+.site-footer.footer-bottom-horizontal .footer-bottom-content {
+ padding: 20px 0;
+}
+
+/* Footer: Bottom Footer Social Networks Remove Background */
+.site-footer .social-networks.rounded li a {
+ background: transparent;
+}
+
+/* Footer: Bottom Footer Background Color */
+footer.site-footer-inverted .footer-bottom {
+ background-color: #222;
+}
+
+/* Footer: Bottom Footer Hide Border */
+footer.site-footer-inverted hr {
+ display: none;
+}
+
+/* Footer: Bootom Footer Link Color and Hover */
+.site-footer .footer-bottom a {
+ color: #fff;
+}
+
+.site-footer .footer-bottom a:hover {
+ color: #fff;
+}
+
+.site-footer .footer-bottom a:hover:after {
+ height: 1px !important;
+ width: 100% !important;
+ display: block;
+ background: #dd1f26;
+ content: "";
+}
+
+/* Product Page: Comments Area */
+@media screen and (min-width: 992px) {
+ .woocommerce .woocommerce-Reviews .comment-form .comment-form-author,
+ .woocommerce .woocommerce-Reviews .comment-form .comment-form-email {
+ width: 49%;
+ }
+ .woocommerce .woocommerce-Reviews .comment-form .comment-form-email {
+ margin-right: 0px;
+ }
+}
+
+html input:-webkit-autofill {
+ -webkit-box-shadow: 0 0 0 1000px #eee inset;
+ box-shadow: 0 0 0 1000px #eee inset;
+}
+
+.prdctfltr_terms_customized_image .prdctfltr_customize {
+ margin-right: 0px !important;
+}
+
+/* Fix valid for Internet Explorer only */
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+ .woocommerce .products .product .item-info .item-info-row {
+ display: block;
+ }
+}
+
+.prdctfltr_woocommerce
+ .prdctfltr_filter
+ .prdctfltr_search_terms
+ .prdctfltr_search_terms_input {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+
+/* XS: Mobile devices */
+@media screen and (max-width: 480px) {
+ /* About: Team Images */
+ .team-image img {
+ width: 100%;
+ }
+
+ /* Homepage: Client Logos Width */
+ .logos-holder .client-logos-col {
+ width: 33.33333% !important;
+ }
+
+ /* Homepage: Car Filter: */
+ .homepage-car-selector {
+ margin-top: 0px;
+ }
+
+ /* Homepage: Car Filter Button Position */
+ .homepage-filter .prdctfltr_wc .prdctfltr_buttons {
+ position: relative;
+ top: auto;
+ right: auto;
+ width: 100%;
+ }
+
+ /* Homepage: Car Filter */
+ .homepage-filter
+ .prdctfltr_wc
+ .prdctfltr_buttons
+ a.button.prdctfltr_woocommerce_filter_submit {
+ width: 100%;
+ text-align: center;
+ }
+
+ /* Homepage: Car Filter */
+ .homepage-filter {
+ margin-top: 0;
+ padding: 0px;
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ }
+
+ /* Homepage: Car Filter Title Bottom Margin */
+ .homepage-filter .section-title {
+ margin-bottom: 20px;
+ }
+
+ /* Homepage: Blog Posts More Link */
+ .more-link {
+ position: relative;
+ top: 0px;
+ right: 0px;
+ min-width: auto;
+ padding: 0px;
+ }
+
+ /* Homepage: Blog Posts More Link */
+ .show-more .reveal-button {
+ width: 100%;
+ }
+
+ /* Homepage: Blog Posts More Link */
+ .show-more {
+ padding: 0px;
+ }
+
+ /* Homepage: Remove Bottom Spacing From Posts */
+ .wpb_wrapper .lab-blog-posts .blog-post-column {
+ margin-bottom: 20px;
+ }
+
+ /* Homepage: Steps */
+ .homepage-steps {
+ padding: 0px;
+ }
+
+ /* Contact: Icons */
+ .contact-icons {
+ padding: 0;
+ }
+
+ /* Contact: Contact Form Spacing */
+ .contact-row.vc_row-has-fill > .vc_column_container > .vc_column-inner {
+ padding-top: 15px;
+ }
+
+ /* Contact: Contact Form Spacing */
+ .wpb_wrapper .lab-contact-form {
+ margin-bottom: 0px;
+ }
+
+ /* Contact: Submit Button */
+ .contact-form .button {
+ width: 100%;
+ }
+
+ /* Footer: Other Widgets Width */
+ .widget-area.widgets--columned-layout.widgets--columns-5 > .widget {
+ width: 50%;
+ }
+
+ /* Footer: First Widget Width */
+ .widget-area.widgets--columned-layout.widgets--columns-5
+ > .widget.widget_text:first-child {
+ width: 100%;
+ padding-right: 15px;
+ margin-bottom: 15px;
+ }
+
+ /* Footer: Widgets Left Spacing */
+ .site-footer .footer-widgets .widget.widget_nav_menu:nth-child(2n + 2) {
+ padding-left: 15px;
+ }
+
+ /* Blog Post: Featured Image Top Spacing */
+ .single-post .single-post {
+ padding-top: 20px;
+ }
+
+ /* Blog Post: Featured Image Bottom Image */
+ .single-post .post-image {
+ margin-bottom: 20px;
+ }
+
+ /* Blog Post: Featured Image Bottom Image */
+ .single-post .post .post-meta-only .post-meta {
+ margin-bottom: 15px;
+ }
+
+ /* Blog: Post Spacing */
+ .blog-posts > .loading-posts,
+ .blog-posts > li {
+ margin-bottom: 20px;
+ }
+
+ /* Cars: Car Spacing */
+ .woocommerce .product.catalog-layout-default {
+ margin-bottom: 20px;
+ }
+
+ /* Blog Post: Comment Spacing */
+ .contact-form .form-group,
+ .single-post .comment-form > p.labeled-input-row {
+ width: 100%;
+ margin-bottom: 15px;
+ }
+
+ /* Blog Post: Comment Spacing */
+ .single-post .post-comments + .post-comment-form .comment-respond {
+ padding-top: 0px;
+ }
+
+ /* Car: Images Spacing */
+ .woocommerce
+ .single-product
+ .kalium-woocommerce-product-gallery
+ .thumbnails {
+ margin-bottom: 20px;
+ }
+
+ /* Car: Image Spacing */
+ .single-product .woocommerce.page-container {
+ margin-top: 20px;
+ }
+
+ /* Car: Top Spacing */
+ .woocommerce .woocommerce-tabs {
+ padding-top: 0px;
+ }
+
+ /* Car: Tabs Remove Border */
+ .woocommerce .woocommerce-tabs .tabs {
+ border: none;
+ }
+
+ /* Footer: Top and Bottom Spacing */
+ .site-footer .footer-widgets {
+ margin: 35px 0;
+ }
+}
+
+/* SM: Mobile and tablet devices */
+@media screen and (min-width: 768px) {
+ /* Homepage: Car Filter: */
+ .homepage-car-selector {
+ margin-top: 0px !important;
+ }
+
+ /* Homepage: Car Filter */
+ .homepage-filter {
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ }
+}
+
+/* MD: Tablet and desktop devices */
+@media screen and (min-width: 992px) {
+ /* Homepage: Car Filter: */
+ .homepage-car-selector {
+ margin-top: 0px !important;
+ }
+
+ /* Homepage: Car Filter */
+ .homepage-filter {
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ }
+}
+/* ===========================================================
+Custom modification only for AUTOMOTIVE Demo - END
+=========================================================== */
+
+/* ===========================================================
+User CSS modifications
+=========================================================== */
+.example {
+ color: red !important;
+}
diff --git a/kalium-child-blogging/style.css b/kalium-child-blogging/style.css
index c6a2168..b9ea80f 100755
--- a/kalium-child-blogging/style.css
+++ b/kalium-child-blogging/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Blogging Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -14,62 +14,76 @@ Text Domain: kalium
Custom modification only for BLOGGING Demo - START
=========================================================== */
.gmnoprint {
- display: none;
+ display: none;
}
/* Blog: Set post background to white */
.blog-posts .post-item.template-standard .post-details {
- background: #FFF;
- padding: 30px 40px;
- text-align: center;
+ background: #fff;
+ padding: 30px 40px;
+ text-align: center;
}
/* Blog: Change search form color */
-.widget.widget_product_search .search-bar input[name="s"], .widget.widget_search .search-bar input[name="s"] {
- background: #FFF;
+.widget.widget_product_search .search-bar input[name="s"],
+.widget.widget_search .search-bar input[name="s"] {
+ background: #fff;
}
/* Blog: Social Networks Color */
-.widget.widget_text .textwidget .social-networks li a {
- background: #FFF;
- margin-right: 4px;
+.blog--has-sidebar .widget.widget_text .textwidget .social-networks li a {
+ margin-right: 4.5px;
+ margin-left: 4.5px;
+}
+
+/* Sidebar: Custom HTML element */
+.blog--has-sidebar .widget_custom_html a:after {
+ background-color: transparent !important;
+}
+
+/* Blog: Sidebar Color */
+.widget-area--skin-background-fill .widget {
+ background-color: #fff;
}
/* Blog: Show Date Inline */
.blog-posts .post-item .post-details .post-meta {
- display: inline-block;
+ display: inline-block;
+ padding-left: 5px;
+ margin-right: 5px;
}
/* Blog: Color Sidebar Links */
.blog-archive--widgets .widget ul li a {
- color: #333;
+ color: #333;
}
/* Blog: Comments Background */
.single-post .post-comments {
- background: #FFF;
+ background: #fff;
}
/* Blog: Comments Background Caret */
.single-post .post-comments:before {
- border-color: #F5F5F5 transparent transparent transparent;
+ border-color: #f5f5f5 transparent transparent transparent;
}
/* Blog: Comments Reply Background */
.single-post .post-comments--list .comment-respond {
- background: #f5f5f5;
+ background: #f5f5f5;
}
/* Contact: Form borders */
.contact_form textarea {
- background-image: linear-gradient(#CCC 1px, transparent 1px);
- border-color: #ccc;
+ background-image: linear-gradient(#ccc 1px, transparent 1px);
+ border-color: #ccc;
}
/* Contact: Form borders */
.contact_form input {
- border-color: #ccc;
+ border-color: #ccc;
}
+
/* ===========================================================
Custom modification only for BLOGGING Demo - END
=========================================================== */
@@ -78,5 +92,5 @@ Custom modification only for BLOGGING Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-bookstore/style.css b/kalium-child-bookstore/style.css
index 7b6f01c..94d0a64 100644
--- a/kalium-child-bookstore/style.css
+++ b/kalium-child-bookstore/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Bookstore Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator: Envato, Twitter or Facebook.
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator: Envato, Twitter or Facebook.
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,7 +16,17 @@ Custom modification only for BOOKSTORE Demo - START
/* Header: Border Bottom */
.main-header {
- border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+}
+
+/* Shop: Page title spacing */
+.woocommerce .woocommerce-shop-header--columned {
+ margin: 45px 0;
+}
+/* Shop: My Account container spacing */
+body.woocommerce-account .default-margin > .woocommerce {
+ margin-bottom: 30px;
+ padding: 45px 0;
}
/* Header: Hide border bottom when sticky menu is active */
@@ -25,139 +35,237 @@ header.main-header.is-sticky.sticky-initialized.sticky-active.sticky-fully-hidde
}
/* Menu: Standard menu sub-menu background */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul ul,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu ul {
- background-color: #f3f0ef;
- border: 5px solid #FFF;
- -webkit-box-shadow: 0 0 0 1px #c3c3c3;
- box-shadow: 0 0 0 1px #c3c3c3;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ div.menu
+ > ul
+ ul,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ ul.menu
+ ul {
+ background-color: #f3f0ef;
+ border: 5px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px #c3c3c3;
+ box-shadow: 0 0 0 1px #c3c3c3;
}
/* Menu: Standard menu sub-menu item transition */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu ul li a,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu > ul ul li a {
- color: #76323f;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ ul.menu
+ ul
+ li
+ a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ div.menu
+ > ul
+ ul
+ li
+ a {
+ color: #76323f;
-webkit-transition-duration: 200ms;
- -o-transition-duration: 200ms;
- transition-duration: 200ms;
+ -o-transition-duration: 200ms;
+ transition-duration: 200ms;
}
/* Menu: Standard menu sub-menu item transition */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>ul li,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>ul li {
- padding: 10px 0px;
- color: #76323f;
- border-bottom: 1px solid #d7cec7;
- line-height: 1;
- margin-top: 0px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ > ul
+ li,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ > ul
+ li {
+ padding: 10px 0px;
+ color: #76323f;
+ border-bottom: 1px solid #d7cec7;
+ line-height: 1;
+ margin-top: 0px;
}
/* Menu: Standard menu sub-menu first item remove padding */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>ul li:first-child,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>ul li:first-child {
- padding-top: 0px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ > ul
+ li:first-child,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ > ul
+ li:first-child {
+ padding-top: 0px;
}
/* Menu: Standard menu sub-menu last item remove padding */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>ul li:last-child,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>ul li:last-child {
- padding-bottom: 0px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ > ul
+ li:last-child,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ > ul
+ li:last-child {
+ padding-bottom: 0px;
}
-
/* Menu: Standard menu sub-menu first item remove bottom border */
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li:last-child,
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul li:last-child {
- border-bottom: 0;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ ul
+ li:last-child,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ li:last-child {
+ border-bottom: 0;
}
/* Menu: Standard menu sub-menu caret color */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul ul li.menu-item-has-children:before,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li.menu-item-has-children:before {
- border-color: transparent transparent transparent #222;
-
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ ul
+ li.menu-item-has-children:before,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ ul
+ li.menu-item-has-children:before {
+ border-color: transparent transparent transparent #222;
}
/* Menu: Standard menu active item color */
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu li.current_page_ancestor a,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu li.current_page_parent a,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu li.current-menu-parent a,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu li.current-menu-item a,
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > li.current-menu-item a {
- color: #76323f;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ li.current_page_ancestor
+ a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ li.current_page_parent
+ a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ li.current-menu-parent
+ a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ li.current-menu-item
+ a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > li.current-menu-item
+ a {
+ color: #76323f;
}
/* Menu: Standard menu sub-menu minimum width */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul,
+.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul ul,
.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul {
min-width: 240px;
}
/* Menu: Standard menu link color on hover */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a:hover,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a:hover {
- color: #76323f;
-}
-
-/* Menu: Item left margin */
-.menu-cart-icon-container,
-.header-search-input,
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li {
- margin-left: 25px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ div.menu
+ > ul
+ > li
+ > a:hover,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ ul.menu
+ > li
+ > a:hover {
+ color: #76323f;
}
/* Menu: Search field background */
.header-search-input .search-field {
- background-color: #f3f0ef;
+ background-color: #f3f0ef;
}
/* Multiple Areas: Removes the Underline Animation in Theme Links */
-.site-footer a:after,
-.blog-posts .post-item .post-details .post-title a:after,
+.site-footer a:after,
+.blog-posts .post-item .post-details .post-title a:after,
.single-post .post .post-meta a:hover:after,
-.wrapper a:after,
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:after,
+.wrapper a:after,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:after,
body a:after {
display: none;
}
/* Multiple Areas: Link Hover Color */
-.blog-posts .post-item .post-details .post-title a:hover,
-.single-post .post .post-meta a:hover,
+.blog-posts .post-item .post-details .post-title a:hover,
+.single-post .post .post-meta a:hover,
.wrapper a:hover,
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:hover {
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:hover {
color: #222;
}
/* Slider: Disable border on videos */
.rev_slider iframe {
- border: 0 !important;
+ border: 0 !important;
}
/* Inputs: Checkbox and radio background */
-input[type=checkbox], input[type=radio] {
- -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
- box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
- background: #f3f0ef;
- border: none;
+input[type="checkbox"],
+input[type="radio"] {
+ -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
+ background: #f3f0ef;
+ border: none;
border-radius: 3px;
}
/* Button: Text color */
.wrapper .button:hover {
- color: #fff;
+ color: #fff;
}
/* Button: Text color on hover */
.wrapper .button.add_to_cart_button:hover {
- color: #222;
+ color: #222;
}
/* Secondary Button: Background and text color */
.wrapper .button.button-secondary:hover {
- color: #222;
- background-color: #ece6e4;
+ color: #222;
+ background-color: #ece6e4;
}
/* Social Netrworks: Size and border radius */
@@ -170,31 +278,43 @@ input[type=checkbox], input[type=radio] {
/* Homepage: Books padding */
.home-books {
padding-top: 35px;
-}
+}
/* Homepage: Tabs margin left 1px */
-.wpb-js-composer .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tab {
- margin-left: 1px !important;
+.wpb-js-composer
+ .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top
+ .vc_tta-tabs-container
+ .vc_tta-tab {
+ margin-left: 1px !important;
}
/* Homepage: Tabs background and padding */
-.wpb-js-composer .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tab a {
- background-color: #f3f0ef;
- padding: 5px 10px;
+.wpb-js-composer
+ .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top
+ .vc_tta-tabs-container
+ .vc_tta-tab
+ a {
+ background-color: #f3f0ef;
+ padding: 5px 10px;
color: #666;
}
/* Homepage: Tabs active background */
-.wpb-js-composer .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tab.vc_active a {
- background-color: #eae6e5;
+.wpb-js-composer
+ .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top
+ .vc_tta-tabs-container
+ .vc_tta-tab.vc_active
+ a {
+ background-color: #eae6e5;
color: #222;
}
-
/* Homepage: Tabs position */
-.wpb-js-composer .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container {
- position: absolute;
- top: 20px;
+.wpb-js-composer
+ .home-tabs-books.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top
+ .vc_tta-tabs-container {
+ position: absolute;
+ top: 20px;
right: 0;
}
@@ -205,7 +325,7 @@ input[type=checkbox], input[type=radio] {
/* Homepage: Hide box shadow */
.home .wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
- box-shadow: none;
+ box-shadow: none;
}
/* Homepage: News add post spacing */
@@ -214,27 +334,34 @@ input[type=checkbox], input[type=radio] {
}
/* Homepage: News add post spacing on left image layout */
-.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-content-container {
+.wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-content-container {
padding: 20px;
padding-top: 0px;
padding-bottom: 0px;
}
/* Homepage: News title bottom margin and line height */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title {
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title {
margin-bottom: 0px;
line-height: 1.3;
}
/* Homepage: Special Offer */
.special-offer {
- padding: 45px 0;
+ padding: 45px 0;
}
/* Homepage: Shop categories */
.home .woocommerce .products.shop-categories {
- padding-bottom: 0px;
- margin-bottom: 0px;
+ padding-bottom: 0px;
+ margin-bottom: 0px;
}
/* Homepage: Products remove top padding */
@@ -244,15 +371,15 @@ input[type=checkbox], input[type=radio] {
/* Homepage: Posts Transition */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- -webkit-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ transition: all 0.3s;
}
/* Homepage: Posts box shadow */
.wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
- -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
- box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}
/* Homepage: Featured book right padding */
@@ -276,7 +403,7 @@ input[type=checkbox], input[type=radio] {
/* Homepage: Blog Posts See More Button Spacing */
.more-link .show-more {
- padding:0px;
+ padding: 0px;
margin: 0px;
margin-top: 35px;
}
@@ -290,16 +417,16 @@ input[type=checkbox], input[type=radio] {
.more-link .show-more .reveal-button a:before {
margin-left: 10px;
float: right;
- line-height : 1;
+ line-height: 1;
}
/* Homepage: Subscribe */
.subscribe-form {
- display: flex;
+ display: flex;
}
/* Homepage: Subscribe checkbox background */
-.subscribe-agree-terms input[type=checkbox] {
+.subscribe-agree-terms input[type="checkbox"] {
background: #e8e3e2;
border-radius: 3px;
}
@@ -311,14 +438,14 @@ input[type=checkbox], input[type=radio] {
margin-bottom: 0px;
margin-right: 20px;
padding: 5px 15px;
- -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
- box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
+ -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
/* Homepage: Subscribe button */
.subscribe-form .submit {
- width: 20%;
+ width: 20%;
border-radius: 3px;
}
@@ -329,8 +456,9 @@ input[type=checkbox], input[type=radio] {
/* Homepage: Subscribe input padding on sides */
.subscribe-form input {
- padding-left: 0px;
- padding-right: 0px;
+ padding-left: 0px;
+ padding-right: 0px;
+ border-bottom: none;
}
/* Homepage: Products remove bottom margin */
@@ -339,14 +467,17 @@ input[type=checkbox], input[type=radio] {
}
/* Homepage: Products remove padding */
-.wpb-js-composer .vc_tta.vc_general.home-tabs-books .vc_tta-panel.vc_active .vc_tta-panel-body {
+.wpb-js-composer
+ .vc_tta.vc_general.home-tabs-books
+ .vc_tta-panel.vc_active
+ .vc_tta-panel-body {
padding: 0px;
overflow: visible;
}
/* Homepage: Products remove bottom margin */
.home .woocommerce .products .product .item-info {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Homepage: Products remove bottom margin */
@@ -363,31 +494,40 @@ input[type=checkbox], input[type=radio] {
.home .single-product .share-product-container,
.home .wpb_wrapper .woocommerce .products.related,
.home .single-product .woocommerce-tabs {
- display: none;
+ display: none;
}
/* Homepage: Selected book text color */
-.home .single-product .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins .amount,
-.home .single-product .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price > .amount,
-.home .single-product .summary > .price,
-.home .single-product .summary .single_variation_wrap .single_variation,.home .single-product .summary .product_meta a,
-.home .single-product .summary p.price>.amount,
+.home
+ .single-product
+ .woocommerce-grouped-product-list
+ .woocommerce-grouped-product-list-item__price
+ ins
+ .amount,
+.home
+ .single-product
+ .woocommerce-grouped-product-list
+ .woocommerce-grouped-product-list-item__price
+ > .amount,
+.home .single-product .summary > .price,
+.home .single-product .summary .single_variation_wrap .single_variation,
+.home .single-product .summary .product_meta a,
+.home .single-product .summary p.price > .amount,
.home .single-product .select-option-ui span,
.home .single-product .summary .product_title {
- color: #FFF;
+ color: #fff;
}
-
/* Homepage: Selected book text color */
.home .single-product .summary .product_meta .shop_attributes th,
-.home .single-product .summary .single_variation_wrap .single_variation del,
+.home .single-product .summary .single_variation_wrap .single_variation del,
.home .single-product .summary p.price del,
.home .single-product .select-option-ui i:before,
.home .single-product .summary .variations .reset_variations,
.home .single-product .summary .variations .label label,
.home .single-product .summary .product_meta,
.home .single-product .summary p {
- color: rgba(255,255,255,0.65);
+ color: rgba(255, 255, 255, 0.65);
}
/* Homepage: Selected book add colon after author */
@@ -397,17 +537,17 @@ input[type=checkbox], input[type=radio] {
/* Homepage: Selected book button background */
.home .single-product .button {
- background-color: #642a35;
+ background-color: #642a35;
}
/* Homepage: Selected book spacing */
.home-book-of-month {
- padding: 10px 0px 50px 0px;
+ padding: 10px 0px 50px 0px;
}
/* Homepage: Selected book spacing */
-.home .single-product--product-details>.product .summary {
- padding: 15px 40px;
+.home .single-product--product-details > .product .summary {
+ padding: 15px 40px;
}
/* Homepage: Author of the month title margin */
@@ -416,14 +556,14 @@ input[type=checkbox], input[type=radio] {
}
/* Shop: Books line height */
-.woocommerce .products .product .item-info h3 a,
+.woocommerce .products .product .item-info h3 a,
.woocommerce .products .product .item-info h3 a {
- line-height: 1.3;
+ line-height: 1.3;
}
/* Shop: Remove background */
.woocommerce {
- background: transparent;
+ background: transparent;
}
/* Shop: Product center title */
@@ -438,12 +578,23 @@ input[type=checkbox], input[type=radio] {
}
/* Shop: Product author color full background layout */
-.woocommerce .products .product.catalog-layout-full-bg .item-info .shop_attributes a {
- color: rgba(255,255,255,0.5);
+.woocommerce
+ .products
+ .product.catalog-layout-full-bg
+ .item-info
+ .shop_attributes
+ a {
+ color: rgba(255, 255, 255, 0.5);
}
/* Shop: Product show add to cart always */
-.woocommerce .products .product .item-info .product-loop-add-to-cart-container .product-terms.category-hoverable+.add-to-cart-link {
+.woocommerce
+ .products
+ .product
+ .item-info
+ .product-loop-add-to-cart-container
+ .product-terms.category-hoverable
+ + .add-to-cart-link {
position: relative;
opacity: 1;
visibility: visible;
@@ -459,46 +610,56 @@ input[type=checkbox], input[type=radio] {
margin-bottom: 5px;
}
-.woocommerce .products .product .item-info .product-loop-add-to-cart-container .product-terms.category-hoverable {
+.woocommerce
+ .products
+ .product
+ .item-info
+ .product-loop-add-to-cart-container
+ .product-terms.category-hoverable {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
-.woocommerce .products .product.hover.catalog-layout-default .item-info .product-loop-add-to-cart-container .product-terms.category-hoverable {
- visibility: visible;
- opacity: 1;
+.woocommerce
+ .products
+ .product.hover.catalog-layout-default
+ .item-info
+ .product-loop-add-to-cart-container
+ .product-terms.category-hoverable {
+ visibility: visible;
+ opacity: 1;
}
/* Shop: Product image shadow */
.woocommerce .products .product .product-images {
-webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
- -webkit-transition: -webkit-box-shadow 0.2s;
- -o-transition: box-shadow 0.2s;
- transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
+ -webkit-transition: -webkit-box-shadow 0.2s;
+ -o-transition: box-shadow 0.2s;
+ transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
/* Shop: Product image shadow on hover */
.woocommerce .products .product .product-images:hover {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
}
/* Shop: Hide product author label */
.woocommerce .products .product .item-info .shop_attributes th {
display: none;
-}
+}
/* Shop: Product author text color */
.woocommerce .products .product .item-info .item-info-row table td a {
- color: #7d7770;
+ color: #555555;
}
/* Shop: Product author underline */
.woocommerce .products .product .item-info a:after {
left: 50%;
- background: #CCC;
+ background: #ccc;
display: block;
}
@@ -508,7 +669,7 @@ input[type=checkbox], input[type=radio] {
}
/* Shop: Product author underline on hover */
-.woocommerce .single-product--product-details>.product .summary {
+.woocommerce .single-product--product-details > .product .summary {
padding-top: 30px;
}
@@ -523,15 +684,15 @@ input[type=checkbox], input[type=radio] {
padding: 0px;
border-radius: 0;
-webkit-writing-mode: vertical-rl;
- -ms-writing-mode: tb-rl;
- writing-mode: vertical-rl;
+ -ms-writing-mode: tb-rl;
+ writing-mode: vertical-rl;
overflow: visible;
- -webkit-box-shadow: 0px 3px 15px -5px rgba(0,0,0,0.5);
- box-shadow: 0px 3px 15px -5px rgba(0,0,0,0.5);
+ -webkit-box-shadow: 0px 3px 15px -5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 3px 15px -5px rgba(0, 0, 0, 0.5);
}
/* Shop: Sale ribbon background */
-.woocommerce .onsale:before{
+.woocommerce .onsale:before {
content: "";
position: absolute;
bottom: -20px;
@@ -543,7 +704,7 @@ input[type=checkbox], input[type=radio] {
}
/* Shop: Sale ribbon bacgkround */
-.woocommerce .onsale:after{
+.woocommerce .onsale:after {
content: "";
position: absolute;
bottom: -20px;
@@ -596,14 +757,17 @@ input[type=checkbox], input[type=radio] {
}
/* Shop: Category clear none */
-.woocommerce .products.shop-categories .product-category:nth-of-type(6n+1) {
+.woocommerce .products.shop-categories .product-category:nth-of-type(6n + 1) {
clear: none;
}
/* Shop: Category titles */
-.woocommerce .shop-categories .product-category .woocommerce-loop-category__title,
+.woocommerce
+ .shop-categories
+ .product-category
+ .woocommerce-loop-category__title,
.woocommerce .shop-categories .product-category h3 {
- letter-spacing: 1px;
+ letter-spacing: 1px;
}
/* Shop: Category bottom padding */
@@ -612,27 +776,34 @@ input[type=checkbox], input[type=radio] {
}
/* Shop: Category titles */
-.woocommerce .shop-categories .product-category .woocommerce-loop-category__title,
+.woocommerce
+ .shop-categories
+ .product-category
+ .woocommerce-loop-category__title,
.woocommerce .shop-categories .product-category h3 {
position: relative;
padding: 0px;
- margin-top: 20px;
- text-align: center;
+ margin-top: 20px;
+ text-align: center;
background: transparent;
}
/* Shop: Category remove count from titles */
-.woocommerce .shop-categories .product-category .woocommerce-loop-category__title .count,
+.woocommerce
+ .shop-categories
+ .product-category
+ .woocommerce-loop-category__title
+ .count,
.woocommerce .shop-categories .product-category h3 .count {
display: none;
}
/* Shop: Category image styling */
.woocommerce .shop-categories .product-category img {
- border-radius: 50%;
- background-color: #76323f;
- padding: 8px;
- border: 5px solid #FFF;
+ border-radius: 50%;
+ background-color: #76323f;
+ padding: 8px;
+ border: 5px solid #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
@@ -641,90 +812,157 @@ input[type=checkbox], input[type=radio] {
/* Shop: Category image on hover */
.woocommerce .shop-categories .product-category:hover img {
background-color: #58252f;
- -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
- box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
-}
+ -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
+}
/* Shop: Category image transparent image placeholder */
-.woocommerce .products.shop-categories .product-category span.image-placeholder {
- background-color: transparent !important;
+.woocommerce
+ .products.shop-categories
+ .product-category
+ span.image-placeholder {
+ background-color: transparent !important;
}
/* Shop: Default Sorting */
-.woocommerce .woocommerce-shop-header--sorting .woocommerce-ordering .dropdown-menu {
- border: 5px solid #FFF;
- -webkit-box-shadow: 0 0 0 1px #c3c3c3;
- box-shadow: 0 0 0 1px #c3c3c3;
+.woocommerce
+ .woocommerce-shop-header--sorting
+ .woocommerce-ordering
+ .dropdown-menu {
+ border: 5px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px #c3c3c3;
+ box-shadow: 0 0 0 1px #c3c3c3;
}
/* Shop: Distanced layout center title */
-.woocommerce .products .product.catalog-layout-distanced-centered .item-info .shop_attributes {
- margin: 0 auto;
+.woocommerce
+ .products
+ .product.catalog-layout-distanced-centered
+ .item-info
+ .shop_attributes {
+ margin: 0 auto;
}
/* Shop: Minimal layout background */
-.woocommerce .products .product.catalog-layout-transparent-bg .product-internal-info {
- background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)),color-stop(30%, rgba(0, 0, 0, 0.5)),to(rgba(0, 0, 0, 0)));
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%,rgba(0, 0, 0, 0.5) 30%,rgba(0, 0, 0, 0) 100%);
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%,rgba(0, 0, 0, 0.5) 30%,rgba(0, 0, 0, 0) 100%);
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%,rgba(0, 0, 0, 0.5) 30%,rgba(0, 0, 0, 0) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .product-internal-info {
+ background: -webkit-linear-gradient(
+ top,
+ rgb(0, 0, 0) 0%,
+ rgba(255, 255, 255, 1) 35%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(0, 0, 0, 0.75)),
+ color-stop(30%, rgba(0, 0, 0, 0.5)),
+ to(rgba(0, 0, 0, 0))
+ );
+ background: -webkit-linear-gradient(
+ top,
+ rgba(0, 0, 0, 0.75) 0%,
+ rgba(0, 0, 0, 0.5) 30%,
+ rgba(0, 0, 0, 0) 100%
+ );
+ background: -o-linear-gradient(
+ top,
+ rgba(0, 0, 0, 0.75) 0%,
+ rgba(0, 0, 0, 0.5) 30%,
+ rgba(0, 0, 0, 0) 100%
+ );
+ background: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0.75) 0%,
+ rgba(0, 0, 0, 0.5) 30%,
+ rgba(0, 0, 0, 0) 100%
+ );
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
/* Shop: Minimal layout background on hover */
-.woocommerce .products .product.catalog-layout-transparent-bg.hover .product-internal-info,
-.woocommerce .products .product.catalog-layout-transparent-bg:hover .product-internal-info {
- background-color: rgba(0,0,0,.3);
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg.hover
+ .product-internal-info,
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg:hover
+ .product-internal-info {
+ background-color: rgba(0, 0, 0, 0.3);
}
/* Shop: Minimal layout title text color */
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3 a {
+.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3 a {
color: #fff;
}
/* Shop: Minimal layout title text color on hover */
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3:hover a {
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ h3:hover
+ a {
color: #fff;
}
/* Shop: Minimal layout author text color */
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info a {
- color: rgba(255,255,255,0.5);
+.woocommerce .products .product.catalog-layout-transparent-bg .item-info a {
+ color: rgba(255, 255, 255, 0.5);
}
/* Shop: Minimal layout title and author remove underline */
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3 a:after,
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info a:after {
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ h3
+ a:after,
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ a:after {
display: none;
}
/* Shop: Minimal layout price color */
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price .amount,
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price {
- color: #FFF;
-}
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ .product-bottom-details
+ .price
+ .amount,
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ .product-bottom-details
+ .price {
+ color: #fff;
+}
/* Shop: Product hardcover book effect */
.woocommerce .products .product .product-images:after {
- content: '';
- position: absolute;
- top: 0;
- left: 7px;
- bottom: 0;
- width: 3px;
- background: rgba(0,0,0,0.02);
- -webkit-box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
- box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
-}
-
-/* Shop: Page title spacing */
-.woocommerce .woocommerce-shop-header--columned {
- margin: 45px 0;
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 7px;
+ bottom: 0;
+ width: 3px;
+ background: rgba(0, 0, 0, 0.02);
+ -webkit-box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
+ box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
}
/* Shop: Sale price border */
-.woocommerce .products .product .item-info .price ins, .woocommerce .products .product .item-info .price>.amount {
+.woocommerce .products .product .item-info .price ins,
+.woocommerce .products .product .item-info .price > .amount {
border: none;
}
@@ -740,7 +978,7 @@ input[type=checkbox], input[type=radio] {
/* Product: Grouped products link color */
.woocommerce-grouped-product-list-item__label a {
- color: #222;
+ color: #222;
}
/* Product: Tabs remove background */
@@ -756,7 +994,7 @@ input[type=checkbox], input[type=radio] {
/* Product: Tabs spacing */
.woocommerce .woocommerce-tabs .tabs li a {
- padding: 15px 0;
+ padding: 15px 0;
margin-right: 15px;
}
@@ -772,33 +1010,43 @@ input[type=checkbox], input[type=radio] {
/* Product: Image shadow */
.woocommerce .single-product-images .kalium-woocommerce-product-gallery a img,
-.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images .woocommerce-product-gallery__image a {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .main-product-images
+ .woocommerce-product-gallery__image
+ a {
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.2);
}
/* Product: Image shadow */
-.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.flickity-enabled {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .main-product-images.carousel.flickity-enabled {
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
}
/* Product: Image shadow */
-.woocommerce .single-product-images .kalium-woocommerce-product-gallery.images-layout-type-default {
- overflow: visible;
+.woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery.images-layout-type-default {
+ overflow: visible;
}
/* Product: Reviews remove padding and margin */
.woocommerce .woocommerce-Reviews #review_form_wrapper {
- margin-left: 0px;
- margin-right: 0px;
- padding-left: 0px;
- padding-right: 0px;
+ margin-left: 0px;
+ margin-right: 0px;
+ padding-left: 0px;
+ padding-right: 0px;
}
/* Product: Attributes table width */
.woocommerce .woocommerce-tabs .entry-content .shop_attributes {
- width: 100%;
+ width: 100%;
}
/* Product: Attributes table title width */
@@ -808,18 +1056,18 @@ input[type=checkbox], input[type=radio] {
/* Product: Attributes table list padding */
.woocommerce .woocommerce-tabs .entry-content .shop_attributes td {
- padding: 10px 0;
+ padding: 10px 0;
}
/* Product: Attributes table row border */
.woocommerce .woocommerce-tabs .entry-content .shop_attributes tr {
- border-bottom: 1px solid #EEE;
+ border-bottom: 1px solid #eee;
}
/* Product: Attributes table title color */
.woocommerce .summary .product_meta .shop_attributes th {
- color: #898989;
- font-weight: normal;
+ color: #898989;
+ font-weight: normal;
}
/* Product: Attributes table text spacing */
@@ -829,31 +1077,31 @@ input[type=checkbox], input[type=radio] {
}
/* Product: Variation and price margin */
-.woocommerce .summary .single_variation_wrap .single_variation,
+.woocommerce .summary .single_variation_wrap .single_variation,
.woocommerce .summary p.price {
- margin: 20px 0;
+ margin: 20px 0;
}
/* Product: Sale ribbon placement */
.single-product.woocommerce .onsale {
- right: 60px;
+ right: 60px;
}
/* Product: Sharing icons */
.woocommerce .share-product-container .social-links a {
- line-height: 35px;
- width: 35px;
- height: 35px;
- border-radius: 3px;
+ line-height: 35px;
+ width: 35px;
+ height: 35px;
+ border-radius: 3px;
}
/* Product: Quantity field */
.woocommerce div.quantity input.qty {
- background-color: #f3f0ef;
+ background-color: #f3f0ef;
}
/* Product: Remove underline from price */
-.woocommerce .summary .single_variation_wrap .single_variation ins,
+.woocommerce .summary .single_variation_wrap .single_variation ins,
.woocommerce .summary p.price ins {
border-bottom: 0;
}
@@ -864,41 +1112,45 @@ input[type=checkbox], input[type=radio] {
}
/* Product: Reviews border bottom for each review */
-.woocommerce .woocommerce-Reviews #comments .commentlist .comment,
+.woocommerce .woocommerce-Reviews #comments .commentlist .comment,
.woocommerce .woocommerce-Reviews #comments .commentlist .review {
border-bottom: 1px solid #f3f0ef;
}
-
/* Product: Product hardcover book effect */
.woocommerce-product-gallery__image:after {
- content: '';
- position: absolute;
- top: 0;
- left: 12px;
- bottom: 0;
- width: 3px;
- background: rgba(0,0,0,0.02);
- -webkit-box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
- box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 12px;
+ bottom: 0;
+ width: 3px;
+ background: rgba(0, 0, 0, 0.02);
+ -webkit-box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
+ box-shadow: 0px 0 3px rgba(255, 255, 255, 0.25);
}
/* Search Results: Image shadow */
-.search-results-holder .result-box .result-image a .image-placeholder,
-.search-results-holder .result-box .result-image a .image-placeholder>img {
+.search-results-holder .result-box .result-image a .image-placeholder,
+.search-results-holder .result-box .result-image a .image-placeholder > img {
border-radius: 0;
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
- -webkit-transition: -webkit-box-shadow 0.2s;
- -o-transition: box-shadow 0.2s;
- transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
+ -webkit-transition: -webkit-box-shadow 0.2s;
+ -o-transition: box-shadow 0.2s;
+ transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
/* Search Results: Image shadow on hover */
-.search-results-holder .result-box:hover .result-image a .image-placeholder,
-.search-results-holder .result-box:hover .result-image a .image-placeholder>img {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+.search-results-holder .result-box:hover .result-image a .image-placeholder,
+.search-results-holder
+ .result-box:hover
+ .result-image
+ a
+ .image-placeholder
+ > img {
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
}
/* Search Results: Title spacing */
@@ -912,39 +1164,39 @@ body.search-results .section-title {
}
/* Sidebar: Skin (Background Fill Style) */
-.widget-area--skin-background-fill>.widget {
- background-color: #f3f0ef;
- border: 5px solid #FFF;
- -webkit-box-shadow: 0 0 0 1px #c3c3c3;
- box-shadow: 0 0 0 1px #c3c3c3;
+.widget-area--skin-background-fill > .widget {
+ background-color: #f3f0ef;
+ border: 5px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px #c3c3c3;
+ box-shadow: 0 0 0 1px #c3c3c3;
}
/* Sidebar: Skin (Bordered Style) */
.widget-area--skin-bordered .widget {
- background-color: #e8e2e0;
+ background-color: #e8e2e0;
}
/* Sidebar: Widgets lists border bottom */
-.widget-area--skin-background-fill>.widget ul li,
+.widget-area--skin-background-fill > .widget ul li,
.widget-area--skin-bordered .widget ul li {
- border-bottom: 1px solid #d7cec7;
+ border-bottom: 1px solid #d7cec7;
}
/* Sidebar: Widgets lists remove border bottom from last item */
-.widget-area--skin-background-fill>.widget ul li:last-child,
-.widget-area--skin-bordered .widget ul li {
+.widget-area--skin-background-fill > .widget ul li:last-child,
+.widget-area--skin-bordered .widget ul li {
border: none;
}
/* Sidebar: Search widget background color */
-.widget.widget_product_search .search-bar input[name="s"],
+.widget.widget_product_search .search-bar input[name="s"],
.widget.widget_search .search-bar input[name="s"] {
- background-color: #F3F0F1;
+ background-color: #f3f0f1;
font-family: sans-serif;
}
/* Sidebar: Search widget remove spacing */
-.widget-area--skin-background-fill>.widget.widget_product_search {
+.widget-area--skin-background-fill > .widget.widget_product_search {
padding: 0px;
}
@@ -960,46 +1212,50 @@ body.search-results .section-title {
/* Sidebar: Tag cloud */
.widget.widget_tag_cloud a {
- background: #ffffff;
+ background: #ffffff;
}
/* Sidebar: Tag cloud hover */
.widget.widget_tag_cloud a:hover {
- background: #FFF;
- -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
- box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
+ background: #fff;
+ -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
}
/* Sidebar: Price filter */
span.ui-slider-handle.ui-state-default.ui-corner-all:before {
- content: "\f02e";
- z-index: 999999;
- color: #333333;
- font-family: FontAwesome;
+ content: "\f02e";
+ z-index: 999999;
+ color: #333333;
+ font-family: "Font Awesome 5 Free";
+ font-weight: bold;
}
/* Sidebar: Price filter */
-.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
- background: transparent;
- border-radius: 0;
- margin-top: 0px;
- padding: 0px;
- width: auto;
- height: auto;
- border-top: 0;
- border-bottom: 0;
- line-height: 0;
+.widget.widget_price_filter
+ .price_slider_wrapper
+ .price_slider
+ .ui-slider-handle {
+ background: transparent;
+ border-radius: 0;
+ margin-top: 0px;
+ padding: 0px;
+ width: auto;
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ line-height: 0;
}
/* Sidebar: Price filter */
.widget.widget_price_filter .price_slider_wrapper .price_slider {
- background-color: #c3c3c3;
+ background-color: #c3c3c3;
}
/* Classic Pagination Layout */
-.pagination-container a.page-numbers,
-.pagination-container span.page-numbers,
-.woocommerce-pagination a.page-numbers,
+.pagination-container a.page-numbers,
+.pagination-container span.page-numbers,
+.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.pagination--normal .page-numbers {
background: #f3f0ef;
@@ -1008,26 +1264,25 @@ span.ui-slider-handle.ui-state-default.ui-corner-all:before {
margin: 0px 5px;
}
-
/* Classic Pagination Layout */
-.pagination-container a.page-numbers,
+.pagination-container a.page-numbers,
.pagination-container span.page-numbers {
color: #76323f;
}
/* Classic Pagination Layout: Current page */
-.pagination-container a.page-numbers.current,
-.pagination-container span.page-numbers.current,
-.woocommerce-pagination a.page-numbers.current,
-.woocommerce-pagination span.page-numbers.current,
+.pagination-container a.page-numbers.current,
+.pagination-container span.page-numbers.current,
+.woocommerce-pagination a.page-numbers.current,
+.woocommerce-pagination span.page-numbers.current,
.pagination--normal .page-numbers.current {
- color: #c5ced4;
+ color: #c5ced4;
}
/* Classic Pagination Layout: Page Hover */
-.pagination-container a.page-numbers:hover,
-.pagination-container span.page-numbers:hover,
-.woocommerce-pagination a.page-numbers:hover,
+.pagination-container a.page-numbers:hover,
+.pagination-container span.page-numbers:hover,
+.woocommerce-pagination a.page-numbers:hover,
.woocommerce-pagination span.page-numbers:hover,
.pagination--normal .page-numbers:hover {
color: #222;
@@ -1036,47 +1291,57 @@ span.ui-slider-handle.ui-state-default.ui-corner-all:before {
/* Classic Pagination Layout: Current page no hover*/
.pagination--normal .page-numbers.current:hover,
.pagination-container span.page-numbers.current:hover {
- color: #d0c7c3;
+ color: #d0c7c3;
}
/* Mini Cart: Go to cart button */
.menu-cart-icon-container .cart-icon-link.icon-type-ecommerce-bag .items-count {
- top: auto;
- bottom: 11px;
- left: 9px;
- border-radius: 0;
- background: none !important;
- color: #76323f;
+ top: auto;
+ bottom: 11px;
+ left: 5px;
+ border-radius: 0;
+ background: none !important;
+ color: #76323f;
width: 19px;
transform: none !important;
}
/* Mini Cart: Go to cart button */
-.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a {
- background-color: #f3f0ef;
+.menu-cart-icon-container
+ .lab-wc-mini-cart-contents
+ .cart-action-buttons
+ .mc-buttons-container
+ .go-to-cart
+ a {
+ background-color: #f3f0ef;
}
/* Mini Cart: Shadow */
-.menu-cart-icon-container.open.menu-cart-icon-container .lab-wc-mini-cart-contents {
+.menu-cart-icon-container.open.menu-cart-icon-container
+ .lab-wc-mini-cart-contents {
-webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
border-color: transparent;
}
/* Mini Cart: Left padding */
-.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details {
+.menu-cart-icon-container
+ .lab-wc-mini-cart-contents
+ .cart-items
+ .cart-item
+ .product-details {
padding-left: 20px;
}
/* Cart: Empty */
.cart-empty {
- margin-top: 35px;
+ margin-top: 35px;
}
/* Cart: Image Shadow */
.woocommerce .shop_table.cart .cart_item .product-thumbnail img {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
}
/* Cart: Table title color */
@@ -1086,25 +1351,30 @@ span.ui-slider-handle.ui-state-default.ui-corner-all:before {
/* Checkout: Info bar */
.woocommerce-checkout .checkout-form-option--header .woocommerce-info {
- background-color: #f3f0ef;
+ background-color: #f3f0ef;
}
/* Checkout: Payment method box styling */
.woocommerce-checkout-payment .payment_box {
- background-color: #f3f0ef;
- border: 5px solid #FFF;
- -webkit-box-shadow: 0 0 0 1px #c3c3c3;
- box-shadow: 0 0 0 1px #c3c3c3;
+ background-color: #f3f0ef;
+ border: 5px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px #c3c3c3;
+ box-shadow: 0 0 0 1px #c3c3c3;
}
/* Checkout: Margin top */
body.woocommerce-cart .container.default-margin,
body.woocommerce-checkout .container.default-margin {
- margin-top: 30px;
+ margin-top: 30px;
}
/* Blog: Post title color on hover */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:hover,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:hover,
.blog-posts .post-item .post-details .post-title a:hover,
.woocommerce .product .item-info h3 a:hover {
color: #76323e;
@@ -1119,50 +1389,59 @@ body.woocommerce-checkout .container.default-margin {
/* Blog: Image box shadow */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a,
.blog--has-sidebar .blog-posts .post-item.columned .post-thumbnail {
- -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
- box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
- -webkit-transition: -webkit-box-shadow 0.2s;
- -o-transition: box-shadow 0.2s;
- transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
+ -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
+ -webkit-transition: -webkit-box-shadow 0.2s;
+ -o-transition: box-shadow 0.2s;
+ transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
/* Blog: Remove image box shadow for rounded images */
-.blog--has-sidebar .blog-posts .post-item.columned.template-rounded .post-thumbnail {
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-transition: -webkit-box-shadow 0.2s;
- -o-transition: box-shadow 0.2s;
- transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
+.blog--has-sidebar
+ .blog-posts
+ .post-item.columned.template-rounded
+ .post-thumbnail {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transition: -webkit-box-shadow 0.2s;
+ -o-transition: box-shadow 0.2s;
+ transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
/* Blog: Image box shadow on hover */
.wpb_wrapper .lab-blog-posts .blog-post-entry:hover .blog-post-image a,
.blog--has-sidebar .blog-posts .post-item.columned:hover .post-thumbnail {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.5);
}
/* Blog: Remove image box shadow for rounded images on hover */
-.blog--has-sidebar .blog-posts .post-item.columned.template-rounded:hover .post-thumbnail {
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-transition: -webkit-box-shadow 0.2s;
- -o-transition: box-shadow 0.2s;
- transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
+.blog--has-sidebar
+ .blog-posts
+ .post-item.columned.template-rounded:hover
+ .post-thumbnail {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transition: -webkit-box-shadow 0.2s;
+ -o-transition: box-shadow 0.2s;
+ transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
/* Blog: Image box shadow on hover for Rounded Blog postst */
.blog-posts .post-item.template-rounded .post-thumbnail .image-placeholder {
-webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
- box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
- -webkit-transition: -webkit-box-shadow 0.2s;
- -o-transition: box-shadow 0.2s;
- transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
+ box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.25);
+ -webkit-transition: -webkit-box-shadow 0.2s;
+ -o-transition: box-shadow 0.2s;
+ transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
-.blog-posts .post-item.template-rounded:hover .post-thumbnail .image-placeholder {
+.blog-posts
+ .post-item.template-rounded:hover
+ .post-thumbnail
+ .image-placeholder {
-webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.3);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.3);
}
/* Blog: Hide icons from date and category */
@@ -1173,27 +1452,27 @@ body.woocommerce-checkout .container.default-margin {
/* Blog: Blockquote background color */
.single-post .post--full-width-image.format-quote .post-image,
-.blog-posts .post-item .post-thumbnail blockquote,
+.blog-posts .post-item .post-thumbnail blockquote,
.single-post .post-image .post-quote blockquote {
- background-color: #f3f0ef;
+ background-color: #f3f0ef;
}
/* Post: Navigation text color */
-.post-navigation a i,
+.post-navigation a i,
.post-navigation a strong {
- color: #222;
+ color: #222;
}
/* Post: Tag color on hover */
.single-post .post .post-tags a:hover {
- background-color: #e8e3e2;
+ background-color: #e8e3e2;
}
/* Post: Tag and sharing icon background */
.woocommerce .share-product-container .social-links a,
.single-post .post .post-share-networks--style-icons a,
.single-post .post .post-tags a {
- background-color: #f3f0ef;
+ background-color: #f3f0ef;
}
/* Post: Author name color */
@@ -1205,51 +1484,52 @@ body.woocommerce-checkout .container.default-margin {
.woocommerce .woocommerce-Reviews .comment-form .comment-form-author,
.woocommerce .woocommerce-Reviews .comment-form .comment-form-email,
p.labeled-textarea-row.comment-form-comment,
-.single-post .comment-form>p {
+.single-post .comment-form > p {
background: #f3f0ef;
- padding: 5px 15px;
- -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
- box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
+ padding: 5px 15px;
+ -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
}
/* Post: Comments Textarea */
.comment-form-comment {
- margin-top: 20px;
+ margin-top: 20px;
}
/* Post: Comments Logged in as paragraph styling */
-.single-post .comment-form>p.logged-in-as {
- background: transparent;
- margin: 0px;
- padding: 0px;
+.single-post .comment-form > p.logged-in-as {
+ background: transparent;
+ margin: 0px;
+ padding: 0px;
}
/* Post: Comments Submit Comment */
-.single-post .comment-form>p.form-submit {
- padding: 0px;
- background: transparent;
- margin-top: 0px;
+.single-post .comment-form > p.form-submit {
+ padding: 0px;
+ background: transparent;
+ margin-top: 0px;
}
/* Post: Comments Spacing Between Forms */
-.single-post .comment-form>p.labeled-input-row {
- border-right: 18px solid #FFF;
+.single-post .comment-form > p.labeled-input-row {
+ border-right: 18px solid #fff;
}
/* Post: Comments Spacing Between Forms */
-.single-post .comment-form>p.comment-form-url {
- border-right: none;
+.single-post .comment-form > p.comment-form-url {
+ border-right: none;
}
/* Post: Comments Label Color */
-.labeled-input-row label,
+.labeled-input-row label,
.labeled-textarea-row label {
- color: #222;
+ color: #222;
+ border-bottom: none;
}
/* Post: Comment form */
.single-post .comment-form {
- margin: 0px;
+ margin: 0px;
}
/* Post: Comments background color */
@@ -1258,10 +1538,10 @@ p.labeled-textarea-row.comment-form-comment,
}
/* Post: Comments logged in as remove box shadow */
-.single-post .comment-form>p.logged-in-as {
+.single-post .comment-form > p.logged-in-as {
-webkit-box-shadow: none;
- box-shadow: none;
-}
+ box-shadow: none;
+}
/* Post: Comments line connector */
.single-post .post-comments--list .comment .commenter-image .comment-connector {
@@ -1270,15 +1550,15 @@ p.labeled-textarea-row.comment-form-comment,
/* Post: Comments respond box shadow */
.single-post .post-comments--list .comment-respond {
- -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15);
- box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15);
}
/* Post: Sharing icons */
.single-post .post .post-share-networks--style-icons a {
- width: 35px;
- height: 35px;
- border-radius: 3px;
+ width: 35px;
+ height: 35px;
+ border-radius: 3px;
}
/* About Author: Bio */
@@ -1290,7 +1570,7 @@ p.labeled-textarea-row.comment-form-comment,
/* About Author: Quote */
.about-author-quote {
padding-top: 50px;
- padding-bottom: 50px;
+ padding-bottom: 50px;
}
/* About Author: Author Title */
@@ -1312,7 +1592,7 @@ p.labeled-textarea-row.comment-form-comment,
/* Authors: Image styling */
.author-image img {
- -webkit-filter: grayscale(80%);
+ -webkit-filter: grayscale(80%);
filter: grayscale(80%);
-webkit-transition: -webkit-filter 0.2s;
-o-transition: filter 0.2s;
@@ -1321,86 +1601,85 @@ p.labeled-textarea-row.comment-form-comment,
/* Authors: Image styling on hover */
.author-image:hover img {
- -webkit-filter: grayscale(0%);
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* About: Carousel Navigation */
.image-carousel .vc_images_carousel .vc_carousel-indicators li {
- border: 2px solid #FFF;
+ border: 2px solid #fff;
background-color: transparent;
}
/* About: Carousel Navigation Active*/
.image-carousel .vc_images_carousel .vc_carousel-indicators li.vc_active {
- border: 2px solid #FFF;
- background-color: #FFF;
+ border: 2px solid #fff;
+ background-color: #fff;
}
/* Events: Page title spacing */
-.wpb_wrapper .lab-portfolio-items .portfolio-title-holder {
- margin: 0px;
+.wpb_wrapper .lab-portfolio-items .portfolio-title-holder {
+ margin: 0px;
}
/* Events: Icons */
.event-icons .vc_icon_element-inner {
- border: 5px solid #fff !important;
- transition: .3s ease;
+ border: 5px solid #fff !important;
+ transition: 0.3s ease;
}
-/* Events: Icons on hover */
+/* Events: Icons on hover */
.event-icons .vc_icon_element-inner:hover {
- background-color: #58252f !important;
- box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
+ background-color: #58252f !important;
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
-/* Events: Remove top and bottom margin */
-.portfolio-vc-type-container+.container .page-container {
- margin-bottom: 0px;
- margin-top: 0px;
+/* Events: Remove top and bottom margin */
+.portfolio-vc-type-container + .container .page-container {
+ margin-bottom: 0px;
+ margin-top: 0px;
}
-/* Events: Shadow */
+/* Events: Shadow */
.portfolio-holder.portfolio-type-1 .portfolio-item .info {
- padding: 20px 30px;
- background-color: #fff;
+ padding: 20px 30px;
+ background-color: #fff;
-webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.05);
}
-/* Events: Shadow */
+/* Events: Shadow */
.portfolio-holder .item-box:hover {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.2);
}
-/* Events: Transition */
+/* Events: Transition */
.portfolio-item.portfolio-item-type-7 .item-box {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
- transition: all 0.3s;
+ transition: all 0.3s;
}
/* Events: Date */
.portfolio-holder .item-box .info p {
- margin-top: 10px;
- color: #898989;
-}
-
+ margin-top: 10px;
+ color: #898989;
+}
/* Events: Title color */
.portfolio-holder .item-box .info h3 a {
- color: #222;
+ color: #222;
}
/* Events: Title color on hover */
.portfolio-holder .item-box .info h3 a:hover {
- color: #76323f;
+ color: #76323f;
}
/* Events: Team member image radius */
.team-holder .thumb img {
- border-radius: 3px;
+ border-radius: 3px;
}
/* Events: Map */
@@ -1410,8 +1689,8 @@ p.labeled-textarea-row.comment-form-comment,
/* Contact: Map shadow */
.wpb_wrapper .lab-google-map {
- -webkit-box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.215);
- box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.215);
+ -webkit-box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.215);
+ box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.215);
}
/* Contact: Page title spacing */
@@ -1425,17 +1704,17 @@ p.labeled-textarea-row.comment-form-comment,
.contact-form .form-group {
background: #f3f0ef;
padding: 5px 15px;
- -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
- box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);
+ -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
/* Contact: Privacy policy background */
.contact-form .form-group.contact-form-privacy-policy {
- background: transparent;
+ background: transparent;
padding: 0px;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
/* Contact form border radius */
@@ -1445,18 +1724,23 @@ p.labeled-textarea-row.comment-form-comment,
/* Contact: Captcha redesign */
.form-group.contact-form-recaptcha {
- background: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
/* Contact: Form remove borders */
-.labeled-input-row label,
-.labeled-input-row input,
-.labeled-textarea-row label {
+.lab-contact-form .labeled-input-row label,
+.lab-contact-form .labeled-input-row input,
+.lab-contact-form .labeled-textarea-row label {
border-bottom: none;
}
+/* Contact: Form width */
+.labeled-input-row input {
+ width: 70%;
+}
+
/* Contact: Form textarea remove border */
.labeled-textarea-row textarea {
background: none;
@@ -1470,14 +1754,14 @@ p.labeled-textarea-row.comment-form-comment,
/* Contact: Form autofill background color for webkit browsers */
html input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px #eee inset;
- box-shadow: 0 0 0 1000px #eee inset;
+ -webkit-box-shadow: 0 0 0 1000px #eee inset;
+ box-shadow: 0 0 0 1000px #eee inset;
}
/* Contact: Icons shadow */
.contact-icons .vc_icon_element-inner {
- -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
- box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
+ -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
/* Contact: Map Margin Top */
@@ -1486,28 +1770,23 @@ html input:-webkit-autofill {
}
/* Footer: Remove bottom margin from widgets */
-.widget-area.widgets--columned-layout.widgets--columns-4>.widget {
+.widget-area.widgets--columned-layout.widgets--columns-4 > .widget {
margin-bottom: 0px;
}
/* Footer: Border color */
.site-footer.site-footer-inverted hr {
- border-color: rgba(255,255,255,.1);
-}
-
-
-/* Footer: List text spacing */
-.site-footer .footer-widgets .widget ul li {
- padding: 2px 0px;
+ border-color: rgba(255, 255, 255, 0.1);
}
/* Footer: Widget width */
-.widget-area.widgets--columned-layout.widgets--columns-4>.widget {
+.widget-area.widgets--columned-layout.widgets--columns-4 > .widget {
width: 20%;
}
/* Footer: First widget width */
-.widget-area.widgets--columned-layout.widgets--columns-4>.widget:nth-child(1) {
+.widget-area.widgets--columned-layout.widgets--columns-4
+ > .widget:nth-child(1) {
width: 40%;
}
@@ -1518,100 +1797,136 @@ html input:-webkit-autofill {
/* Footer: Copyright text color */
.site-footer.site-footer-inverted .footer-bottom-content .copyrights p {
- color: rgba(255,255,255,0.15)
+ color: rgba(255, 255, 255, 0.15);
}
/* Footer: Link text color */
-.site-footer.site-footer-inverted .footer-bottom-content .footer-content-right a,
+.site-footer.site-footer-inverted
+ .footer-bottom-content
+ .footer-content-right
+ a,
.site-footer.site-footer-inverted .footer-widgets .widget a,
-.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right,
+.site-footer.footer-bottom-horizontal
+ .footer-bottom-content
+ .footer-content-right,
.site-footer .footer-bottom-content a {
- color: rgba(255,255,255,0.5);
+ color: rgba(255, 255, 255, 0.7);
}
/* Footer: Link text color on hover */
-.site-footer.site-footer-inverted .footer-bottom-content .footer-content-right a:hover,
+.site-footer.site-footer-inverted
+ .footer-bottom-content
+ .footer-content-right
+ a:hover,
.site-footer.site-footer-inverted .footer-widgets .widget a:hover,
-.site-footer a:hover,
+.site-footer a:hover,
.site-footer .footer-bottom a:hover {
- color: rgba(255,255,255,1);
+ color: rgba(255, 255, 255, 1);
}
/* Footer: Payment methods */
.payment-methods-footer {
padding: 0px 8px;
- background: #FFF;
+ background: #fff;
border-radius: 3px;
}
/* Footer: Social networks rounded */
.site-footer .social-networks.rounded li a:hover {
- background: rgba(255,255,255,0.75);
+ background: rgba(255, 255, 255, 0.75);
}
/* Footer: Background color */
footer.site-footer {
- background-color: #353332 !important;
+ background-color: #353332 !important;
}
/* Mailchimp Alert margin top */
.mc4wp-alert {
- margin-top: 15px;
+ margin-top: 15px;
}
/* Search results add to cart button radius and hover color */
.search-results-holder .result-box .result-info .add_to_cart_button {
- border-radius: 3px;
+ border-radius: 3px;
}
.search-results-holder .result-box .result-info .add_to_cart_button:hover {
- color: #fff;
+ color: #fff;
}
/* Woocommerce info button */
-.woocommerce-Message .button, .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-notice .button {
+.woocommerce-Message .button,
+.woocommerce-error .button,
+.woocommerce-info .button,
+.woocommerce-message .button,
+.woocommerce-notice .button {
border-radius: 3px;
}
/* WooCommerce listing page, transparent bg 'minimal' layout) */
-.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column .add-to-cart-icon {
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .add-to-cart-column
+ .add-to-cart-icon {
color: #fff;
}
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del .amount {
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ .product-bottom-details
+ .price
+ del
+ .amount {
color: #fff;
}
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price ins .amount {
- border-bottom-color: #fff;
-}
-
-.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del {
- color: #fff;
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ .product-bottom-details
+ .price
+ ins
+ .amount {
+ border-bottom-color: #fff;
+}
+
+.woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ .product-bottom-details
+ .price
+ del {
+ color: #fff;
}
/* Blog Posts Masonry shadow*/
.blog-posts .post-item.template-standard {
-webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.15);
- -webkit-transition: -webkit-box-shadow 0.2s;
- -o-transition: box-shadow 0.2s;
- transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
+ box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.15);
+ -webkit-transition: -webkit-box-shadow 0.2s;
+ -o-transition: box-shadow 0.2s;
+ transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.blog-posts .post-item.template-standard:hover {
-webkit-box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.25);
- box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.25);
}
/* Testimonial Images */
.testimonials-image img {
- width: 100px;
+ width: 100px;
}
/* Testimonial (pageable Container) Pagination */
.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
- margin-top: 10px !important;
- margin-bottom: 10px !important;
+ margin-top: 10px !important;
+ margin-bottom: 10px !important;
}
/* ===========================================================
@@ -1622,533 +1937,608 @@ Applied only in custom screen size - Extra Small
.section-title {
margin-bottom: 25px;
}
-
+
/* General: Spacing */
- .vc_col-has-fill>.vc_column-inner,
- .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
- .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
- .vc_row-has-fill>.vc_column_container>.vc_column-inner {
+ .vc_col-has-fill > .vc_column-inner,
+ .vc_row-has-fill
+ + .vc_row-full-width
+ + .vc_row
+ > .vc_column_container
+ > .vc_column-inner,
+ .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
+ .vc_row-has-fill > .vc_column_container > .vc_column-inner {
padding-top: 25px;
}
-
+
/* Mobile Menu: Trigger color */
.menu-bar.menu-skin-dark .ham,
.menu-bar.menu-skin-dark .ham:after,
.menu-bar.menu-skin-dark .ham:before {
- background-color: #76323f;
+ background-color: #76323f;
}
-
+
/* Mobile Menu: Trigger spacing */
.menu-bar .ham:before {
- top: -10px;
+ top: -10px;
}
-
+
/* Mobile Menu: Trigger spacing */
.menu-bar .ham:after {
- top: 10px;
+ top: 10px;
}
-
+
/* Mobile Menu: Trigger spacing */
.menu-bar.exit .ham:before {
- top: -8px;
+ top: -8px;
}
-
+
/* Mobile Menu: Trigger spacing */
.menu-bar.exit .ham:after {
- top: 8px;
+ top: 8px;
}
-
+
/* Mobile menu: Item spacing */
- .mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a,
- .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
- padding: 5px 30px;
+ .mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > a,
+ .mobile-menu-wrapper .mobile-menu-container ul.menu > li > a {
+ padding: 5px 30px;
}
-
+
/* Homepage: Books tabs */
- .wpb-js-composer .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
- position: absolute;
+ .wpb-js-composer
+ .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading {
+ position: absolute;
top: -20px;
text-align: center !important;
width: 33.3333%;
background: #f3f0ef;
padding: 5px;
}
-
+
/* Homepage: Books tabs */
- .wpb-js-composer .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
- border-radius: 0 !important;
+ .wpb-js-composer
+ .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading {
+ border-radius: 0 !important;
padding: 10px 0;
}
-
+
/* Homepage: Books tabs */
- .wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-heading,
- .wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading {
- border-top-left-radius: 3px !important;
- border-bottom-left-radius: 3px !important;
- border-top-right-radius: 0px !important;
- border-bottom-right-radius: 0px !important;
- }
-
+ .wpb-js-composer
+ .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill
+ .vc_tta-panel:first-child:not(:last-child):not(.vc_active)
+ .vc_tta-panel-heading,
+ .wpb-js-composer
+ .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill
+ .vc_tta-panel:first-child:not(:last-child)
+ .vc_tta-panel-heading {
+ border-top-left-radius: 3px !important;
+ border-bottom-left-radius: 3px !important;
+ border-top-right-radius: 0px !important;
+ border-bottom-right-radius: 0px !important;
+ }
+
/* Homepage: Books tabs */
- .wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child).vc_active .vc_tta-panel-heading {
+ .wpb-js-composer
+ .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill
+ .vc_tta-panel:not(:first-child):not(:last-child).vc_active
+ .vc_tta-panel-heading {
border-radius: 0 !important;
}
-
-
+
/* Homepage: Books tabs */
- .wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child):not(.vc_active) .vc_tta-panel-heading,
- .wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
- border-top-right-radius: 3px !important;
- border-bottom-right-radius: 3px !important;
- border-top-left-radius: 0px !important;
- border-bottom-left-radius: 0px !important;
- }
-
+ .wpb-js-composer
+ .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill
+ .vc_tta-panel:last-child:not(:first-child):not(.vc_active)
+ .vc_tta-panel-heading,
+ .wpb-js-composer
+ .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill
+ .vc_tta-panel:last-child:not(:first-child)
+ .vc_tta-panel-heading {
+ border-top-right-radius: 3px !important;
+ border-bottom-right-radius: 3px !important;
+ border-top-left-radius: 0px !important;
+ border-bottom-left-radius: 0px !important;
+ }
+
/* Homepage: Books tabs */
- .wpb-js-composer .home-tabs-books.vc_tta.vc_tta-o-no-fill .vc_tta-panels .vc_tta-panel-body {
+ .wpb-js-composer
+ .home-tabs-books.vc_tta.vc_tta-o-no-fill
+ .vc_tta-panels
+ .vc_tta-panel-body {
padding-top: 35px !important;
}
-
+
/* Homepage: Books tabs */
- .wpb-js-composer .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading a {
+ .wpb-js-composer
+ .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading
+ a {
padding: 0px;
}
-
+
/* Homepage: Books tabs */
- .wpb-js-composer .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus,
- .wpb-js-composer .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover,
- .wpb-js-composer .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
+ .wpb-js-composer
+ .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading:focus,
+ .wpb-js-composer
+ .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading:hover,
+ .wpb-js-composer
+ .home-tabs-books.vc_tta-color-grey.vc_tta-style-flat
+ .vc_tta-panel.vc_active
+ .vc_tta-panel-heading {
background: #e4e1e0;
}
-
+
/* Homepage: Books tabs */
#best-selling .vc_tta-panel-heading {
- left: 0;
+ left: 0;
}
-
+
/* Homepage: Books tabs */
#latest .vc_tta-panel-heading {
- left: 33.3333%;
+ left: 33.3333%;
}
-
+
/* Homepage: Books tabs */
#sale .vc_tta-panel-heading {
- left: 66.6666%;
+ left: 66.6666%;
}
-
+
/* Homepage: Books padding */
.home-books {
padding-top: 25px;
- }
-
+ }
+
/* Homepage: Events see more link */
.home .wpb_wrapper .lab-portfolio-items .more-link {
- margin-top: 20px;
+ margin-top: 20px;
}
-
+
/* Homepage: Events spacing */
.home .wpb_wrapper .lab-portfolio-items {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
-
+
/* Homepage: Selected book spacing */
- .home .single-product--product-details>.product .summary {
- padding: 15px;
+ .home .single-product--product-details > .product .summary {
+ padding: 15px;
}
-
+
/* Homepage: Author of the month title margin */
.home .section-title.author-page-title {
margin-bottom: 20px;
}
-
+
/* Homepage: Blog posts button */
.more-link {
position: relative;
}
-
+
/* Homepage: Blog posts button */
.more-link .show-more {
- margin-top: 0;
- margin-bottom: 20px;
+ margin-top: 0;
+ margin-bottom: 20px;
}
-
+
/* Homepage: News add post spacing */
- .wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-content-container {
+ .wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-content-container {
padding: 20px 0 0 0;
}
-
+
/* Homepage: News spacing */
.wpb_wrapper .lab-blog-posts {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
-
+
/* Homepage: Selected book spacing */
.home-book-of-month {
padding: 10px 0px 10px 0px;
}
-
+
/* Homepage: Products remove bottom margin */
.home .woocommerce .products .product .item-info {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
-
+
/* Homepage: Featured book right padding */
.homepage-featured-book {
padding-right: 0px;
margin-bottom: 20px;
}
-
+
/* Homepage: Special Offer */
.special-offer {
- padding: 25px 0;
+ padding: 25px 0;
}
-
+
/* Homepage: Special Offer */
.special-offer .vc_btn3 {
- width: 100%;
- margin-top: 20px;
+ width: 100%;
+ margin-top: 20px;
}
-
+
/* Shop: Page title spacing */
.page-heading,
- .woocommerce .woocommerce-shop-header--columned {
+ .woocommerce .woocommerce-shop-header--columned {
margin: 25px 0;
}
-
+
/* Contact: Page title spacing */
.portfolio-title-holder,
.contact-wrapper {
- padding: 25px 0;
+ padding: 25px 0;
}
-
+
/* Contact Form: Input Colors */
.contact-form .form-group {
margin-bottom: 15px;
}
-
+
/* Contact Form: Button width */
.contact-form .button {
width: 100%;
}
-
+
/* Contact: Map shadow */
.wpb_wrapper .lab-google-map {
- -webkit-box-shadow: none;
- box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
-
+
/* Blog: Post title line height */
.blog-posts .post-item .post-details .post-title {
- line-height: 1.5
+ line-height: 1.5;
}
-
+
/* Blog: Page title spacing */
.page-heading--title-section {
padding-top: 0px;
padding-bottom: 0px;
}
-
+
/* Blog: Pagination button margin bottom */
.pagination--infinite-scroll {
margin-bottom: 25px;
}
-
+
/* Blog: Pagination button spacing around */
.pagination--infinite-scroll .pagination--infinite-scroll-show-more {
padding: 15px;
width: 100%;
}
-
+
/* Post: Comments caret position */
.single-post .post-comments:before {
right: 20px;
- border-width: 30px 30px 0 0;
+ border-width: 30px 30px 0 0;
}
-
+
/* Post: Comments padding */
.single-post .post-comments {
- padding: 25px 0;
+ padding: 25px 0;
}
-
+
/* Post: Comments button position */
- .single-post .comment-form>p.form-submit {
- float: left
+ .single-post .comment-form > p.form-submit {
+ float: left;
}
-
+
/* Post: Comments leave reply spacing */
- .single-post .post-comments+.post-comment-form .comment-respond {
+ .single-post .post-comments + .post-comment-form .comment-respond {
padding: 6px 0 5px 0;
}
-
+
/* Post: Feature image bottom margin */
.single-post .post .post-meta-only .post-meta,
.single-post .post .entry-header,
.single-post .row .post-image {
margin-bottom: 25px;
}
-
- /* Post: Navigation width */
- .post-navigation a {
- width: 30%
- }
-
+
/* Shop: Category titles */
- .woocommerce .shop-categories .product-category .woocommerce-loop-category__title,
+ .woocommerce
+ .shop-categories
+ .product-category
+ .woocommerce-loop-category__title,
.woocommerce .shop-categories .product-category h3 {
- letter-spacing: 0px;
+ letter-spacing: 0px;
}
-
+
/* Shop: Category image styling */
.woocommerce .shop-categories .product-category img {
- padding: 0px;
+ padding: 0px;
}
-
+
/* Shop: Category spacing */
.woocommerce .shop-categories .product-category {
padding: 0 10px;
- margin-bottom: 10px;
+ margin-bottom: 10px;
}
-
+
/* Shop: Categories per row */
.woocommerce .products.shop-categories .product-category {
width: 25%;
}
-
+
/* Shop: Categories per row clear */
.woocommerce .products.shop-categories .product,
- .woocommerce .products.shop-categories .product:nth-of-type(2n+1) {
+ .woocommerce .products.shop-categories .product:nth-of-type(2n + 1) {
clear: none;
}
-
+
/* Sidebar: Widget bottom margin */
.widget-area .widget {
margin-bottom: 15px;
}
-
+
/* Shop: Dropdown style */
- .woocommerce .woocommerce-shop-header--sorting .woocommerce-ordering--dropdown .dropdown .dropdown-toggle {
- background-color: #f3f0ef;
- border: 5px solid #FFF;
- -webkit-box-shadow: 0 0 0 1px #c3c3c3;
- box-shadow: 0 0 0 1px #c3c3c3;
+ .woocommerce
+ .woocommerce-shop-header--sorting
+ .woocommerce-ordering--dropdown
+ .dropdown
+ .dropdown-toggle {
+ background-color: #f3f0ef;
+ border: 5px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px #c3c3c3;
+ box-shadow: 0 0 0 1px #c3c3c3;
}
-
+
/* Shop: Product margin bottom for default layout */
.woocommerce .products .product.catalog-layout-default {
margin-bottom: 0px;
}
-
+
/* Shop: Price margin */
- .woocommerce .products .product .item-info .item-info-row>.price-column {
+ .woocommerce .products .product .item-info .item-info-row > .price-column {
margin-top: 0px;
}
-
+
/* Shop: Full background hover */
- .woocommerce .products .product.catalog-layout-full-bg .product-internal-info,
- .woocommerce .products .product.catalog-layout-transparent-bg .product-internal-info {
+ .woocommerce
+ .products
+ .product.catalog-layout-full-bg
+ .product-internal-info,
+ .woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .product-internal-info {
padding: 20px;
}
-
+
/* Shop: Full background hover price */
- .woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details,
- .woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details {
+ .woocommerce
+ .products
+ .product.catalog-layout-full-bg
+ .item-info
+ .product-bottom-details,
+ .woocommerce
+ .products
+ .product.catalog-layout-transparent-bg
+ .item-info
+ .product-bottom-details {
left: 20px;
bottom: 20px;
right: 20px;
}
-
+
/* Shop: Distanced layout hover */
- .woocommerce .products .product.catalog-layout-distanced-centered .item-info .title-and-price {
+ .woocommerce
+ .products
+ .product.catalog-layout-distanced-centered
+ .item-info
+ .title-and-price {
padding: 10px;
}
-
+
/* Shop: Distanced layout hover */
- .woocommerce .products .product.catalog-layout-distanced-centered .product-internal-info {
- top: 10px;
- bottom: 10px;
- left: 10px;
+ .woocommerce
+ .products
+ .product.catalog-layout-distanced-centered
+ .product-internal-info {
+ top: 10px;
+ bottom: 10px;
+ left: 10px;
right: 10px;
}
-
+
/* Shop: Sale ribbon */
.single-product.woocommerce .onsale,
.woocommerce .onsale {
- right: 40px;
- width: 30px;
- line-height: 30px;
+ right: 40px;
+ width: 30px;
+ line-height: 30px;
}
-
+
/* Shop: Sale ribbon */
.woocommerce .onsale,
.woocommerce .onsale.oos,
.woocommerce .onsale.featured {
line-height: 30px;
- }
-
+ }
+
/* Product: Grouped product */
.woocommerce-grouped-product-list-item__quantity {
width: 20%;
padding-right: 10px !important;
}
-
+
/* Product: Grouped product */
.woocommerce-grouped-product-list-item__label {
width: 70%;
padding-right: 10px !important;
}
-
+
/* Product: Grouped product */
.woocommerce-grouped-product-list-item__price {
width: 15%;
text-align: center;
padding-right: 0px !important;
}
-
+
/* Product: Grouped product */
- .woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins {
+ .woocommerce
+ .woocommerce-grouped-product-list
+ .woocommerce-grouped-product-list-item__price
+ ins {
margin-right: 0px;
padding-top: 5px;
}
-
+
/* Product: Add to cart button */
.woocommerce form.cart .button {
border-radius: 3px;
- padding-top: 15px;
+ padding-top: 15px;
padding-bottom: 15px;
- height: auto;
+ height: auto;
}
-
+
/* Product: Image shadow */
- .woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-viewport {
- -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
+ .woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .flickity-enabled
+ .flickity-viewport {
+ -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.2);
}
-
+
/* Product: Featured image top spacing */
.woocommerce .content-area .site-main {
margin-top: 25px;
}
-
+
/* Product: Featured image bottom margin */
- .woocommerce .single-product--product-details>.product .products>h2,
- .woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails,
- .woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain {
- margin-bottom: 25px;
+ .woocommerce .single-product--product-details > .product .products > h2,
+ .woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .thumbnails,
+ .woocommerce
+ .single-product-images
+ .kalium-woocommerce-product-gallery
+ .main-product-images.plain {
+ margin-bottom: 25px;
}
-
+
/* Product: Top spacing */
- .woocommerce .single-product--product-details>.product .summary {
- padding-top: 0px;
- }
-
+ .woocommerce .single-product--product-details > .product .summary {
+ padding-top: 0px;
+ }
+
/* Product: Tabs */
.woocommerce .woocommerce-tabs {
padding-top: 0px;
margin-top: 25px;
margin-bottom: 6px;
}
-
+
/* Product: Tab active color */
.woocommerce .woocommerce-tabs .tabs li.active {
background-color: transparent;
}
-
+
/* Product: Tab padding */
.woocommerce .woocommerce-tabs .tabs li a {
padding: 10px 0;
}
-
+
/* Product: Sharing top margin */
.woocommerce .share-product-container {
margin-top: 0px;
}
-
+
/* Product: Reviews top margin */
.woocommerce .woocommerce-Reviews #review_form_wrapper {
padding-top: 0px;
}
-
+
/* About: Client logos two on a row */
.logos-holder .client-logos-col {
- width: 50% !important;
+ width: 50% !important;
}
-
+
/* Authors: Author image bottom margin */
.author-image {
margin-bottom: 25px;
}
-
+
/* Authors: Author image bottom margin */
.author-image img {
width: 100%;
}
-
+
/* About Author: Bio */
.about-author-bio {
padding-top: 25px;
padding-bottom: 25px;
}
-
+
/* About Author: Quote */
.about-author-quote {
padding-top: 25px;
- padding-bottom: 25px;
+ padding-bottom: 25px;
}
-
+
/* About Author: Author Sub-title */
.section-title.author-page-title p {
letter-spacing: 0;
position: relative;
top: 0;
}
-
+
/* About Author: Signature */
.signature {
width: 150px;
}
-
+
/* Sidebar: Widget padding */
- .widget-area--skin-background-fill .widget,
+ .widget-area--skin-background-fill .widget,
.widget-area--skin-bordered .widget {
- padding: 20px;
+ padding: 20px;
}
-
+
/* Search Results: Title spacing */
body.search-results .section-title {
margin: 25px 0;
}
-
+
/* Search Results: Image width */
.search-results-holder .result-box .result-image a {
max-width: 100%;
}
-
+
/* Search Results: Image spacing */
.search-results-holder .result-box {
margin-bottom: 25px;
}
-
+
/* Search Results: Image spacing */
- .search-results-holder .result-box+.result-box {
+ .search-results-holder .result-box + .result-box {
padding-top: 0;
border: none;
}
-
+
/* Footer: Widget width */
- .widget-area.widgets--columned-layout.widgets--columns-4>.widget {
+ .widget-area.widgets--columned-layout.widgets--columns-4 > .widget {
width: 50%;
margin-bottom: 25px;
}
-
+
/* Footer: First widget width */
- .widget-area.widgets--columned-layout.widgets--columns-4>.widget:nth-child(1) {
+ .widget-area.widgets--columned-layout.widgets--columns-4
+ > .widget:nth-child(1) {
width: 50%;
}
-
- /* Footer: List text spacing */
- .site-footer .footer-widgets .widget ul li {
- padding: 0px 0px 2px 0px;
- }
}
/* ===========================================================
@@ -2156,25 +2546,25 @@ Applied only in custom screen size - Small
=========================================================== */
@media screen and (min-width: 768px) {
/* Shop: Categories per row clear */
- .woocommerce .products.shop-categories .product:nth-of-type(2n+1) {
+ .woocommerce .products.shop-categories .product:nth-of-type(2n + 1) {
clear: none;
}
-
+
/* Shop: Category image styling */
.woocommerce .shop-categories .product-category img {
- padding: 0px;
+ padding: 0px;
}
-
+
/* Shop: Category spacing */
.woocommerce .shop-categories .product-category {
padding: 0 10px;
}
-
+
/* Shop: Categories per row */
.woocommerce .products.shop-categories .product-category {
width: 20%;
}
-
+
/* Authors: Author image bottom margin */
.author-image img {
width: 100%;
@@ -2186,20 +2576,20 @@ Applied only in custom screen size - Medium
=========================================================== */
@media screen and (min-width: 992px) {
/* Shop: Categories per row clear */
- .woocommerce .products.shop-categories .product:nth-of-type(4n+1) {
+ .woocommerce .products.shop-categories .product:nth-of-type(4n + 1) {
clear: none;
}
-
+
/* Shop: Category image styling */
.woocommerce .shop-categories .product-category img {
- padding: 0px;
+ padding: 0px;
}
-
+
/* Shop: Category spacing */
.woocommerce .shop-categories .product-category {
padding: 0 10px;
}
-
+
/* Shop: Categories per row */
.woocommerce .products.shop-categories .product-category {
width: 10%;
@@ -2211,7 +2601,7 @@ Applied only in custom screen size - Large
=========================================================== */
@media screen and (min-width: 1200px) {
/* Homepage: Author of the month product bottom margin */
- .home .home-author-of-month .products .product {
- margin-bottom: 0px;
- }
-}
\ No newline at end of file
+ .home .home-author-of-month .products .product {
+ margin-bottom: 0px;
+ }
+}
diff --git a/kalium-child-construction/style.css b/kalium-child-construction/style.css
index 42fb450..aacb7ab 100755
--- a/kalium-child-construction/style.css
+++ b/kalium-child-construction/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Construction Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,404 +16,479 @@ Custom modification only for CONSTRUCTION Demo - START
/* Paragraphs Line Height */
p {
- line-height: 1.7;
+ line-height: 1.7;
}
/* Partners: Scale logos by 50% */
.logos-holder.logos-scaled .c-logo img {
- max-width: 50%;
+ max-width: 50%;
}
/* Menu: Margin Left */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li {
- margin-left: 15px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ + li,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ + li {
+ margin-left: 12px;
}
/* Menu: Hide Underline */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a:after,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a:after {
- display: none;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ div.menu
+ > ul
+ > li
+ > a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ ul.menu
+ > li
+ > a:after {
+ display: none;
}
/* Menu: Item Spacing */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a span,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a span {
- padding: 6px 10px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ div.menu
+ > ul
+ > li
+ > a
+ span,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ ul.menu
+ > li
+ > a
+ span {
+ padding: 6px 10px;
}
/* Menu: Hover Style */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a:hover span,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a:hover span {
- background: #f7c016;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ div.menu
+ > ul
+ > li
+ > a:hover
+ span,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-dark
+ ul.menu
+ > li
+ > a:hover
+ span {
+ background: #f7c016;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
}
/* Special menu button hover color */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li.special-menu-button>a:hover span, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.special-menu-button>a:hover span {
- background: #00b19e;
- color: #fff;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li.special-menu-button
+ > a:hover
+ span,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li.special-menu-button
+ > a:hover
+ span {
+ background: #00b19e;
+ color: #fff;
}
/* Menu: Removing the menu Hover Style from Submenus */
.sub-menu a span {
- background: transparent !important;
+ background: transparent !important;
}
/* Menu: Active menu style */
li.current-menu-item a span {
- background: #f7c016;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+ background: #f7c016;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
}
/* Sub-Menu: Borders Radius */
.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul {
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
}
/* Footer: Footer Bottom Bakcground Color */
.footer-bottom {
- background: #444;
+ background: #444;
}
/* Footer: Footer Bottom Color */
.site-footer .footer-bottom-content .copyrights p {
- color: #FFF !important;
+ color: #fff !important;
}
/* Footer Bottom Link Colour */
.site-footer .footer-bottom a {
- color: #CCC;
+ color: #ccc;
}
.site-footer .footer-bottom a:hover {
- color: #CCC;
+ color: #ccc;
}
/* Footer: Footer Background Color*/
footer.site-footer {
- background-color: #555 !important;
+ background-color: #555 !important;
}
/* Footer: Remove Horizontal line separator */
.site-footer hr {
- display: none;
+ display: none;
}
/* Footer: Social Networks Background */
.site-footer .social-networks.rounded li a {
- background: #555;
+ background: #555;
}
/* Footer: Social Networks Color */
.site-footer .social-networks.rounded li a i {
- color: #EEE !important;
+ color: #eee !important;
}
/* Footer: Bottom Footer Spacing */
.footer-bottom {
- background: transparent;
- padding-bottom: 25px;
+ background: transparent;
+ padding-bottom: 25px;
}
/* Footer: Bottom Footer Layout */
.footer-bottom .container {
- background: #444;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- padding: 0 20px;
+ background: #444;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ padding: 0 20px;
}
/* Footer: Bottom Footer Spacing */
.site-footer.footer-bottom-horizontal .footer-bottom-content {
- padding: 15px 0px;
+ padding: 15px 0px;
}
/* Footer: Bottom Social Networks Size and Spacing */
.site-footer .social-networks.rounded li a {
- width: 30px;
- height: 30px;
- margin-bottom: 0px;
+ width: 30px;
+ height: 30px;
+ margin-bottom: 0px;
}
/* Footer: Line Height */
.site-footer .footer-widgets .widget .textwidget,
.site-footer .footer-widgets .widget p {
- line-height: 1.5;
+ line-height: 1.5;
}
/* Footer: List */
.site-footer .footer-widgets .widget li {
- padding: 4px 0;
+ padding: 4px 0;
}
/* Footer: Widgets Positioning */
.widget_nav_menu {
- margin-top: 20px;
+ margin-top: 20px;
}
/* Footer: First Widget Width */
-.widget-area.widgets--columned-layout.widgets--columns-5>.widget:first-child {
- width: 40%;
+.widget-area.widgets--columned-layout.widgets--columns-5 > .widget:first-child {
+ width: 40%;
}
/* Footer: Remove Margin Bottom */
.site-footer .footer-widgets {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Footer: Font color */
.site-footer.site-footer-inverted .footer-widgets .widget a,
.site-footer.site-footer-inverted .footer-widgets .widget div,
.site-footer.site-footer-inverted .footer-widgets .widget p {
- color: #CCC;
+ color: #ccc;
}
/* Footer: Font color of the headings */
.site-footer.site-footer-inverted .footer-widgets .widget h1,
.site-footer.site-footer-inverted .footer-widgets .widget h2,
.site-footer.site-footer-inverted .footer-widgets .widget h3 {
- color: #FFF !important;
+ color: #fff !important;
}
/* Color of the search widget */
-.widget.widget_product_search .search-bar input[name="s"], .widget.widget_search .search-bar input[name="s"] {
- background: #f7f7f7;
+.widget.widget_product_search .search-bar input[name="s"],
+.widget.widget_search .search-bar input[name="s"] {
+ background: #f7f7f7;
}
/* Services Retina Image placement*/
.services-image img {
- max-width: 75px;
+ max-width: 75px;
}
/* Revolution Slider: Removed margin on the bottom of the slider */
.wpb_revslider_element {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Revolution Slider button */
.rev-btn {
- line-height: 1.3 !important;
+ line-height: 1.3 !important;
}
/* Accordion: Active Heading background color */
.accordion-construction-demo-style .vc_active .vc_tta-panel-heading {
- background-color: #f7c016;
+ background-color: #f7c016;
}
/* Accordion: Active Heading font color */
.accordion-construction-demo-style .vc_active .vc_tta-panel-heading h4 a {
- color: #fff !important;
+ color: #fff !important;
}
/* Tour: Active tab background and font color */
-.tour-construction-demo-style .vc_tta-tab.vc_active>a {
- background-color: #f7c016 !important;
- color: #fff !important;
+.tour-construction-demo-style .vc_tta-tab.vc_active > a {
+ background-color: #f7c016 !important;
+ color: #fff !important;
}
/*Tour Tab modifications on mobile*/
@media screen and (max-width: 768px) {
- /* Tour: Active tab background and font color (Mobile) */
- .tour-construction-demo-style .vc_tta-panel.vc_active .vc_tta-panel-title>a {
- background-color: #f7c016 !important;
- color: #fff !important;
- }
-
- /* Tour: Active tab remove link underline on mobile */
- .tour-construction-demo-style .vc_tta-panel-title>a:after {
- background-color: transparent !important;
- }
-
- /* Margin bottom on the tabs */
- .vc_tta-panel-heading {
- margin-bottom: 10px !important;
- }
-
- .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
- padding-left: 0px !important;
- padding-right: 0px !important;
- }
+ /* Tour: Active tab background and font color (Mobile) */
+ .tour-construction-demo-style
+ .vc_tta-panel.vc_active
+ .vc_tta-panel-title
+ > a {
+ background-color: #f7c016 !important;
+ color: #fff !important;
+ }
+
+ /* Tour: Active tab remove link underline on mobile */
+ .tour-construction-demo-style .vc_tta-panel-title > a:after {
+ background-color: transparent !important;
+ }
+
+ /* Margin bottom on the tabs */
+ .vc_tta-panel-heading {
+ margin-bottom: 10px !important;
+ }
+
+ .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ }
}
/* Contact Form: Input Colors */
.contact-form .form-group {
- background: #eee;
- padding: 5px 15px;
+ background: #eee;
+ padding: 5px 15px;
}
/* Contact Form: Privacy Policy background */
.contact-form-privacy-policy {
- background: transparent !important;
- padding: 0px !important;
+ background: transparent !important;
+ padding: 0px !important;
}
/* Contact Form: Remove Borders*/
.labeled-input-row label,
.labeled-input-row input,
.labeled-textarea-row label {
- border-bottom: none;
+ border-bottom: none;
}
/* Contact Form: Textarea Remove Border */
.labeled-textarea-row textarea {
- background: none;
+ background: none;
}
/* Contact Form: Padding */
.wpb_wrapper .lab-contact-form {
- padding-top: 30px;
+ padding-top: 30px;
}
/* Contact Form: Autofill background color for webkit browsers */
html input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px #eee inset;
- -moz-box-shadow: 0 0 0 1000px #eee inset;
- box-shadow: 0 0 0 1000px #eee inset;
+ -webkit-box-shadow: 0 0 0 1000px #eee inset;
+ -moz-box-shadow: 0 0 0 1000px #eee inset;
+ box-shadow: 0 0 0 1000px #eee inset;
}
/* Contact: Map Margin Top */
.contact-map-column {
- margin-top: -100px;
+ margin-top: -100px;
}
/* Contact Form Submit button */
.contact-form .button {
- float: left;
+ float: left;
+}
+
+/* Contact Form: Flex reset */
+.labeled-input-row {
+ flex-wrap: unset;
+}
+
+/* Contact Form: Checkbox border color */
+.contact-form .contact-form-privacy-policy input[type="checkbox"] {
+ border-color: #ccc;
}
.dash {
- background: #ddd;
+ background: #ddd;
}
/* Blog Post: Author Info area */
.single-post .post .author-info {
- padding: 30px;
- border-left: 2px solid #f7bf16;
- border-top: 2px solid #f7bf16;
+ padding: 30px;
+ border-left: 2px solid #f7bf16;
+ border-top: 2px solid #f7bf16;
}
/* Blog: Widget Borders */
-.widget-area--skin-background-fill>.widget {
- border-left: 2px solid #f7bf16;
- border-top: 2px solid #f7bf16;
- background: transparent;
+.widget-area--skin-background-fill > .widget {
+ border-left: 2px solid #f7bf16;
+ border-top: 2px solid #f7bf16;
+ background: transparent;
}
/* Blog: Search Form Background Color */
.widget.widget_product_search .search-bar input[name="s"],
.widget.widget_search .search-bar input[name="s"] {
- background: #FFF;
+ background: #fff;
}
/* Single Portfolio: Container Top Margin */
.single-portfolio .page-container {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Projects: Transparent Background */
.single-portfolio-holder.alt-one .services {
- background: transparent;
+ background: transparent;
}
/* Projects: Services Spacing and Border */
-.portfolio-template-default .single-portfolio-holder .details .services .checklist-entry {
- margin-top: 25px;
- border-bottom: 1px solid #EEE;
+.portfolio-template-default
+ .single-portfolio-holder
+ .details
+ .services
+ .checklist-entry {
+ margin-top: 25px;
+ border-bottom: 1px solid #eee;
}
/* Projects: Services Spacing */
-.portfolio-template-default .single-portfolio-holder .details .services .checklist-entry:last-child {
- border-bottom: none;
+.portfolio-template-default
+ .single-portfolio-holder
+ .details
+ .services
+ .checklist-entry:last-child {
+ border-bottom: none;
}
/* Comments: Textarea */
p.labeled-textarea-row.comment-form-comment,
-.single-post .comment-form>p {
- background: #EEE;
- padding: 5px 15px;
+.single-post .comment-form > p {
+ background: #eee;
+ padding: 5px 15px;
}
.comment-form-comment {
- margin-top: 20px;
+ margin-top: 20px;
}
/* Comments: Textarea */
-.single-post .comment-form>p.logged-in-as {
- background: transparent;
- margin: 0px;
- padding: 0px;
+.single-post .comment-form > p.logged-in-as {
+ background: transparent;
+ margin: 0px;
+ padding: 0px;
}
/* Comments: Submit Comment */
-.single-post .comment-form>p.form-submit {
- padding: 0px;
- background: transparent;
- margin-top: 0px;
+.single-post .comment-form > p.form-submit {
+ padding: 0px;
+ background: transparent;
+ margin-top: 0px;
}
/* Comments: Spacing Between Forms */
-.single-post .comment-form>p.labeled-input-row {
- border-right: 18px solid #FFF;
+.single-post .comment-form > p.labeled-input-row {
+ border-right: 18px solid #fff;
}
/* Comments: Spacing Between Forms */
-.single-post .comment-form>p.comment-form-url {
- border-right: none;
+.single-post .comment-form > p.comment-form-url {
+ border-right: none;
}
/* Forms: Label Color */
-.labeled-input-row label, .labeled-textarea-row label {
- color: #333 !important;
+.labeled-input-row label,
+.labeled-textarea-row label {
+ color: #333 !important;
}
.post-navigation a i,
.post-navigation a strong {
- color: #333;
+ color: #333;
}
/* Single Post: Comment form */
.single-post .comment-form {
- margin: 0px;
+ margin: 0px;
}
/* Forms: Textarea */
.labeled-textarea-row textarea {
- line-height: 1.5;
- color: #222;
+ line-height: 1.5;
+ color: #222;
}
/* Single Post Author details */
.single-post .post .author-info--details .author-name em {
- display: inline-block;
+ display: inline-block;
}
.banner-text h4 {
- text-transform: inherit;
+ text-transform: inherit;
}
/* Projects: Filter Centering and Spacing */
.product-filter {
- text-align: center;
- margin-top: 40px;
+ text-align: center;
+ margin-top: 40px;
}
/* Homepage (Blog Posts element) — Post Title */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- border: none;
+ border: none;
}
/* Homepage (Blog Posts element) — Post Title */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
- padding-left: 0px;
- padding-right: 0px;
+ padding-left: 0px;
+ padding-right: 0px;
}
/* Homepage (Blog Posts element) — Hide Excerpt */
@@ -425,124 +500,151 @@ p.labeled-textarea-row.comment-form-comment,
/* Homepage (Blog Posts element) — Remove Margin Bottom */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-title {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Homepage (Blog Posts element) — Border Bottom */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a {
- border-bottom: 2px solid #EEE;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a {
+ border-bottom: 2px solid #eee;
}
/* Homepage (Blog Posts element) — Remove Margin Bottom */
.wpb_wrapper .lab-blog-posts .blog-post-column {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Homepage (Titles) — Center Align */
.center-title {
- text-align: center;
+ text-align: center;
}
/* Homepage (Information Row) */
.information-row {
- padding: 35px 0;
+ padding: 35px 0;
}
/* Homepage (Titles) — Remove Margin Top */
-.wpb_wrapper .section-title>h2 {
- margin-top: 0px;
+.wpb_wrapper .section-title > h2 {
+ margin-top: 0px;
}
/* Homepage (Titles) — Remove Margin Bottom */
-.wpb_wrapper .section-title>p {
- margin-bottom: 0px;
+.wpb_wrapper .section-title > p {
+ margin-bottom: 0px;
}
/* Single Portfolio: Portfolio navigation */
.no-bottom-margin {
- margin-bottom: 40px !important;
+ margin-bottom: 40px !important;
}
/* Projects: Center Filter */
-.portfolio-title-holder>.pt-column {
- margin: 0 auto;
+.portfolio-title-holder > .pt-column {
+ margin: 0 auto;
}
-
/* Services: Text Padding */
.service-column {
- padding: 100px 50px;
+ padding: 100px 50px;
}
/* Services: Remove Margin Bottom */
.service-column .wpb_content_element {
- margin-bottom: 0px !important;
+ margin-bottom: 0px !important;
}
-/* XS: Mobile devices */
-@media screen and (max-width: 480px){
+/* Top Bar: Icons Font Size */
+.top-header-bar--skin-dark .top-header-bar--column .raw-text-widget i {
+ font-size: 18px;
+}
- .logos-holder.logos-scaled .client-logos-col {
- width: 50% !important;
- }
+/* Top Bar: Hide Icons Hover Line */
+.top-header-bar--skin-dark
+ .top-header-bar--column
+ .raw-text-widget
+ a.top-bar-social:after {
+ background-color: transparent;
+}
- .footer-bottom {
- padding-bottom: 0px;
- }
+/* XS: Mobile devices */
+@media screen and (max-width: 480px) {
+ .logos-holder.logos-scaled .client-logos-col {
+ width: 50% !important;
+ }
+
+ .footer-bottom {
+ padding-bottom: 0px;
+ }
- .see-more-button a {
- width: 100%;
- }
+ .see-more-button a {
+ width: 100%;
+ }
- .information-row {
- padding: 0px;
- }
+ .information-row {
+ padding: 0px;
+ }
- .contact-map-column {
- margin-top: auto;
- }
+ .contact-map-column {
+ margin-top: auto;
+ }
- .title-banner .wpb_content_element {
- margin-bottom: 0px !important;
- }
+ .title-banner .wpb_content_element {
+ margin-bottom: 0px !important;
+ }
- .title-banner .vc_column-inner {
- padding-top: 0px !important;
- }
+ .title-banner .vc_column-inner {
+ padding-top: 0px !important;
+ }
- .section-title {
- margin-bottom: 0px;
- }
+ .section-title {
+ margin-bottom: 0px;
+ }
- .lab-contact-form .button {
- width: 100%;
- }
+ .lab-contact-form .button {
+ width: 100%;
+ }
- .contact-form .form-group {
- margin-bottom: 15px;
- }
+ .contact-form .form-group {
+ margin-bottom: 15px;
+ }
- .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
- line-height: 1.5 !important;
- }
+ .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
+ line-height: 1.5 !important;
+ }
- /* Homepage: Service Padding */
- .service-column {
- padding: 30px 0px;
- }
+ /* Homepage: Service Padding */
+ .service-column {
+ padding: 30px 0px;
+ }
}
/* LG: Desktop devices */
@media screen and (min-width: 1200px) {
-
- /* Homepage: Service Padding */
- .service-column {
- padding: 100px 50px;
- }
-
- .service-column .wpb_content_element {
- margin-bottom: 0px !important;
- }
+ /* Homepage: Service Padding */
+ .service-column {
+ padding: 100px 50px;
+ }
+
+ .service-column .wpb_content_element {
+ margin-bottom: 0px !important;
+ }
+
+ .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
+ padding-bottom: 0px;
+ }
+
+ .wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title {
+ margin-bottom: 0px;
+ }
}
/* ===========================================================
Custom modification only for CONSTRUCTION Demo - END
@@ -552,5 +654,5 @@ Custom modification only for CONSTRUCTION Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red;
-}
\ No newline at end of file
+ color: red;
+}
diff --git a/kalium-child-education/style.css b/kalium-child-education/style.css
index 6a3a97c..ef0b74f 100755
--- a/kalium-child-education/style.css
+++ b/kalium-child-education/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Education Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -15,327 +15,365 @@ Custom modification only for EDUCATION Demo - START
=========================================================== */
/* Homepage - Blog Posts Date */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date {
- margin-bottom: 10px;
- display: inline-block;
- background: #bf2e2e;
- color: #FFF;
- height:20px;
- line-height: 20px;
- padding: 0px 5px;
- position: absolute;
- left: 29px;
- top: -10px;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-date {
+ margin-bottom: 10px;
+ display: inline-block;
+ background: #bf2e2e;
+ color: #fff;
+ height: 20px;
+ line-height: 20px;
+ padding: 0px 5px;
+ position: absolute;
+ left: 29px;
+ top: -10px;
}
/* Homepage - Blog Post Date Post Relative Position */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
- position: relative;
+ position: relative;
}
/* Homepage - Blog Post Animation Transition Timing */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- transition: all 200ms;
+ transition: all 200ms;
}
/* Homepage - Blog Post Shadow Effect */
.wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
- box-shadow: 0px 7px 25px rgba(0,0,0,0.05), 0px 1px 2px rgba(0,0,0,0.02);
+ box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.05),
+ 0px 1px 2px rgba(0, 0, 0, 0.02);
}
/* Homepage: Join Now */
.join-now {
- padding: 35px 0px;
+ padding: 35px 0px;
}
/* Homepage: Join Now Align Center */
.align-center {
- text-align: center;
+ text-align: center;
}
/* Homepage: Join Now Divider */
.custom-divider {
- width: 5%;
+ width: 5%;
}
/* Homepage - Schools and Colleges */
.schools-colleges {
- margin: 0px;
+ margin: 0px;
}
/* Homepage - Schools and Colleges - Remove Margin and Padding From Inner Rows */
-.schools-colleges .vc_column_container>.vc_column-inner {
- padding:0px !important;
+.schools-colleges .vc_column_container > .vc_column-inner {
+ padding: 0px !important;
}
/* Homepage - Schools and Colleges Image */
.schools-colleges-image {
- width: 85%;
- margin: 0 auto;
+ width: 85%;
+ margin: 0 auto;
}
/* Homepage - Schools and Colleges Remove Padding */
-.lab-vc-container .schools-colleges .vc_column_container {
- padding:0px !important;
+.lab-vc-container .schools-colleges .vc_column_container {
+ padding: 0px !important;
}
-
/* Homepage - Schools and Colleges Accordion Toggle Size */
.vc_toggle_size_md .vc_toggle_icon {
- height: 18px;
- width: 18px;
+ height: 18px;
+ width: 18px;
}
/* Homepage - Facts in Numbers Number */
-.facts-in-numbers .wpb_wrapper .section-title>h2 {
- text-align: center;
- color: #FFF;
+.facts-in-numbers .wpb_wrapper .section-title > h2 {
+ text-align: center;
+ color: #fff;
}
/* Homepage - Facts in Numbers Title */
-.facts-in-numbers .wpb_wrapper .section-title>p {
- text-align: center;
- color: rgba(255,255,255,0.75);
- text-shadow: 0px 1px 35px rgba(0,0,0,0.25);
+.facts-in-numbers .wpb_wrapper .section-title > p {
+ text-align: center;
+ color: rgba(255, 255, 255, 0.75);
+ text-shadow: 0px 1px 35px rgba(0, 0, 0, 0.25);
}
/* Blog: Posts Spacing */
body.blog .blog-posts {
- margin-top: 35px;
+ margin-top: 35px;
}
/* Blog: Comments Background Color */
.single-post .post-comments {
- background: #f3f1ef;
+ background: #f3f1ef;
}
/* Blog: Sidebar Search */
-.blog-archive--widgets .widget.widget_product_search .search-bar input[name="s"],
+.blog-archive--widgets
+ .widget.widget_product_search
+ .search-bar
+ input[name="s"],
.blog-archive--widgets .widget.widget_search .search-bar input[name="s"] {
- background: #f3f1ef !important;
+ background: #f3f1ef !important;
}
/* Blog: Sidebar Styling */
.blog-archive--widgets {
- position: relative;
- background: #FFF;
- box-shadow: 0px 2px 15px rgba(0,0,0,0.07);
- padding: 40px;
- border: 1px solid #EEE;
- margin-top: -50px !important;
- margin-bottom: 40px;
- z-index: 1;
+ position: relative;
+ background: #fff;
+ box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);
+ padding: 40px;
+ border: 1px solid #eee;
+ margin-top: -50px !important;
+ margin-bottom: 40px;
+ z-index: 1;
}
/* Blog: Sidebar List */
.blog-archive--widgets .widget ul li {
- border-bottom: 1px solid #e4e4e4;
- padding: 15px 0px;
+ border-bottom: 1px solid #e4e4e4;
+ padding: 15px 0px;
}
/* Blog: Sidebar List Color */
.blog-archive--widgets .widget ul li a {
- color: #333;
+ color: #333;
}
/* Blog: Post */
.blog-posts .post-item .post-details {
- padding-left: 20px;
- padding-top: 20px;
- padding-right: 50px;
+ padding-left: 20px;
+ padding-top: 20px;
+ padding-right: 50px;
}
/* Blog: Post Title Line Height */
.blog-posts .post-item .post-details h3.post-title {
- line-height: 30px;
+ line-height: 30px;
}
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Blog: Post Font Size */
.blog-posts .post-item .post-details p {
- line-height: 20px;
+ line-height: 20px;
}
/* Blog: Post Date */
.blog-posts .post-item .post-details .post-meta.date {
- margin-top: 10px;
+ margin-top: 10px;
}
/* Blog: Darken Images */
.blog-post-image .image-placeholder:after {
- background: rgba(0,0,0,0.1);
- content: "";
- display: block;
- width:100%;
- height: 100%;
- position:absolute;
- top: 0;
+ background: rgba(0, 0, 0, 0.1);
+ content: "";
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
}
/* Homepage - Blog Posts Hide Post Description */
.blog-post-excerpt {
- display: none;
+ display: none;
}
/* Team Member */
.team-holder .member .hover-state {
- background-color: transparent !important;
- background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
- background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%);
- background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0.9) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
- opacity: 1;
- -webkit-opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
- visibility: visible;
+ background-color: transparent !important;
+ background: -moz-linear-gradient(
+ top,
+ rgba(0, 0, 0, 0) 0%,
+ rgba(0, 0, 0, 0.5) 50%,
+ rgba(0, 0, 0, 0.8) 100%
+ );
+ background: -webkit-linear-gradient(
+ top,
+ rgba(0, 0, 0, 0) 0%,
+ rgba(0, 0, 0, 0.5) 50%,
+ rgba(0, 0, 0, 0.8) 100%
+ );
+ background: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0) 0%,
+ rgba(0, 0, 0, 0.5) 80%,
+ rgba(0, 0, 0, 0.9) 100%
+ );
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
+ opacity: 1;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
+ visibility: visible;
}
/* Team Members: Align Bottom */
.team-holder .member .hover-state .member-details {
- bottom: 30px;
+ bottom: 30px;
}
/* Team Members: Member Name */
.team-holder .member .hover-state .member-details h2 {
- margin: 0;
- border-bottom: 2px solid #BF2E2E;
- display: inline-block;
- padding-bottom: 5px;
+ margin: 0;
+ border-bottom: 2px solid #bf2e2e;
+ display: inline-block;
+ padding-bottom: 5px;
}
/* About University - Facts */
.text-block {
- height: 277px;
- margin-bottom: 0px;
- padding: 50px;
+ height: 277px;
+ margin-bottom: 0px;
+ padding: 50px;
}
/* About University - Facts - Black and White Image */
.bw-image.wpb_single_image img {
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%);
+ -webkit-transition-duration: 0.3s;
+ -moz-transition-duration: 0.3s;
+ -o-transition-duration: 0.3s;
}
/* About University - Facts - Black and White Image on Hover */
.bw-image.wpb_single_image img:hover {
- -webkit-filter: grayscale(0%);
- filter: grayscale(0%);
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
+ -webkit-filter: grayscale(0%);
+ filter: grayscale(0%);
+ -webkit-transition-duration: 0.3s;
+ -moz-transition-duration: 0.3s;
+ -o-transition-duration: 0.3s;
}
/* Courses - Center Text */
.portfolio-holder .item-box .info {
- text-align: center;
+ text-align: center;
}
/* Courses - Title Border and Margin */
.portfolio-holder .item-box .info h3 {
- display: inline-block;
- padding-bottom: 5px;
- border-bottom: 1px solid #eee;
+ display: inline-block;
+ padding-bottom: 5px;
+ border-bottom: 1px solid #eee;
}
/* Courses - Title Color */
.portfolio-holder .item-box .info h3 a {
- color: #333;
+ color: #333;
}
/* Courses - Darken Images */
.portfolio-holder .item-box .photo .image-placeholder:after {
- background: rgba(0,0,0,0.1);
- content: " ";
- display: block;
- width:100%;
- height: 100%;
- position:absolute;
- top: 0;
+ background: rgba(0, 0, 0, 0.1);
+ content: " ";
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
}
/* Courses - Padding Top */
.portfolio-title-holder .pt-column {
- padding-top: 35px;
+ padding-top: 35px;
}
/* Courses - Icon */
.course-icon {
- display: inline-block;
- float: left;
- margin-right: 35px;
+ display: inline-block;
+ float: left;
+ margin-right: 35px;
}
/* Tutors: Position Image on Left */
.portfolio-vc-type-container .team-holder .member .image-placeholder,
-.portfolio-vc-type-container .team-holder .member .thumb>a {
- width: 50px;
- height: 50px;
- position: absolute;
- left: 0;
- top: 0;
- background: none;
+.portfolio-vc-type-container .team-holder .member .thumb > a {
+ width: 50px;
+ height: 50px;
+ position: absolute;
+ left: 0;
+ top: 0;
+ background: none;
}
/* Tutors: Tutor */
.portfolio-vc-type-container .team-holder .member .hover-state {
- position: relative;
- padding: 0px;
- background: transparent;
+ position: relative;
+ padding: 0px;
+ background: transparent;
}
/* Tutors: Fix Tutor Name */
-.portfolio-vc-type-container .team-holder .member .hover-state .member-details h2 {
- border: none;
- padding: 0px;
+.portfolio-vc-type-container
+ .team-holder
+ .member
+ .hover-state
+ .member-details
+ h2 {
+ border: none;
+ padding: 0px;
}
/* Tutors: Tutor Name */
-.portfolio-vc-type-container .team-holder .member .hover-state .member-details h2 a {
- color: inherit;
+.portfolio-vc-type-container
+ .team-holder
+ .member
+ .hover-state
+ .member-details
+ h2
+ a {
+ color: inherit;
}
/* Tutors: Tutor Position */
-.portfolio-vc-type-container .team-holder .member .hover-state .member-details .job-title {
- color: #666;
+.portfolio-vc-type-container
+ .team-holder
+ .member
+ .hover-state
+ .member-details
+ .job-title {
+ color: #666;
}
/* Tutors: Tutor Image Radius */
-.portfolio-vc-type-container .team-holder .member .image-placeholder img{
- border-radius: 10%;
- width: 50px;
- height: 50px;
+.portfolio-vc-type-container .team-holder .member .image-placeholder img {
+ border-radius: 10%;
+ width: 50px;
+ height: 50px;
}
/* Tutors: Tutor Name and Position */
.portfolio-vc-type-container .team-holder .member .hover-state .member-details {
- position: relative;
- color: #333;
- bottom: 0px;
- margin-left: 70px;
- min-height: 50px;
- margin-bottom: 20px
+ position: relative;
+ color: #333;
+ bottom: 0px;
+ margin-left: 70px;
+ min-height: 50px;
+ margin-bottom: 20px;
}
/* Contact: Input Border Bottom */
.contact-form input,
.contact-form textarea,
.comment-form input,
-.comment-form textarea {
- border-bottom-color: #e4e4e4;
- padding-bottom:10px;
+.comment-form textarea {
+ border-bottom-color: #e4e4e4;
+ padding-bottom: 10px;
}
/* Contact: Textarea Lines */
.contact-form textarea,
.comment-form textarea {
- background-image: linear-gradient(#e4e4e4 1px, transparent 1px);
- height: auto;
+ background-image: linear-gradient(#e4e4e4 1px, transparent 1px);
+ height: auto;
}
/* Contact: Input Border Bottom */
@@ -343,196 +381,203 @@ body.blog .blog-posts {
.comment-form .form-group label,
.labeled-input-row label,
.labeled-textarea-row label {
- border-bottom-color: #e4e4e4;
+ border-bottom-color: #e4e4e4;
}
/* Contact: Input Border Bottom */
.contact-form .form-group,
.comment-form .form-group {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
/* Contact: Full Columned Inputs */
.contact-form .row .col-sm-6 {
- width: 100%;
+ width: 100%;
}
/* Contact: Color and Size for Label */
.wpb_wrapper .lab-contact-form .form-group label {
- color: #514a47;
+ color: #514a47;
}
/* Contact: Send Button on Left */
.contact-form .send {
- float: left;
- background: #9e9997 !important;
+ float: left;
+ background: #9e9997 !important;
}
/* Footer Margin */
.main-footer .big-footer {
- margin-top: 50px;
- margin-bottom: 50px;
+ margin-top: 50px;
+ margin-bottom: 50px;
}
/* Footer Background */
.main-footer.main-footer {
- background: #2b2726 !important;
+ background: #2b2726 !important;
}
/* Footer - Title Color */
.main-footer .footer-widgets .widget h1,
.main-footer .footer-widgets .widget h2,
.main-footer .footer-widgets .widget h3 {
- color: #FFF !important;
-}
-
-.main-footer .footer-widgets .widget ul li {
- padding: 0px;
+ color: #fff !important;
}
/* Footer - Link Color */
.main-footer .footer-widgets .widget-area .widget li a {
- color: #898989;
+ color: #bbbbbb;
+}
+
+.site-footer .footer-bottom-content a,
+.site-footer .footer-widgets .widget .textwidget {
+ color: #bbbbbb;
}
/* Footer - Link Color on Hover */
footer.main-footer .footer-widgets .widget-area .widget li a:hover,
-.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a:hover {
- color: #FFF;
+.mobile-menu-wrapper
+ .mobile-menu-container
+ .cart-icon-link-mobile-container
+ a:hover {
+ color: #fff;
}
/* Footer - List Link Color */
footer.main-footer .big-footer .section ul li a {
- color: #514a47 !important;
+ color: #514a47 !important;
}
/* Footer - List Link Color on Hover */
footer.main-footer .big-footer .section ul li a:hover {
- color: #FFF !important;
+ color: #fff !important;
}
/* Footer Bottom Background */
.footer-bottom {
- background: #272323 !important;
+ background: #272323 !important;
}
/* Footer - Bottom Remove Border */
.main-footer hr {
- border-color: transparent;
+ border-color: transparent;
}
/* Footer - Bottom Padding */
.main-footer .footer-bottom-content {
- padding-left: 20px;
- padding-right: 20px;
+ padding-left: 20px;
+ padding-right: 20px;
}
/* Footer - Bottom Copyright Color */
.main-footer .footer-bottom-content a,
.main-footer .footer-bottom-content p {
- color: #FFF;
+ color: #fff;
}
/* Footer Bottom Hover Link Colour */
.site-footer .footer-bottom a:hover {
- color: #fff;
+ color: #fff;
}
/* Footer - Bottom Social Networks Background */
.social-networks.rounded li a {
- background-color: #2b2726 !important;
+ background-color: #2b2726 !important;
}
/* Footer - Bottom Social Networks Color */
.social-networks.rounded li a i {
- color: #f6f5f3 !important;
+ color: #f6f5f3 !important;
}
/* Footer - Bottom Social Networks Color on Hover */
.social-networks.rounded li a:hover {
- background-color: #3a3433 !important;
+ background-color: #3a3433 !important;
}
.tp-tabs.tp-span-wrapper.inner.hebe.nav-pos-hor-right.nav-pos-ver-center.nav-dir-vertical {
- background: transparent !important;
+ background: transparent !important;
}
/* CSS Applies for: Desktops and Tablets */
-@media (min-width:801px) {
- /* Title Margin Top */
- .wpb_wrapper .section-title>h2 {
- margin-top: 40px;
- }
-
- /* Footer: Widgets Width */
- .footer-widgets .widget-area.widgets--columned-layout.widgets--columns-5>.widget {
- width: 18.75%;
- margin-bottom: 10px;
- }
-
- /* Footer Widgets: If there are fiwe columns, first two have the text align to the right */
- .footer--widgets.widgets--columns-5 .widget_nav_menu:nth-child(-n+2) {
- text-align: right;
- }
-
- /* Footer Widgets: If there are three columns, first one have text align to the right */
- .footer--widgets.widgets--columns-3 .widget_nav_menu:first-child {
- text-align: right;
- }
-
- /* Footer: Widgets Padding */
- .widget.widget_nav_menu {
- padding-top: 85px;
- }
-
- /* Footer: Middle Widget Width */
- .footer-widgets .widget-area.widgets--columned-layout.widgets--columns-5>.widget:nth-child(3) {
- width: 25%;
- }
-
- /* Footer: Middle Widget Text Centered */
- .footer-widgets .middle-widget {
- text-align: center;
- }
-
- /* Footer: Middle Widget Text Centered */
- .footer-widgets .widget p {
- color: #898989;
- }
-
-
- /* Footer: Inner Shadow */
- .has-fixed-footer .wrapper {
- box-shadow: rgba(0, 0, 0, 0.5) 0px 70px 100px -30px;
- }
-
- /* Homepage - Join Now Padding */
- .join-now {
- padding: 110px 0px !important;
- }
+@media (min-width: 801px) {
+ /* Title Margin Top */
+ .wpb_wrapper .section-title > h2 {
+ margin-top: 40px;
+ }
+
+ /* Footer: Widgets Width */
+ .footer-widgets
+ .widget-area.widgets--columned-layout.widgets--columns-5
+ > .widget {
+ width: 18.75%;
+ margin-bottom: 10px;
+ }
+
+ /* Footer Widgets: If there are fiwe columns, first two have the text align to the right */
+ .footer--widgets.widgets--columns-5 .widget_nav_menu:nth-child(-n + 2) {
+ text-align: right;
+ }
+
+ /* Footer Widgets: If there are three columns, first one have text align to the right */
+ .footer--widgets.widgets--columns-3 .widget_nav_menu:first-child {
+ text-align: right;
+ }
+
+ /* Footer: Widgets Padding */
+ .widget.widget_nav_menu {
+ padding-top: 85px;
+ }
+
+ /* Footer: Middle Widget Width */
+ .footer-widgets
+ .widget-area.widgets--columned-layout.widgets--columns-5
+ > .widget:nth-child(3) {
+ width: 25%;
+ }
+
+ /* Footer: Middle Widget Text Centered */
+ .footer-widgets .middle-widget {
+ text-align: center;
+ }
+
+ /* Footer: Middle Widget Text Centered */
+ .footer-widgets .widget p {
+ color: #898989;
+ }
+
+ /* Footer: Inner Shadow */
+ .has-fixed-footer .wrapper {
+ box-shadow: rgba(0, 0, 0, 0.5) 0px 70px 100px -30px;
+ }
+
+ /* Homepage - Join Now Padding */
+ .join-now {
+ padding: 110px 0px !important;
+ }
}
/* CSS Applies for: Mobile Devices - All */
@media screen and (max-width: 767px) {
- /* Homepage - Blog Posts Spacing */
- .blog-posts .post-item .post-details {
- margin: 20px 0 0 0;
- padding: 0px;
- }
+ /* Homepage - Blog Posts Spacing */
+ .blog-posts .post-item .post-details {
+ margin: 20px 0 0 0;
+ padding: 0px;
+ }
- /* Homepage - Blog Posts Margin Bottom */
- .blog-holder .box-holder {
- margin-bottom: 35px;
- }
+ /* Homepage - Blog Posts Margin Bottom */
+ .blog-holder .box-holder {
+ margin-bottom: 35px;
+ }
}
/* CSS Applies for: Mobile Devices - Portrait */
-@media (max-width:480px) {
- /* Footer: Widgets Text Centered */
- .footer-widgets .widget {
- text-align: center;
- margin-bottom: 35px;
- }
+@media (max-width: 480px) {
+ /* Footer: Widgets Text Centered */
+ .footer-widgets .widget {
+ text-align: center;
+ margin-bottom: 35px;
+ }
}
/* ===========================================================
Custom modification only for EDUCATION Demo - END
@@ -542,5 +587,5 @@ Custom modification only for EDUCATION Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-fashion/style.css b/kalium-child-fashion/style.css
index 1a9e3b9..c9ae7aa 100755
--- a/kalium-child-fashion/style.css
+++ b/kalium-child-fashion/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Fashion Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,7 +16,7 @@ Custom modification only for FASHION Demo - START
/* Link Color on Focus */
a:focus,
a:hover {
- color: #666;
+ color: #666;
}
/* Revolution Slider: Remove Border on Videos */
@@ -24,697 +24,763 @@ a:hover {
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
- border: none !important;
+ border: none !important;
}
/* Slider Remove Margin Bottom */
.wpb_revslider_element {
- margin-bottom: 0px !important;
+ margin-bottom: 0px !important;
}
/* Menu: Menu Lines Shorter */
.menu-bar .ham:after,
.menu-bar .ham:before {
- left: auto;
- right: 0px;
+ left: auto;
+ right: 0px;
}
/* Menu: Menu Lines Shorter */
-.menu-bar .ham:after {
- width: 10px;
+.menu-bar .ham:after {
+ width: 10px;
}
/* Menu: Menu Lines Close */
.menu-bar.exit .ham:after {
- width: 23px;
+ width: 23px;
}
/* Menu: Menu Lines Shorter */
.menu-bar .ham {
- width: 18px;
+ width: 18px;
}
/* Menu: Sub Menu Margin Left */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul ul,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ ul
+ ul,
.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul ul {
- margin-left: 20px;
+ margin-left: 20px;
}
/* Menu: Menu Caret Color */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul ul li.menu-item-has-children:before,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li.menu-item-has-children:before {
- border-color: transparent transparent transparent #222;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ ul
+ li.menu-item-has-children:before,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ ul
+ li.menu-item-has-children:before {
+ border-color: transparent transparent transparent #222;
}
/* Menu: Submenu Redesign */
.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul {
- background: #FFF !important;
- border: 1px solid #222;
+ background: #fff !important;
+ border: 1px solid #222;
}
/* Menu: Submenu Link Color */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul li a,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul li a {
- color: #222;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ ul
+ li
+ a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ ul
+ li
+ a {
+ color: #222;
}
/* Menu: Submenu Hover Line Color */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul li a:after,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul li a:after {
- background-color: #222;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ ul
+ li
+ a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ ul
+ li
+ a:after {
+ background-color: #222;
}
/* Links: Hover Line Start from Centre */
.main-footer a:after,
.wrapper a:after {
- position: absolute;
- margin: 0 auto;
- left: 0;
- right: 0;
- -webkit-transition: all .3s cubic-bezier(0, 0, 0.16, 0.95);
- -moz-transition: all .3s cubic-bezier(0, 0, 0.16, 0.95);
- -o-transition: all .3s cubic-bezier(0, 0, 0.16, 0.95);
- transition: all .3s ease(0, 0, 0.16, 0.95);
+ position: absolute;
+ margin: 0 auto;
+ left: 0;
+ right: 0;
+ -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.16, 0.95);
+ -moz-transition: all 0.3s cubic-bezier(0, 0, 0.16, 0.95);
+ -o-transition: all 0.3s cubic-bezier(0, 0, 0.16, 0.95);
+ transition: all 0.3s ease(0, 0, 0.16, 0.95);
}
/* Header: Remove Padding of Container*/
.main-header.fullwidth-header .container {
- padding: 0px;
+ padding: 0px;
}
/* Header: Mini Cart Styling */
.menu-cart-icon-container .lab-wc-mini-cart-contents {
- border-color: #222;
- box-shadow: none;
+ border-color: #222;
+ box-shadow: none;
}
/* Shop: Remove WooCommerce Top Padding */
.woocommerce.page-container {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Shop: Sale Button Inside Image */
.single-product.woocommerce .product .onsale {
- right: 40px;
+ right: 40px;
}
/* Shop: Single Font Size and Line Height */
.woocommerce .summary p {
- line-height: 28px;
+ line-height: 28px;
}
@media screen and (min-width: 768px) {
- /* Shop: Single Product Padding */
- .woocommerce.single-product .single-product--product-details>.product>.summary {
- padding-left: 65px;
- padding-right: 40px;
- padding-top: 90px;
- }
+ /* Shop: Single Product Padding */
+ .woocommerce.single-product
+ .single-product--product-details
+ > .product
+ > .summary {
+ padding-left: 65px;
+ padding-right: 40px;
+ padding-top: 90px;
+ }
}
-
/* Shop: Single Product Added to cart message */
body.single-product .woocommerce .woocommerce-message {
- width: 50%;
- float: right;
+ width: 50%;
+ float: right;
}
@media screen and (max-width: 768px) {
- body.single-product .woocommerce .woocommerce-message {
- width: 100%;
- float: none;
- }
+ body.single-product .woocommerce .woocommerce-message {
+ width: 100%;
+ float: none;
+ }
}
/* Shop: Single Attributes */
-.woocommerce .single-product .summary .product_meta>span {
- display: block;
- border-top: 1px solid #EEE;
- padding: 15px 0 11px 0;
+.woocommerce .single-product .summary .product_meta > span {
+ display: block;
+ border-top: 1px solid #eee;
+ padding: 15px 0 11px 0;
}
/* Shop: Single Remove Border from Attributes */
-.woocommerce .single-product .summary .product_meta>span:first-child {
- border-top: none;
+.woocommerce .single-product .summary .product_meta > span:first-child {
+ border-top: none;
}
/* Shop: Single Remove Top Spacing */
-.woocommerce .single-product .kalium-woocommerce-product-gallery .main-product-images.plain .woocommerce-product-gallery__image~.woocommerce-product-gallery__image {
- margin-top: 0px;
+.woocommerce
+ .single-product
+ .kalium-woocommerce-product-gallery
+ .main-product-images.plain
+ .woocommerce-product-gallery__image
+ ~ .woocommerce-product-gallery__image {
+ margin-top: 0px;
}
/* Shop: Single Remove Border from Prices */
.woocommerce .product .summary .price ins,
-.woocommerce .product .summary .price>.amount {
- border-bottom: 0px;
+.woocommerce .product .summary .price > .amount {
+ border-bottom: 0px;
}
/* Shop: Sale tag */
-.woocommerce .single-product .summary .single_variation_wrap .single_variation>.price del,
-.woocommerce .single-product .summary div[itemprop=offers]>.price del {
- top: 0px;
+.woocommerce
+ .single-product
+ .summary
+ .single_variation_wrap
+ .single_variation
+ > .price
+ del,
+.woocommerce .single-product .summary div[itemprop="offers"] > .price del {
+ top: 0px;
}
/* Shop: Tabs */
.woocommerce .woocommerce-tabs .entry-content {
- padding: 0px;
- background: transparent;
+ padding: 0px;
+ background: transparent;
}
/* Shop: Tabs Remove Background */
.woocommerce .woocommerce-tabs .tabs li {
- background: transparent;
+ background: transparent;
}
/* Shop: Tabs Font Size */
.woocommerce .woocommerce-tabs .tabs li a {
- padding: 10px 20px 10px 0px;
+ padding: 10px 20px 10px 0px;
}
/* Shop: Tabs - Hide Title */
.woocommerce .woocommerce-tabs .entry-content h2 {
- display: none;
+ display: none;
}
/* Shop: Tabs - Remove Border Bottom */
.woocommerce .woocommerce-tabs .tabs li.active {
- border-bottom: none;
+ border-bottom: none;
}
/* Shop: Variations */
.woocommerce .single-product .summary .variations tbody tr {
- width: 50%;
- float: left;
+ width: 50%;
+ float: left;
}
/* Shop: Variations Remove Padding */
-.woocommerce .single-product .summary .variations tr+tr {
- padding-top: 0px;
+.woocommerce .single-product .summary .variations tr + tr {
+ padding-top: 0px;
}
/* Shop: Variations Select Width */
.woocommerce .single-product .summary .variations .form-control {
- width: 180px;
+ width: 180px;
}
/* Shop: Variations Select Width */
.woocommerce .select-option-ui span {
- color: #222;
- min-width: inherit;
+ color: #222;
+ min-width: inherit;
}
/* Shop: Variations Select Width */
.woocommerce .single-product .summary .variations .form-control {
- width: 205px;
+ width: 205px;
}
/* Shop: Add to Cart Button */
.woocommerce .summary .group_table .button,
.woocommerce .summary form.cart .button {
- background: #000;
- width: 75%;
- margin-left: 5%;
- border-radius: 0px;
- border: 1px solid #222;
- color: #222;
- background: transparent;
+ background: #000;
+ width: 75%;
+ margin-left: 5%;
+ border-radius: 0px;
+ border: 1px solid #222;
+ color: #222;
+ background: transparent;
}
/* Shop: Form Color */
.woocommerce .summary .group_table .button:hover,
.woocommerce .summary form.cart .button:hover {
- color: #FFF;
+ color: #fff;
}
/* Shop: Quantity Button Width */
.woocommerce div.quantity {
- width: 20%;
+ width: 20%;
}
/* Shop: Quantity Button Color */
.woocommerce div.quantity input.qty {
- border-radius: 0px;
- border: 1px solid #222;
- color: #222;
- background: transparent;
- min-width: 60px;
+ border-radius: 0px;
+ border: 1px solid #222;
+ color: #222;
+ background: transparent;
+ min-width: 60px;
}
/* Shop: Reviews - Remove Padding*/
.woocommerce .woocommerce-tabs .entry-content #reviews #review_form_wrapper {
- padding: 0px;
- margin: 0px;
+ padding: 0px;
+ margin: 0px;
}
/* Shop: Reviews - Centering Tabs */
.woocommerce .woocommerce-tabs .entry-content .shop_attributes {
- margin: 0 auto;
+ margin: 0 auto;
}
/* Shop: Reviews - Centering Tabs */
.woocommerce .woocommerce-tabs .tabs {
- text-align: center;
+ text-align: center;
}
/* Shop: Reviews - Centering Tabs */
.woocommerce .woocommerce-tabs .tabs li {
- float: none;
- display: inline-block;
+ float: none;
+ display: inline-block;
}
/* Shop: Reviews - Remove Padding from Reviews */
.woocommerce .woocommerce-tabs .tabs li a {
- padding: 0px;
+ padding: 0px;
}
/* Shop: Reviews - Padding */
.woocommerce .woocommerce-tabs .tabs li {
- padding: 0 15px;
+ padding: 0 15px;
}
/* Shop: Reviews Border */
.woocommerce .woocommerce-tabs .tabs li.active a {
- border-bottom: 1px solid #222;
+ border-bottom: 1px solid #222;
}
/* Shop: Reviews Margin Bottom */
.woocommerce .woocommerce-tabs .tabs {
- margin-bottom: 30px
+ margin-bottom: 30px;
}
/* Shop: Reviews Width */
.woocommerce .woocommerce-tabs .entry-content {
- width: 700px;
- margin: 0 auto;
+ width: 700px;
+ margin: 0 auto;
}
/* Shop: Reviews Rating Style Circle */
.woocommerce .star-rating .star-rating-icons .circle {
- width: 5px;
- height: 5px;
- margin-left: 5px;
+ width: 5px;
+ height: 5px;
+ margin-left: 5px;
}
/* Shop: Remove Margin from Product Images */
-.woocommerce .single-product .images .product-images-carousel.plain a+a {
- margin-top: 0px;
+.woocommerce .single-product .images .product-images-carousel.plain a + a {
+ margin-top: 0px;
}
/* Shop: Dropdown */
.woocommerce .woocommerce-ordering-container .dropdown.open .dropdown-toggle {
- border: 1px solid #000;
+ border: 1px solid #000;
}
/* Shop: Dropdown */
.woocommerce .woocommerce-ordering-container .dropdown .dropdown-toggle {
- border: 1px solid transparent;
+ border: 1px solid transparent;
}
/* Shop: Dropdown */
.dropdown .dropdown-menu {
- border: 1px solid #000;
- border-top: none;
+ border: 1px solid #000;
+ border-top: none;
}
/* Shop: Sale Replacement */
.woocommerce .product .onsale {
- transform: none;
- padding: 0px 5px;
- height: auto;
- width: auto;
- color: #333;
- border-radius: 0px;
- line-height: 30px;
- top: 20px;
- right: 25px;
- border: 1px solid #333;
- margin: 0px;
- position: absolute;
- display: inline-block;
- background: #FFF;
- box-shadow: 5px 5px 0px rgba(1,1,1,0.05);
- text-transform: uppercase;
+ transform: none;
+ padding: 0px 5px;
+ height: auto;
+ width: auto;
+ color: #333;
+ border-radius: 0px;
+ line-height: 30px;
+ top: 20px;
+ right: 25px;
+ border: 1px solid #333;
+ margin: 0px;
+ position: absolute;
+ display: inline-block;
+ background: #fff;
+ box-shadow: 5px 5px 0px rgba(1, 1, 1, 0.05);
+ text-transform: uppercase;
}
/* Shop: Out of Stock Replacement */
.woocommerce .product .onsale.oos {
- background: #FFF;
- line-height: inherit;
- padding: 0px 5px;
+ background: #fff;
+ line-height: inherit;
+ padding: 0px 5px;
}
/* Shop: Featured Replacement */
.woocommerce .product .onsale.featured {
- background: #FFF;
+ background: #fff;
}
/* Shop: Clear for Add to cart and Drodowns */
.single_variation_wrap {
- clear: both;
+ clear: both;
}
/* Shop: Size Guide */
.sg {
- background: transparent !important;
- color: #FFF;
+ background: transparent !important;
+ color: #fff;
}
/* Shop: Size Guide */
-div.sg table, div.sg table th {
- color: #FFF;
+div.sg table,
+div.sg table th {
+ color: #fff;
}
/* Shop: Size Guide Table Borders */
div.sg table tr:first-child th,
div.sg table tr td,
div.sg table tr th {
- border-bottom-color: #444444;
- border-right-color: #444444;
+ border-bottom-color: #444444;
+ border-right-color: #444444;
}
/* Shop: Size Guide Table Remove Padding */
#ct_size_guide {
- padding: 0px;
+ padding: 0px;
}
/* Shop: Size Guide Table Remove Horizontal Lines */
#ct_size_guide hr {
- display: none !important;
+ display: none !important;
}
/* Shop: Category Title Count */
mark.count {
- display: none;
+ display: none;
}
/* Shop: Category Title */
-.woocommerce .shop-categories .product-category .woocommerce-loop-category__title,
+.woocommerce
+ .shop-categories
+ .product-category
+ .woocommerce-loop-category__title,
.woocommerce .shop-categories .product-category h3 {
- background: transparent;
- padding: 0px;
- transform: none;
- left: 30px;
- top: auto;
- bottom: 30px;
- color: #FFF;
- letter-spacing: 5px;
+ background: transparent;
+ padding: 0px;
+ transform: none;
+ left: 30px;
+ top: auto;
+ bottom: 30px;
+ color: #fff;
+ letter-spacing: 5px;
}
/* Shop: Category Title */
-.woocommerce .shop-categories .product-category a:hover .woocommerce-loop-category__title,
+.woocommerce
+ .shop-categories
+ .product-category
+ a:hover
+ .woocommerce-loop-category__title,
.woocommerce .shop-categories .product-category a:hover h3 {
- color: #FFF;
+ color: #fff;
}
/* Shop: Category Hover */
.woocommerce .shop-categories .product-category a:hover:before {
- background-color: transparent;
+ background-color: transparent;
}
/* Shop: Title Margin */
.woocommerce .woocommerce-header {
- margin: 50px 0;
+ margin: 50px 0;
}
/* Shop: Single Image Remove Top Spacing */
-.woocommerce .single-product .kalium-woocommerce-product-gallery .main-product-images.plain .woocommerce-product-gallery__image~.woocommerce-product-gallery__image {
- margin-top: 0px;
+.woocommerce
+ .single-product
+ .kalium-woocommerce-product-gallery
+ .main-product-images.plain
+ .woocommerce-product-gallery__image
+ ~ .woocommerce-product-gallery__image {
+ margin-top: 0px;
}
/* Footer: Remove Bottom Margin */
.main-footer .footer-widgets {
- margin-bottom: 25px;
+ margin-bottom: 25px;
}
/* Footer: Social Networks */
.main-footer .footer-widgets .widget .social-networks.rounded li a {
- width: 30px;
- height: 30px;
- padding: 0px;
- margin: 0 5px;
+ width: 30px;
+ height: 30px;
+ padding: 0px;
+ margin: 0 5px;
}
/* Footer: Social Networks Background */
.main-footer .footer-widgets .social-networks.rounded a {
- background-color: #222;
+ background-color: #222;
}
/* Footer: Social Networks Color */
.main-footer .footer-widgets .widget .social-networks.rounded li a i {
- color: #FFF;
+ color: #fff;
}
/* Footer Background and Border */
footer.main-footer {
- background-color: #FFF !important;
- border-top: 2px solid #222;
+ background-color: #fff !important;
+ border-top: 2px solid #222;
}
-
/* Checkout - Removed background color from the Paypal form */
.woocommerce .bordered-block .payment_methods .payment_box {
- background: transparent;
+ background: transparent;
}
/* Checkout - Border Color */
.woocommerce .bordered-block {
- border-color: #222;
+ border-color: #222;
}
/* Checkout - Border Color for Table */
.woocommerce .shop_table .cart-subtotal {
- border-bottom-color: #222;
+ border-bottom-color: #222;
}
/* Checkout - Border Color */
-.woocommerce .shop_table>tbody>tr,
+.woocommerce .shop_table > tbody > tr,
.woocommerce .bordered-block h2,
-.woocommerce .shop_table>tfoot>tr {
- border-bottom-color: #222 !important;
+.woocommerce .shop_table > tfoot > tr {
+ border-bottom-color: #222 !important;
}
/* Checkout - Input Border Color */
.form-control {
- border-color: #222;
+ border-color: #222;
}
/* Checkout - Input Focus Border Color */
.form-control:focus {
- border-color: #999;
+ border-color: #999;
}
/* Checkout - Select Border Color */
-.woocommerce .select2-container.select2-container--default .select2-selection--single{
- /* border-color: #222; */
+.woocommerce
+ .select2-container.select2-container--default
+ .select2-selection--single {
+ /* border-color: #222; */
}
/* Checkout - Select Border Color */
.woocommerce-page .select2-dropdown {
- border-color: #222;
+ border-color: #222;
}
.woocommerce-page .select2-dropdown .select2-search__field {
- border-color: #222;
+ border-color: #222;
}
/* Checkout - Bank Transfer Border */
.woocommerce .bordered-block .payment_methods .payment_box {
- border-color: #222;
+ border-color: #222;
}
/* Cart - Coupon Holder Border */
.woocommerce .checkout_coupon .coupon-holder {
- border-color: #222;
+ border-color: #222;
}
/* Product: Make View Cart Clickable */
body.single-product .woocommerce .woocommerce-message {
- z-index: 2;
+ z-index: 2;
}
/* Cart - Border Color */
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table tr {
- border-bottom-color: #222;
+ border-bottom-color: #222;
}
/* About: About Text */
-.wpb_wrapper .section-title.about-us-title h2 {
- position: absolute;
- top: -110px;
- color: #FFF;
- margin: 0px;
- margin-left: 50px;
+.wpb_wrapper .section-title.about-us-title h2 {
+ position: absolute;
+ top: -110px;
+ color: #fff;
+ margin: 0px;
+ margin-left: 50px;
}
/* About: About Title */
.wpb_wrapper .section-title.about-us-title {
- margin: 0px;
+ margin: 0px;
}
/* About: Font Size and Padding */
.about-us {
- padding: 0px 50px;
- margin-bottom: 35px;
+ padding: 0px 50px;
+ margin-bottom: 35px;
}
/* About: Working Hours */
.working-hours {
- line-height: 40px;
+ line-height: 40px;
}
/* Contact: Remove Label Border */
.comment-form .labeled-textarea-row label,
.comment-form .labeled-input-row label,
.contact-form .form-group label {
- border-bottom-color: #222;
+ border-bottom-color: #222;
}
/* Blog - Caption on center */
body.single-post .wp-caption-text {
- text-align: center;
+ text-align: center;
}
/* Blog - Horizontal line */
body.single-post hr {
- border-color: #e0e0e0;
- border-style: dashed;
+ border-color: #e0e0e0;
+ border-style: dashed;
}
/* Blog: Single Post Title Margin */
.single-post .post .entry-header {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
/* Blog: Single Post Colorize Date and Categories */
.single-post .post .post-meta a,
.single-post .post .post-meta {
- color: #666;
+ color: #666;
}
/* Blog: Remove Underline on Titles */
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Blog: Sidebar */
.column--sidebar .blog-archive--widgets {
- border: 2px solid #222;
- padding: 30px 40px !important;
- margin-top: 0px;
+ border: 2px solid #222;
+ padding: 30px 40px !important;
+ margin-top: 0px;
}
/* Blog Post: Sidebar */
.single-post .post-sidebar {
- border: 2px solid #222;
- padding: 30px 40px !important;
+ border: 2px solid #222;
+ padding: 30px 40px !important;
}
/* Blog: Sidebar Remove Top Margin */
.column--sidebar .blog-archive--widgets {
- margin-top: inherit;
+ margin-top: inherit;
}
/* Blog: Sidebar Link Color */
.column--sidebar .blog-archive--widgets .widget ul li {
- padding: 3px 0;
+ padding: 3px 0;
}
/* Blog: Sidebar Link Color */
.column--sidebar .blog-archive--widgets .widget ul li a {
- color: #777;
+ color: #777;
}
/* Blog: Post Info */
.blog-posts .post-item.template-standard .post-details {
- padding: 35px 10px;
+ padding: 35px 10px;
}
/* Blog: Sidebar */
.portfolio-holder .portfolio-item.with-padding {
- padding: 0px 15px;
+ padding: 0px 15px;
}
-
/* Blog: Hide Icons */
.blog-posts .post-item .post-details .post-meta i.icon {
- display: none;
+ display: none;
}
/* Blog: Date Text Decoration */
.blog-posts .post-item .post-details .post-meta {
- float: none;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 2px;
+ float: none;
+ text-transform: uppercase;
+ text-align: center;
+ letter-spacing: 2px;
}
/* Blog: Sidebar */
.blog-sidebar {
- border: 2px solid #222;
- padding: 30px 40px !important;
- margin-top: 0px;
+ border: 2px solid #222;
+ padding: 30px 40px !important;
+ margin-top: 0px;
}
/* Blog: Center Posts */
.blog-posts .post-item.template-standard .post-details {
- text-align: center;
+ text-align: center;
}
/* Blog Widgets: Remove Borders */
.wpb_wrapper .lab-blog-posts .blog-post-entry,
.blog-posts .post-item.template-standard .post-details,
.blog-posts .post-item.template-standard .post-thumbnail {
- border: none;
+ border: none;
}
/* Blog Widgets: Post Date */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date {
- text-transform: uppercase;
- letter-spacing: 3px;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-date {
+ text-transform: uppercase;
+ letter-spacing: 3px;
}
/* Blog Widgets: Hide Description */
.blog-post-excerpt {
- display: none;
+ display: none;
}
/* Blog Widgets: Remove Padding */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
- padding-left: 10px;
- padding-right: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
}
/* Page: Center Title */
.centered-title {
- text-align: center;
+ text-align: center;
}
/* Page: White Title */
.white-title h2 {
- color: #FFF;
+ color: #fff;
}
/* Page: White Paragraph */
.white-title p {
- color: #FFF;
+ color: #fff;
}
/* Page Title Margin */
.wpb_wrapper .section-title {
- margin: 50px 0;
+ margin: 50px 0;
}
/* Page Title */
.wp-page-title {
- margin: 50px 0;
+ margin: 50px 0;
}
/* Page Title: Remove Margin from Heading */
.section-title h1,
.section-title h2,
.section-title h3 {
- margin: 0px;
+ margin: 0px;
}
/* Forms: Border Bottom Color */
@@ -722,180 +788,147 @@ body.single-post hr {
.comment-form textarea,
.contact-form input,
.contact-form textarea {
- border-bottom-color: #222;
+ border-bottom-color: #222;
}
/* Forms: Textarea Line Color */
.contact-form textarea,
.comment-form textarea {
- background-image: linear-gradient(#222 1px, transparent 1px);
+ background-image: linear-gradient(#222 1px, transparent 1px);
}
/* Cart: Remove from Cart Visible */
.woocommerce .shop_table .cart_item .product-remove a {
- visibility: visible;
- opacity: 1;
+ visibility: visible;
+ opacity: 1;
}
/* Cart: Table Border Color */
.woocommerce .shop_table tr {
- border-bottom-color: #222;
+ border-bottom-color: #222;
}
/* Visual Composer List Color */
.wpb_wrapper .wpb_text_column ol li,
.wpb_wrapper .wpb_text_column ul li {
- color: inherit;
+ color: inherit;
}
/* Newsletter: Input Color */
-.email-container .field-wrap > div input{
- background: transparent;
- border: none;
- border-bottom: 2px solid rgba(255,255,255,0.1);
- margin-top: 40px;
- padding: 10px 0px;
- color: #FFF;
+.email-container .field-wrap > div input {
+ background: transparent;
+ border: none;
+ border-bottom: 2px solid rgba(255, 255, 255, 0.1);
+ margin-top: 40px;
+ padding: 10px 0px;
+ color: #fff;
}
/* Login: Border Input Color */
.woocommerce .bordered-block .login .absolute input,
.woocommerce .bordered-block .register .absolute input,
.woocommerce .bordered-block.with-form-labels .absolute input {
- border-bottom-color: #222;
-}
-
-/* Body: Large Screens */
-@media (min-width: 1400px) {
- .container, .content-area {
- width: 1370px;
- max-width: 1370px;
- }
-
- .vc-container .vc-parent-row.row-stretch_row>.vc_row,
- .vc-container .vc-parent-row.row-default {
- width: 1370px;
- max-width: 1370px;
- }
-
- .woocommerce .products.columns-3 .product {
- width: 33.3%;
- }
-}
-
-/* Body: Large Screens */
-@media (min-width: 1600px) {
- .container, .content-area {
- width: 1570px;
- max-width: 1570px;
- }
-
- .vc-container .vc-parent-row.row-stretch_row>.vc_row,
- .vc-container .vc-parent-row.row-default {
- width: 1570px;
- max-width: 1570px;
- }
-
- .woocommerce .products.columns-3 .product {
- width: 33.3%;
- }
+ border-bottom-color: #222;
}
/* Mobile View CSS */
@media screen and (max-width: 768px) {
- /* Shop: Sale Button Inside Image */
- .single-product.woocommerce .product .onsale {
- right: 30px;
- }
-
- /* Shop - Description Remove Top Padding */
- .woocommerce .woocommerce-tabs {
- padding-top: 0px;
- }
-
- /* Shop - Reviews */
- .woocommerce .woocommerce-tabs .entry-content {
- width: auto;
- }
-
- /* Shop - Reviews */
- .woocommerce .woocommerce-tabs .entry-content #reviews #review_form_wrapper .form-submit {
- width: 100%;
- margin: 0px;
- padding: 0px 15px;
- }
-
- /* Shop - Reviews Remove Background */
- .woocommerce .woocommerce-tabs .tabs li {
- background: transparent;
- padding: 0px;
- text-align: left;
- }
-
- /* Shop - Reviews Remove Border */
- .woocommerce .woocommerce-tabs .tabs li a {
- background: transparent;
- padding: 5px 0px;
- transition: none;
- }
-
- .woocommerce .woocommerce-tabs .tabs li.active {
- background: transparent !important;
- }
-
- .woocommerce .single-product .summary {
- padding: 10px 0px;
- margin: 0px;
- }
-
- .woocommerce .summary .group_table .button,
- .woocommerce .summary form.cart .button {
- width: 100%;
- margin-left: 0px;
- }
-
- /* About Us: Remove Padding */
- .about-us {
- padding: 0px;
- }
-
- /* About Us: Title */
- .wpb_wrapper .section-title.about-us-title h2 {
- position: relative;
- top: 0px;
- color: #222;
- margin: 0px;
- margin-left: 0px;
- margin-bottom: 20px;
- }
-
- /* Login and Register: Padding */
- .woocommerce .col2-set .col-1 {
- padding-right: 15px;
- }
-
- /* Login and Register: Padding */
- .woocommerce .col2-set .col-2 {
- padding-left: 15px;
- }
+ /* Shop: Sale Button Inside Image */
+ .single-product.woocommerce .product .onsale {
+ right: 30px;
+ }
+
+ /* Shop - Description Remove Top Padding */
+ .woocommerce .woocommerce-tabs {
+ padding-top: 0px;
+ }
+
+ /* Shop - Reviews */
+ .woocommerce .woocommerce-tabs .entry-content {
+ width: auto;
+ }
+
+ /* Shop - Reviews */
+ .woocommerce
+ .woocommerce-tabs
+ .entry-content
+ #reviews
+ #review_form_wrapper
+ .form-submit {
+ width: 100%;
+ margin: 0px;
+ padding: 0px 15px;
+ }
+
+ /* Shop - Reviews Remove Background */
+ .woocommerce .woocommerce-tabs .tabs li {
+ background: transparent;
+ padding: 0px;
+ text-align: left;
+ }
+
+ /* Shop - Reviews Remove Border */
+ .woocommerce .woocommerce-tabs .tabs li a {
+ background: transparent;
+ padding: 5px 0px;
+ transition: none;
+ }
+
+ .woocommerce .woocommerce-tabs .tabs li.active {
+ background: transparent !important;
+ }
+
+ .woocommerce .single-product .summary {
+ padding: 10px 0px;
+ margin: 0px;
+ }
+
+ .woocommerce .summary .group_table .button,
+ .woocommerce .summary form.cart .button {
+ width: 100%;
+ margin-left: 0px;
+ }
+
+ /* About Us: Remove Padding */
+ .about-us {
+ padding: 0px;
+ }
+
+ /* About Us: Title */
+ .wpb_wrapper .section-title.about-us-title h2 {
+ position: relative;
+ top: 0px;
+ color: #222;
+ margin: 0px;
+ margin-left: 0px;
+ margin-bottom: 20px;
+ }
+
+ /* Login and Register: Padding */
+ .woocommerce .col2-set .col-1 {
+ padding-right: 15px;
+ }
+
+ /* Login and Register: Padding */
+ .woocommerce .col2-set .col-2 {
+ padding-left: 15px;
+ }
}
.single_add_to_cart_button:hover {
- color: #222 !important;
+ color: #222 !important;
}
-
.woocommerce.single-product .summary p.price {
- margin: 40px 0;
- color: #000;
+ margin: 40px 0;
+ color: #000;
}
/* Size guide font color */
.ct-size-guide table td {
- color: #fff;
+ color: #fff;
}
-
/* ===========================================================
Custom modification only for FASHION Demo - END
=========================================================== */
@@ -904,5 +937,5 @@ Custom modification only for FASHION Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-fitness/style.css b/kalium-child-fitness/style.css
index a1ea489..717cfe9 100755
--- a/kalium-child-fitness/style.css
+++ b/kalium-child-fitness/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Fitness Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,866 +16,964 @@ Custom modification only for FITNESS Demo - START
/* Link underline height */
.main-footer a:after,
.wrapper a:after {
- height: 2px;
- bottom: -3px;
+ height: 2px;
+ bottom: -3px;
}
/* Forms: Remove Autofill */
input:-webkit-autofill {
- box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
- -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
- -moz-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
- -o-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
+ box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
+ -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
+ -moz-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
+ -o-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;
}
/* Menu Underline Color */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul>li>a:after,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu>li>a:after {
- background-color: #dd1f26 !important;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-light
+ div.menu
+ > ul
+ > li
+ > a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-light
+ ul.menu
+ > li
+ > a:after {
+ background-color: #dd1f26 !important;
}
/* Menu Underline Show */
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a:after,
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul ul li a:after {
- position: relative;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ ul
+ li
+ a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ ul
+ li
+ a:after {
+ position: relative;
}
/* Page Title: Margin Top */
.section-title {
- margin-top: 30px;
+ margin-top: 30px;
}
/* Page Title: Margin Top */
-.wpb_wrapper .section-title>h2 {
- margin-top: 30px;
+.wpb_wrapper .section-title > h2 {
+ margin-top: 30px;
}
/* Page Title: Remove Margin Top for Partners */
-.partners .wpb_wrapper .section-title>h2 {
- margin-top: 0px !important;
+.partners .wpb_wrapper .section-title > h2 {
+ margin-top: 0px !important;
}
/* Header: Border Bottom */
.main-header {
- border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
/* Header: Hide Border Bottom on Homepage */
body.home .main-header {
- border-bottom: none !important;
+ border-bottom: none !important;
}
/* Header: Hide Border Bottom When Sticky Menu is Active */
header.main-header.is-sticky.sticky-initialized.sticky-active.sticky-fully-hidden {
- border-bottom: 1px transparent;
+ border-bottom: 1px transparent;
}
/* Contact - Contact Form */
.contact-form .form-group,
.comment-respond .labeled-textarea-row,
.comment-respond .labeled-input-row {
- padding: 16px 22px;
- background: #F0F0F0;
- margin-bottom: 30px;
+ padding: 16px 22px;
+ background: #f0f0f0;
+ margin-bottom: 30px;
}
.contact-form .contact-form-privacy-policy {
- padding: 0px;
- background: transparent;
+ padding: 0px;
+ background: transparent;
}
-.contact-form .form-group label, .comment-form label {
- margin-right: 10px;
+.contact-form .form-group label,
+.comment-form label {
+ margin-right: 10px;
}
.single-post .comment-form {
- width: 100%;
- margin-left: 0px;
+ width: 100%;
+ margin-left: 0px;
}
.logged-in-as {
- padding-left: 0px !important;
+ padding-left: 0px !important;
}
-.single-post .comment-form>p {
- padding: 16px 22px;
+.single-post .comment-form > p {
+ padding: 16px 16px;
}
-.single-post .comment-form>p.form-submit {
- padding: 0px;
+.single-post .comment-form > p.form-submit {
+ padding: 0px;
}
.comment-respond .labeled-input-row {
- border-right: 1px solid #FFF;
+ border-right: 1px solid #fff;
}
/* Contact - Placeholder */
.contact-form .form-group label,
.comment-respond .labeled-textarea-row label,
.comment-respond .labeled-input-row label {
- border-bottom: none;
- color: #999;
+ border-bottom: none;
+ color: #999;
}
/* Contact - Fields Styling */
.contact-form input,
.contact-form textarea {
- background-image: none;
- border-bottom: none;
- padding: 0px;
+ background-image: none;
+ border-bottom: none;
+ padding: 0px;
}
/* Contact - Send Button */
.contact-form .send {
- margin: 0px;
+ margin: 0px;
}
@media screen and (max-width: 768px) {
- /* Contact - Send Button Full Width in Mobile */
- .contact-form .send {
- width: 100%;
- }
+ /* Contact - Send Button Full Width in Mobile */
+ .contact-form .send {
+ width: 100%;
+ }
- /* Contact - Margin Bottom in Mobile */
- .contact-form .form-group {
- margin-bottom: 15px;
- }
+ /* Contact - Margin Bottom in Mobile */
+ .contact-form .form-group {
+ margin-bottom: 15px;
+ }
}
-
/* Contact: Address Padding */
.our-location {
- padding: 65px 0;
+ padding: 65px 0;
}
/* Contact: Address Padding on Mobile */
@media screen and (max-width: 768px) {
- .our-location {
- padding: 35px 0;
- }
+ .our-location {
+ padding: 35px 0;
+ }
}
/* Contact: Remove Margin from Title */
-.our-location .wpb_wrapper .section-title>h2 {
- margin-top: 0px;
+.our-location .wpb_wrapper .section-title > h2 {
+ margin-top: 0px;
}
/* Contact: Social Networks Remove Margin */
.contact-form .social-networks.rounded {
- margin-left: 0px;
- padding-left: 0px;
+ margin-left: 0px;
+ padding-left: 0px;
}
/* Contact: Social Networks Background Color */
.social-networks.rounded li a {
- background: #EEE;
+ background: #eee;
}
/* Contact: Social Networks Margin */
.social-networks.rounded li {
- margin-right: 10px;
+ margin-right: 10px;
}
/* Shop: Center Item */
.woocommerce .products .product .item-info .item-info-row,
-.woocommerce .product .item-info .item-info-row>.price-column,
-.woocommerce .product .item-info .item-info-row>.title-column {
- display: block !important;
- text-align: center;
+.woocommerce .product .item-info .item-info-row > .price-column,
+.woocommerce .product .item-info .item-info-row > .title-column {
+ display: block !important;
+ text-align: center;
}
/* Shop - Single Product Image Size */
.woocommerce.single-product .single-product .images a img {
- width: auto !important;
- position: relative;
+ width: auto !important;
+ position: relative;
}
/* Shop - Single Product Background Image */
.woocommerce .image-placeholder {
- background: transparent;
+ background: transparent;
}
/* Shop - Image Centering Settings */
.product-images .image-placeholder img {
- width: auto !important;
+ width: auto !important;
}
/* Shop - Price Styling */
.woocommerce .product.catalog-layout-default .item-info .price {
- float: none;
+ float: none;
}
/* Shop - Price Size and Color */
.woocommerce .product .item-info .price ins,
.woocommerce .product .item-info .price > .amount {
- color: #6b829e;
+ color: #6b829e;
}
/* Shop - Price Size and Color on Related Products */
.single-product .woocommerce .related .product .item-info .price ins,
.single-product .woocommerce .related .product .item-info .price > .amount {
- color: #6b829e;
-
+ color: #6b829e;
}
/* Shop - Sale Button Styling */
.woocommerce .product .onsale {
- background: #dd1f26;
- color: #fff;
- border-radius: 0px;
- transform: skew(-10deg);
- height: auto !important;
- padding: 0px;
- top: -12px;
- margin-right: -8px;
+ background: #dd1f26;
+ color: #fff;
+ transform: skew(-10deg);
+ height: auto !important;
+ padding: 0px;
+ top: -12px;
+ margin-right: -8px;
+ border-radius: 2px;
}
/* Shop - Out of Stock Style */
.woocommerce .product .onsale.oos {
- padding: 10px 0;
+ padding: 10px 0;
}
/* Shop - Hide Out of Stock on Hover */
a.woocommerce-LoopProduct-link:after {
- display: none;
+ display: none;
}
/* Shop - Featured Button Styling */
.woocommerce .product .onsale.featured {
- width: 80px;
+ width: 80px;
}
/* Shop - Sale Button Styling */
.woocommerce .product .product-images {
- background: #EEE;
+ background: #eee;
}
/* Shop - Item Title Margin */
.woocommerce .product .item-info h3 {
- margin-bottom: 5px;
+ margin-bottom: 5px;
}
/* Shop - Item Title Underline on Hover */
.woocommerce .product .item-info h3 a {
- border-bottom: 2px solid transparent;
+ border-bottom: 2px solid transparent;
}
/* Shop - Item Title Underline on Hover */
.woocommerce .product .item-info h3 a:hover {
- border-bottom: 2px solid #dd1f26 ;
+ border-bottom: 2px solid #dd1f26;
}
/* Shop - Catalog Image Width */
-.woocommerce .product .product-images {
- background: #EEE;
+.woocommerce .product .product-images {
+ background: #eee;
}
.woocommerce .product .product-images a {
- max-width: 50%;
- margin: 50px auto;
+ max-width: 50%;
+ margin: 50px auto;
}
/* Shop - Price Filter */
-.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle+.ui-slider-handle {
- margin-left: -9px;
+.widget.widget_price_filter
+ .price_slider_wrapper
+ .price_slider
+ .ui-slider-handle
+ + .ui-slider-handle {
+ margin-left: -9px;
}
/* Shop - Price Filter Slider */
-.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
- margin-left: -5px;
- width: 5px;
- height: 5px;
- border-radius: 0px;
- margin-top: -6px;
- transform: skew(-10deg);
+.widget.widget_price_filter
+ .price_slider_wrapper
+ .price_slider
+ .ui-slider-handle {
+ margin-left: -5px;
+ width: 5px;
+ height: 5px;
+ border-radius: 0px;
+ margin-top: -6px;
+ transform: skew(-10deg);
}
/* Shop - Price Filter Button */
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button {
- border-radius: 0px !important;
+ border-radius: 0px !important;
}
/* Shop - Item Info List */
.summary ul {
- margin-left: 0px;
- padding-left: 0px;
- color: #333;
+ margin-left: 0px;
+ padding-left: 0px;
+ color: #333;
}
/* Shop - Item Info List Styling */
.summary ul li {
- list-style-type: disc;
- list-style-position: inside;
+ list-style-type: disc;
+ list-style-position: inside;
}
-
/* Shop - Table Button */
.woocommerce .item-info .group_table .button,
.woocommerce .woocommerce .item-info form.cart .button {
- border-radius: 0px;
+ border-radius: 0px;
}
/* Shop - Item Tabs */
.woocommerce .woocommerce-tabs .tabs li a,
.woocommerce .woocommerce-tabs .tabs li.active a {
- color: #1c395e;
+ color: #1c395e;
}
/* Shop - Item Tabs (Active) */
.woocommerce .woocommerce-tabs .tabs li.active:after {
- height: 2px;
- background: #dd1f26;
- content: " ";
- display: block;
- margin: 0 20px;
- left: 0px;
- margin-bottom: -2px;
+ height: 2px;
+ background: #dd1f26;
+ content: " ";
+ display: block;
+ margin: 0 20px;
+ left: 0px;
+ margin-bottom: -2px;
}
/* Shop - Item Tabs Styling in Mobile and Tablet View */
@media screen and (max-width: 768px) {
- .woocommerce .woocommerce-tabs .tabs li.active:after {
- display: none;
- }
+ .woocommerce .woocommerce-tabs .tabs li.active:after {
+ display: none;
+ }
- .woocommerce .woocommerce-tabs .tabs {
- margin-bottom: 0px;
- }
+ .woocommerce .woocommerce-tabs .tabs {
+ margin-bottom: 0px;
+ }
- .woocommerce .woocommerce-tabs .tabs li {
- border-bottom: none;
- }
+ .woocommerce .woocommerce-tabs .tabs li {
+ border-bottom: none;
+ }
- .woocommerce .woocommerce-tabs .tabs li.active a {
- color: #dd1f26;
- }
+ .woocommerce .woocommerce-tabs .tabs li.active a {
+ color: #dd1f26;
+ }
}
/* Shop - Single Item Image Size */
.woocommerce.single-product .single-product .images a img {
- width: 50% !important;
- margin: 0 auto;
+ width: 50% !important;
+ margin: 0 auto;
}
/* Shop - Single Item Image */
.single-product .images {
- background: #EEE;
+ background: #eee;
}
/* Shop - Single Iteme Image Resize to 50% */
-.kalium-woocommerce-product-gallery .main-product-images .woocommerce-product-gallery__image a {
- max-width: 50%;
- margin: 50px auto;
+.kalium-woocommerce-product-gallery
+ .main-product-images
+ .woocommerce-product-gallery__image
+ a {
+ max-width: 50%;
+ margin: 50px auto;
}
-.woocommerce .single-product .kalium-woocommerce-product-gallery .main-product-images.carousel .woocommerce-product-gallery__image {
- background: #EEE;
+.woocommerce
+ .single-product
+ .kalium-woocommerce-product-gallery
+ .main-product-images.carousel
+ .woocommerce-product-gallery__image {
+ background: #eee;
}
/* Shop - Single Item Price Styling */
.single-product .woocommerce .product .item-info .price ins,
.single-product .woocommerce .product .item-info .price > .amount {
- border-bottom: 0px;
- color: #dd1f26;
+ border-bottom: 0px;
+ color: #dd1f26;
}
/* Shop - Single Item Hide Product Meta */
.product_meta {
- display: none;
+ display: none;
}
/* Shop - Single Item Hide Tabs Heading */
.woocommerce .woocommerce-tabs .entry-content h2 {
- display: none;
+ display: none;
}
/* Shop - Single Item Summary Color */
.woocommerce.single-product .single-product .summary .product_title {
- color: #1b3453;
+ color: #1b3453;
}
/* Shop - Single Item Table */
.woocommerce .shop_table thead th {
- padding-bottom: 12px;
+ padding-bottom: 12px;
}
/* Shop - Button */
.woocommerce .button {
- border-radius: 0px;
- color: #FFF;
+ border-radius: 0px;
+ color: #fff;
}
.woocommerce .button:hover {
- color: #FFF;
+ color: #fff;
}
/* Shop - Login and Register */
.woocommerce .bordered-block .login .absolute input,
.woocommerce .bordered-block .register .absolute input,
.woocommerce .bordered-block.with-form-labels .absolute input {
- border-bottom: 0px;
- padding-bottom: 0px;
+ border-bottom: 0px;
+ padding-bottom: 0px;
}
/* Shop - Login and Register Color */
.woocommerce .bordered-block h2 {
- color: #1b3453;
+ color: #1b3453;
}
/* Shop - Single Item Remove Image Background from Carousel */
.shop-carousel .woocommerce {
- background: transparent;
+ background: transparent;
}
/* Shop - Single Item Remove Image Background */
.shop-carousel .woocommerce .product .product-images {
- background: transparent;
- padding: 0px;
+ background: transparent;
+ padding: 0px;
}
/* Footer */
.main-footer .footer-bottom-content {
- padding: 20px 0;
+ padding: 20px 0;
}
/* Footer Bottom Link Colour */
.site-footer .footer-bottom a {
- color: #fff;
+ color: #fff;
}
.site-footer .footer-bottom a:hover {
- color: #dd1f25;
+ color: #dd1f25;
}
-
/* Footer - Widget Color */
.main-footer .widget ul li {
- color: #FFF;
+ color: #fff;
}
/* Footer Border Color */
.main-footer.main-footer-inverted hr {
- border-color: rgba(255,255,255,.1);
+ border-color: rgba(255, 255, 255, 0.1);
}
/* Footer Background Color */
footer.main-footer {
- background-color: #1b3453 !important;
+ background-color: #1b3453 !important;
}
/* Footer Spacing */
.main-footer .footer-widgets {
- margin-top: 50px;
- margin-bottom: 10px;
+ margin-top: 50px;
+ margin-bottom: 10px;
}
.main-footer .footer-widgets .widget li {
- border-bottom: none;
+ border-bottom: none;
+}
+
+/* Working hours */
+.top-header-bar .working-hours {
+ margin: 0px;
+ padding-left: 0px;
}
/* Remove Bottom Border */
+.top-header-bar .working-hours li,
.main-footer .footer-widgets .widget .working-hours li {
- border-bottom: 1px dotted rgba(255,255,255,0.1);
- padding: 8px 0;
+ border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
+ padding: 8px 0;
+}
+
+/* Top header menu */
+.main-header.menu-type-standard-menu
+ .top-header-bar
+ .standard-menu-container
+ ul.menu
+ > li
+ > a {
+ font-style: normal;
}
/* Working Hours - Open */
+.top-header-bar .working-hours li span,
.main-footer .footer-widgets .widget .working-hours li span {
- float: right;
- background: #DD1F26;
- color: #FFF;
- padding: 2px 6px;
- clear: both;
+ float: right;
+ background: #dd1f26;
+ color: #fff;
+ padding: 0px 3px;
+ clear: both;
+ border-radius: 2px;
}
/* Working Hours - Closed */
+.top-header-bar .working-hours li span.closed,
.main-footer .footer-widgets .widget .working-hours li span.closed {
- background: #4b6688;
+ background: #4b6688;
+}
+
+/* Working Hours - Top header */
+.top-header-bar .working-hours li {
+ float: left;
+ list-style-type: none;
+ margin-right: 10px;
+ border: none;
+ padding: 0px;
+}
+
+/* Working Hours - Top header */
+.top-header-bar .working-hours li span {
+ margin-left: 5px;
+ padding: 0px 4px;
}
/* Instagram Feed */
.widget.null-instagram-feed .instagram-pics {
- max-width: none;
- margin: 0px;
+ max-width: none;
+ margin: 0px;
}
/* Instagram Feed - Image Width */
.widget.null-instagram-feed .instagram-pics li {
- width: 16.6666%;
- padding: 0px;
+ width: 16.6666%;
+ padding: 0px;
}
/* Instagram Feed - Image Spacing */
.widget.null-instagram-feed .instagram-pics li a {
- padding: 1px;
+ padding: 1px;
}
/* Comments */
-.comment-form input, .comment-form textarea {
- border-bottom: 0px;
+.comment-form input,
+.comment-form textarea {
+ border-bottom: 0px;
}
/* Benefits Icon Size */
.benefits .wpb_single_image img {
- width: 64px;
+ width: 64px;
}
/* Join Us Button */
.join-us-button a {
- background-color: #dd1f26 !important;
- color: #FFF !important;
+ background-color: #dd1f26 !important;
+ color: #fff !important;
}
/* Join Us Button Hover */
.join-us-button a:hover {
- color: #FFF !important;
+ color: #fff !important;
}
/* Join Us Button Hide Border */
-.join-us-button a:after{
- display: none;
+.join-us-button a:after {
+ display: none;
}
/* Join Us Banner - Remove Bottom Margin */
.vc_cta3-container {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Join Us Button - Styling in Mobile and Tablet View */
@media screen and (max-width: 768px) {
- .join-us-button {
- width: 100%;
- margin-top: 30px;
- margin-bottom: 0px;
- }
+ .join-us-button {
+ width: 100%;
+ margin-top: 30px;
+ margin-bottom: 0px;
+ }
- .join-us-button a {
- width: 100%;
- }
+ .join-us-button a {
+ width: 100%;
+ }
}
/* Coming Soon */
.coming-soon-container {
- text-align: left;
- padding-top: 250px;
+ text-align: left;
+ padding-top: 250px;
}
/* Coming Soon: Remove Margins */
.coming-soon-container .col-sm-offset-2 {
- margin-left: 0px;
+ margin-left: 0px;
}
-
/* Coming Soon: Small Letters Margin */
.coming-soon-container .message-container p {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Team Members */
.team-holder .member .hover-state {
- top: auto !important;
- padding: 40px 0px 0px 0px !important;
- display: block;
- bottom: 0 !important;
- left: 0 !important;
- right: 0 !important;
- opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
- visibility: visible;
+ top: auto !important;
+ padding: 40px 0px 0px 0px !important;
+ display: block;
+ bottom: 0 !important;
+ left: 0 !important;
+ right: 0 !important;
+ opacity: 1;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
+ visibility: visible;
}
/* Team Members: Text */
.team-holder .member .hover-state .member-details {
- bottom: 0px;
- position: relative;
- padding: 20px 25px;
+ bottom: 0px;
+ position: relative;
+ padding: 20px 25px;
}
/* Team Members: Gradient */
.member .hover-state {
- background-color: transparent !important;
- background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
- background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%);
- background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
+ background-color: transparent !important;
+ background: -moz-linear-gradient(
+ top,
+ rgba(0, 0, 0, 0) 0%,
+ rgba(0, 0, 0, 0.5) 50%,
+ rgba(0, 0, 0, 0.8) 100%
+ );
+ background: -webkit-linear-gradient(
+ top,
+ rgba(0, 0, 0, 0) 0%,
+ rgba(0, 0, 0, 0.5) 50%,
+ rgba(0, 0, 0, 0.8) 100%
+ );
+ background: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0) 0%,
+ rgba(0, 0, 0, 0.5) 50%,
+ rgba(0, 0, 0, 0.8) 100%
+ );
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
/* Blog - Post Margin*/
.blog-holder .box-holder .post-info {
- margin-top: 30px;
+ margin-top: 30px;
}
/* Blog - Date */
.blog-posts .post-item .post-details .post-meta.date {
- position: absolute;
- top: 10px;
- left: 200px;
- background: #dd1f26;
- color: #FFF;
- width: auto;
- text-align: center;
- line-height: 14px;
- padding: 13px 15px;
- z-index: 100;
- border-radius: 60px;
- transform: skew(-10deg);
+ position: absolute;
+ top: 10px;
+ left: 200px;
+ background: #dd1f26;
+ color: #fff;
+ width: auto;
+ text-align: center;
+ line-height: 14px;
+ padding: 13px 15px;
+ z-index: 100;
+ border-radius: 60px;
+ transform: skew(-10deg);
}
/* Blog - Hide Date and Category Icon */
.blog-posts .post-item .post-details .post-meta i {
- display: none;
+ display: none;
}
/* Blog - Date Font Settings */
.blog-posts .post-item .post-details .post-meta.date span {
- display: block;
+ display: block;
}
/* Blog - Sidebar Recent Comment */
.widget.widget_recent_comments li a {
- display: inline !important;
+ display: inline !important;
}
/* Blog - Sidebar List Borders */
.widget li {
- padding: 7px 0;
- border-bottom: 1px solid #EEE;
- border-top: none !important;
+ padding: 7px 0;
+ border-bottom: 1px solid #eee;
+ border-top: none !important;
+}
+
+/* Blog - Sidebar Search */
+.widget.widget_product_search .search-bar input[name="s"],
+.widget.widget_search .search-bar input[name="s"] {
+ border-radius: 5px;
+ transform: skew(-5deg, 0deg);
}
/* Blog - Blog Posts Title Size */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a {
- line-height: 20px;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a {
+ line-height: 20px;
}
/* Blog - Remove Underline from Titles */
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Clients - Margin Bottom */
.logos-holder.no-image-borders .c-logo {
- margin-bottom: 35px !important;
+ margin-bottom: 35px !important;
}
/* Clients - Logo Size */
.partners .c-logo img {
- max-width: 50%;
+ max-width: 50%;
}
/* Classes */
.portfolio-holder .item-box .photo a {
- background: #000;
+ background: #000;
}
/* Classes - Image Opacity */
.portfolio-item .image-placeholder {
- opacity: 0.7;
- -moz-opacity: 0.7;
- filter: alpha(opacity=70);
- transition: all 0.2s;
+ opacity: 0.7;
+ -moz-opacity: 0.7;
+ filter: alpha(opacity=70);
+ transition: all 0.2s;
}
/* Classes - Image Opacity on Hover */
.portfolio-holder .item-box .photo a:hover .image-placeholder {
- opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
+ opacity: 1;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
}
/* Classes and Blog Category */
.blog-posts .post-item .post-details .post-meta.category a {
- color: #6b829e;
+ color: #6b829e;
}
/* Classes - Custom Class Padding */
.class-custom-padding {
- padding: 0 30px;
+ padding: 0 30px;
}
/* No Padding on Mobile */
@media screen and (max-width: 768px) {
- .no-padding-mobile {
- padding: 0px !important;
- }
+ .no-padding-mobile {
+ padding: 0px !important;
+ }
}
/* Classes - Filter Color When Active */
.product-filter ul li.active a {
- color: #1b3453;
+ color: #1b3453;
}
/* Classes - Title and Category */
.portfolio-holder .item-box .info {
- padding: 10px 0 !important;
- position: absolute;
- left: 30px;
- bottom: 0;
+ padding: 10px 0 !important;
+ position: absolute;
+ left: 30px;
+ bottom: 0;
}
-
/* Classes - Title Color */
.portfolio-holder .item-box .info h3 a {
- color: #FFF;
+ color: #fff;
}
/* Classes - Category */
.portfolio-holder .item-box .info p a {
- color: #FFF;
- background: #dd1f26;
- padding: 1px 3px;
- top: -5px;
- position: absolute;
+ color: #fff;
+ background: #dd1f26;
+ padding: 1px 3px;
+ top: -5px;
+ position: absolute;
+ border-radius: 2px;
}
/* Classes - Color on Hover */
.portfolio-holder .item-box .info p a:hover {
- color: #FFF;
+ color: #fff;
}
/* Classes - Remove Underline */
.portfolio-holder .item-box .info p a:after {
- display: none;
+ display: none;
}
/* Classes - Center Title in Homepage */
.homepage-classes .pt-column {
- margin: auto;
- text-align: center;
+ margin: auto;
+ text-align: center;
}
/* Classes - Hide Overlay */
.portfolio-holder .item-box .photo .on-hover {
- display: none;
+ display: none;
}
/* Classes - Timetable */
.timetable ul {
- padding: 0px !important;
+ padding: 0px !important;
}
/* Classes - Timetable Styling */
.timetable ul li {
- color: #1b3453 !important;
- background: #EEE;
- list-style: none;
- padding: 12px !important;
- margin-bottom: 2px;
+ color: #1b3453 !important;
+ background: #eee;
+ list-style: none;
+ padding: 12px !important;
+ margin-bottom: 2px;
}
/* Classes - Timetable Time */
.timetable ul li strong {
- float: right;
- color: #999;
+ float: right;
+ color: #999;
}
/* Classes - Full Width Image */
.full-width-image img {
- width: 100%;
+ width: 100%;
}
/* Pricing Table - Text Alignment */
.pricing-table .plan {
- text-align: left;
- position: relative;
+ text-align: left;
+ position: relative;
}
/* Pricing Table - Header */
.pricing-table .plan .plan-head {
- text-align: left;
- padding: 35px 35px 20px 35px;
- border-bottom: 0px;
+ text-align: left;
+ padding: 35px 35px 20px 35px;
+ border-bottom: 0px;
}
/* Pricing Table - Header Text */
.pricing-table .plan .plan-head p {
- display: inline-block;
- margin-bottom:0px;
+ display: inline-block;
+ margin-bottom: 0px;
}
/* Pricing Table - Plan Name */
.pricing-table .plan .plan-name {
- position: absolute;
- left: 40px;
- top: 20px;
- padding: 0px;
- margin-bottom: 0px;
- border-bottom: 0px;
+ position: absolute;
+ left: 40px;
+ top: 20px;
+ padding: 0px;
+ margin-bottom: 0px;
+ border-bottom: 0px;
}
/* Pricing Table - Lists */
.pricing-table .plan li {
- padding: 10px 35px;
- color: #FFF;
- border-bottom: 1px solid #334d6e;
+ padding: 10px 35px;
+ color: #fff;
+ border-bottom: 1px solid #334d6e;
}
/* Pricing Table - Action Button */
.pricing-table .plan .plan-action {
- padding-bottom: 15px;
+ padding-bottom: 15px;
}
/* Pricing Table - Button */
.pricing-table .plan .plan-action .btn {
- width: 100%;
- margin: 0px;
- text-align: center;
+ width: 100%;
+ margin: 0px;
+ text-align: center;
}
/* Pricing Table - Selected */
.pricing-table.selected {
- margin-top: -25px;
+ margin-top: -25px;
}
/* Pricing Table - Mobile Fixes */
@media screen and (max-width: 768px) {
- .pricing-table.selected {
- margin-top: 0px;
- }
+ .pricing-table.selected {
+ margin-top: 0px;
+ }
- .pricing-table .plan {
- margin-bottom: 15px;
- }
+ .pricing-table .plan {
+ margin-bottom: 15px;
+ }
- .lab-vc-container .pricing-tables .vc_column_container {
- padding-left: 15px !important;
- padding-right: 15px !important;
- }
+ .lab-vc-container .pricing-tables .vc_column_container {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
}
/* Pricing Table - Selected Plan Header Padding */
.pricing-table.selected .plan .plan-head {
- padding: 40px 30px 30px 30px;
+ padding: 40px 30px 30px 30px;
}
/* Pricing Table - Selected Plan Name Margin */
.pricing-table.selected .plan .plan-name {
- top: 30px;
+ top: 30px;
}
/* Pricing Table - Selected Button Size */
.pricing-table.selected .plan .plan-action .btn {
- padding: 12px;
+ padding: 12px;
}
/* Customers Choice Ribbon */
span.customers-choice {
- position: absolute;
- top: -10px;
- background: #dd1f26;
- left: 30px;
- padding: 3px 6px;
+ position: absolute;
+ top: -10px;
+ background: #dd1f26;
+ left: 30px;
+ padding: 3px 6px;
}
/* Mobile Menu Font Styling */
-.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
- padding-bottom: 5px;
+.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > a,
+.mobile-menu-wrapper .mobile-menu-container ul.menu > li > a {
+ padding-bottom: 5px;
}
/* Footer Instagram Widget ALT */
.widget.null-instagram-feed .instagram-pics img {
- text-indent: -9999px;
+ text-indent: -9999px;
+}
+
+.footer-widgets .woocommerce {
+ background-color: transparent;
}
/* ===========================================================
@@ -886,5 +984,5 @@ Custom modification only for FITNESS Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-freelancer/style.css b/kalium-child-freelancer/style.css
index 8dc117d..aa6cbdd 100755
--- a/kalium-child-freelancer/style.css
+++ b/kalium-child-freelancer/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Freelancer Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,43 +16,53 @@ Custom modification only for FREELANCER Demo - START
/* Center Titles */
.wpb_wrapper .section-title {
- text-align: center;
+ text-align: center;
}
/* Titles: Top Margin */
-body.page .section-title h1, body.page .section-title h2, body.page .section-title h3 {
- margin-top: 60px !important;
+body.page .section-title h1,
+body.page .section-title h2,
+body.page .section-title h3 {
+ margin-top: 60px !important;
}
/* Top Menu: Bottom padding for contact form labels */
.top-menu--widgets .widgettitle {
- color: #FFF;
+ color: #fff;
}
/* Top Menu: Remove underline from titles on mouseover */
.top-menu-container .top-menu ul li a:after {
- background-color: transparent;
+ background-color: transparent;
}
/* Blog: Remove underline from titles on mouseover */
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Background Image */
.wrapper {
- background:url(https://demo.kaliumtheme.com/freelancer/wp-content/uploads/2015/04/pattern-29.jpg);
+ /* background:url(https://demo.kaliumtheme.com/freelancer/wp-content/uploads/2015/04/pattern-29.jpg); */
}
/* Contact: Input Form Border Color */
.labeled-input-row input {
- border-bottom-color: #ededed;
+ border-bottom-color: #ededed;
}
/* Contact: Input Form Border Color */
.labeled-textarea-row textarea {
- background-image: linear-gradient(#ededed 1px, transparent 1px);
+ background-image: linear-gradient(#ededed 1px, transparent 1px);
}
+
+/* Top Menu: Text Colors */
+.top-menu-container.menu-skin-dark .widget,
+.top-menu-container.menu-skin-dark .widget a,
+.top-menu-container.menu-skin-dark .widget p {
+ color: #c1c1c1 !important;
+}
+
/* ===========================================================
Custom modification only for FREELANCER Demo - END
=========================================================== */
@@ -61,5 +71,5 @@ Custom modification only for FREELANCER Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-hotel/style.css b/kalium-child-hotel/style.css
index 3bc6e04..6ed268a 100755
--- a/kalium-child-hotel/style.css
+++ b/kalium-child-hotel/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Hotel Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -13,35 +13,36 @@ Text Domain: kalium
/* ===========================================================
Custom modification only for HOTEL Demo - START
=========================================================== */
+
/* General: Title Divider */
.title-divider {
- margin-top: 15px !important;
- margin-bottom: 25px !important;
- width: 220px;
- height: auto;
+ margin-top: 15px !important;
+ margin-bottom: 25px !important;
+ width: 220px;
+ height: auto;
}
/* General: Image Shadow */
.image-shadow {
- -webkit-box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.30);
- box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.30);
+ -webkit-box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.3);
+ box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.3);
}
/* General: Title Top Margin */
.section-title {
- margin-top: 40px;
+ margin-top: 40px;
}
/* General: Line Height */
body,
p {
- line-height: 1.7;
+ line-height: 1.7;
}
/* General: Hide Underline */
.site-footer a:after,
.wrapper a:after {
- display: none;
+ display: none;
}
/* General: Text Link Hover Color */
@@ -49,1162 +50,1224 @@ p {
.blog-posts .post-item .post-details .post-title a:hover,
.single-post .post .post-meta a:hover,
.wrapper a:hover,
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:hover,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:hover,
body a:hover {
- color: #222;
+ color: #222;
}
/* General: Page Heading Spacing */
.page-heading {
- margin-bottom: 40px;
- margin-top: 40px;
+ margin-bottom: 40px;
+ margin-top: 40px;
}
/* General: Page Heading Width */
.page-heading--title-section {
- width: 100%;
- margin: 0 auto;
- max-width: 70%;
- text-align: center;
- position: relative;
- margin-bottom: 0;
- margin-top: 0;
+ width: 100%;
+ margin: 0 auto;
+ max-width: 70%;
+ text-align: center;
+ position: relative;
+ margin-bottom: 0;
+ margin-top: 0;
}
/* General: Page Heading Title Margin Bottom */
.page-heading--title,
.portfolio-title-holder .pt-column.pt-column-title h1 {
- margin-bottom: 15px;
+ margin-bottom: 15px;
}
/* General: Page Heading Description Remove Top Margin */
-.page-heading--description p~p {
- margin-top: 0px;
+.page-heading--description p ~ p {
+ margin-top: 0px;
}
/* Header: Menu */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li {
- margin-left: 30px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ + li,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ + li {
+ margin-left: 30px;
}
/* Header: Menu Hover Color */
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:hover {
- color: #c39a2c !important;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ > a:hover {
+ color: #c39a2c !important;
}
/* Header: Menu Active Item Color */
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current-menu-item>a,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current_page_parent>a,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:hover {
- color: #c39a2c !important;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li.current-menu-item
+ > a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ > a:hover {
+ color: #c39a2c !important;
}
/* Header: Sub Menu Border */
.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul ul,
.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul {
- background-color: #c39a2c !important;
- box-shadow: 0px 0px 0px 5px #c39a2c, inset 0px 0px 0px 1px rgba(255,255,255,.5) !important;
+ background-color: #c39a2c !important;
+ box-shadow: 0px 0px 0px 5px #c39a2c,
+ inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5) !important;
}
/* Form: Label */
.labeled-input-row label,
.labeled-textarea-row label {
- letter-spacing: 2px;
+ letter-spacing: 2px;
}
/* Homepage: Slider Bullets */
.custom .tp-bullet {
- width: 60px;
- height: 2px;
- background: rgba(255,255,255,0.5);
+ width: 60px;
+ height: 2px;
+ background: rgba(255, 255, 255, 0.5);
}
/* Homepage: Slider Bullets */
.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
- background: rgba(255,255,255,1);
+ background: rgba(255, 255, 255, 1);
}
/* Homepage: Intro Row Spacing */
.homepage-intro {
- padding: 45px 0;
+ padding: 45px 0;
}
/* Homepage: Auto Type Text */
.home-auto-type h2 {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Homepage: Service Icons */
.service-icons {
- padding-top: 35px;
+ padding-top: 35px;
}
/* Homepage: Service Icons */
.service-icons img {
- height: 48px;
- width: auto;
+ height: 48px;
+ width: auto;
}
/* Homepage: Reviews */
.homepage-reviews {
- padding-top: 45px;
+ padding-top: 45px;
}
/* Homepage: Reviews */
.vc_tta-container {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Homepage: Reviews */
.review-tabs {
- width: 60%;
- margin: 0 auto;
+ width: 60%;
+ margin: 0 auto;
}
/* Homepage: Show more Button */
-.homepage-events .show-more {
- margin: 0px;
+.homepage-events .show-more {
+ margin: 0px;
}
/* Homepage: Blog Posts More Button */
.home .show-more .reveal-button {
- border: none;
- letter-spacing: 2px;
+ border: none;
+ letter-spacing: 2px;
}
/* Homepage: Blog Posts More Button Color */
.home .show-more .reveal-button a {
- color: #000;
- box-shadow: 0px 0px 0px 1px rgba(0,0,0,.1), 0px 0px 0px 2px #FFF, 0px 0px 0px 3px rgba(0,0,0,.1);
+ color: #000;
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 2px #fff,
+ 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
}
/* Homepage: Blog Posts More Button on Hover */
.home .show-more .reveal-button a:hover {
- box-shadow: 0px 0px 0px 1px rgba(0,0,0,.5), 0px 0px 0px 2px #FFF, 0px 0px 0px 3px rgba(0,0,0,.5);
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 0px 2px #fff,
+ 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
+}
+
+/* Homepage: Blog Posts Remove border */
+.wpb_wrapper .lab-blog-posts .blog-post-entry {
+ border: none;
}
/* Homepage: Events Section More Button on Hover */
.homepage-events .show-more .reveal-button a {
- box-shadow: 0px 0px 0px 1px rgba(0,0,0,.1), 0px 0px 0px 2px #EEE, 0px 0px 0px 3px rgba(0,0,0,.1);
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 2px #eee,
+ 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
}
/* Homepage: Events Section More Button on Hover */
.homepage-events .show-more .reveal-button a:hover {
- box-shadow: 0px 0px 0px 1px rgba(0,0,0,.5), 0px 0px 0px 2px #EEE, 0px 0px 0px 3px rgba(0,0,0,.5);
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 0px 2px #eee,
+ 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
}
/* Homepage: Events Section Padding */
.homepage-events {
- padding-top: 45px;
- padding-bottom: 30px;
+ padding-top: 45px;
+ padding-bottom: 30px;
}
/* Homepage: Blog Posts Background */
.homepage-posts .blog-post-entry .blog-post-content-container {
- background: #FFF;
+ background: #fff;
}
/* Homepage: Rooms Spacing */
.homepage-rooms {
- padding-top: 45px;
+ padding-top: 45px;
}
/* Homepage: Rooms More Link Spacing */
.homepage-rooms .wpb_wrapper .lab-portfolio-items .more-link {
- margin-top: 10px;
+ margin-top: 10px;
}
/* Homepage: Rooms More Link Spacing */
.homepage-rooms .show-more {
- margin: 0px;
+ margin: 0px;
}
/* Blog: Post Box Spacing */
.blog-posts .post-item.template-standard .post-details {
- padding: 35px 40px;
+ padding: 35px 40px;
}
/* Blog: Post Box Animation Transition */
.blog-posts .post-item.template-standard {
- -webkit-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ transition: all 0.3s;
}
/* Blog: Post Box Shadow */
.blog-posts .post-item.template-standard:hover {
- -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
- box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}
/* Blog: Post Title Underline Removed */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:after,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:after,
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Blog: Post Title Hover */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:hover,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:hover,
.blog-posts .post-item .post-details .post-title a:hover {
- color: #c39a2c;
+ color: #c39a2c;
}
/* Blog: Category and Date Hide Icons */
.blog-posts .post-item .post-details .post-meta i {
- display: none;
+ display: none;
}
/* Blog: Category and Date Letter Spacing */
.widget.widget_recent_entries li .post-date,
-.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .meta time,
+.woocommerce
+ .woocommerce-Reviews
+ #comments
+ .commentlist
+ .comment-text
+ .meta
+ time,
.single-post .post .post-meta-only .post-meta,
.single-post .post-comments--list .comment .commenter-details .date,
.post-navigation--label em,
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-date,
.blog-posts .post-item .post-details .post-meta {
- letter-spacing: 2px;
+ letter-spacing: 2px;
}
/* Blog: Category and Date Hide Bottom Margin */
.blog-posts .post-item .post-details .post-meta {
- margin-bottom: 5px;
+ margin-bottom: 5px;
}
/* Blog: External Post Styling */
.post_format-post-format-link .post-details {
- background-color: #f3ede5;
- border: none !important;
- padding: 30px;
+ background-color: #f3ede5;
+ border: none !important;
+ padding: 30px;
}
/* Blog: External Post Box Shadow */
.post_format-post-format-link .post-item {
- -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
- box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}
/* Blog: External Post Hide Date and Category */
.post_format-post-format-link .post-details .post-meta {
- display: none;
+ display: none;
}
/* Blog: External Post Remove Bottom Spacing */
.post_format-post-format-link .post-details .post-excerpt {
- margin-bottom: 0px !important;
+ margin-bottom: 0px !important;
}
/* Blog: External Post Remove Bottom Paragraph Spacing */
.post_format-post-format-link .post-details .post-excerpt p {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Single Blog: Category Link Color */
.single-post .post .post-meta a {
- color: #c39a2c;
+ color: #c39a2c;
}
/* Single Blog: Hide Category and Date Icons */
.single-post .post .post-meta i {
- line-height: 0;
+ line-height: 0;
}
/* Blog: Sidebar No Spacing for Custom HTML Widgets */
.widget_text.widget.widget_custom_html {
- padding: 0px !important;
+ padding: 0px !important;
}
/* Blog: Sidebar Search Box */
.widget.widget_product_search .search-bar input[name="s"],
.widget.widget_search .search-bar input[name="s"] {
- background: none;
+ background: none;
}
/* Blog: Sidebar Tag Background Color */
.widget-area--skin-background-fill .widget.widget_tag_cloud a {
- background: #FFF;
+ background: #fff;
}
/* Accomodation: Title and Description Display */
.portfolio-title-holder {
- display: block;
+ display: block;
}
/* Accomodation: Title and Description Center */
.portfolio-title-holder .pt-column.pt-column-title {
- width: 100%;
- margin: 0 auto;
- max-width: 70%;
- text-align: center;
- position: relative;
- margin-bottom: 40px;
- padding-right: 0px;
+ width: 100%;
+ margin: 0 auto;
+ max-width: 70%;
+ text-align: center;
+ position: relative;
+ margin-bottom: 40px;
+ padding-right: 0px;
}
/* Accomodation: Filter Center Categories */
.portfolio-title-holder .pt-column {
- margin: auto;
+ margin: auto;
}
/* Accomodation: Filter Text Color */
.product-filter ul li.active a {
- color: #c39a2c;
+ color: #c39a2c;
}
/* Accomodation: Filter Line Strike Through */
.product-filter ul li a:after {
- height: 2px !important;
- display: block;
- background: #c39a2c;
- content: "";
- width: 0%;
- position: absolute;
- top: 45%;
- margin: 0 auto;
- left: 0;
- right: 0;
- -webkit-transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- -o-transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- opacity: 0.5;
+ height: 2px !important;
+ display: block;
+ background: #c39a2c;
+ content: "";
+ width: 0%;
+ position: absolute;
+ top: 45%;
+ margin: 0 auto;
+ left: 0;
+ right: 0;
+ -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ -o-transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ opacity: 0.5;
}
/* Accomodation: Filter Line Width */
.product-filter ul li a:hover:after {
- width: 100%;
- opacity: 1;
+ width: 100%;
+ opacity: 1;
}
/* Accomodation: Filter Line Opacity */
.product-filter ul li.active a:after {
- opacity: 1;
+ opacity: 1;
}
/* Accomodation: Filter Center */
.product-filter ul {
- text-align: center;
+ text-align: center;
}
/* Accomodation: Category Letter Spacing */
.portfolio-holder .thumb .hover-state .info p {
- letter-spacing: 2px;
+ letter-spacing: 2px;
}
/* Accomodation: Category Color on Hover */
.portfolio-holder .thumb .hover-state .info p a:hover {
- color: #222;
+ color: #222;
}
/* Room: Features List */
.single-portfolio-holder .checklist-entry ul {
- list-style-type: none;
- padding: 0px;
+ list-style-type: none;
+ padding: 0px;
}
/* Room: Features List Images */
.single-portfolio-holder .checklist-entry img {
- vertical-align: baseline;
- margin-right: 10px;
+ vertical-align: baseline;
+ margin-right: 10px;
}
/* Room: Buton Styling */
.single-portfolio-holder .details .link a {
- background: #c39a2c;
- padding: 5px 20px;
- color: #FFF;
+ background: #c39a2c;
+ padding: 5px 20px;
+ color: #fff;
}
/* Room: Full Screen Arrow*/
-.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info {
- margin: 0px;
- visibility: hidden;
- opacity: 0;
- -webkit-transition: opacity 0.3s;
- -o-transition: opacity 0.3s;
- transition: opacity 0.3s;
+.single-portfolio-holder.portfolio-type-5
+ .portfolio-description-container
+ .portfolio-description-fullinfo
+ .collapse-project-info {
+ margin: 0px;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: opacity 0.3s;
+ -o-transition: opacity 0.3s;
+ transition: opacity 0.3s;
}
/* Room: Full Screen Arrow */
-.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo:hover .collapse-project-info {
- visibility: visible;
- opacity: 1;
+.single-portfolio-holder.portfolio-type-5
+ .portfolio-description-container
+ .portfolio-description-fullinfo:hover
+ .collapse-project-info {
+ visibility: visible;
+ opacity: 1;
}
/* Dining: Welcome Spacing */
.restaurant {
- padding: 45px 0;
+ padding: 45px 0;
}
/* Dining: Second Row Spacing */
.restaurant-row-2 {
- padding: 30px 0;
+ padding: 30px 0;
}
/* Dining: Menu Spacing */
.restaurant-menu {
- padding: 0;
- padding-top: 35px;
+ padding: 0;
+ padding-top: 35px;
}
/* Dining: Menu Title */
.restaurant-menu h4 {
- letter-spacing: 3px;
- margin-bottom: 20px;
+ letter-spacing: 3px;
+ margin-bottom: 20px;
}
/* Dining: Menu Meal Tabs Align Center */
.restaurant-menu ul {
- text-align: left;
+ text-align: left;
}
/* Dining: Menu Meal Tabs Hide Underline */
.restaurant-menu li a:after {
- display: none !important;
+ display: none !important;
}
/* Dining: Menu Meal Tabs */
.restaurant-menu li {
- border-bottom: 1px solid #e0ded4 !important;
- padding: 10px 15px 5px 0px !important;
- margin: 0px !important;
+ border-bottom: 1px solid #e0ded4 !important;
+ padding: 10px 15px 5px 0px !important;
+ margin: 0px !important;
}
/* Dining: Menu Meal Tabs Active */
.restaurant-menu ul li.vc_active {
- border-bottom-color: #222 !important;
+ border-bottom-color: #222 !important;
}
/* Dining: Menu Meal Tabs Active Color */
.restaurant-menu ul li.vc_active a {
- color: #222 !important;
+ color: #222 !important;
}
/* Dining: Menu Tabs Remove Transition */
.wpb-js-composer .vc_tta.restaurant-menu .vc_tta-panel-body {
- -webkit-transition: none !important;
- -o-transition: none !important;
- transition: none !important;
- -webkit-transform: none !important;
- -ms-transform: none !important;
- transform: none !important;
+ -webkit-transition: none !important;
+ -o-transition: none !important;
+ transition: none !important;
+ -webkit-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
}
/* Dining: Menu Food Name */
.food-list h3 {
- border-bottom: 1px dotted #CCC;
- padding-bottom: 10px;
- color: #000;
+ border-bottom: 1px dotted #ccc;
+ padding-bottom: 10px;
+ color: #000;
}
/* Dining: Menu Food Price */
.food-list del {
- position: absolute;
- top: 0;
- right: 0;
- text-decoration: none;
- color: #000;
+ position: absolute;
+ top: 0;
+ right: 0;
+ text-decoration: none;
+ color: #000;
}
/* Dining: Menu Ingredients */
.food-list p {
- padding-right: 0;
- color: #888;
+ padding-right: 0;
+ color: #888;
}
/* Dining: Menu Reserve a Table Button */
.vc_btn3:after {
- background-color: transparent !important;
+ background-color: transparent !important;
}
/* Dining: Menu Spacing */
.menu-catalog {
- padding: 0;
- padding-top: 20px;
+ padding: 0;
+ padding-top: 20px;
}
/* Spa: Service Padding */
.spa-services {
- padding: 40px 0;
+ padding: 40px 0;
}
/* Spa: Menu Tabs Styling */
.spa-menu-row {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Spa: Title Divider Center */
.spa-divider {
- text-align: center !important;
+ text-align: center !important;
}
/* Spa: Title Divider Width */
.spa-divider img {
- width: 20%;
+ width: 20%;
}
/* Spa: Massage Menu Padding and Shadow */
.spa-menu .vc_tta-panel-body {
- padding: 25px 50px !important;
- -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .15);
- box-shadow: 0 5px 40px rgba(0, 0, 0, .15);
+ padding: 25px 50px !important;
+ -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
}
/* Spa: Massage Menu Tabs */
.spa-menu .vc_tta-tab {
- padding-bottom: 0px !important;
- border-bottom: none !important;
- padding-right: 5px !important;
+ padding-bottom: 0px !important;
+ border-bottom: none !important;
+ padding-right: 5px !important;
}
/* Spa: Massage Menu Tabs */
.spa-menu .vc_tta-tab a {
- padding: 5px 20px !important;
+ padding: 5px 20px !important;
}
/* Spa: Types of Massage */
.types-of-massage {
- padding-top: 35px;
+ padding-top: 35px;
}
/* Spa: Types of Massage Text Spacing */
.types-of-massage h3 {
- line-height: 1.8;
+ line-height: 1.8;
}
/* Spa: Types of Massage Icon Size */
.types-of-massage h3 img {
- width: 36px;
- margin-right: 20px;
- float: left;
+ width: 36px;
+ margin-right: 20px;
+ float: left;
}
/* Spa: Types of Massage Background */
.massage-row {
- background-position: bottom right;
- background-repeat: no-repeat;
- background-size: 30%;
- background-color: #fafafa;
- padding: 50px 0;
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ background-size: 30%;
+ background-color: #fafafa;
+ padding: 50px 0;
}
/* Activities: Sub Heading Letter Spacing */
.sub-heading {
- letter-spacing: 5px;
+ letter-spacing: 5px;
}
/* Activities: Separator Rotate */
.separator-rotate {
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
}
/* Contact: Address Row */
.contact-address-row {
- padding-top: 70px;
+ padding-top: 70px;
}
/* Contact: Adress Small Box Spacing */
.contact-address-small-box {
- padding-top: 20px;
- padding-bottom: 30px;
+ padding-top: 20px;
+ padding-bottom: 30px;
}
/* Contact: Address Spacing */
.contact-address .vc_column-inner {
- margin-top: 50px;
- margin-right: -100px;
- padding: 55px 130px 35px 55px;
+ margin-top: 50px;
+ margin-right: -100px;
+ padding: 55px 130px 35px 55px;
}
/* Contact: Form Border Color */
.labeled-textarea-row textarea {
- background-image: -webkit-linear-gradient(#CCC 1px, transparent 1px);
- background-image: -o-linear-gradient(#CCC 1px, transparent 1px);
- background-image: linear-gradient(#CCC 1px, transparent 1px);
+ background-image: -webkit-linear-gradient(#ccc 1px, transparent 1px);
+ background-image: -o-linear-gradient(#ccc 1px, transparent 1px);
+ background-image: linear-gradient(#ccc 1px, transparent 1px);
}
/* Contact: Form Border Color */
.labeled-input-row input {
- border-bottom-color: #CCC;
+ border-bottom-color: #ccc;
}
/* Contact: Small Title */
.title-stylized {
- letter-spacing: 2px;
- margin-bottom: 20px
+ letter-spacing: 2px;
+ margin-bottom: 20px;
}
/* Contact: Small Title */
.wpb_wrapper .lab-google-map.contact-page {
- margin-bottom: 35px;
- -webkit-box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.30);
- box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.30);
- -webkit-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
+ margin-bottom: 35px;
+ -webkit-box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.3);
+ box-shadow: -20px 15px 90px rgba(0, 0, 0, 0.3);
+ -webkit-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ transition: all 0.3s;
+}
+
+/* Forms: Flex wrap */
+.labeled-input-row {
+ flex-wrap: unset;
+}
+
+/* Forms: Checkbox border color */
+input[type="checkbox"] {
+ border-color: #ccc;
}
/* Footer: Container Width */
@media (min-width: 1200px) {
- footer .container {
- width: 960px !important;
- }
+ footer .container {
+ width: 960px !important;
+ }
}
/* Footer: Background Color */
footer.site-footer {
- background: #222 !important;
+ background: #222 !important;
}
/* Footer: Top Padding */
footer.site-footer {
- padding-top: 30px;
+ padding-top: 30px;
}
/* Footer: Link Color on Hover */
.site-footer .footer-widgets .widget.widget_nav_menu ul li a:hover {
- color: #FFF;
+ color: #fff;
}
/* Footer: Link Bottom Line */
.site-footer .footer-widgets .widget.widget_nav_menu ul li a:after {
- height: 1px !important;
- display: block;
- background: #c39a2c;
- content: "";
- width: 0%;
- position: absolute;
- margin: 0 auto;
- left: 0;
- right: 0;
- -webkit-transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- -o-transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- opacity: 0.5;
+ height: 1px !important;
+ display: block;
+ background: #c39a2c;
+ content: "";
+ width: 0%;
+ position: absolute;
+ margin: 0 auto;
+ left: 0;
+ right: 0;
+ -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ -o-transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ opacity: 0.5;
}
/* Footer: Link Bottom Line on Hover */
.site-footer .footer-widgets .widget.widget_nav_menu ul li a:hover:after {
- width: 100%;
- opacity: 1;
+ width: 100%;
+ opacity: 1;
}
/* Footer: Widget Bottom Margin */
-.widget-area.widgets--columned-layout>.widget {
- margin-bottom: 0px;
+.widget-area.widgets--columned-layout > .widget {
+ margin-bottom: 0px;
}
/* Footer: Widget Link Spacing */
.site-footer.site-footer-inverted .footer-widgets .widget ul li {
- padding: 2px 0;
+ padding: 2px 0;
}
/* Footer: Widget Link Color */
.site-footer.site-footer-inverted .footer-widgets .widget a {
- color: #999;
+ color: #999;
}
/* Footer: Widget Title Letter Spacing */
.site-footer .footer-widgets .widget .widgettitle {
- letter-spacing: 2px;
+ letter-spacing: 2px;
}
/* Footer: Widget Padding */
.site-footer .footer-widgets {
- margin: 30px 0px;
+ margin: 30px 0px;
}
/* Footer: Awards */
.footer-awards {
- text-align: center;
- padding: 0px;
- margin-bottom: 40px;
+ text-align: center;
+ padding: 0px;
+ margin-bottom: 40px;
}
/* Footer: Awards Show Inline */
.footer-awards li {
- display: inline-block;
- list-style-type: none;
- margin-right: 20px;
+ display: inline-block;
+ list-style-type: none;
+ margin-right: 20px;
}
/* Footer: Awards Width */
.footer-awards li img {
- width: 64px;
+ width: 64px;
}
/* Footer: Bottom Line */
.site-footer.site-footer-inverted hr {
- display: none;
+ display: none;
}
/* Footer: Bottom Footer */
.site-footer .footer-bottom-content {
- padding-top: 20px;
- padding-bottom: 20px;
+ padding-top: 20px;
+ padding-bottom: 20px;
}
/* Footer: Bottom Footer Display Mode */
.site-footer.footer-bottom-horizontal .footer-bottom-content {
- display: block;
+ display: block;
}
/* Footer: Bottom Footer Full Width */
-.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
- width: 100%;
- display: block;
+.site-footer.footer-bottom-horizontal
+ .footer-bottom-content
+ .footer-content-right {
+ width: 100%;
+ display: block;
}
/* Footer: Bottom Footer Center */
-.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left {
- display: block;
- width: 100%;
- text-align: center;
+.site-footer.footer-bottom-horizontal
+ .footer-bottom-content
+ .footer-content-left {
+ display: block;
+ width: 100%;
+ text-align: center;
}
/* Footer: Copyright Text Align */
.site-footer.site-footer-inverted .footer-bottom-content .copyrights {
- text-align: center;
+ text-align: center;
}
/* Footer: Copyright Color and Letter Spacing */
.site-footer.site-footer-inverted .footer-bottom-content .copyrights p {
- letter-spacing: 4px;
- color: #999;
+ letter-spacing: 4px;
+ color: #999;
}
/* Footer: Copyright Color and Letter Spacing link */
.site-footer.site-footer-inverted .footer-bottom-content .copyrights a {
- letter-spacing: 4px;
- color: #999;
+ letter-spacing: 4px;
+ color: #999;
}
/* Footer: Social Networks Top Margin */
.site-footer.footer-bottom-horizontal .footer-bottom-content .social-networks {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Footer: Social Networks Remove Background */
-.site-footer.footer-bottom-horizontal .footer-bottom-content .social-networks.rounded li a {
- width: 35px;
- height: 35px;
- background: transparent !important;
+.site-footer.footer-bottom-horizontal
+ .footer-bottom-content
+ .social-networks.rounded
+ li
+ a {
+ width: 35px;
+ height: 35px;
+ background: transparent !important;
}
/* Footer: Social Networks Icon Color */
-.site-footer.footer-bottom-horizontal .footer-bottom-content .social-networks.rounded li a i {
- color: #999;
-}
-
-/* Body: Large Screens bigger containers */
-@media (min-width: 1400px) {
- .container, .content-area {
- width: 1370px;
- max-width: 1370px;
- }
-
- .vc-container .vc-parent-row.row-stretch_row>.vc_row,
- .vc-container .vc-parent-row.row-default {
- width: 1370px;
- max-width: 1370px;
- }
-}
-
-/* Body: Large Screens */
-@media (min-width: 1600px) {
- .container, .content-area {
- width: 1570px;
- max-width: 1570px;
- }
- .vc-container .vc-parent-row.row-stretch_row>.vc_row,
- .vc-container .vc-parent-row.row-default {
- width: 1570px;
- max-width: 1570px;
- }
+.site-footer.footer-bottom-horizontal
+ .footer-bottom-content
+ .social-networks.rounded
+ li
+ a
+ i {
+ color: #999;
}
/* Footer: Link Transition */
.site-footer .footer-widgets .widget.widget_nav_menu ul li a {
- -webkit-transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- -o-transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
- transition: all .2s cubic-bezier(0, 0, 0.16, 0.95);
+ -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ -o-transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
+ transition: all 0.2s cubic-bezier(0, 0, 0.16, 0.95);
}
/* Go to Top button */
.go-to-top {
- background-color: #c39a2c;
+ background-color: #c39a2c;
}
/* WPB Blog Posts Transition */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- -webkit-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ transition: all 0.3s;
}
/* WPB Blog Posts Box Shadow */
.wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
- -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
- box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}
.vc_sep_width_10 {
- width: 6%;
+ width: 6%;
}
/* XS: Mobile devices */
-@media screen and (max-width: 480px){
-
- /* General: Image Shadow */
- .image-shadow {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-
- /* General: Page Heading Width */
- .page-heading--title-section {
- width: 100%;
- max-width: 90%;
- }
-
- /* General: Mobile Menu Trigger */
- .menu-bar .ham:after,
- .menu-bar .ham:before,
- .menu-bar .ham {
- height: 1px;
- }
-
- /* General: Mobile Menu Trigger */
- .menu-bar .ham:after {
- top: 6px;
- }
-
- /* General: Mobile Menu Trigger */
- .menu-bar .ham:before,
- .menu-bar .ham:after,
- .menu-bar .ham {
- width: 30px;
- }
-
- /* General: Mobile Menu Trigger */
- .menu-bar .ham:before {
- top: -6px;
- }
-
- /* General: Mobile Menu Trigger */
- .menu-bar.exit .ham:after {
- -webkit-transform: translateY(-6px) rotateZ(45deg);
- transform: translateY(-6px) rotateZ(45deg);
- }
-
- /* General: Mobile Menu Trigger */
- .menu-bar.exit .ham:before {
- -webkit-transform: translateY(6px) rotateZ(-45deg);
- transform: translateY(6px) rotateZ(-45deg);
- }
-
- /* General: Mobile Menu Search Icon */
- .mobile-menu-wrapper .mobile-menu-container .search-form input::placeholder,
- .mobile-menu-wrapper .mobile-menu-container .search-form label {
- color: rgba(255,255,255,0.75);
- }
-
- /* General: Mobile Menu Background */
- .mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
- background-color: rgba(195, 154, 44, 0.95);
- }
-
- /* General: Mobile Menu */
- .mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
- padding: 5px 30px;
- }
-
- /* Homepage: Intro Row Spacing */
- .homepage-intro {
- padding: 30px 0 45px 0;
- }
-
- /* Homepage: Service Icons */
- .service-icons {
- padding-top: 0px;
- }
-
- /* Homepage: Service Icons */
- .service-icons .vc_column_container {
- margin-top: 35px;
- }
-
- /* Homepage: Reviews */
- .homepage-reviews {
- padding-top: 35px;
- }
-
- /* Homepage: Reviews Width */
- .review-tabs {
- width: 100%;
- }
-
- /* Homepage: Reviews Naviation Bullets */
- .wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination.review-tabs .vc_pagination {
- margin: 0px;
- }
-
- /* Homepage: Reviews Naviation Bullets */
- .wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination.review-tabs:not(.vc_tta-tabs-position-bottom) {
- padding-bottom: 35px;
- }
-
- /* Homepage: Events Section Padding */
- .homepage-events {
- padding-top: 35px;
- padding-bottom: 30px;
- }
-
- /* Homepage: Rooms Spacing */
- .homepage-rooms {
- padding-top: 35px;
- }
-
- /* Accomodation: Title and Description Center */
- .portfolio-title-holder .pt-column.pt-column-title {
- width: 100%;
- max-width: 90%;
- margin-bottom: 40px;
- }
-
- /* Dining: Welcome Spacing */
- .restaurant {
- padding: 0;
- padding-top: 25px;
- }
-
- /* Dining: Second Row Spacing */
- .restaurant-row-2 {
- padding: 0;
- }
-
- /* Dining: Menu Spacing */
- .restaurant-menu {
- padding-top: 15px;
- }
-
- /* Dining: Menu Tabs Styling */
- .restaurant-menu .vc_tta-panel-heading h4 {
- border-bottom: 1px dashed rgba(0,0,0,.1);
- font-weight: 500;
- }
-
- /* Dining: Tabs Side Spacing */
- .wpb-js-composer .vc_tta.vc_general.restaurant-menu .vc_tta-panel-title>a {
- padding-left: 0px !important;
- padding-right: 0px !important;
- }
-
- /* Spa: Massage Menu Padding and Shadow */
- .spa-menu .vc_tta-panel-body {
- padding: 25px 20px !important;
- -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .15);
- box-shadow: 0 5px 40px rgba(0, 0, 0, .15);
- }
-
- /* Spa: Tabs Side Spacing */
- .wpb-js-composer .vc_tta.vc_general.restaurant-menu.spa-menu .vc_tta-panel-title>a {
- padding-left: 20px !important;
- padding-right: 20px !important;
- }
-
- /* Spa: Menu Tabs Styling */
- .spa-menu .vc_tta-panel-heading h4 {
- border-bottom: none;
- }
-
- /* Spa: Menu Tabs Styling */
- .spa-menu-row {
- padding: 15px 0;
- }
-
- /* Spa: Service Padding */
- .spa-services {
- padding: 0px;
- }
-
- /* Spa: Title Divider Width */
- .spa-divider img {
- width: 60%;
- }
-
- /* Spa: Types of Massage Background */
- .massage-row {
- padding: 35px 0;
- }
-
- /* Spa: Types of Massage */
- .types-of-massage {
- padding-top: 0px;
- }
-
- /* Events: Single Title Margin Bottom */
- .single-post .post .entry-header {
- margin-bottom: 15px;
- }
-
- /* Events: Single Post Image Bottom Margin */
- .single-post .post-image {
- margin-bottom: 25px;
- }
-
- /* Events: Single Post Tags Bottom Margin */
- .post-meta-only {
- margin-bottom: 25px;
- }
-
- /* Events: Single Post Date and Category Margin Bottom */
- .single-post .post .post-meta-only .post-meta {
- margin-bottom: 5px;
- }
-
- /* Events: Single Image Caption */
- .post-formatting .wp-caption .wp-caption-text {
- background: #EEE;
- }
-
- /* Dining: Menu Tabs Top Spacing */
- .wpb-js-composer .vc_tta.restaurant-menu .vc_tta-panel-body {
- padding-top: 0px !important;
- }
-
- /* Contact: Address Spacing */
- .contact-address .vc_column-inner {
- margin-top: 0;
- margin-right: 0;
- padding: 25px 15px 0 15px;
- }
-
- /* Contact: Small Title */
- .wpb_wrapper .lab-google-map.contact-page {
- margin-bottom: 0px;
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-transition: none;
- -o-transition: none;
- transition: none;
- }
-
- /* Contact: Map Full Width */
- .vc_col-sm-8 .vc_column-inner {
- padding: 0px;
- }
-
- /* Contact: Button Full Width */
- .contact-form .button,
- .comment-form .button {
- width: 100%;
- }
-
- /* Contact: Adress Small Box Spacing */
- .contact-address-small-box {
- padding-top: 0px;
- padding-bottom: 35px;
- }
-
- /* Contact: Adress Small Box Spacing */
- .contact-address-small-box .post-formatting {
- margin-bottom: 0px;
- }
-
- /* Contact: Address Row */
- .contact-address-row {
- padding-top: 15px;
- }
-
- /* Footer: Widget Bottom Margin */
- .widget-area.widgets--columned-layout.widgets--columns-5>.widget {
- margin-bottom: 35px;
- }
-
- /* Footer: Widget Padding */
- .site-footer .footer-widgets {
- margin: 0px;
- }
-
- /* Footer: 2 Widgets per Row */
- .widget-area.widgets--columned-layout.widgets--columns-5>.widget {
- width: 50%;
- }
-
- /* Footer: Awards Show Inline */
- .footer-awards li {
- margin-right: 10px;
- margin-left: 10px;
- }
-
- /* Footer: Awards Width */
- .footer-awards li img {
- width: 42px;
- }
-
- /* Footer: Copyright Color and Letter Spacing */
- .site-footer.site-footer-inverted .footer-bottom-content .copyrights p {
- letter-spacing: 1px;
- }
-
- /* Footer: Bottom Footer */
- .site-footer .footer-bottom-content {
- padding-top: 0px;
- }
+@media screen and (max-width: 480px) {
+ /* General: Image Shadow */
+ .image-shadow {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+
+ /* General: Page Heading Width */
+ .page-heading--title-section {
+ width: 100%;
+ max-width: 90%;
+ }
+
+ /* General: Mobile Menu Trigger */
+ .menu-bar .ham:after,
+ .menu-bar .ham:before,
+ .menu-bar .ham {
+ height: 1px;
+ }
+
+ /* General: Mobile Menu Trigger */
+ .menu-bar .ham:after {
+ top: 6px;
+ }
+
+ /* General: Mobile Menu Trigger */
+ .menu-bar .ham:before,
+ .menu-bar .ham:after,
+ .menu-bar .ham {
+ width: 30px;
+ }
+
+ /* General: Mobile Menu Trigger */
+ .menu-bar .ham:before {
+ top: -6px;
+ }
+
+ /* General: Mobile Menu Trigger */
+ .menu-bar.exit .ham:after {
+ -webkit-transform: translateY(-6px) rotateZ(45deg);
+ transform: translateY(-6px) rotateZ(45deg);
+ }
+
+ /* General: Mobile Menu Trigger */
+ .menu-bar.exit .ham:before {
+ -webkit-transform: translateY(6px) rotateZ(-45deg);
+ transform: translateY(6px) rotateZ(-45deg);
+ }
+
+ /* General: Mobile Menu Search Icon */
+ .mobile-menu-wrapper .mobile-menu-container .search-form input::placeholder,
+ .mobile-menu-wrapper .mobile-menu-container .search-form label {
+ color: rgba(255, 255, 255, 0.75);
+ }
+
+ /* General: Mobile Menu Background */
+ .mobile-menu-wrapper.mobile-menu-fullscreen + .mobile-menu-overlay {
+ background-color: rgba(195, 154, 44, 0.95);
+ }
+
+ /* General: Mobile Menu */
+ .mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > a,
+ .mobile-menu-wrapper .mobile-menu-container ul.menu > li > a {
+ padding: 5px 30px;
+ }
+
+ /* Homepage: Intro Row Spacing */
+ .homepage-intro {
+ padding: 30px 0 45px 0;
+ }
+
+ /* Homepage: Service Icons */
+ .service-icons {
+ padding-top: 0px;
+ }
+
+ /* Homepage: Service Icons */
+ .service-icons .vc_column_container {
+ margin-top: 35px;
+ }
+
+ /* Homepage: Reviews */
+ .homepage-reviews {
+ padding-top: 35px;
+ }
+
+ /* Homepage: Reviews Width */
+ .review-tabs {
+ width: 100%;
+ }
+
+ /* Homepage: Reviews Naviation Bullets */
+ .wpb-js-composer
+ .vc_tta-tabs.vc_tta-has-pagination.review-tabs
+ .vc_pagination {
+ margin: 0px;
+ }
+
+ /* Homepage: Reviews Naviation Bullets */
+ .wpb-js-composer
+ .vc_tta-tabs.vc_tta-has-pagination.review-tabs:not(.vc_tta-tabs-position-bottom) {
+ padding-bottom: 35px;
+ }
+
+ /* Homepage: Events Section Padding */
+ .homepage-events {
+ padding-top: 35px;
+ padding-bottom: 30px;
+ }
+
+ /* Homepage: Rooms Spacing */
+ .homepage-rooms {
+ padding-top: 35px;
+ }
+
+ /* Accomodation: Title and Description Center */
+ .portfolio-title-holder .pt-column.pt-column-title {
+ width: 100%;
+ max-width: 90%;
+ margin-bottom: 40px;
+ }
+
+ /* Dining: Welcome Spacing */
+ .restaurant {
+ padding: 0;
+ padding-top: 25px;
+ }
+
+ /* Dining: Second Row Spacing */
+ .restaurant-row-2 {
+ padding: 0;
+ }
+
+ /* Dining: Menu Spacing */
+ .restaurant-menu {
+ padding-top: 15px;
+ }
+
+ /* Dining: Menu Tabs Styling */
+ .restaurant-menu .vc_tta-panel-heading h4 {
+ border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
+ font-weight: 500;
+ }
+
+ /* Dining: Tabs Side Spacing */
+ .wpb-js-composer
+ .vc_tta.vc_general.restaurant-menu
+ .vc_tta-panel-title
+ > a {
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ }
+
+ /* Spa: Massage Menu Padding and Shadow */
+ .spa-menu .vc_tta-panel-body {
+ padding: 25px 20px !important;
+ -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
+ }
+
+ /* Spa: Tabs Side Spacing */
+ .wpb-js-composer
+ .vc_tta.vc_general.restaurant-menu.spa-menu
+ .vc_tta-panel-title
+ > a {
+ padding-left: 20px !important;
+ padding-right: 20px !important;
+ }
+
+ /* Spa: Menu Tabs Styling */
+ .spa-menu .vc_tta-panel-heading h4 {
+ border-bottom: none;
+ }
+
+ /* Spa: Menu Tabs Styling */
+ .spa-menu-row {
+ padding: 15px 0;
+ }
+
+ /* Spa: Service Padding */
+ .spa-services {
+ padding: 0px;
+ }
+
+ /* Spa: Title Divider Width */
+ .spa-divider img {
+ width: 60%;
+ }
+
+ /* Spa: Types of Massage Background */
+ .massage-row {
+ padding: 35px 0;
+ }
+
+ /* Spa: Types of Massage */
+ .types-of-massage {
+ padding-top: 0px;
+ }
+
+ /* Events: Single Title Margin Bottom */
+ .single-post .post .entry-header {
+ margin-bottom: 15px;
+ }
+
+ /* Events: Single Post Image Bottom Margin */
+ .single-post .post-image {
+ margin-bottom: 25px;
+ }
+
+ /* Events: Single Post Tags Bottom Margin */
+ .post-meta-only {
+ margin-bottom: 25px;
+ }
+
+ /* Events: Single Post Date and Category Margin Bottom */
+ .single-post .post .post-meta-only .post-meta {
+ margin-bottom: 5px;
+ }
+
+ /* Events: Single Image Caption */
+ .post-formatting .wp-caption .wp-caption-text {
+ background: #eee;
+ }
+
+ /* Dining: Menu Tabs Top Spacing */
+ .wpb-js-composer .vc_tta.restaurant-menu .vc_tta-panel-body {
+ padding-top: 0px !important;
+ }
+
+ /* Contact: Address Spacing */
+ .contact-address .vc_column-inner {
+ margin-top: 0;
+ margin-right: 0;
+ padding: 25px 15px 0 15px;
+ }
+
+ /* Contact: Small Title */
+ .wpb_wrapper .lab-google-map.contact-page {
+ margin-bottom: 0px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+
+ /* Contact: Map Full Width */
+ .vc_col-sm-8 .vc_column-inner {
+ padding: 0px;
+ }
+
+ /* Contact: Button Full Width */
+ .contact-form .button,
+ .comment-form .button {
+ width: 100%;
+ }
+
+ /* Contact: Adress Small Box Spacing */
+ .contact-address-small-box {
+ padding-top: 0px;
+ padding-bottom: 35px;
+ }
+
+ /* Contact: Adress Small Box Spacing */
+ .contact-address-small-box .post-formatting {
+ margin-bottom: 0px;
+ }
+
+ /* Contact: Address Row */
+ .contact-address-row {
+ padding-top: 15px;
+ }
+
+ /* Footer: Widget Bottom Margin */
+ .widget-area.widgets--columned-layout.widgets--columns-5 > .widget {
+ margin-bottom: 35px;
+ }
+
+ /* Footer: Widget Padding */
+ .site-footer .footer-widgets {
+ margin: 0px;
+ }
+
+ /* Footer: 2 Widgets per Row */
+ .widget-area.widgets--columned-layout.widgets--columns-5 > .widget {
+ width: 50%;
+ }
+
+ /* Footer: Awards Show Inline */
+ .footer-awards li {
+ margin-right: 10px;
+ margin-left: 10px;
+ }
+
+ /* Footer: Awards Width */
+ .footer-awards li img {
+ width: 42px;
+ }
+
+ /* Footer: Copyright Color and Letter Spacing */
+ .site-footer.site-footer-inverted .footer-bottom-content .copyrights p {
+ letter-spacing: 1px;
+ }
+
+ /* Footer: Bottom Footer */
+ .site-footer .footer-bottom-content {
+ padding-top: 0px;
+ }
}
/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {
-
- /* Spa: Massage Menu Padding and Shadow */
- .spa-menu .vc_tta-panel-body {
- padding: 10px 15px !important;
- }
-
- /* Homepage: Reviews */
- .review-tabs {
- width: 100%;
- margin: 0 auto;
- }
-
- /* Accomodation: Title and Description Center */
- .portfolio-title-holder .pt-column.pt-column-title {
- width: 100%;
- max-width: 100%;
- }
-
-
- /* General: Page Heading Width */
- .page-heading--title-section {
- width: 100%;
- max-width: 100%;
- }
+ /* Spa: Massage Menu Padding and Shadow */
+ .spa-menu .vc_tta-panel-body {
+ padding: 10px 15px !important;
+ }
+
+ /* Homepage: Reviews */
+ .review-tabs {
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ /* Accomodation: Title and Description Center */
+ .portfolio-title-holder .pt-column.pt-column-title {
+ width: 100%;
+ max-width: 100%;
+ }
+
+ /* General: Page Heading Width */
+ .page-heading--title-section {
+ width: 100%;
+ max-width: 100%;
+ }
}
/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {
-
- /* Homepage: Reviews */
- .review-tabs {
- width: 100%;
- margin: 0 auto;
- }
-
- /* Accomodation: Title and Description Center */
- .portfolio-title-holder .pt-column.pt-column-title {
- width: 100%;
- max-width: 100%;
- }
-
-
- /* General: Page Heading Width */
- .page-heading--title-section {
- width: 100%;
- max-width: 100%;
- }
+ /* Homepage: Reviews */
+ .review-tabs {
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ /* Accomodation: Title and Description Center */
+ .portfolio-title-holder .pt-column.pt-column-title {
+ width: 100%;
+ max-width: 100%;
+ }
+
+ /* General: Page Heading Width */
+ .page-heading--title-section {
+ width: 100%;
+ max-width: 100%;
+ }
}
/* ===========================================================
Custom modification only for HOTEL Demo - END
@@ -1214,5 +1277,5 @@ Custom modification only for HOTEL Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-landing/style.css b/kalium-child-landing/style.css
index 90db335..7b987d0 100755
--- a/kalium-child-landing/style.css
+++ b/kalium-child-landing/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Landing Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -15,262 +15,286 @@ Custom modification only for LANDING Demo - START
=========================================================== */
/* Menu underline animation height */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a:after, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:after {
- height: 2px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ > a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ > a:after {
+ height: 2px;
}
.centered {
- text-align: center;
+ text-align: center;
}
.feature-block {
- text-align: center;
+ text-align: center;
}
/* Menu: Get the App Button */
.get-the-app a {
- background: #fff;
- color: #858a99 !important;
- border-radius: 50px;
- padding: 4px 15px;
+ background: #fff;
+ color: #2c3142 !important;
+ border-radius: 50px;
+ padding: 4px 15px;
}
/* Menu: Get the App Button on Hover*/
.get-the-app a:hover {
- box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
- transition: box-shadow all 300ms;
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+ transition: box-shadow all 300ms;
+}
+
+/* Menu: Get the App Button when sticky */
+.site-header--sticky-active .get-the-app a {
+ background: #1c66d4;
+}
+
+/* Menu: Get the App Button when sticky */
+.site-header--sticky-active .get-the-app a span {
+ color: #fff;
}
/* Menu: Get the App Button Remove Underline */
.get-the-app a:after {
- display: none;
+ display: none;
}
/* Menu: Get the App Button Sticky Header */
.main-header.is-sticky.sticky-fixed .get-the-app a {
- background: #2078dc;
- color: #fff !important;
+ background: #2078dc;
+ color: #fff !important;
}
/* Homepage: Overview Section */
#overview {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Homepage: Features section */
#features {
- padding: 40px 0;
+ padding: 40px 0;
}
/* Homepage: Features section Title Spacing */
#features .section-title {
- padding: 20px 0px 40px 0px;
-}
-
-/* Homepage: Features Section Image */
-#features img.attachment-full {
- width: 20%;
+ padding: 20px 0px 40px 0px;
}
/* Homepage: Unique Icons section */
@media screen and (min-width: 991px) {
- .unique-icons-section-holder {
- padding-left: 100px !important;
- }
+ .unique-icons-section-holder {
+ padding-left: 100px !important;
+ }
+
+ /* Homepage: Features section Title Spacing */
+ #features .section-title {
+ margin-bottom: 0px;
+ }
}
/* Homepage: Weather Icons */
.weather-icons h3 {
- line-height: 44px;
+ line-height: 44px;
}
/* Homepage: Weather Icons */
.weather-icons h3 img {
- width: 44px;
- margin-right: 20px;
- float: left;
+ width: 44px;
+ margin-right: 20px;
+ float: left;
}
/* Homepage: Weather Icons */
#compatibility img.attachment-full {
- width: 50%;
+ width: 50%;
}
/* Get a Copy section - Download buttons */
#get-a-copy {
- background-size: 142px;
+ background-size: 142px;
}
/* Get a Copy section - Download buttons */
#get-a-copy .phones img {
- width: 423px;
- height: 485px;
+ width: 423px;
+ height: 485px;
}
/* Get a Copy section - Download buttons */
#get-a-copy .app-store img {
- width: auto;
- height: 53px !important;
- float: left;
- margin-right: 20px
+ width: auto;
+ height: 53px !important;
+ float: left;
+ margin-right: 20px;
}
/* Get a Copy section - App Store Padding */
.app-store {
- padding-top: 185px;
+ padding-top: 185px;
}
/* Get a Copy section - App Store Remove underline */
.app-store a:after {
- display: none;
+ display: none;
}
/* Go to top margin modification */
.go-to-top {
- margin: 35px;
+ margin: 35px;
}
/* Mobile Active Menu */
-.mobile-menu-wrapper .mobile-menu-container div.menu ul>li.current-menu-item>a,
-.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item>a {
- color: #1675df;
+.mobile-menu-wrapper
+ .mobile-menu-container
+ div.menu
+ ul
+ > li.current-menu-item
+ > a,
+.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a {
+ color: #1675df;
}
/* Blog: Single Blog area */
.post-formatting .wp-caption .wp-caption-text {
- background: #eee;
- color: #000 !important;
+ background: #eee;
+ color: #000 !important;
}
/* Blog: Hide Underline on Titles */
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Blog: Comments */
.comment-form textarea {
- background-image: linear-gradient(#DDD 1px, transparent 1px);
+ background-image: linear-gradient(#ddd 1px, transparent 1px);
}
/* Blog: Comments Button */
.comment-form .button {
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
}
.site-footer .footer-bottom a {
- color: #fff;
- font-size: 18px;
+ color: #fff;
+ font-size: 18px;
}
.site-footer .footer-bottom a:hover {
- color: #fff;
+ color: #fff;
}
-
.site-footer .footer-bottom a:after {
- background-color: #fff;
+ background-color: #fff;
}
/* XS: Mobile devices */
-@media screen and (max-width: 480px){
-
- .title h2, .unique-icons-section h2, #compatibility .title h2 {
- font-size: 30px;
- }
+@media screen and (max-width: 480px) {
+ .title h2,
+ .unique-icons-section h2,
+ #compatibility .title h2 {
+ font-size: 30px;
+ }
- .title p, .unique-icons-section p, #compatibility .title p {
- font-size: 22px;
- }
+ .title p,
+ .unique-icons-section p,
+ #compatibility .title p {
+ font-size: 22px;
+ }
- .unique-icons-section h3 {
- font-size: 22px;
- }
+ .unique-icons-section h3 {
+ font-size: 22px;
+ }
- .app-store {
- text-align: center;
- padding-top: 50px;
- }
+ .app-store {
+ text-align: center;
+ padding-top: 50px;
+ }
- .phones {
- display: none;
- }
+ .phones {
+ display: none;
+ }
- #overview {
- padding: 10px 0;
- }
+ #overview {
+ padding: 10px 0;
+ }
- #overview img {
- margin-top: 10px;
- }
+ #overview img {
+ margin-top: 10px;
+ }
- #overview .section-title {
- margin-bottom: 30px;
- }
+ #overview .section-title {
+ margin-bottom: 30px;
+ }
- #features {
- padding: 10px 0;
- }
+ #features {
+ padding: 10px 0;
+ }
- #features .section-title {
- padding: 0;
- }
+ #features .section-title {
+ padding: 0;
+ }
- .feature-block h2 {
- font-size: 20px;
- }
+ .feature-block h2 {
+ font-size: 20px;
+ }
- .feature-block p {
- font-size: 18px;
- }
+ .feature-block p {
+ font-size: 18px;
+ }
}
/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {
+ .devices {
+ margin-top: 150px;
+ }
- .devices {
- margin-top: 150px;
- }
-
- .feature-block h2 {
- font-size: 20px;
- }
+ .feature-block h2 {
+ font-size: 20px;
+ }
- .feature-block p {
- font-size: 18px;
- }
+ .feature-block p {
+ font-size: 18px;
+ }
}
/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {
+ .devices {
+ margin-top: 70px;
+ }
- .devices {
- margin-top: 70px;
- }
+ .feature-block h2 {
+ font-size: 30px;
+ }
- .feature-block h2 {
- font-size: 30px;
- }
-
- .feature-block p {
- font-size: 20px;
- }
+ .feature-block p {
+ font-size: 20px;
+ }
}
/* LG: Desktop devices */
@media screen and (min-width: 1200px) {
+ .devices {
+ margin-top: 70px;
+ }
- .devices {
- margin-top: 70px;
- }
-
- .feature-block h2 {
- font-size: 30px;
- }
+ .feature-block h2 {
+ font-size: 30px;
+ }
- .feature-block p {
- font-size: 20px;
- }
+ .feature-block p {
+ font-size: 20px;
+ }
}
/* ===========================================================
Custom modification only for LANDING Demo - END
@@ -280,5 +304,5 @@ Custom modification only for LANDING Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-law/style.css b/kalium-child-law/style.css
index 1ca75db..0f8bb37 100755
--- a/kalium-child-law/style.css
+++ b/kalium-child-law/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Law Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -13,496 +13,622 @@ Text Domain: kalium
/* ===========================================================
Custom modification only for LAW Demo - START
=========================================================== */
+
/* Menu: Spacing between menu items */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li {
- margin-left: 25px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ + li,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ + li {
+ margin-left: 25px;
}
/* Menu: Color */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a {
- color: #222;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ > li
+ > a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ > li
+ > a {
+ color: #222;
}
/* Forms: Textarea */
.labeled-textarea-row textarea {
- line-height: 1.5;
- color: #222;
+ line-height: 1.5;
+ color: #222;
}
/* Forms: Label Color */
-.labeled-input-row label, .labeled-textarea-row label {
- color: #333;
+.labeled-input-row label,
+.labeled-textarea-row label {
+ color: #333;
}
/* Forms: Checkbox and Radio */
-input[type=checkbox], input[type=radio] {
- background: #f7f6f2;
- border-top: 1px solid #eae9e4;
- border-left: 1px solid #eae9e4;
+input[type="checkbox"],
+input[type="radio"] {
+ background: #f7f6f2;
+ border-top: 1px solid #eae9e4;
+ border-left: 1px solid #eae9e4;
}
/* Links: Underline Height */
-.site-footer a:after, .wrapper a:after {
- height: 2px;
+.site-footer a:after,
+.wrapper a:after {
+ height: 2px;
}
/* Homepage: Testimonial Images */
.tp-mask-wrap a:after {
- background-color: transparent;
+ background-color: transparent;
}
/* Homepage: Testimonial Images */
.testimonials-image img {
- width: 100px;
+ width: 100px;
}
/* Homepage: Welcome Box Padding */
.welcome-box {
- padding: 35px 0;
+ padding: 35px 0;
}
/* Homepage: Services Padding */
.services-home {
- padding: 35px 0;
+ padding: 35px 0;
}
/* Homepage: Services Retina Image placement */
.services-image img {
- max-width: 75px;
+ max-width: 75px;
}
/* Homepage: Blog Posts Remove Border from Posts */
.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry {
- border: none;
+ border: none;
}
/* Homepage: Blog Posts Center Align Vertically */
-.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-content-container, .wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-image {
- vertical-align: middle;
+.wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-content-container,
+.wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-image {
+ vertical-align: middle;
}
/* Homepage: Blog Posts Spacing */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
- padding: 15px 30px;
+ padding: 15px 30px;
}
/* Homepage: Blog Posts See More Button */
.more-link {
- border: none;
- position: absolute;
- top: 0px;
- right: 0px;
- min-width: auto;
+ border: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ min-width: auto;
}
/* Homepage: Blog Posts See More Button Border */
.show-more .reveal-button {
- min-width: auto;
- border: none;
+ min-width: auto;
+ border: none;
}
/* Homepage: Blog Posts See More Button Spacing */
.more-link .show-more {
- padding:0px;
- margin: 0px;
+ padding: 0px;
+ margin: 0px;
}
/* Homepage: Blog Posts See More Button Border Color */
.more-link .show-more .reveal-button a {
- width: auto;
- border-bottom: 2px solid #c0302e;
- padding: 4px 0px;
+ width: auto;
+ border-bottom: 2px solid #c0302e;
+ padding: 4px 0px;
}
/* Homepage: Blog Posts See More Button Arrow */
.more-link .show-more .reveal-button a:before {
- content: "»";
- margin-left: 10px;
- float: right;
- line-height : 1
+ content: "»";
+ margin-left: 10px;
+ float: right;
+ line-height: 1;
}
/* Homepage: Blog Posts Hover */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display {
- background-color: transparent;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-image
+ a
+ .hover-display {
+ background-color: transparent;
}
/* Homepage: Blog Posts Remove Icon */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display i {
- display: none;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-image
+ a
+ .hover-display
+ i {
+ display: none;
}
/* Homepage: Blog Posts Image Filter */
-.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-image img {
- filter: grayscale(0%);
- transition: filter 0.2s ease-in-out;
+.wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-image
+ img {
+ filter: grayscale(0%);
+ transition: filter 0.2s ease-in-out;
}
/* Homepage: Blog Posts Image Filter Hover */
-.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry:hover .blog-post-image img {
- filter: grayscale(100%);
+.wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry:hover
+ .blog-post-image
+ img {
+ filter: grayscale(100%);
}
/* Homepage: Blog Posts Show More Button */
.show-more .reveal-button a {
- color: #c0302e;
- font-size: 18px;
- font-weight: 500;
+ color: #c0302e;
+ font-size: 18px;
+ font-weight: 500;
}
/* Homepage: Blog Posts Show More Button Hover */
.show-more .reveal-button a:hover {
- color: #c0302e;
+ color: #c0302e;
}
/* Blog: Sidebar Widget Background Color */
.widget-area--skin-background-fill .widget {
- background-color: #f1ede7;
+ background-color: #f1ede7;
}
/* Blog: Sidebar Search Background Color */
-.widget.widget_product_search .search-bar input[name="s"], .widget.widget_search .search-bar input[name="s"] {
- background-color: #f1ede7;
+.widget.widget_product_search .search-bar input[name="s"],
+.widget.widget_search .search-bar input[name="s"] {
+ background-color: #f1ede7;
}
/* Blog: Single Comments Top Margin */
-.post-navigation a i, .post-navigation a strong {
- color: #333;
+.post-navigation a i,
+.post-navigation a strong {
+ color: #333;
}
/* Blog: Single Comments Top Margin */
.single-post .comment-form {
- margin: 0px;
+ margin: 0px;
}
/* Blog: Single Post Navigation */
.post-navigation {
- border-top: 2px dotted #EEE;
- padding: 20px 0;
+ border-top: 2px dotted #eee;
+ padding: 20px 0;
}
/* Blog: Single Post tags background color */
.single-post .post .post-tags a {
- background-color: #f1ede7;
+ background-color: #f1ede7;
}
/* Blog: Single Post Navigation Show Labels */
-.post-navigation--label em, .post-navigation--label strong {
- top: auto;
- opacity: 1;
+.post-navigation--label em,
+.post-navigation--label strong {
+ top: auto;
+ opacity: 1;
}
/* Blog: Single Post Author Border */
.post-author {
- border-top: 2px dotted #EEE;
- padding-top: 30px;
+ border-top: 2px dotted #eee;
+ padding-top: 30px;
}
/* Blog: Single Post Author Width */
-.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--image a {
- width: 100px;
+.author-info--alignment-bottom.single-post--has-author-info.single-post
+ .post
+ .post-author
+ .author-info--image
+ a {
+ width: 100px;
}
/* Blog: Single Post Author Color */
-.single-post .post .author-info--details .author-name, .single-post .post .post-meta a {
- color: #000;
+.single-post .post .author-info--details .author-name,
+.single-post .post .post-meta a {
+ color: #000;
}
/* Blog: Single Post Quote Post */
.header-absolute.single-post .post--full-width-image.format-quote .post-image {
- box-shadow: inset rgba(0, 0, 0, 0.5) 0px -5px 25px -15px, inset rgba(0, 0, 0, 0.5) 0px -25px 125px -75px;
- background-color: #f7f6f2;
+ box-shadow: inset rgba(0, 0, 0, 0.5) 0px -5px 25px -15px,
+ inset rgba(0, 0, 0, 0.5) 0px -25px 125px -75px;
+ background-color: #f7f6f2;
}
/* Blog: Single Post Comments Background */
.single-post .post-comments {
- background-color: #f7f6f2;
- box-shadow: inset rgba(0, 0, 0, 0.5) 0px 5px 25px -15px, inset rgba(0, 0, 0, 0.5) 0px 25px 125px -75px;
+ background-color: #f7f6f2;
+ box-shadow: inset rgba(0, 0, 0, 0.5) 0px 5px 25px -15px,
+ inset rgba(0, 0, 0, 0.5) 0px 25px 125px -75px;
}
/* Blog: Single Post Navigation Spacing */
.single-post .post .post-navigation {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Blog Comments: Textarea */
-p.labeled-textarea-row.comment-form-comment, .single-post .comment-form>p {
- background: #f7f6f2;
- padding: 5px 15px;
- border-top: 1px solid #eae9e4;
- border-left: 1px solid #eae9e4;
+p.labeled-textarea-row.comment-form-comment,
+.single-post .comment-form > p {
+ background: #f7f6f2;
+ padding: 5px 15px;
+ border-top: 1px solid #eae9e4;
+ border-left: 1px solid #eae9e4;
}
/* Blog Comments: Top Margin */
.comment-form-comment {
- margin-top: 20px;
+ margin-top: 20px;
}
/* Blog Comments: Textarea */
-.single-post .comment-form>p.logged-in-as {
- background: transparent;
- margin: 0px;
- padding: 0px;
- border: none;
+.single-post .comment-form > p.logged-in-as {
+ background: transparent;
+ margin: 0px;
+ padding: 0px;
+ border: none;
}
/* Blog Comments: Submit Comment */
-.single-post .comment-form>p.form-submit {
- padding: 0px;
- background: transparent;
- margin-top: 0px;
- border: none;
+.single-post .comment-form > p.form-submit {
+ padding: 0px;
+ background: transparent;
+ margin-top: 0px;
+ border: none;
}
/* Blog Comments: Spacing Between Forms */
-.single-post .comment-form>p.comment-form-url {
- border-right: none;
+.single-post .comment-form > p.comment-form-url {
+ border-right: none;
}
/* About: Practice Areas Spacing */
.practice-areas ul {
- padding-left: 0px;
+ padding-left: 0px;
}
/* About: Practice Areas */
.practice-areas ul li {
- line-height: 35px;
- border-bottom: 1px solid rgba(0,0,0,0.1);
- list-style-position: inside;
- list-style-type: upper-roman;
+ line-height: 35px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ list-style-position: inside;
+ list-style-type: upper-roman;
}
/* About Me: Signature */
.signature {
- width: 150px;
+ width: 150px;
}
/* Services: Tour Element Color */
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab{
- list-style-type: none;
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tab {
+ list-style-type: none;
}
/* Services: Tour Element */
-.wpb-js-composer .service-list.vc_tta.vc_general .vc_tta-tab>a {
- padding: 14px 20px;
- display: block;
+.wpb-js-composer .service-list.vc_tta.vc_general .vc_tta-tab > a {
+ padding: 14px 20px;
+ display: block;
}
/* Services: Content Padding Left */
.service-list .vc_tta-panel-body {
- padding-left: 35px !important;
+ padding-left: 35px !important;
}
/* Services: Tour Element Color */
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading,
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
- background-color: #f1ede7;
- color: #000;
- border: none;
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading,
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tab
+ > a {
+ background-color: #f1ede7;
+ color: #000;
+ border: none;
}
/* Services: Tour Element Active Color */
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a,
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a,
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
- background-color: #f1ede7;
- color: #000;
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-panel.vc_active
+ .vc_tta-panel-title
+ > a,
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-title
+ > a,
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tab.vc_active
+ > a {
+ background-color: #f1ede7;
+ color: #000;
}
/* Services: Tour Element Active Color */
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a span {
- border-bottom: 2px solid #c0302e;
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tab.vc_active
+ > a
+ span {
+ border-bottom: 2px solid #c0302e;
}
/* Services: Tour Element Active Arrow */
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active:after {
- left: 100%;
- top: 50%;
- border: solid transparent;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- border-left-color: #f1ede7;
- border-width: 10px;
- margin-top: -10px;
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tab.vc_active:after {
+ left: 100%;
+ top: 50%;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ border-left-color: #f1ede7;
+ border-width: 10px;
+ margin-top: -10px;
}
/* Services: Tour Element Hover */
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus,
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover,
-.wpb-js-composer .service-list.vc_tta-color-white.vc_tta-style-flat .vc_tta-tabs-list .vc_tta-tab>a:hover {
- background-color: #e8e5e1;
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading:focus,
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-panel
+ .vc_tta-panel-heading:hover,
+.wpb-js-composer
+ .service-list.vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tabs-list
+ .vc_tta-tab
+ > a:hover {
+ background-color: #e8e5e1;
}
/* Contact Form: Input Colors */
-.contact-form .form-group.labeled-input-row, .form-group.labeled-textarea-row {
- padding: 5px 15px;
- background: #f7f6f2;
- border-top: 1px solid #eae9e4;
- border-left: 1px solid #eae9e4;
+.contact-form .form-group.labeled-input-row,
+.form-group.labeled-textarea-row {
+ padding: 5px 15px;
+ background: #f7f6f2;
+ border-top: 1px solid #eae9e4;
+ border-left: 1px solid #eae9e4;
}
/* Contact Form: Privacy Policy background */
.contact-form-privacy-policy {
- background: transparent;
- padding: 0px;
+ background: transparent;
+ padding: 0px;
}
/* Contact Form: Remove Borders*/
-.labeled-input-row label, .labeled-input-row input, .labeled-textarea-row label {
- border-bottom: none;
+.labeled-input-row label,
+.labeled-input-row input,
+.labeled-textarea-row label {
+ border-bottom: none;
}
/* Contact Form: Textarea Remove Border */
.labeled-textarea-row textarea {
- background: none;
+ background: none;
}
/* Contact Form: Padding */
.wpb_wrapper .lab-contact-form {
- padding-top: 30px;
+ padding-top: 30px;
}
/* Contact Form: Autofill background color for webkit browsers */
html input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px #eae9e4 inset;
- -moz-box-shadow: 0 0 0 1000px #eae9e4 inset;
- box-shadow: 0 0 0 1000px #eae9e4 inset;
+ -webkit-box-shadow: 0 0 0 1000px #eae9e4 inset;
+ -moz-box-shadow: 0 0 0 1000px #eae9e4 inset;
+ box-shadow: 0 0 0 1000px #eae9e4 inset;
}
/* Footer: Background Decoration Image */
footer.site-footer {
- background: url(https://demo-content.kaliumtheme.com/law/wp-content/uploads/2018/10/footer-law.png) no-repeat 105% 140%;
- background-size: 477px auto;
- border-top: 1px solid #eae9e4;
- background-color: #f7f6f2 !important;
+ background: url(https://demo-content.kaliumtheme.com/law/wp-content/uploads/2018/10/footer-law.png)
+ no-repeat 105% 140%;
+ background-size: 477px auto;
+ border-top: 1px solid #eae9e4;
+ background-color: #f7f6f2 !important;
}
/* Footer: Background and top border*/
.site-footer .footer-bottom {
- background-color: #FFF;
- border-top: 1px solid #eae9e4;
+ background-color: #fff;
+ border-top: 1px solid #eae9e4;
}
/* Footer: Bottom Footer Spacing*/
.site-footer .footer-bottom-content {
- padding: 15px 0;
- border: none;
+ padding: 15px 0;
+ border: none;
}
/* Footer: Hide Bottom Border */
.site-footer hr {
- display: none;
+ display: none;
}
/* Pageable Container - pagination margin reduce */
.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
- margin-top: 10px !important;
- margin-bottom: 10px !important;
+ margin-top: 10px !important;
+ margin-bottom: 10px !important;
+}
+
+/* MD: Tablet and desktop devices */
+@media screen and (min-width: 992px) {
+ /* Footer: Remove bottom margin for widgets */
+ .footer--widgets.widget-area .widget {
+ margin-bottom: 0px;
+ }
+
+ /* Homepage: Intro Image */
+ .homepage-image-intro {
+ margin-bottom: 0px;
+ }
}
/* XS: Mobile devices */
-@media screen and (max-width: 480px){/* Menu: Search Form Color */
- .mobile-menu-wrapper .mobile-menu-container .search-form label {
- color: #747474;
- }
-
- /* Homepage: Blog Posts */
- .wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-content-container,
- .wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-image {
- padding-left: 0px;
- }
-
- /* Homepage: Blog Posts See More Button */
- .more-link {
- border: none;
- position: relative;
- min-width: auto;
- text-align: left;
- }
-
- /* Homepage: Blog Posts See More Button Border */
- .show-more .reveal-button {
- min-width: auto;
- border: none;
- }
-
- /* Homepage: Blog Posts See More Button Spacing */
- .more-link .show-more {
- padding:0px;
- margin-bottom: 20px;
- }
-
- /* Homepage: Blog Posts See More Button Arrow */
- .more-link .show-more .reveal-button a:before {
- content: "»";
- margin-left: 10px;
- float: none;
- line-height : 1
- }
-
- /* Homepage: Welcome Box Padding */
- .welcome-box {
- padding: 0;
- }
-
- /* Homepage: Services Padding */
- .services-home {
- padding: 0;
- }
-
- /* Homepage: Blog Posts Margin */
- .wpb_wrapper .lab-blog-posts {
- margin-bottom: 0px;
- }
-
- /* Homepage: Blog Posts More Button */
- .more-link .show-more {
- margin-bottom: 35px;
- }
-
- /* Homepage: Clients */
- .logos-holder .client-logos-col {
- width: 50% !important;
- }
-
- /* Services: List Background Color */
- .wpb-js-composer .service-list.vc_tta.vc_general .vc_tta-panel-title>a:after {
- background-color: transparent;
- }
-
- /* Services: Content Remove Padding */
- .wpb-js-composer .service-list.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
- padding: 0px;
- }
-
- /* Services: Content Remove Padding */
- .service-list .vc_tta-panel-body {
- padding: 15px !important;
- }
-
- /* Practice Areas: Padding */
- .practice-areas-accordion {
- padding: 35px 0;
- }
-
- /* Blog: Single Post Navigation Width */
- .post-navigation a {
- width: 30%;
- }
-
- /* Blog: Single Post Comments Caret Position */
- .single-post .post-comments:before {
- right: 5%;
- }
-
- /* Footer: Background Image */
- footer.site-footer {
- background-position: 145% 90%;
- background-size: 350px auto;
- }
+@media screen and (max-width: 480px) {
+ /* Menu: Search Form Color */
+ .mobile-menu-wrapper .mobile-menu-container .search-form label {
+ color: #747474;
+ }
+
+ /* Homepage: Blog Posts */
+ .wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-content-container,
+ .wpb_wrapper
+ .lab-blog-posts.posts-layout-left
+ .blog-post-entry
+ .blog-post-image {
+ padding-left: 0px;
+ }
+
+ /* Homepage: Blog Posts See More Button */
+ .more-link {
+ border: none;
+ position: relative;
+ min-width: auto;
+ text-align: left;
+ }
+
+ /* Homepage: Blog Posts See More Button Border */
+ .show-more .reveal-button {
+ min-width: auto;
+ border: none;
+ }
+
+ /* Homepage: Blog Posts See More Button Spacing */
+ .more-link .show-more {
+ padding: 0px;
+ margin-bottom: 20px;
+ }
+
+ /* Homepage: Blog Posts See More Button Arrow */
+ .more-link .show-more .reveal-button a:before {
+ content: "»";
+ margin-left: 10px;
+ float: none;
+ line-height: 1;
+ }
+
+ /* Homepage: Welcome Box Padding */
+ .welcome-box {
+ padding: 0;
+ }
+
+ /* Homepage: Services Padding */
+ .services-home {
+ padding: 0;
+ }
+
+ /* Homepage: Blog Posts Margin */
+ .wpb_wrapper .lab-blog-posts {
+ margin-bottom: 0px;
+ }
+
+ /* Homepage: Blog Posts More Button */
+ .more-link .show-more {
+ margin-bottom: 35px;
+ }
+
+ /* Homepage: Clients */
+ .logos-holder .client-logos-col {
+ width: 50% !important;
+ }
+
+ /* Services: List Background Color */
+ .wpb-js-composer
+ .service-list.vc_tta.vc_general
+ .vc_tta-panel-title
+ > a:after {
+ background-color: transparent;
+ }
+
+ /* Services: Content Remove Padding */
+ .wpb-js-composer
+ .service-list.vc_tta.vc_general
+ .vc_tta-panel.vc_active
+ .vc_tta-panel-body {
+ padding: 0px;
+ }
+
+ /* Services: Content Remove Padding */
+ .service-list .vc_tta-panel-body {
+ padding: 15px !important;
+ }
+
+ /* Practice Areas: Padding */
+ .practice-areas-accordion {
+ padding: 35px 0;
+ }
+
+ /* Blog: Single Post Navigation Width */
+ .post-navigation a {
+ width: 30%;
+ }
+
+ /* Blog: Single Post Comments Caret Position */
+ .single-post .post-comments:before {
+ right: 5%;
+ }
+
+ /* Footer: Background Image */
+ footer.site-footer {
+ background-position: 145% 90%;
+ background-size: 350px auto;
+ }
}
/* ===========================================================
Custom modification only for LAW Demo - END
diff --git a/kalium-child-main/style.css b/kalium-child-main/style.css
index ee21326..98a22b3 100755
--- a/kalium-child-main/style.css
+++ b/kalium-child-main/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Main Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
diff --git a/kalium-child-medical/style.css b/kalium-child-medical/style.css
index bdcc6a6..f05eadd 100755
--- a/kalium-child-medical/style.css
+++ b/kalium-child-medical/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Medical Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,267 +16,307 @@ Custom modification only for MEDICAL Demo - START
/* Button Color and Radius */
.button {
- background-color: #6dab3c;
- border-radius: 50px;
+ background-color: #6dab3c;
+ border-radius: 50px;
}
/* Header Background Color and Padding */
header.main-header {
- background: #fff;
+ background: #fff;
}
/* Standard Header Menus: Margin Left */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li {
- margin-left: 25px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li
+ + li,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li
+ + li {
+ margin-left: 25px;
}
/* Header: Menu Buy Button */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li.special-menu-button > a,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li.special-menu-button > a {
- color: #6dab3c;
- border: 1px solid #6dab3c;
- padding: 5px 10px;
- line-height: 1;
- border-radius: 50px;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ > li.special-menu-button
+ > a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ > li.special-menu-button
+ > a {
+ color: #6dab3c;
+ border: 1px solid #6dab3c;
+ padding: 5px 10px;
+ line-height: 1;
+ border-radius: 50px;
}
/* Header: Menu Buy Button on Hover */
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li.special-menu-button > a:hover,
-.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li.special-menu-button > a:hover {
- color: #fff;
- background: #6dab3c;
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ div.menu
+ > ul
+ > li.special-menu-button
+ > a:hover,
+.main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ ul.menu
+ > li.special-menu-button
+ > a:hover {
+ color: #fff;
+ background: #6dab3c;
}
/* Homepage: Blog Posts and Departments More Button */
.more-link {
- border: none;
- top: 0px;
- right: 0px;
- position: absolute;
+ border: none;
+ top: 0px;
+ right: 0px;
+ position: absolute;
}
/* Homepage: Blog Posts See More Button Border */
.show-more .reveal-button {
- min-width: 150px;
- border: none;
+ min-width: 150px;
+ border: none;
}
/* Homepage: Blog Posts See More Button Spacing */
.more-link .show-more {
- padding:0px;
- margin: 0px;
- margin-top: 35px;
+ padding: 0px;
+ margin: 0px;
+ margin-top: 35px;
}
/* Homepage: Blog Posts See More Button Border Color */
.more-link .show-more .reveal-button a {
- width: auto;
- background-color: #6dab3c;
- border-radius: 50px;
- padding: 15px;
- color: #fff;
- line-height: 1;
+ width: auto;
+ background-color: #6dab3c;
+ border-radius: 50px;
+ padding: 15px;
+ color: #fff;
+ line-height: 1;
}
/* Homepage: Blog Posts See More Button Arrow */
.more-link .show-more .reveal-button a:before {
- content: "»";
- margin-left: 10px;
- float: right;
- line-height : 1;
+ content: "»";
+ margin-left: 10px;
+ float: right;
+ line-height: 1;
}
/* Homepage: All Departments Button */
.lab-portfolio-items .more-link .show-more .reveal-button a {
- background-color: #fff;
- color: #009db3;
+ background-color: #fff;
+ color: #009db3;
}
/* Homepage Testimonials: pagination padding */
-.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination.testimonials:not(.vc_tta-tabs-position-bottom) {
- padding-bottom: 35px;
+.wpb-js-composer
+ .vc_tta-tabs.vc_tta-has-pagination.testimonials:not(.vc_tta-tabs-position-bottom) {
+ padding-bottom: 35px;
}
/* Homepage Testimonials: pagination position */
-.wpb-js-composer .testimonials.vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
- right: auto;
- margin: 0px;
+.wpb-js-composer
+ .testimonials.vc_tta-tabs.vc_tta-has-pagination
+ .vc_pagination {
+ right: auto;
+ margin: 0px;
}
/* Homepage: Departments List Area */
.departments-list ul {
- padding: 0px;
- list-style-type: none;
+ padding: 0px;
+ list-style-type: none;
}
/* Homepage: Departments Last List Area Style */
.departments-list ul li {
- border-bottom: 1px solid #18a9bd;
- list-style-position: inside;
- padding: 8px 0px;
- margin: 0px;
- color: #fff;
+ border-bottom: 1px solid #18a9bd;
+ list-style-position: inside;
+ padding: 8px 0px;
+ margin: 0px;
+ color: #fff;
}
/* Homepage: Departments Last List Area Without Dotted Border in Bottom */
.departments-list ul li:last-child {
- border: none;
+ border: none;
}
/* Homepage: Departments Area Box */
body.home .portfolio-holder.portfolio-type-1 .portfolio-item .info {
- background-color: transparent;
- box-shadow: none;
- padding-left: 0px;
- padding-right: 0px;
- padding-bottom: 0px;
+ background-color: transparent;
+ box-shadow: none;
+ padding-left: 0px;
+ padding-right: 0px;
+ padding-bottom: 0px;
}
/* Homepage: Departments Area Heading and Paragraph Color */
body.home .portfolio-holder.portfolio-type-1 .portfolio-item .info h3 a,
body.home .portfolio-holder.portfolio-type-1 .portfolio-item .info p {
- color: #fff;
+ color: #fff;
}
/* Departments Page: Departments Boxes */
.portfolio-holder.portfolio-type-1 .portfolio-item .info {
- background-color: #fff;
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
- padding: 22px 30px;
+ background-color: #fff;
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
+ padding: 22px 30px;
}
/* Departments Page: Departments Area Heading and Paragraph Color */
.portfolio-holder .item-box .info h3 {
- margin-bottom: 15px;
- margin-top: 0px;
+ margin-bottom: 15px;
+ margin-top: 0px;
}
/* Departments Page: Department Title Link Color */
.portfolio-holder .item-box .info h3 a {
- color: #2a527b;
+ color: #2a527b;
}
/* Homepage: Departmens Area Title Width*/
.home-departments .portfolio-title-holder .pt-column-title {
- max-width: 75%;
+ max-width: 75%;
}
/* Homepage: Departmens Area Title */
.home-departments.lab-portfolio-items .portfolio-title-holder h1,
.home-departments.lab-portfolio-items .portfolio-title-holder h2 {
- color: #fff;
+ color: #fff;
}
/* Homepage: Departmens Area Description */
.home-departments .section-title p {
- color: #fff;
+ color: #fff;
}
/* Homepage: Departmens Area More Button */
.lab-portfolio-items .more-link {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Footer Area: No Margin in Bottom */
.site-footer .footer-widgets {
- margin-bottom: 0;
+ margin-bottom: 0;
}
/* Footer: Widgets Navigation Menu Area Padding Left */
.site-footer .footer-widgets .widget.widget_nav_menu {
- padding-left: 100px;
+ padding-left: 100px;
}
/* Footer: Widgets List Area Link Color */
.site-footer .widget-area .widget li a,
.site-footer .widget ul ul a:before {
- color: #777;
+ color: #777;
}
/* Footer Bottom: Paddings */
.site-footer .footer-bottom-content {
- padding-top: 20px;
- padding-bottom: 20px;
+ padding-top: 20px;
+ padding-bottom: 20px;
}
/* Footer Social Networs Box Size and Color */
.site-footer .social-networks.rounded li a {
- width: 30px;
- height: 30px;
- background-color: #f3f8fb;
- border-radius: 5px;
+ width: 30px;
+ height: 30px;
+ background-color: #f3f8fb;
+ border-radius: 5px;
}
/* Footer Social Networs Icon Size */
.social-networks.rounded li a i {
- font-size: 14px;
+ font-size: 14px;
}
/* Widgets Lists with Dotted Border in Bottom */
.widget ul li {
- border-bottom: 1px dotted #ddd;
+ border-bottom: 1px dotted #ddd;
}
/* Widgets Lists Last item Without Dotted Border in Bottom */
.widget ul li:last-child {
- border: none;
+ border: none;
}
/* News Page: Blog Post Detials Area and Thumbnails Area */
.blog-posts .post-item.template-standard .post-details,
.blog-posts .post-item.template-standard .post-thumbnail {
- border: none;
- background-color: #fff;
+ border: none;
+ background-color: #fff;
}
/* News Page: Blog Post Details Area */
.blog-posts .post-item.template-standard .post-details {
- padding-top: 30px;
- padding-bottom: 30px;
+ padding-top: 30px;
+ padding-bottom: 30px;
+}
+
+/* News Page: Title spacing */
+.page-heading__title-section {
+ margin: 0px;
}
/* Homepage: Working Hours Table Area */
.working-hours-table table {
- background-color: #d7e9f5;
+ background-color: #d7e9f5;
}
.working-hours-table table td {
- color: #2d527b;
- padding: 10px 20px;
+ color: #2d527b;
+ padding: 10px 20px;
}
.working-hours-table table tr {
- border-bottom: 1px solid #f3f8fb;
+ border-bottom: 1px solid #f3f8fb;
}
/* Sidebar Skin (Background Fill Style) */
.widget-area--skin-background-fill .widget {
- border: none;
- background-color: #fff;
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
+ border: none;
+ background-color: #fff;
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
}
/* Sidebar Skin (Bordered Style) */
.widget-area--skin-bordered .widget {
- background-color: #fff;
+ background-color: #fff;
}
/* Homepage: Blog Posts Widget Box */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- border: none;
- background: #fff;
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
- transition: all 0.2s;
+ border: none;
+ background: #fff;
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
+ transition: all 0.2s;
}
/* Homepage: Blog Posts Widget Box Hover */
.wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
- box-shadow: 0px 3px 50px -15px rgba(0,0,0,0.2);
+ box-shadow: 0px 3px 50px -15px rgba(0, 0, 0, 0.2);
}
/* Homepage: Blog Posts Widget Box Date */
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date {
- letter-spacing: 1px;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-date {
+ letter-spacing: 1px;
}
/* Multiplle Areas: Removes the Underline Animation in Theme Links */
@@ -284,9 +324,14 @@ body.home .portfolio-holder.portfolio-type-1 .portfolio-item .info p {
.blog-posts .post-item .post-details .post-title a:after,
.single-post .post .post-meta a:hover:after,
.wrapper a:after,
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:after,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:after,
body a:after {
- background-color: transparent !important;
+ background-color: transparent !important;
}
/* Multiplle Areas: Link Hover Color */
@@ -295,260 +340,278 @@ body a:after {
.site-footer .footer-bottom a:hover,
.blog-posts .post-item .post-details .post-title a:hover,
.single-post .post .post-meta a:hover,
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:hover,
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-title
+ a:hover,
body a:hover {
- color: #039db3
+ color: #039db3;
}
/* Search Widget Background Color */
-.widget.widget_product_search .search-bar input[name="s"], .widget.widget_search .search-bar input[name="s"] {
- background-color: #fff;
+.widget.widget_product_search .search-bar input[name="s"],
+.widget.widget_search .search-bar input[name="s"] {
+ background-color: #fff;
}
/* Blog: Masonry Posts Layout */
.blog-posts .post-item.template-standard {
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
}
/* Blog: Classic Posts Layout */
.blog-posts .has-post-thumbnail .post-item {
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
- background-color: #fff;
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
+ background-color: #fff;
}
/* Blog: Rounded Posts Layout */
.blog-posts .post-item.template-rounded.columned {
- background: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
/* Blog: Square Posts Layout */
.blog-posts .format-video .post-item.template-square.columned .post-details,
-.blog-posts .has-post-thumbnail .post-item.template-square.columned .post-details {
- padding: 20px 25px 0 0;
+.blog-posts
+ .has-post-thumbnail
+ .post-item.template-square.columned
+ .post-details {
+ padding: 20px 25px 0 0;
}
/* Blog Post: Rounded Social Networks Layout */
.single-post .post .post-share-networks--style-icons a {
- background: #fff;
- border-radius: 3px;
- width: 35px;
- height: 35px;
+ background: #fff;
+ border-radius: 3px;
+ width: 35px;
+ height: 35px;
}
/* Blog Post: Blog Tags Layout */
.single-post .post .post-tags a {
- background: #fff;
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
- padding: 6px 8px;
- margin-right: 10px;
+ background: #fff;
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
+ padding: 6px 8px;
+ margin-right: 10px;
}
/* Blog Post: Author Info Box */
section.post-author {
- border-top: 2px dotted #e1eaef;
- padding-top: 35px;
+ border-top: 2px dotted #e1eaef;
+ padding-top: 35px;
}
/* Blog Post: Author Info Image */
-.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--image a {
- width: 130px;
- margin-right: 35px;
+.author-info--alignment-bottom.single-post--has-author-info.single-post
+ .post
+ .post-author
+ .author-info--image
+ a {
+ width: 130px;
+ margin-right: 35px;
}
/* Blog Post: Author Info Image Radius */
.single-post .post .author-info--image .image-placeholder {
- border-radius: 3px;
+ border-radius: 3px;
}
/* Posts Navigation - Next-Prev Layout */
.post-navigation {
- border-top: 2px dotted #e1eaef;
- padding: 20px 0;
- margin-bottom: 0;
+ border-top: 2px dotted #e1eaef;
+ padding: 20px 0;
+ margin-bottom: 0;
}
/* Posts Navigation - Next-Prev Post Hide Arrows */
.post-navigation--next .post-navigation--arrow,
.post-navigation--prev .post-navigation--arrow {
- display: none;
+ display: none;
}
/* Posts Navigation - Color */
-.post-navigation a i, .post-navigation a strong {
- color: #2a527b;
+.post-navigation a i,
+.post-navigation a strong {
+ color: #2a527b;
}
/* Posts Navigation - Hover Color */
-.post-navigation a:hover i, .post-navigation a:hover strong {
- color: #009db4;
+.post-navigation a:hover i,
+.post-navigation a:hover strong {
+ color: #009db4;
}
/* Blog Post: Comments Area Color */
.single-post .post-comments {
- background-color: #e1eaef;
+ background-color: #e1eaef;
}
/* Blog Post: Reply Button Color */
.single-post .post-comments--list .comment .commenter-details .name a {
- color: #009db4;
+ color: #009db4;
}
/* Blog Post: Reply to a Comments Background Color */
.single-post .post-comments--list .comment-respond {
- background-color: #f3f8fb;
+ background-color: #f3f8fb;
}
/* Blog Post: Comment Connector Color */
.single-post .post-comments--list .comment .commenter-image .comment-connector {
- border-color: #c5d6de;
+ border-color: #c5d6de;
}
/* Blog Post: Commenter Details Padding */
.single-post .post-comments--list .comment .commenter-details {
- padding-left: 15px;
+ padding-left: 15px;
}
/* Blog Posts: Comments Textarea */
-p.labeled-textarea-row.comment-form-comment, .single-post .comment-form>p {
- background: #fff;
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
- padding: 5px 15px;
+p.labeled-textarea-row.comment-form-comment,
+.single-post .comment-form > p {
+ background: #fff;
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
+ padding: 5px 15px;
}
/* Blog Post: Leave a Reply Comment Area */
.single-post .comment-form {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-flow: row wrap;
- justify-content: space-between;
- margin: 0;
- margin-top: 35px;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-flow: row wrap;
+ justify-content: space-between;
+ margin: 0;
+ margin-top: 35px;
}
/* Blog Post: Comments Area */
-.single-post .comment-form>p.logged-in-as {
- background: transparent;
- padding: 0px;
- border: none;
- box-shadow: none;
+.single-post .comment-form > p.logged-in-as {
+ background: transparent;
+ padding: 0px;
+ border: none;
+ box-shadow: none;
}
/* Blog Post: Comments Area */
-.single-post .comment-form>p.logged-in-as a{
- color: #009db3;
+.single-post .comment-form > p.logged-in-as a {
+ color: #009db3;
}
/* Blog Post: Add a Comment Fill Areas Width */
-.single-post .comment-form>p.labeled-input-row {
- width: 32%;
- float: none;
+.single-post .comment-form > p.labeled-input-row {
+ width: 32%;
+ float: none;
}
/* Blog Post: Add a Comment Fill Areas Style */
.labeled-textarea-row textarea {
- background-image: none;
- line-height: 1.5;
- padding: 0px;
+ background-image: none;
+ line-height: 1.5;
+ padding: 0px;
}
/* Blog Post: Add a Comment Fill Areas Border */
.labeled-input-row label,
.labeled-textarea-row label,
.labeled-input-row input {
- border: none;
+ border: none;
}
/* Blog Page and Blog Post: Quote Post Background Color */
.blog-posts .post-item .post-thumbnail blockquote,
.single-post .post--full-width-image.format-quote .post-image {
- background-color: #dce6ec;
+ background-color: #dce6ec;
}
/* Blog Post: Add a Comment Fill Required Areas */
-.labeled-input-row label .required, .labeled-textarea-row label .required {
- color: red;
+.labeled-input-row label .required,
+.labeled-textarea-row label .required {
+ color: red;
}
/* Blog Posts: Submit Comment Button */
-.single-post .comment-form>p.form-submit {
- padding: 0px;
- background: transparent;
- margin-top: 0px;
- margin-left: auto;
- border: none;
+.single-post .comment-form > p.form-submit {
+ padding: 0px;
+ background: transparent;
+ margin-top: 0px;
+ margin-left: auto;
+ border: none;
}
/* Blog: Single Post Navigation Show Labels */
-.post-navigation--label em, .post-navigation--label strong {
- top: auto;
- opacity: 1;
+.post-navigation--label em,
+.post-navigation--label strong {
+ top: auto;
+ opacity: 1;
}
/* Menu: Search Button Background */
.header-search-input .search-field {
- background: #f3f8fb;
+ background: #f3f8fb;
}
/* Search Page: Results Box Border */
.search-results-holder .result-box + .result-box {
- border-top-color: #e1eaef;
+ border-top-color: #e1eaef;
}
/* Search Page: Results Page Title */
.search-results-holder .result-box .result-info h3 a {
- color: #2a527b;
+ color: #2a527b;
}
/* Blog Page: Header */
.blog .page-heading {
- margin-top: 50px;
- margin-bottom: 50px;
+ margin-top: 50px;
+ margin-bottom: 50px;
}
/* Blog Page: Heading Description (paragraph) */
.page-heading--description p {
- color: #768ca5;
+ color: #768ca5;
}
/* Browser Selection Color */
::selection {
- background: #039db3;
+ background: #039db3;
}
/* Widget: Sidebar Working Hours Area */
.sidebar-working-hours {
- color: #2d527b;
+ color: #2d527b;
}
.sidebar-working-hours td {
- padding: 5px 0;
+ padding: 5px 0;
}
.sidebar-working-hours td:nth-child(even) {
- text-align: right;
+ text-align: right;
}
.sidebar-working-hours tr {
- border-bottom: 1px solid #f3f8fb;
+ border-bottom: 1px solid #f3f8fb;
}
.emergency-button-sidebar a {
- background: #6dab3c;
- color: #fff;
- border-radius: 3px;
- padding: 7px 5px;
- width: 100%;
- text-align: center;
+ background: #6dab3c;
+ color: #fff;
+ border-radius: 3px;
+ padding: 7px 5px;
+ width: 100%;
+ text-align: center;
}
.emergency-button-sidebar a:hover {
- color: #fff !important;
- background: #5f9434;
+ color: #fff !important;
+ background: #5f9434;
}
/* Classic Pagination Layout */
@@ -557,17 +620,16 @@ p.labeled-textarea-row.comment-form-comment, .single-post .comment-form>p {
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.pagination--normal .page-numbers {
- background: #fff;
- padding: 5px 15px;
- border-radius: 50px;
- margin: 0px 5px;
+ background: #fff;
+ padding: 5px 15px;
+ border-radius: 50px;
+ margin: 0px 5px;
}
-
/* Classic Pagination Layout */
.pagination-container a.page-numbers,
.pagination-container span.page-numbers {
- color: #2a527b;
+ color: #2a527b;
}
/* Classic Pagination Layout: Current page */
@@ -576,7 +638,7 @@ p.labeled-textarea-row.comment-form-comment, .single-post .comment-form>p {
.woocommerce-pagination a.page-numbers.current,
.woocommerce-pagination span.page-numbers.current,
.pagination--normal .page-numbers.current {
- color: #c5ced4;
+ color: #c5ced4;
}
/* Classic Pagination Layout: Page Hover */
@@ -585,340 +647,358 @@ p.labeled-textarea-row.comment-form-comment, .single-post .comment-form>p {
.woocommerce-pagination a.page-numbers:hover,
.woocommerce-pagination span.page-numbers:hover,
.pagination--normal .page-numbers:hover {
- color: #039db3;
+ color: #039db3;
}
/* Classic Pagination Layout: Current page no hover*/
.pagination--normal .page-numbers.current:hover,
.pagination-container span.page-numbers.current:hover {
- color: #c5ced4;
+ color: #c5ced4;
}
/* Infinite Scroll Pagination Style */
.pagination--infinite-scroll .pagination--infinite-scroll-show-more {
- box-shadow: 4px 7px 10px -9px rgba(0,0,0,0.1);
- background-color: #fff;
- border-style: none;
+ box-shadow: 4px 7px 10px -9px rgba(0, 0, 0, 0.1);
+ background-color: #fff;
+ border-style: none;
}
/* Page Title Padding */
.page-title {
- padding: 50px 0px;
+ padding: 50px 0px;
}
/* Departments Title */
.departments-title {
- padding: 50px 0px 35px 0;
+ padding: 50px 0px 35px 0;
}
/* Departments Title Holder */
.wpb_wrapper .lab-portfolio-items .portfolio-title-holder {
- margin: 0px;
+ margin: 0px;
}
/* Homepage Blog Posts */
.home-news {
- padding: 50px 0 35px 0;
+ padding: 50px 0 35px 0;
}
/* Homepage: Appointments */
-.home-appointment .vc_column-inner>.wpb_wrapper {
- padding: 0 50px;
- background-color: #f3f8fb;
- padding-top: 35px;
+.home-appointment .vc_column-inner > .wpb_wrapper {
+ padding: 0 50px;
+ background-color: #f3f8fb;
+ padding-top: 35px;
}
/* Homepage: Google Maps */
-.home-map.vc_column_container>.vc_column-inner {
- padding-top: 0;
+.home-map.vc_column_container > .vc_column-inner {
+ padding-top: 0;
}
/* Homepage: View All Button */
.home-button a {
- padding: 15px !important;
- line-height: 1 !important;
- background-image: none !important;
+ padding: 15px !important;
+ line-height: 1 !important;
+ background-image: none !important;
}
/* Homepage: All Doctors Button */
.home-button a:before {
- content: "»";
- margin-left: 10px;
- float: right;
- line-height: 1;
+ content: "»";
+ margin-left: 10px;
+ float: right;
+ line-height: 1;
}
/* Departments Title Holder */
.wpb_wrapper .lab-portfolio-items .portfolio-title-holder {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
/* Contact Form: Input Colors */
-.contact-form .form-group.labeled-input-row, .form-group.labeled-textarea-row {
- padding: 5px 15px;
- background: #fff;
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
+.contact-form .form-group.labeled-input-row,
+.form-group.labeled-textarea-row {
+ padding: 5px 15px;
+ background: #fff;
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
}
/* Contact Form: Checkboxes and Radio Buttons */
-.contact-form input[type=checkbox], .contact-form input[type=radio] {
- background: #fff;
+.contact-form input[type="checkbox"],
+.contact-form input[type="radio"] {
+ background: #fff;
}
/* Appointments Ninja Forms Plugin Layout */
.appointments nf-fields-wrap {
- display: flex;
- flex-flow: row wrap;
- justify-content: space-between;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
}
.appointments nf-field {
- width: 45%;
+ width: 45%;
}
.dep-appointments nf-field {
- width: 100%;
+ width: 100%;
}
.dep-appointments,
.dep-appointments .submit-container {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
.appointments .nf-field-element {
- box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.1);
+ box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.1);
}
-.dep-appointments .nf-field-element {
- box-shadow: none;
+.dep-appointments .nf-field-element {
+ box-shadow: none;
}
-.submit-container .nf-field-element {
- box-shadow: none;
+.submit-container .nf-field-element {
+ box-shadow: none;
}
.appointments nf-field:last-child {
- width: 100%;
- box-shadow: none;
+ width: 100%;
+ box-shadow: none;
}
.nf-field-element select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- padding-left: 10px;
- padding-right: 10px;
- padding-top: 1px;
- padding-bottom: 1px;
-}
-
-.appointments input[type=text],
-.appointments input[type=number],
-.appointments input[type=email],
-.appointments input[type=password],
-.appointments input[type=url],
-.appointments input[type=tel],
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ padding-left: 10px;
+ padding-right: 10px;
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.appointments input[type="text"],
+.appointments input[type="number"],
+.appointments input[type="email"],
+.appointments input[type="password"],
+.appointments input[type="url"],
+.appointments input[type="tel"],
.appointments select,
.appointments textarea {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border-color: #fff;
-}
-
-.dep-appointments input[type=text],
-.dep-appointments input[type=number],
-.dep-appointments input[type=email],
-.dep-appointments input[type=password],
-.dep-appointments input[type=url],
-.dep-appointments input[type=tel],
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-color: #fff;
+}
+
+.dep-appointments input[type="text"],
+.dep-appointments input[type="number"],
+.dep-appointments input[type="email"],
+.dep-appointments input[type="password"],
+.dep-appointments input[type="url"],
+.dep-appointments input[type="tel"],
.dep-appointments select,
.dep-appointments textarea {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border-color: #f3f8fb;
- background: #f3f8fb;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-color: #f3f8fb;
+ background: #f3f8fb;
}
.appointments .nf-error .ninja-forms-field {
- border: 1px solid #e80000;
+ border: 1px solid #e80000;
}
.appointments .submit-container .nf-field-element,
.appointments .submit-container .nf-field-element {
- box-shadow: none;
+ box-shadow: none;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
- .site-footer .footer-widgets .widget.widget_nav_menu {
- width: 100%;
- padding-left: 15px;
- }
+ .site-footer .footer-widgets .widget.widget_nav_menu {
+ width: 100%;
+ padding-left: 15px;
+ }
- .welcome-box .working-hours-column {
- width: 41.66666667%;
- }
+ .welcome-box .working-hours-column {
+ width: 41.66666667%;
+ }
}
@media screen and (max-width: 991px) {
- .mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
- background-color: rgba(0, 157, 180,0.9);
- }
+ .mobile-menu-wrapper.mobile-menu-fullscreen + .mobile-menu-overlay {
+ background-color: rgba(0, 157, 180, 0.9);
+ }
- .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .search-form input::placeholder {
- color: rgba(255,255,255,0.75);
- }
+ .mobile-menu-wrapper.mobile-menu-fullscreen
+ .mobile-menu-container
+ .search-form
+ input::placeholder {
+ color: rgba(255, 255, 255, 0.75);
+ }
- .mobile-menu-wrapper .mobile-menu-container .search-form label {
- color: #FFF;
- }
+ .mobile-menu-wrapper .mobile-menu-container .search-form label {
+ color: #fff;
+ }
}
/* Contact Form: Submit Loading Bar */
.contact-form .button .loading-bar span {
- border-radius: 50px;
- background-color: rgba(0,0,0,.25);
+ border-radius: 50px;
+ background-color: rgba(0, 0, 0, 0.25);
}
/* Contact Form: Submit Loading Bar */
.contact-form .button .loading-bar {
- bottom: 0;
- left: 20px;
- right: 20px;
- top: auto;
- background: none;
- border-radius: 50px;
+ bottom: 0;
+ left: 20px;
+ right: 20px;
+ top: auto;
+ background: none;
+ border-radius: 50px;
}
-/* XS: Mobile devices */
-@media screen and (max-width: 480px){
- .site-footer .footer-widgets .widget.widget_nav_menu {
- padding-left: 15px;
- }
-
- .blog .page-heading {
- margin-top: 35px;
- margin-bottom: 35px;
- }
+/* Top Bar: Button */
+.top-bar-button {
+ color: #6dab3c;
+ border: 1px solid #6dab3c;
+ padding: 5px 10px;
+ border-radius: 50px;
+ transition: all 0.25s ease;
+}
+
+a.top-bar-button:hover {
+ color: #fff;
+ background-color: #6dab3c;
+}
- .widget {
- margin-bottom: 15px;
- }
+/* XS: Mobile devices */
+@media screen and (max-width: 480px) {
+ .site-footer .footer-widgets .widget.widget_nav_menu {
+ padding-left: 15px;
+ }
+
+ .blog .page-heading {
+ margin-top: 35px;
+ margin-bottom: 35px;
+ }
- .page-title {
- padding: 35px 0px;
- }
+ .widget {
+ margin-bottom: 15px;
+ }
- .departments-title {
- padding: 35px 0px 20px 0;
- }
+ .page-title {
+ padding: 35px 0px;
+ }
- .single-post .post-comments:before {
- border-width: 20px 20px 0 0;
- right: 20px;
- }
+ .departments-title {
+ padding: 35px 0px 20px 0;
+ }
- .welcome-box {
- padding: 35px 0 25px 0;
- }
+ .single-post .post-comments:before {
+ border-width: 20px 20px 0 0;
+ right: 20px;
+ }
- .more-link {
- position: relative;
- }
+ .welcome-box {
+ padding: 35px 0 25px 0;
+ }
- .home-departments .portfolio-title-holder .pt-column-title {
- max-width: 100%;
- }
+ .more-link {
+ position: relative;
+ }
- .home-departments .more-link .show-more {
- padding: 0px 15px;
- }
+ .home-departments .portfolio-title-holder .pt-column-title {
+ max-width: 100%;
+ }
- .more-link .show-more {
- margin: 0px;
- }
+ .home-departments .more-link .show-more {
+ padding: 0px 15px;
+ }
- .show-more .reveal-button {
- display: block;
- }
+ .more-link .show-more {
+ margin: 0px;
+ }
- .more-link .show-more .reveal-button a {
- text-align: left;
- width: 100%;
- }
+ .show-more .reveal-button {
+ display: block;
+ }
- .home-news {
- padding: 35px 0 25px 0;
- }
+ .more-link .show-more .reveal-button a {
+ text-align: left;
+ width: 100%;
+ }
- .home-map.vc_column_container>.vc_column-inner {
- padding-top: 20px;
- }
+ .home-news {
+ padding: 35px 0 25px 0;
+ }
- .home-appointment .appointments {
- margin-bottom: 0px;
- }
+ .home-map.vc_column_container > .vc_column-inner {
+ padding-top: 20px;
+ }
- .home-appointment .vc_column-inner>.wpb_wrapper {
- padding: 0 35px;
- padding-top: 35px;
- }
+ .home-appointment .appointments {
+ margin-bottom: 0px;
+ }
- .home-testimonials {
- padding-top: 0px;
- }
+ .home-appointment .vc_column-inner > .wpb_wrapper {
+ padding: 0 35px;
+ padding-top: 35px;
+ }
- .single-post .post .post-navigation {
- margin-bottom: 10px;
- }
+ .home-testimonials {
+ padding-top: 0px;
+ }
- .single-post .comment-form>p.form-submit{
- margin-left: 0px;
- }
+ .single-post .post .post-navigation {
+ margin-bottom: 10px;
+ }
- .single-post .comment-form>p.labeled-input-row {
- width: 100%;
- }
+ .single-post .comment-form > p.form-submit {
+ margin-left: 0px;
+ }
+ .single-post .comment-form > p.labeled-input-row {
+ width: 100%;
+ }
- .single-post .post-comments--list .comment-respond .comment-reply-title {
- left: 40px;
- right: auto;
- }
+ .single-post .post-comments--list .comment-respond .comment-reply-title {
+ left: 40px;
+ right: auto;
+ }
- .archive .container {
- margin: 0;
- }
+ .archive .container {
+ margin: 0;
+ }
- .archive .page-heading {
- margin-bottom: 10px;
- }
+ .archive .page-heading {
+ margin-bottom: 10px;
+ }
- .wpb_wrapper .lab-portfolio-items .more-link {
- margin: 20px 0;
- }
+ .wpb_wrapper .lab-portfolio-items .more-link {
+ margin: 20px 0;
+ }
}
/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {
- .welcome-box {
- padding: 35px 0;
- }
+ .welcome-box {
+ padding: 35px 0;
+ }
}
/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {
- .welcome-box {
- padding: 35px 0;
- }
+ .welcome-box {
+ padding: 35px 0;
+ }
}
/* LG: Desktop devices */
@media screen and (min-width: 1200px) {
- .welcome-box {
- padding: 35px 0;
- }
+ .welcome-box {
+ padding: 35px 0;
+ }
}
/* ===========================================================
Custom modification only for MEDICAL Demo - END
diff --git a/kalium-child-photography/style.css b/kalium-child-photography/style.css
index 2d4b4ed..16fb70a 100755
--- a/kalium-child-photography/style.css
+++ b/kalium-child-photography/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Photography Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -13,202 +13,209 @@ Text Domain: kalium
/* ===========================================================
Custom modification only for PHOTOGRAPHY Demo - START
=========================================================== */
+
/* Home: Auto Type Element */
.home .auto-type-element {
- line-height: 26px
+ line-height: 26px;
}
/* Menu Trigger Icon - Narrow the lines */
.menu-bar .ham:after {
- top: 6px !important;
+ top: 6px !important;
}
.menu-bar .ham:before {
- top: -6px !important;
+ top: -6px !important;
}
.menu-bar.exit .ham:before {
- top: -10px !important;
+ top: -10px !important;
}
/* About: Menu Trigger White */
.page-id-2167 .menu-bar.menu-skin-dark .ham:after,
.page-id-2167 .menu-bar.menu-skin-dark .ham:before,
.page-id-2167 .menu-bar.menu-skin-dark .ham {
- background-color: #fff;
+ background-color: #fff;
}
/* Contact: Menu Trigger White */
.page-id-2261 .menu-bar.menu-skin-dark .ham:after,
.page-id-2261 .menu-bar.menu-skin-dark .ham:before,
.page-id-2261 .menu-bar.menu-skin-dark .ham {
- background-color: #fff;
+ background-color: #fff;
}
/* Blog: Description Line height */
.page-heading--description {
- line-height: 1.5;
+ line-height: 1.5;
}
/* Blog: White hover */
.blog-posts .post-item .post-thumbnail .post-hover {
- background: rgba(255,255,255,0.85) !important;
+ background: rgba(255, 255, 255, 0.85) !important;
}
/* Blog: Hide Icon on Hover */
.blog-posts .post-item .post-thumbnail .post-hover .hover-icon {
- display: none;
+ display: none;
}
/* Blog: Hide Borders */
-.blog-posts .post-item.template-standard .post-details, .blog-posts .post-item.template-standard .post-thumbnail {
- border: none;
+.blog-posts .post-item.template-standard .post-details,
+.blog-posts .post-item.template-standard .post-thumbnail {
+ border: none;
}
/* Blog: Center Titles */
.blog-posts .post-item .post-details .post-title {
- text-align: center !important;
- line-height: normal;
- margin-bottom: 0px;
+ text-align: center !important;
+ line-height: normal;
+ margin-bottom: 0px;
}
/* Blog: Remove Post Title Underline */
-.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+.blog-posts .post-item .post-details .post-title a:after {
+ display: none;
}
/* Blog: Hide Category Icon */
.blog-posts .post-item .post-details .post-meta i {
- display: none !important;
+ display: none !important;
}
/* Blog: Center date */
.blog-posts .post-item .post-details .post-meta.date {
- text-align: center;
- float: none !important;
- margin-top: 5px;
+ text-align: center;
+ float: none !important;
+ margin-top: 5px;
}
/* Blog Post: Style date */
.blog-posts .post-item .post-details .post-meta.category,
.blog-posts .post-item .post-details .post-meta.date {
- float: none !important;
- letter-spacing: 5px;
- color: #999;
+ float: none !important;
+ letter-spacing: 5px;
+ color: #999;
}
/* Blog Post: Comments label line adjust */
body.single-post .message-form .form-group .placeholder {
- padding-bottom: 0px !important;
+ padding-bottom: 0px !important;
}
/* Blog Post: Comment Connector */
-.single-blog-holder .comments-holder .comment-holder .commenter-image .comment-connector {
- border-color: #fff;
+.single-blog-holder
+ .comments-holder
+ .comment-holder
+ .commenter-image
+ .comment-connector {
+ border-color: #fff;
}
/* Blog Post: Date Styling */
.single-post .post .post-meta.date {
- display: inline-block;
- width: auto;
- float: none !important;
- letter-spacing: 5px;
- padding: 0px;
- color: #999;
+ display: inline-block;
+ width: auto;
+ float: none !important;
+ letter-spacing: 5px;
+ padding: 0px;
+ color: #999;
}
/* Blog Post: Remove Margin Bottom */
.single-post .post .entry-header {
- margin-bottom: 15px;
+ margin-bottom: 15px;
}
/* Blog Post: Add Margin Bottom to Image */
.single-post .post-image {
- margin-bottom: 45px;
+ margin-bottom: 45px;
}
/* Blog Post: Hide Date */
.single-post .post .post-meta.date i {
- display: none;
+ display: none;
}
/* Pages: Center Title */
-.blog .page-heading--title-section, .home .section-title {
- text-align: center !important;
+.blog .page-heading--title-section,
+.home .section-title {
+ text-align: center !important;
}
/* Portfolio: Category Hover Color*/
.portfolio-holder .thumb .hover-state .info p a:hover {
- color: #a58f60;
+ color: #a58f60;
}
/* About: Center Social Networks */
body.page-id-2167 .social-networks .list-inline {
- text-align: center;
+ text-align: center;
}
/* Portolio: Center Categories */
.portfolio-title-holder .pt-column {
- margin: auto;
+ margin: auto;
}
.product-filter .portfolio-subcategory {
- left: 50%;
- right: auto;
- transform: translateX(-50%);
+ left: 50%;
+ right: auto;
+ transform: translateX(-50%);
+ width: 100%;
}
.product-filter {
- text-align: center;
+ text-align: center;
}
/* Contact: Dashed Bottom Border */
body.page-id-2261 .lab-autotype-text-entry {
- box-shadow: 0px 2px 0px #222
+ box-shadow: 0px 2px 0px #222;
}
/* XS: Mobile devices */
-@media screen and (max-width: 480px){
-
- .blog .section-title h1, .home .section-title h1 {
- margin-top: 100px;
- }
+@media screen and (max-width: 480px) {
+ .blog .section-title h1,
+ .home .section-title h1 {
+ margin-top: 100px;
+ }
}
/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {
-
- .blog .section-title h1, .home .section-title h1 {
- margin-top: 100px;
- }
+ .blog .section-title h1,
+ .home .section-title h1 {
+ margin-top: 100px;
+ }
}
/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {
-
- .blog .section-title h1, .home .section-title h1 {
- margin-top: 20px;
- }
+ .blog .section-title h1,
+ .home .section-title h1 {
+ margin-top: 20px;
+ }
}
/* LG: Desktop devices */
@media screen and (min-width: 1200px) {
-
- /* Padding on single blog comments */
- .post-comments .container,
- .single-post .post--column {
- padding: 0 70px;
- }
-
- .single-post .post-comments+.post-comment-form .comment-respond,
- .single-post .comment-respond {
- padding: 30px 55px;
- }
-
- .single-post .post--full-width-image.format-quote blockquote {
- padding-left: 70px;
- padding-right: 70px;
- }
+ /* Padding on single blog comments */
+ .post-comments .container,
+ .single-post .post--column {
+ padding: 0 70px;
+ }
+
+ .single-post .post-comments + .post-comment-form .comment-respond,
+ .single-post .comment-respond {
+ padding: 30px 55px;
+ }
+
+ .single-post .post--full-width-image.format-quote blockquote {
+ padding-left: 70px;
+ padding-right: 70px;
+ }
}
/* ===========================================================
Custom modification only for PHOTOGRAPHY Demo - END
@@ -218,5 +225,5 @@ Custom modification only for PHOTOGRAPHY Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-restaurant/style.css b/kalium-child-restaurant/style.css
index 9361876..d1d545d 100755
--- a/kalium-child-restaurant/style.css
+++ b/kalium-child-restaurant/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Restaurant Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -15,24 +15,25 @@ Custom modification only for RESTAURANT Demo - START
=========================================================== */
/* General: Line Height */
-body, p {
- line-height: 1.7;
+body,
+p {
+ line-height: 1.7;
}
/* General: Title Divider */
.title-divider {
- width: 80px;
- height: 18px;
- margin: 50px 0px;
- text-align: center;
+ width: 80px;
+ height: 18px;
+ margin: 50px 0px;
+ text-align: center;
}
/* General: Title Divider Center */
-.title-divider.centered {
- width: 80px;
- height: 18px;
- margin-left: auto;
- margin-right: auto;
+.title-divider.centered {
+ width: 80px;
+ height: 18px;
+ margin-left: auto;
+ margin-right: auto;
}
/* General: Remove Slider Border */
@@ -41,510 +42,529 @@ body, p {
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
- border: none;
+ border: none;
}
/* General: Titles */
.section-title.restaurant-menu,
.section-title.guestbook {
- text-align: center;
+ text-align: center;
}
/* General: Titles */
.section-title {
- padding-top: 20px;
+ padding-top: 20px;
}
/* General: Sub Title Color */
.section-title p {
- color: #777;
+ color: #777;
}
/* Restaurant: Padding top and bottom */
.restaurant {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Menu: Title */
.restaurant-menu h4 {
- letter-spacing: 3px;
- margin-bottom: 20px;
+ letter-spacing: 3px;
+ margin-bottom: 20px;
}
/* Menu: Meal Tabs Align Center */
.restaurant-menu ul {
- text-align: center;
+ text-align: center;
}
/* Menu: Meal Tabs Hide Underline */
.restaurant-menu li a:after {
- display: none !important;
+ display: none !important;
}
/* Menu: Meal Tabs */
.restaurant-menu li {
- border-bottom: 1px solid #EEE !important;
- padding: 10px !important;
- margin:0px !important;
+ border-bottom: 1px solid #eee !important;
+ padding: 10px !important;
+ margin: 0px !important;
}
/* Menu: Meal Tabs Active */
.restaurant-menu ul li.vc_active {
- border-bottom-color: #222 !important;
+ border-bottom-color: #222 !important;
}
/* Menu: Meal Tabs Active Color */
-.restaurant-menu ul li.vc_active a{
- color: #222 !important;
+.restaurant-menu ul li.vc_active a {
+ color: #222 !important;
}
/* Menu: Tabs Remove Transition */
.wpb-js-composer .vc_tta.restaurant-menu .vc_tta-panel-body {
- transition: none !important;
- transform: none !important;
+ transition: none !important;
+ transform: none !important;
}
/* Menu: Food Name */
.food-list h3 {
- border-bottom: 1px dotted #CCC;
- padding-bottom: 10px;
+ border-bottom: 1px dotted #ccc;
+ padding-bottom: 10px;
}
/* Menu: Food Price */
.food-list del {
- position: absolute;
- top: 0;
- right: 0;
- text-decoration: none;
- color: #000;
+ position: absolute;
+ top: 0;
+ right: 0;
+ text-decoration: none;
+ color: #000;
}
/* Menu: Ingredients */
.food-list p {
- padding-right: 40px;
- color: #888;
+ padding-right: 40px;
+ color: #888;
}
/* Menu: Reserve a Table Button */
.vc_btn3:after {
- background-color: transparent !important;
+ background-color: transparent !important;
}
/* Menu: Spacing */
.menu-catalog {
- padding: 25px 25px 0 25px;
+ padding: 25px 25px 0 25px;
}
/* Menu: Purchase button */
@media screen and (min-width: 768px) {
- /* Purchase Theme Button */
- .special-menu-button a {
- -webkit-box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
- box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- padding: 4px 15px;
- background: #d09e5b;
- color: #fff !important;
- margin-left: -15px;
- }
-
- .special-menu-button a:after {
- background-color: transparent !important;
- }
+ /* Purchase Theme Button */
+ .special-menu-button a {
+ -webkit-box-shadow: 0 10px 30px 3px rgba(0, 0, 0, 0.08);
+ box-shadow: 0 10px 30px 3px rgba(0, 0, 0, 0.08);
+ -webkit-border-radius: 40px;
+ -moz-border-radius: 40px;
+ border-radius: 40px;
+ padding: 4px 15px;
+ background: #d09e5b;
+ color: #fff !important;
+ margin-left: -15px;
+ }
+
+ .special-menu-button a:after {
+ background-color: transparent !important;
+ }
}
/* Blog Post: Adding margin between paragraphs and customising the line height */
.single-post .post .post-content p {
- margin: 15px auto;
- line-height: 24px;
+ margin: 15px auto;
+ line-height: 24px;
}
/* Blog Post: use "rounded-single-blog-image" to make a rounded image inside blog */
.rounded-single-blog-image {
- -webkit-border-radius: 999px;
- -moz-border-radius: 999px;
- border-radius: 999px;
+ -webkit-border-radius: 999px;
+ -moz-border-radius: 999px;
+ border-radius: 999px;
}
/* Blog: Blog Post Hide Excerpt */
.blog-post-excerpt {
- display: none;
+ display: none;
}
/* Blog: Blog Post */
.cuisine-blog .lab-blog-posts .blog-post-entry {
- background: #fff;
- border: none;
+ background: #fff;
+ border: none;
}
/* Blog: Blog Post Image */
-.cuisine-blog .lab-blog-posts .blog-post-entry .blog-post-image{
- padding-left: 30px;
- padding-top: 30px;
- padding-right: 30px;
+.cuisine-blog .lab-blog-posts .blog-post-entry .blog-post-image {
+ padding-left: 30px;
+ padding-top: 30px;
+ padding-right: 30px;
}
/* Blog: Show More Button Color */
.cuisine-blog .show-more .reveal-button {
- border-color: #eee;
- background-color: #fff;
- border-width: 1px;
+ border-color: #eee;
+ background-color: #fff;
+ border-width: 1px;
}
/* Blog: Show More Button Margin */
.cuisine-blog .show-more {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Blog: Comment Area */
.labeled-textarea-row textarea {
- background-image: linear-gradient(#EEE 1px, transparent 1px);
+ background-image: linear-gradient(#eee 1px, transparent 1px);
}
/* Sidebar: Search area */
.widget.widget_search .search-bar input[name="s"] {
- border: 1px solid #eee;
+ border: 1px solid #eee;
}
/* Chef: Title */
.our-chef .section-title h2 {
- color: #FFF;
- margin: 0px;
+ color: #fff;
+ margin: 0px;
}
/* Chef: Sub-title */
.our-chef .section-title p {
- color: #999;
- letter-spacing: 4px;
- position: absolute;
- top: -35px;
+ color: #999;
+ letter-spacing: 4px;
+ position: absolute;
+ top: -35px;
}
/* Chef: Signature */
.signature {
- width: 150px;
- opacity: 0.5;
+ width: 150px;
+ opacity: 0.5;
}
/* Chef: Title Divider */
.our-chef .title-divider {
- margin: 40px 0;
+ margin: 40px 0;
}
/* Guestbook: Awards Row */
.awards {
- width: 50%;
- margin-left: auto !important;
- margin-right: auto !important;
+ width: 50%;
+ margin-left: auto !important;
+ margin-right: auto !important;
}
/* Guestbook: Awards Image Size */
.awards img {
- width: 58px;
- height: auto;
+ width: 58px;
+ height: auto;
}
/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget {
- padding: 0px;
- border: none;
+ padding: 0px;
+ border: none;
}
/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW a:after {
- background-color: transparent !important;
+ background-color: transparent !important;
}
/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW.wide {
- margin: 0 auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 50px;
- padding: 5px 20px;
- height: auto;
+ margin: 0 auto;
+ -webkit-border-radius: 40px;
+ -moz-border-radius: 40px;
+ border-radius: 50px;
+ padding: 5px 20px;
+ height: auto;
}
/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW.wide .logo {
- border: none;
+ border: none;
}
/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsLocName {
- max-width: 145px !important;
+ max-width: 145px !important;
}
/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsRating {
- padding-left: 12px !important;
+ padding-left: 12px !important;
}
/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW.wide {
- width: 468px !important;
+ width: 468px !important;
+}
+
+/* Guestbook: Tripadvisor re-styling */
+.widget-area--skin-bordered.tripadvisor-rating
+ .widget
+ .cdsROW.cx_brand_refresh.wide
+ .logo {
+ background: transparent;
}
/* Guestbook: Tripadvisor re-styling */
@media screen and (max-width: 768px) {
- .TA_cdsratingsonlywide {
- display: none;
- }
+ .TA_cdsratingsonlywide {
+ display: none;
+ }
}
/* Reserve: Open Table Widget */
.open-table-widget {
- padding: 0px !important;
- border: none !important;
+ padding: 0px !important;
+ border: none !important;
}
/* Reserve: Open Table Widget Label */
.open-table-widget label {
- display: block;
+ display: block;
}
/* Reserve: Open Table Widget Input Spacing */
.open-table-widget input {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
/* Reserve: Open Table Widget Remove Copyright */
.open-table-widget .powered-by-open-table {
- display: none;
+ display: none;
}
/* Reserve: Open Table Widget Reservation Date Input */
.open-table-widget .otw-reservation-date {
- width: 100%;
- padding-left: 20px;
- background: transparent !important;
+ width: 100%;
+ padding-left: 20px;
+ background: transparent !important;
}
.otw-date-li.otw-input-wrap input {
- padding-left: 20px !important;
+ padding-left: 20px !important;
}
/* Reserve: Open Table Widget Reservation Submit Button */
.open-table-widget .otw-submit {
- border: none;
- background: #d09e5b;
- padding: 10px 15px;
- margin-top:20px;
- color: #FFF;
+ border: none;
+ background: #d09e5b;
+ padding: 10px 15px;
+ margin-top: 20px;
+ color: #fff;
}
/* Reserve: Open Table Widget Fields */
.open-table-widget .selectric,
.open-table-widget .otw-widget-form-wrap input[type="text"] {
- background: none !important;
- padding: 10px;
- height: auto !important;
- border-color: #EEE;
+ background: none !important;
+ padding: 10px;
+ height: auto !important;
+ border-color: #eee;
}
/* Reserve: Open Table Widget Field Labels */
.open-table-widget div.otw-wrapper div.selectric p {
- height: auto !important;
- line-height: normal !important;
+ height: auto !important;
+ line-height: normal !important;
}
/* Reserve: Open Table Widget Button */
.open-table-widget .selectric .button {
- background: transparent;
- height: auto !important;
- padding: 21px;
+ background: transparent;
+ height: auto !important;
+ padding: 21px;
}
/* Reserve: Open Table Widget Button Active */
.open-table-widget .selectric .button:active {
- box-shadow: none;
+ box-shadow: none;
}
/* Reserve: Open Table Widget Dropdown */
.open-table-widget .selectric-items {
- background: #FFF !important;
+ background: #fff !important;
}
/* Reserve: Open Table Widget Dropdown Items */
.selectric-items li:hover,
.selectric-items li.selected {
- background: #FAFAFA !important;
+ background: #fafafa !important;
}
/* Reserve: Open Table Widget Datepicker */
.open-table-widget-datepicker {
- box-shadow: none !important;
- border-color: #222 !important;
- padding: 10px !important;
+ box-shadow: none !important;
+ border-color: #222 !important;
+ padding: 10px !important;
}
/* Reserve: Open Table Widget Datepicker */
.open-table-widget-datepicker.datepicker-top-left:before,
.open-table-widget-datepicker.datepicker-top-right:before {
- border-bottom-color: #222 !important;
+ border-bottom-color: #222 !important;
}
/* Blog: Title Alignment */
.cuisine-title {
- text-align: center;
+ text-align: center;
}
/* Gallery: Blur Settings */
.vc_grid-item-mini.vc_is-hover .vc_gitem-animate-blurOut .vc_gitem-zone-a,
.vc_grid-item-mini.vc_is-hover .vc_gitem-animate-blurScaleOut .vc_gitem-zone-a {
- -webkit-filter: blur(1px);
- -moz-filter: blur(1px);
- -ms-filter: blur(1px);
- filter: blur(1px);
+ -webkit-filter: blur(1px);
+ -moz-filter: blur(1px);
+ -ms-filter: blur(1px);
+ filter: blur(1px);
}
/* Gallery: Scale Settings */
.vc_gitem-animate-blurScaleOut .vc_gitem-zone-a {
- -webkit-transform: scale(1.03);
- -ms-transform: scale(1.03);
- -o-transform: scale(1.03);
- transform: scale(1.03);
+ -webkit-transform: scale(1.03);
+ -ms-transform: scale(1.03);
+ -o-transform: scale(1.03);
+ transform: scale(1.03);
}
/* Footer: Widget Text Align */
.footer--widgets .widget {
- text-align: left;
+ text-align: left;
}
/* Footer: Background Decoration Image */
footer.site-footer {
- background: #222 url(https://demo.kaliumtheme.com/restaurant/wp-content/uploads/2017/08/sushivogel.png) no-repeat 118% 140% !important;
- background-size: 600px auto !important;
+ background: #222
+ url(https://demo.kaliumtheme.com/restaurant/wp-content/uploads/2017/08/sushivogel.png)
+ no-repeat 118% 140% !important;
+ background-size: 600px auto !important;
}
/* Footer: Social Networks Icons */
.site-footer .social-networks.rounded li a {
- width: 35px;
- height: 35px;
- background: transparent;
- margin-right: 0px !important;
+ width: 35px;
+ height: 35px;
+ background: transparent;
+ margin-right: 0px !important;
}
/* Footer: Social Networks Icon Color */
.site-footer .social-networks.rounded li a i {
- color: #FFF !important;
+ color: #fff !important;
}
/* Footer: Paragraph Color */
-.site-footer .footer-widgets .widget .textwidget, .site-footer .footer-widgets .widget p {
- color: #888 !important;
+.site-footer .footer-widgets .widget .textwidget,
+.site-footer .footer-widgets .widget p {
+ color: #888 !important;
}
/* Footer: Widgets Margin */
.site-footer .footer-widgets {
- margin-top: 80px;
- margin-bottom: 70px;
+ margin-top: 80px;
+ margin-bottom: 70px;
}
/* Footer: Hides the horizontal separator line on the footer */
.site-footer.site-footer-inverted hr {
- display: none;
+ display: none;
}
/* Footer: Working Hours */
.working-hours li span {
- color: #FFF;
- float: right;
- line-height: 1.7;
+ color: #fff;
+ float: right;
+ line-height: 1.7;
}
/* Footer: Working Hours Right Alignment */
.widget.widget_custom_html:nth-child(3) {
- width: 25% !important;
- float: right !important;
+ width: 25% !important;
+ float: right !important;
}
@media (min-width: 768px) {
- .widget-area.widgets--columned-layout.widgets--columns-3>.widget {
- float: left;
- width: 33.33333%;
- }
+ .widget-area.widgets--columned-layout.widgets--columns-3 > .widget {
+ float: left;
+ width: 33.33333%;
+ }
}
/* Footer Bottom Link Colour */
.site-footer .footer-bottom a {
- color: #fff;
+ color: #fff;
}
.site-footer .footer-bottom a:hover {
- color: #fff;
+ color: #fff;
}
.site-footer .footer-bottom a:hover:after {
- height: 1px !important;
- width: 100% !important;
- background: #DD1F26;
- content: "";
- display: block;
+ height: 1px !important;
+ width: 100% !important;
+ background: #dd1f26;
+ content: "";
+ display: block;
+}
+
+/* MD: Tablets */
+@media (min-width: 992px) {
+ /* Homepage: Intro Image */
+ .homepage-image-intro {
+ margin-bottom: 0px;
+ }
}
/* XS: Mobile devices */
-@media screen and (max-width: 480px){
- .widget.widget_custom_html:nth-child(3) {
- width: 100% !important;
- float: left !important;
- }
-
- .site-footer .footer-widgets {
- margin-top: 30px;
- margin-bottom: 30px;
- }
-
- .show-more {
- margin: 0px;
- width: 100%;
- padding: 0px;
- }
-
- .show-more .reveal-button {
- width: 100%;
- }
-
- .wpb_wrapper .lab-blog-posts .blog-post-column {
- margin-bottom: 20px;
- }
-
- .awards {
- width: 100%;
- }
-
- .logos-holder.awards .client-logos-col {
- width: 20% !important;
- }
-
- .title-divider {
- margin: 25px 0;
- }
-
- .menu-catalog {
- padding: 0px;
- }
-
- .restaurant {
- padding: 0px;
- }
-
- .reserve {
- margin: 0px;
- padding-left: 15px !important;
- padding-right: 15px !important;
- }
-
- .menu-row .vc_tta-panel-body {
- padding-left: 0px !important;
- padding-right: 0px !important;
- }
-
- .food-list p {
- padding-right: 0px;
- }
+@media screen and (max-width: 480px) {
+ .widget.widget_custom_html:nth-child(3) {
+ width: 100% !important;
+ float: left !important;
+ }
+
+ .site-footer .footer-widgets {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+
+ .show-more {
+ margin: 0px;
+ width: 100%;
+ padding: 0px;
+ }
+
+ .show-more .reveal-button {
+ width: 100%;
+ }
+
+ .wpb_wrapper .lab-blog-posts .blog-post-column {
+ margin-bottom: 20px;
+ }
+
+ .awards {
+ width: 100%;
+ }
+
+ .logos-holder.awards .client-logos-col {
+ width: 20% !important;
+ }
+
+ .title-divider {
+ margin: 25px 0;
+ }
+
+ .menu-catalog {
+ padding: 0px;
+ }
+
+ .restaurant {
+ padding: 0px;
+ }
+
+ .reserve {
+ margin: 0px;
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ .menu-row .vc_tta-panel-body {
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ }
+
+ .food-list p {
+ padding-right: 0px;
+ }
}
/* ===========================================================
Custom modification only for RESTAURANT Demo - END
@@ -554,5 +574,5 @@ Custom modification only for RESTAURANT Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red;
-}
\ No newline at end of file
+ color: red;
+}
diff --git a/kalium-child-shop/style.css b/kalium-child-shop/style.css
index e644e2e..59531b1 100755
--- a/kalium-child-shop/style.css
+++ b/kalium-child-shop/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Shop Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -16,52 +16,52 @@ Custom modification only for SHOP Demo - START
/* Homepage: Free Shipping Text Align */
.free-shipping {
- text-align: center;
+ text-align: center;
}
/* Footer: Link Color */
footer.main-footer a {
- color: #bbb !important;
+ color: #bbb !important;
}
/* Footer Inverted: Background Color */
footer.main-footer-inverted {
- background-color: #333 !important;
+ background-color: #333 !important;
}
/* Footer: Border Color */
.main-footer.main-footer-inverted hr {
- border-color: rgba(255,255,255,.1);
+ border-color: rgba(255, 255, 255, 0.1);
}
/* Footer: Removed Margin Bottom for Widgets */
.footer-widgets .widget.widget_nav_menu {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Footer: Decreased Padding for Widgets */
.footer-widgets .widget ul li {
- padding: 2px 0px;
+ padding: 2px 0px;
}
/* Separator Line */
.vc_separator.vc_sep_color_grey .vc_sep_line {
- border-color: #333;
+ border-color: #333;
}
/* Sidbar Right: Added an extra padding on the left */
.blog-sidebar.shop-sidebar.shop-sidebar-right {
- padding-left: 20px;
+ padding-left: 20px;
}
/* Blog: Textarea Lines */
.comment-form textarea {
- background-image: linear-gradient(#DDD 1px, transparent 1px);
+ background-image: linear-gradient(#ddd 1px, transparent 1px);
}
/* Blog: Textarea Lines */
.labeled-input-row input {
- border-bottom-color: #DDD;
+ border-bottom-color: #ddd;
}
/* ===========================================================
@@ -72,5 +72,5 @@ Custom modification only for SHOP Demo - END
User CSS modifications
=========================================================== */
.example {
- color: red;
-}
\ No newline at end of file
+ color: red;
+}
diff --git a/kalium-child-travel/style.css b/kalium-child-travel/style.css
index 87ee6bc..6deee4b 100755
--- a/kalium-child-travel/style.css
+++ b/kalium-child-travel/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Travel Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -19,770 +19,813 @@ Custom modification only for TRAVEL Demo - START
.tours-title h1,
.tickets .section-title h1,
.destinations-title.section-title h1 {
- color: #4484CE;
+ color: #4484ce;
}
/* Pages: Title Line Height */
.page-heading--description p {
- line-height: 26px;
+ line-height: 26px;
}
/* Underline Color and Height */
-.wrapper a:after, footer.main-footer a:after {
- background-color: #FBCE00;
+.wrapper a:after,
+footer.main-footer a:after {
+ background-color: #fbce00;
}
/* Header: Background */
header.main-header {
- border-bottom: 1px solid rgba(0,0,0,0.05);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
/* Homepage: Slider Bullets */
.custom .tp-bullet {
- width: 60px;
- height: 2px;
- background: rgba(255,255,255,0.5);
+ width: 60px;
+ height: 2px;
+ background: rgba(255, 255, 255, 0.5);
}
/* Homepage: Slider Bullets */
.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
- background: rgba(255,255,255,1);
+ background: rgba(255, 255, 255, 1);
}
/* Header: Mobile Menu Overlay Color */
-.mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
- background: rgba(68,132,206,0.9);
+.mobile-menu-wrapper.mobile-menu-fullscreen + .mobile-menu-overlay {
+ background: rgba(68, 132, 206, 0.9);
}
/* Homepage: Services Spacing */
.services-row {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Homepage: Service Box Spacing */
.service-box {
- padding: 0 20px;
- line-height: 24px;
+ padding: 0 20px;
+ line-height: 24px;
}
/* Homepage: Service Box Icon */
.service-box .retina-icon {
- width: 64px;
- margin: 0 auto;
- margin-bottom: 25px;
+ width: 64px;
+ margin: 0 auto;
+ margin-bottom: 25px;
}
/* Homepage: News See More Button */
.more-link {
- border: none;
- position: absolute;
- top: 0px;
- right: 0px;
- min-width: auto;
+ border: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ min-width: auto;
}
/* Homepage: News See More Button */
.more-link .show-more {
- padding:0px;
- margin: 0px;
+ padding: 0px;
+ margin: 0px;
}
/* Homepage: News See More Button */
.more-link .show-more .reveal-button {
- border: none;
+ border: none;
}
/* Homepage: News See More Button */
.more-link .show-more .reveal-button a {
- background: #FBCE00;
- border-radius: 50px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- color: #222;
- width: auto;
- padding: 12px 25px;
+ background: #fbce00;
+ border-radius: 50px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ color: #222;
+ width: auto;
+ padding: 12px 25px;
}
/* Homepage: News See More Button */
.more-link .show-more .reveal-button a:hover {
- background: #ffda2f;
+ background: #ffda2f;
}
/* Homepage: News See More Button */
.more-link .show-more .reveal-button a:before {
- content: "»";
- margin-left: 10px;
- float: right;
- line-height : 1
+ content: "»";
+ margin-left: 10px;
+ float: right;
+ line-height: 1;
}
/* Homepage: City Break */
.homepage-city-break .wpb_wrapper .section-title {
- text-align: center;
- padding: 50px 0;
+ text-align: center;
+ padding: 50px 0;
}
/* Homepage: City Break Title */
.homepage-city-break .wpb_wrapper .section-title h2 {
- color: #FFF;
+ color: #fff;
}
/* Homepage: City Break Paragraph */
.homepage-city-break .wpb_wrapper .section-title p {
- color: #FFF;
+ color: #fff;
}
/* Homepage: News Spacing */
.homepage-news {
- padding: 35px 0 0 0;
+ padding: 35px 0 0 0;
}
/* Homepage: News Title */
-.homepage-news .wpb_wrapper .section-title>h2 {
- margin: 0px
+.homepage-news .wpb_wrapper .section-title > h2 {
+ margin: 0px;
}
/* Homepage: Booking Widget:Start */
.booking-widget #flexi_searchbox #b_searchboxInc {
- padding-left: 0;
- padding-right: 0;
+ padding-left: 0;
+ padding-right: 0;
}
/* Homepage: Removed padding on the Widget class */
.booking-widget .bos_searchbox_widget_class {
- padding: 0;
+ padding: 0;
}
/* Layout changes for Booking.com Official Search Box plugin :START */
.booking-widget #flexi_searchbox select {
- border: none;
- padding-left: 7px;
- padding-right: 7px;
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
+ border: none;
+ padding-left: 7px;
+ padding-right: 7px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
}
.booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
- margin-top: 7px;
+ margin-top: 7px;
}
.booking-widget #flexi_searchbox #b_searchboxInc #b_destination {
- width: 100%;
- padding: 15px !important;
+ width: 100%;
+ padding: 15px !important;
}
.booking-widget #flexi_searchbox h4 {
- margin-bottom: 10px;
+ margin-bottom: 10px;
}
.booking-widget #flexi_searchbox h3 {
- display: none;
+ display: none;
}
.booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
- width: 10%;
- float: left;
- clear: none;
- padding: 20px 0px 0px 15px;
+ width: 10%;
+ float: left;
+ clear: none;
+ /* padding: 20px 0px 0px 15px; */
}
.booking-widget #flexi_searchbox select {
- margin-right: 10px;
+ margin-right: 10px;
}
.booking-widget .wpb_widgetised_column {
- margin-bottom: 0px;
- padding: 35px 0;
+ margin-bottom: 0px;
+ padding: 35px 0;
}
/* Homepage: Booking Widget :END */
-
/* Homepage: Destinations Title*/
.homepage-destinations-title {
- text-align: center;
+ text-align: center;
}
/* Homepage: Destinations Remove Extra Spacing */
.homepage-destinations.lab-portfolio-items .portfolio-title-holder {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
/* Homepage: Destinations Border Radius */
.homepage-destinations .portfolio-holder .thumb,
.destinations .portfolio-holder .item-box.wow.animated .thumb .hover-state,
-.destinations .portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
+.destinations
+ .portfolio-holder
+ .portfolio-item.masonry-portfolio-item
+ .masonry-box
+ .masonry-thumb {
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
}
/* Destinations: Remove Title */
.destinations .portfolio-title-holder {
- display: none;
+ display: none;
}
/* Homepage: Feature Block Title */
.feature-block .text-block h2 {
- line-height: 1.3;
- margin-top: 0px;
+ line-height: 1.3;
+ margin-top: 0px;
}
/* Homepage: Feature Block Paragraph */
.feature-block .text-block p {
- line-height: 1.8;
+ line-height: 1.8;
}
/* Homepage: Feature Block */
.feature-block .text-block {
- padding: 35px 100px;
+ padding: 35px 100px;
}
/* Blog: Center Section Title */
.blog .page-heading--title-section {
- padding-top: 30px;
- padding-bottom: 10px;
- text-align: center;
+ padding-top: 30px;
+ padding-bottom: 10px;
+ text-align: center;
}
/* Blog: Hide Underline */
.blog-posts .post-item .post-details .post-title a:after {
- display: none;
+ display: none;
}
/* Blog: Line Height */
.blog-posts .post-item .post-details .post-title {
- line-height: 30px;
+ line-height: 30px;
}
/* Blog: Hide Post Icons */
.blog-posts .post-item .post-details .post-meta i {
- display: none;
+ display: none;
}
/* Blog: Date Font*/
.blog-posts .post-item .post-details .post-meta.date,
-.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date {
- letter-spacing: 2px;
+.wpb_wrapper
+ .lab-blog-posts
+ .blog-post-entry
+ .blog-post-content-container
+ .blog-post-date {
+ letter-spacing: 2px;
}
/* Blog: Details Margin */
.blog-holder .isotope-item .box-holder .post-info .details {
- margin-top: 0px;
+ margin-top: 0px;
}
/* Blog: Remove Post Border */
.blog-posts .post-item.template-standard .post-details {
- border-color: transparent;
- padding: 23px 25px;
- background: #FFF;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- border: 1px solid #EEE;
- border-top: none;
+ border-color: transparent;
+ padding: 23px 25px;
+ background: #fff;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border: 1px solid #eee;
+ border-top: none;
}
/* Blog: Remove Image Border */
.blog-posts .post-item.template-standard .post-thumbnail {
- border: none;
+ border: none;
}
/* Blog: Remove Blog Post Border */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
- background: #FFF;
- border: none;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
+ background: #fff;
+ border: none;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
}
/* Blog: Blog Image Border Radius */
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image img {
- border-top-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- -moz-border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ -moz-border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ -moz-border-top-right-radius: 3px;
}
/* Blog: Blog Image Border Radius */
.blog-posts .post-item.template-standard {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
}
/* Blog: Remove Blog Post Border */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- border: none;
- box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);
- transition: all 0.3s;
+ border: none;
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
+ transition: all 0.3s;
}
/* Blog: Remove Post Border */
.wpb_wrapper .lab-blog-posts .blog-post-entry:hover {
- border: none;
- box-shadow: 0px 15px 45px rgba(0,0,0,0.05);
+ border: none;
+ box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05);
}
/* Blog: Border Radius for Hover Style */
.hover-display {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
}
/* Blog: Remove Post Border */
.wpb_wrapper .lab-blog-posts .blog-post-entry {
- border-color: transparent;
+ border-color: transparent;
}
/* Blog Image Border */
.blog-posts .post-item .post-thumbnail a img {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
}
/* Blog Title Hover */
.blog-holder .isotope-item .box-holder .post-info h2 a:hover {
- color: #4484ce;
+ color: #4484ce;
}
/* Blog: Change Comment Holder Background */
.single-blog-holder .comments-holder {
- background: #EEE;
+ background: #eee;
}
/* Blog: Comment Lines Border Color */
.comment-form textarea {
- background-image: linear-gradient(#EFEFEF 1px, transparent 1px);
- border-bottom-color: #EFEFEF !important;
+ background-image: linear-gradient(#efefef 1px, transparent 1px);
+ border-bottom-color: #efefef !important;
}
-.comment-form input, .comment-form textarea {
- border-bottom-color: #EFEFEF;
+.comment-form input,
+.comment-form textarea {
+ border-bottom-color: #efefef;
}
/* Blog: Comment Send Button */
.form-submit .button {
- margin: 0px;
- border-radius: 3px;
+ margin: 0px;
+ border-radius: 3px;
}
/* Blog: Comment Area */
.single-post .post-comments--list .comment-respond {
- border-radius: 3px;
- box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);
+ border-radius: 3px;
+ box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.1);
}
/* Blog: Comment Line Height */
.single-post .post-comments--list .comment .commenter-details .comment-text p {
- line-height: 1.5;
+ line-height: 1.5;
}
/* Blog: Comments In Reply to Line color */
.single-post .post-comments--list .comment .commenter-image .comment-connector {
- border-color: #DDD;
+ border-color: #ddd;
}
/* Destinations: Background Color */
.destinations .hover-state {
- background: rgba(0,0,0,0.2);
- opacity: 1;
- -webkit-opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
+ background: rgba(0, 0, 0, 0.2);
+ opacity: 1;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
}
/* Destinations: Center Title */
.destinations-title {
- text-align: center;
+ text-align: center;
}
/* Destinations: Item Background Color */
.destinations .hover-state .info h3 {
- opacity: 1;
- -webkit-opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
- text-shadow: 0px 5px 25px rgba(0, 0, 0, 0.15);
+ opacity: 1;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
+ text-shadow: 0px 5px 25px rgba(0, 0, 0, 0.15);
}
/* Tickets: Change Search Button */
.tickets .ninja-forms-field.form-button {
- width: 100%;
- background: #fbce00;
+ width: 100%;
+ background: #fbce00;
}
/* Tickets: Fields */
.tickets .ninja-forms-field {
- padding: 10px;
- border: none;
- color: #222;
- background: #EEE;
- border: 1px solid rgba(255,255,255,0.2);
+ padding: 10px;
+ border: none;
+ color: #222;
+ background: #eee;
+ border: 1px solid rgba(255, 255, 255, 0.2);
}
/* Tickets: Title */
.tickets .section-title h1 {
- color: #FFF;
+ color: #fff;
}
/* Tickets: Paragraphs */
.tickets .section-title p {
- color: #FFF;
+ color: #fff;
}
/* Tickets: Unactive Tabs */
-.wpb-js-composer .tickets .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
- background-color: rgba(255,255,255,0.8);
+.wpb-js-composer
+ .tickets
+ .vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tab
+ > a {
+ background-color: rgba(255, 255, 255, 0.8);
}
/* Tickets: Active Tab */
-.wpb-js-composer .tickets .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
- background-color: #FFF;
+.wpb-js-composer
+ .tickets
+ .vc_tta-color-white.vc_tta-style-flat
+ .vc_tta-tab.vc_active
+ > a {
+ background-color: #fff;
}
/* Remove the Underline */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a:after,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a:after {
- background-color: transparent !important;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ ul
+ li
+ a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ ul
+ li
+ a:after {
+ background-color: transparent !important;
}
/* Tours: Border Radius */
.portfolio-holder .item-box .photo .on-hover,
.portfolio-holder .item-box .photo img {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
}
/* Tours: Filter Alignment */
.portfolio-title-holder .pt-column {
- margin: auto;
+ margin: auto;
}
/* Tours: Title Alignment */
.tours-title {
- text-align: center;
+ text-align: center;
}
/* Tours: Filter Color when Active */
.product-filter ul li.active a {
- color: #4484ce;
+ color: #4484ce;
}
/* Tours: Title Color */
.portfolio-holder .item-box .info h3 a {
- color: #222;
+ color: #222;
}
/* Contact: Text Input Border Radius */
.contact-form input,
.contact-form .send {
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
}
/* Contact: Text Input Border Radius */
.contact-form input {
- border-top-left-radius: 0px;
- -webkit-border-top-left-radius: 0px;
- -moz-border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- -webkit-border-bottom-left-radius: 0px;
- -moz-border-bottom-left-radius: 0px;
+ background: #fff;
+ border-top-left-radius: 0px;
+ -webkit-border-top-left-radius: 0px;
+ -moz-border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+ -webkit-border-bottom-left-radius: 0px;
+ -moz-border-bottom-left-radius: 0px;
}
/* Contact: Label Border Radius */
.contact-form label {
- background: #FFF;
- border: none;
- padding: 12px;
- border-top-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -moz-border-bottom-left-radius: 3px;
+ background: #fff;
+ border: none;
+ padding: 12px;
+ border-top-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ -moz-border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ -moz-border-bottom-left-radius: 3px;
}
/* Contact: Privacy Policy area */
.contact-form-privacy-policy label {
- background: transparent;
- padding: 0px;
+ background: transparent;
+ padding: 0px;
}
/* Contact: Label of Textarea Border Radius */
-.contact-form .labeled-textarea-row label{
- width: 100%;
- border-top-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- -moz-border-top-right-radius: 3px;
+.contact-form .labeled-textarea-row label {
+ width: 100%;
+ border-top-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ -moz-border-top-right-radius: 3px;
}
-
/* Contact: Textarea Border Radius */
.contact-form .form-group .placeholder.ver-two {
- border-top-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- -moz-border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ -moz-border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ -moz-border-top-right-radius: 3px;
}
/* Contact: Textarea Border Radius */
.contact-form textarea {
- border-bottom-left-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -moz-border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- -webkit-border-bottom-right-radius: 3px;
- -moz-border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ -moz-border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ -moz-border-bottom-right-radius: 3px;
+ padding: 0 12px;
+ background: #fff;
}
/* Contact: Add Spacing */
.contact-form-area {
- padding: 50px 0px;
+ padding: 50px 0px;
}
/* Footer: Background */
footer.main-footer {
- background-color: #FFF !important;
- border-top: 1px solid #EEE;
+ background-color: #fff !important;
+ border-top: 1px solid #eee;
}
-
/* Footer: Margin Bottom */
footer.main-footer .footer--widgets .widget li {
- padding: 0px;
- margin-bottom: 5px;
+ padding: 0px;
+ margin-bottom: 5px;
}
/* Footer: Footer Color */
footer .footer--widgets ul li a {
- color: #666;
+ color: #666;
}
/* Footer: Spacing */
.site-footer .footer-widgets {
- margin-bottom: 5px;
+ margin-bottom: 5px;
}
/* Footer: Bottom Padding */
.main-footer .footer-bottom-content {
- padding: 15px 0 ;
+ padding: 15px 0;
}
/* Pages: Padding */
.tours-title .section-title,
.tickets .section-title,
.destinations-title.section-title {
- padding: 50px 0;
+ padding: 50px 0;
}
/* Ninja Forms Checklist style modify */
-.list-checkbox-wrap .nf-field-element li, .list-radio-wrap .nf-field-element li {
- clear: both;
- line-height: 31px;
+.list-checkbox-wrap .nf-field-element li,
+.list-radio-wrap .nf-field-element li {
+ clear: both;
+ line-height: 31px;
}
/* Homepage: Feature Block Tablet */
@media screen and (max-width: 1400px) {
- .feature-block .wpb_single_image img {
- max-width: none;
- width: auto;
- }
+ .feature-block .wpb_single_image img {
+ max-width: none;
+ width: auto;
+ }
}
/* Homepage: News Button */
@media screen and (max-width: 1200px) {
- .more-link {
- position: relative;
- }
+ .more-link {
+ position: relative;
+ }
}
@media screen and (min-width: 1024px) {
- .booking-widget #flexi_searchbox select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
+ .booking-widget #flexi_searchbox select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ }
}
@media screen and (min-width: 992px) {
- /* Homepage: Blog */
- .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
- margin: 0px
- }
+ /* Homepage: Blog */
+ .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
+ margin: 0px;
+ }
- /* Homepage: Feature Block Tablet */
- .feature-block .text-block {
- padding: 15px 40px;
- }
+ /* Homepage: Feature Block Tablet */
+ .feature-block .text-block {
+ padding: 15px 40px;
+ }
}
@media screen and (max-width: 768px) {
- /* Footer Widgets on Mobile */
- .footer-widgets .widget-area.widgets--columned-layout>.widget {
- margin-bottom: 20px;
- }
+ /* Footer Widgets on Mobile */
+ .footer-widgets .widget-area.widgets--columned-layout > .widget {
+ margin-bottom: 20px;
+ }
}
@media screen and (max-width: 768px) {
- /* Homepage: Feature Block Mobile */
- .feature-block .text-block {
- padding: 15px 20px;
- }
-
- /* Contact: Send Button Width on Mobile */
- .contact-form .send {
- width: 100%;
- }
-
- /* Footer Widgets on Mobile */
- .footer-widgets .widget-area.widgets--columned-layout>.widget {
- width: 50%;
- float: left;
- }
-
- /* Footer: Expand Footer Padding */
- .main-footer .footer-collapse-link {
- padding: 10px;
- }
-
- /* Footer: Expand Footer Dots */
- .main-footer .footer-collapse-link span {
- width: 6px;
- height: 6px;
- }
-
- /* Pages: Title holder */
- .blog .page-heading--title-section,
- .tours-title .section-title,
- .tickets .section-title,
- .destinations-title.section-title {
- text-align: left;
- padding: 20px;
- padding-bottom: 20px;
- margin: 0px;
- }
-
- /* Homepage: Posts Remove Bottom Margin */
- .homepage-news .wpb_wrapper .lab-blog-posts {
- margin: 0px;
- }
-
- /* Homepage: Posts Remove Padding and Margin */
- .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
- margin-bottom: 20px;
- padding: 0px;
- }
-
- /* Homepage: Posts Remove Last Post Margin */
- .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column:nth-child(3) {
- margin-bottom: 0px;
- }
-
- /* Homepage: Posts See More Button */
- .more-link .show-more .reveal-button {
- min-width: 100%;
- }
- /* Homepage: Posts See More Button */
- .more-link .show-more {
- margin: 20px 0;
- }
-
- /* Homepage: Posts See More Button */
- .more-link {
- padding: 0px;
- }
-
- /* Homepage: Posts See More Button */
- .more-link .show-more .reveal-button a {
- width: 100%;
- text-align: left;
- }
-
- /* Contact: Remove Spacing */
- .contact-form-area {
- padding: 20px 0 0 0;
- }
-
- /* Tours: Filter Alignment */
- .tours .product-filter {
- text-align: left;
- }
-
- /* Homepage: Services Spacing */
- .services {
- padding: 20px 0;
- }
-
- /* Homepage: Service Box Spacing */
- .service-box {
- padding: 0;
- line-height: 24px;
- }
-
- /* Header: Menu Bar Color */
- .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham,
- .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham:after,
- .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main .menu-bar .ham:before {
- background: #4484CE;
- }
-
- /* Homepage: Booking Button Full Width */
- .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
- width: 100%;
- padding: 0px;
- }
-
- /* Homepage: Booking Button Full Width */
- .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton {
- width: 100%;
- }
-
- /* Homepage: Booking Widget Remove Bottom Margin */
- .booking-widget .blog-sidebar .sidebar-box-holder {
- margin: 0px;
- }
-
- /* Homepage: Booking Widget */
- .booking-widget #flexi_searchbox #b_searchboxInc {
- padding: 0px;
- }
-
- /* Header: Search Color */
- .mobile-menu-wrapper .mobile-menu-container .search-form label {
- color: #FFF;
- }
-
- .search-field::-webkit-input-placeholder {
- color: #FFF;
- }
- .search-field::-moz-placeholder {
- color: #FFF;
- }
- .search-field:-ms-input-placeholder {
- color: #FFF;
- }
- .search-field:-moz-placeholder {
- color: #FFF;
- }
-
- /* Homepage: Service Box Icon */
- .service-box .retina-icon {
- width: 32px;
- }
-
- /* Destinations: Center Title */
- .destinations-title.section-title {
- padding-bottom: 0px;
- }
+ /* Homepage: Feature Block Mobile */
+ .feature-block .text-block {
+ padding: 15px 20px;
+ }
+
+ /* Contact: Send Button Width on Mobile */
+ .contact-form .send {
+ width: 100%;
+ }
+
+ /* Footer Widgets on Mobile */
+ .footer-widgets .widget-area.widgets--columned-layout > .widget {
+ width: 50%;
+ float: left;
+ }
+
+ /* Footer: Expand Footer Padding */
+ .main-footer .footer-collapse-link {
+ padding: 10px;
+ }
+
+ /* Footer: Expand Footer Dots */
+ .main-footer .footer-collapse-link span {
+ width: 6px;
+ height: 6px;
+ }
+
+ /* Pages: Title holder */
+ .blog .page-heading--title-section,
+ .tours-title .section-title,
+ .tickets .section-title,
+ .destinations-title.section-title {
+ text-align: left;
+ padding: 20px;
+ padding-bottom: 20px;
+ margin: 0px;
+ }
+
+ /* Homepage: Posts Remove Bottom Margin */
+ .homepage-news .wpb_wrapper .lab-blog-posts {
+ margin: 0px;
+ }
+
+ /* Homepage: Posts Remove Padding and Margin */
+ .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column {
+ margin-bottom: 20px;
+ padding: 0px;
+ }
+
+ /* Homepage: Posts Remove Last Post Margin */
+ .homepage-news .wpb_wrapper .lab-blog-posts .blog-post-column:nth-child(3) {
+ margin-bottom: 0px;
+ }
+
+ /* Homepage: Posts See More Button */
+ .more-link .show-more .reveal-button {
+ min-width: 100%;
+ }
+ /* Homepage: Posts See More Button */
+ .more-link .show-more {
+ margin: 20px 0;
+ }
+
+ /* Homepage: Posts See More Button */
+ .more-link {
+ padding: 0px;
+ }
+
+ /* Homepage: Posts See More Button */
+ .more-link .show-more .reveal-button a {
+ width: 100%;
+ text-align: left;
+ }
+
+ /* Contact: Remove Spacing */
+ .contact-form-area {
+ padding: 20px 0 0 0;
+ }
+
+ /* Tours: Filter Alignment */
+ .tours .product-filter {
+ text-align: left;
+ }
+
+ /* Homepage: Services Spacing */
+ .services {
+ padding: 20px 0;
+ }
+
+ /* Homepage: Service Box Spacing */
+ .service-box {
+ padding: 0;
+ line-height: 24px;
+ }
+
+ /* Header: Menu Bar Color */
+ .main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ .menu-bar
+ .ham,
+ .main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ .menu-bar
+ .ham:after,
+ .main-header.menu-type-standard-menu
+ .standard-menu-container.menu-skin-main
+ .menu-bar
+ .ham:before {
+ background: #4484ce;
+ }
+
+ /* Homepage: Booking Button Full Width */
+ .booking-widget #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
+ width: 100%;
+ padding: 0px;
+ }
+
+ /* Homepage: Booking Button Full Width */
+ .booking-widget
+ #flexi_searchbox
+ #b_searchboxInc
+ .b_submitButton_wrapper
+ .b_submitButton {
+ width: 100%;
+ }
+
+ /* Homepage: Booking Widget Remove Bottom Margin */
+ .booking-widget .blog-sidebar .sidebar-box-holder {
+ margin: 0px;
+ }
+
+ /* Homepage: Booking Widget */
+ .booking-widget #flexi_searchbox #b_searchboxInc {
+ padding: 0px;
+ }
+
+ /* Header: Search Color */
+ .mobile-menu-wrapper .mobile-menu-container .search-form label {
+ color: #fff;
+ }
+
+ .search-field::-webkit-input-placeholder {
+ color: #fff;
+ }
+ .search-field::-moz-placeholder {
+ color: #fff;
+ }
+ .search-field:-ms-input-placeholder {
+ color: #fff;
+ }
+ .search-field:-moz-placeholder {
+ color: #fff;
+ }
+
+ /* Homepage: Service Box Icon */
+ .service-box .retina-icon {
+ width: 32px;
+ }
+
+ /* Destinations: Center Title */
+ .destinations-title.section-title {
+ padding-bottom: 0px;
+ }
}
/* ===========================================================
@@ -794,5 +837,5 @@ User CSS modifications
=========================================================== */
.example {
- color: red !important;
-}
\ No newline at end of file
+ color: red !important;
+}
diff --git a/kalium-child-wedding/style.css b/kalium-child-wedding/style.css
index aed0001..8d4d193 100755
--- a/kalium-child-wedding/style.css
+++ b/kalium-child-wedding/style.css
@@ -1,9 +1,9 @@
/*
Theme Name: Kalium - Wedding Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -13,199 +13,239 @@ Text Domain: kalium
/* ===========================================================
Custom modification only for WEDDING Demo - START
=========================================================== */
+
/* General: Divider */
.title-divider img {
- height: auto;
- width: 200px;
- margin: 10px;
+ height: auto;
+ width: 200px;
+ margin: 10px;
}
/* General: Row Vertical Spacing */
.vertical-padding {
- padding-top: 60px;
- padding-bottom: 60px;
+ padding-top: 60px;
+ padding-bottom: 60px;
}
/* Header: Center Menu */
.main-header.menu-type-standard-menu .standard-menu-container {
- text-align: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- text-transform: uppercase;
- padding: 15px 0;
- text-shadow: none;
+ text-align: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-transform: uppercase;
+ padding: 15px 0;
+ text-shadow: none;
}
/* Header: Menu Buy Button */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul > li.special-menu-button > a,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu > li.special-menu-button > a {
- color: #FFF;
- padding: 5px 8px;
- line-height: 1;
- border-radius: 4px;
- background: #b79f93;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li.special-menu-button
+ > a,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li.special-menu-button
+ > a {
+ color: #fff;
+ padding: 5px 8px;
+ line-height: 1;
+ border-radius: 4px;
+ background: #b79f93;
}
/* Header: Menu Buy Button on Hover */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul > li.special-menu-button > a:hover,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu > li.special-menu-button > a:hover {
- color: #fff;
- background: #a78d80;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li.special-menu-button
+ > a:hover,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li.special-menu-button
+ > a:hover {
+ color: #fff;
+ background: #a78d80;
}
/* Header: Menu Buy Button on Hover */
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul > li.special-menu-button > a:hover:after,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu > li.special-menu-button > a:hover:after,
-.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul > li.special-menu-button > a:after,
-.main-header.menu-type-standard-menu .standard-menu-container ul.menu > li.special-menu-button > a:after {
- display: none;
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li.special-menu-button
+ > a:hover:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li.special-menu-button
+ > a:hover:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ div.menu
+ > ul
+ > li.special-menu-button
+ > a:after,
+.main-header.menu-type-standard-menu
+ .standard-menu-container
+ ul.menu
+ > li.special-menu-button
+ > a:after {
+ display: none;
}
/* Header: Logo Text Color */
.header-logo.logo-image,
.header-logo.logo-image:hover {
- color: #333;
+ color: #333;
}
/* Header: Hide Logo */
-.header-block--logo {
- display: none; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
+.header-block__logo {
+ display: none; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
}
/* Header: Center Standard header menu */
-.header-block--column.header-block--content-right.header-block--align-right {
- justify-content: center;
+.header-block__column.header-block--content-right.header-block--align-right {
+ justify-content: center;
}
/* Header: Mobile Menu */
-.mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
- background: rgba(65,51,39,0.9);
+.mobile-menu-wrapper.mobile-menu-fullscreen + .mobile-menu-overlay {
+ background: rgba(65, 51, 39, 0.9);
}
/* How it began: Icon Alignment */
.wpb_wrapper .wpb_text_column img.icon-position {
- top: 0;
- vertical-align: middle;
- margin-bottom: 0px;
+ top: 0;
+ vertical-align: middle;
+ margin-bottom: 0px;
}
/* How it began: Left Content */
.timeline-left {
- text-align: right;
+ text-align: right;
}
/* How it began: Right Content */
.timeline-right {
- text-align: left;
+ text-align: left;
}
/* How it began: Middle Content */
.timeline-center {
- text-align: center;
+ text-align: center;
}
/* How it began: Conent Spacing */
.timeline-left .vc_column-inner,
.timeline-right .vc_column-inner,
-.timeline-center .vc_column-inner {
- padding-left: 50px;
- padding-right: 50px;
+.timeline-center .vc_column-inner {
+ padding-left: 50px;
+ padding-right: 50px;
}
/* How it began: Right Content Image Spacing */
.timeline-right img {
- margin-right: 10px;
+ margin-right: 10px;
}
/* How it began: Left Content Image Spacing */
.timeline-left img {
- margin-left: 10px;
+ margin-left: 10px;
}
/* Events: Image Spacing */
.event-image {
- padding-top: 25px;
+ padding-top: 25px;
}
/* RSVP: Box Background and Shadow */
.rsvp-box {
- -webkit-box-shadow: 0px 10px 40px -15px rgba(0,0,0,.25);
- box-shadow: 0px 10px 40px -15px rgba(0,0,0,.25);
- padding: 55px 45px 10px 45px;
- background: #FFF;
+ -webkit-box-shadow: 0px 10px 40px -15px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 10px 40px -15px rgba(0, 0, 0, 0.25);
+ padding: 55px 45px 10px 45px;
+ background: #fff;
}
/* RSVP: Font Weight */
-.nf-error-msg, .ninja-forms-req-symbol {
- font-weight: 400;
+.nf-error-msg,
+.ninja-forms-req-symbol {
+ font-weight: 400;
}
/* RSVP: Border Color */
.rsvp-form input,
.rsvp-form select {
- border-color: #d8d0c6;
- -webkit-appearance: none;
+ border-color: #d8d0c6;
+ -webkit-appearance: none;
}
/* RSVP: Radio Buttons and Checkboxes */
-.rsvp-box input[type=checkbox], input[type=radio] {
- border: 5px solid #ded6ce;
+.rsvp-box input[type="checkbox"],
+input[type="radio"] {
+ border: 5px solid #ded6ce;
}
/* RSVP: Radio Buttons and Checkboxes Checked */
-input[type=checkbox].nf-checked, input[type=radio].nf-checked {
- border: 5px solid #413327;
+input[type="checkbox"].nf-checked,
+input[type="radio"].nf-checked {
+ border: 5px solid #413327;
}
/* RSVP: Button Width */
-.rsvp-form .field-wrap input[type=button] {
- width: 100%;
+.rsvp-form .field-wrap input[type="button"] {
+ width: 100%;
}
/* RSVP: Button Width */
.rsvp-form .nf-form-fields-required {
- display: none;
+ display: none;
}
/* RSVP: Response */
.rsvp-form .nf-response-msg {
- text-align: center;
- font-size: 16px;
+ text-align: center;
+ font-size: 16px;
}
/* RSVP: Food Requirements */
.food-requirements .list-checkbox-wrap .nf-field-element li,
.food-requirements .list-radio-wrap .nf-field-element li {
- float: left !important;
- margin-right: 25px !important;
+ float: left !important;
+ margin-right: 25px !important;
}
/* RSVP: Select Box */
.field-wrap .nf-field-element select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- padding-left: 15px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ padding-left: 15px;
}
/* Gallery Lightbox: Background Color */
.home .lg-backdrop {
- background-color: rgba(255,255,255,.9);
+ background-color: rgba(255, 255, 255, 0.9);
}
/* Gallery Lightbox: Thumb Background Color */
.home .lg-outer .lg-thumb-outer {
- background-color: rgba(255,255,255,0.9);
- -webkit-box-shadow: 0px -10px 50px rgba(0,0,0,0.1);
- box-shadow: 0px -10px 50px rgba(0,0,0,0.1);
+ background-color: rgba(255, 255, 255, 0.9);
+ -webkit-box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.1);
}
/* Gallery Lightbox: Thumb Toggle Background */
.home .lg-outer .lg-toogle-thumb {
- -webkit-box-shadow: 0px -10px 25px rgba(0,0,0,0.1);
- box-shadow: 0px -10px 25px rgba(0,0,0,0.1);
- background-color: #fff;
+ -webkit-box-shadow: 0px -10px 25px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px -10px 25px rgba(0, 0, 0, 0.1);
+ background-color: #fff;
}
/* Gallery Lightbox: Thumb Icon Color on Hover */
@@ -213,235 +253,228 @@ input[type=checkbox].nf-checked, input[type=radio].nf-checked {
.home .lg-toolbar .lg-icon:hover,
.home .lg-actions .lg-next:hover,
.home .lg-actions .lg-prev:hover {
- color: #000;
+ color: #000;
}
/* Gallery: Hover Transition */
.moments-gallery .vc_visible-item {
- -webkit-transition: opacity 0.2s;
- -o-transition: opacity 0.2s;
- transition: opacity 0.2s;
+ -webkit-transition: opacity 0.2s;
+ -o-transition: opacity 0.2s;
+ transition: opacity 0.2s;
}
/* Gallery: Hover Transition */
.moments-gallery .vc_visible-item:hover {
- opacity: 0.6;
+ opacity: 0.6;
}
-
/* Registry: Logo Shadow and Background */
.logos-holder.no-image-borders .c-logo {
- -webkit-box-shadow: 0px 10px 40px -15px rgba(0,0,0,.25);
- box-shadow: 0px 10px 40px -15px rgba(0,0,0,.25);
- background-color: #fff;
- margin-bottom: 30px;
+ -webkit-box-shadow: 0px 10px 40px -15px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 10px 40px -15px rgba(0, 0, 0, 0.25);
+ background-color: #fff;
+ margin-bottom: 30px;
}
/* Registry: Logo Transition on Hover */
.logos-holder.no-image-borders .c-logo {
- -webkit-transition: all 0.2s;
- -o-transition: all 0.2s;
- transition: all 0.2s;
+ -webkit-transition: all 0.2s;
+ -o-transition: all 0.2s;
+ transition: all 0.2s;
}
/* Registry: Logo Transition on Hover */
.logos-holder.no-image-borders .c-logo:hover {
- opacity: 0.75;
- -webkit-box-shadow: 0px 5px 20px -10px rgba(0,0,0,.25);
- box-shadow: 0px 5px 20px -10px rgba(0,0,0,.25);
+ opacity: 0.75;
+ -webkit-box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.25);
}
/* Registry: Logo Width on Mobile */
@media screen and (max-width: 480px) {
- .logos-holder .client-logos-col {
- width: 50%!important;
- }
+ .logos-holder .client-logos-col {
+ width: 50% !important;
+ }
}
/* Blog: Post Comments Background */
.single-post .post-comments {
- background-color: #f9f2eb;
+ background-color: #f9f2eb;
}
/* Blog: Post Comment Lines */
.labeled-textarea-row textarea {
- background-image: linear-gradient(#d8d0c6 1px, transparent 1px);
+ background-image: linear-gradient(#d8d0c6 1px, transparent 1px);
}
/* Blog: Post Comment Link Color */
.single-post .post-comments a {
- color: #413327;
+ color: #413327;
}
/* Footer: Social Network Background Color */
.site-footer .social-networks.rounded li a {
- background-color: #f9f2eb;
+ background-color: #f9f2eb;
}
/* XS: Mobile devices */
-@media screen and (max-width: 480px){
-
- /* General: Row Vertical Spacing */
- .vertical-padding {
- padding-top: 35px;
- padding-bottom: 35px;
- }
-
- /* Header: Spacing */
- .header-absolute header.main-header {
- padding: 15px 0 !important;
- }
-
- /* Header: Menu Trigger Color */
- .menu-bar.menu-skin-dark .ham:after,
- .menu-bar.menu-skin-dark .ham:before,
- .menu-bar.menu-skin-dark .ham {
- background-color: #413327;
- }
-
- /* Header: Center Menu */
- .main-header.menu-type-standard-menu .standard-menu-container {
- text-align: right;
- -webkit-box-pack: flex-end;
- -ms-flex-pack: flex-end;
- justify-content: flex-end;
- text-transform: uppercase;
- padding: 0;
- text-shadow: none;
- }
-
- /* Header: Show Logo */
- .logo-column {
- display: block; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
- }
-
- /* Header: Menu Trigger Spacing */
- .menu-bar {
- margin: 0px;
- padding: 0px;
- }
-
- /* How it began: Left Content */
- .timeline-left {
- text-align: left;
- }
-
- /* How it began: Right Content */
- .timeline-right {
- text-align: left;
- }
-
- /* How it began: Middle Content */
- .timeline-center {
- text-align: left;
- }
-
- /* How it began: Image Spacing */
- .timeline-left img,
- .timeline-right img,
- .timeline-center img {
- margin-left: 0px;
- float: left;
- }
-
- /* How it began: Image Spacing */
- .timeline-left img,
- .timeline-center img {
- margin-right: 10px;
- }
-
- /* How it began: Conent Spacing */
- .timeline-left .vc_column-inner,
- .timeline-right .vc_column-inner,
- .timeline-center .vc_column-inner {
- padding-left: 15px;
- padding-right: 15px;
- }
-
- /* Events: Image Spacing */
- .event-image {
- padding-top: 5px;
- }
-
- /* RSVP: Box Background and Shadow */
- .rsvp-box {
- width: 100%;
- margin: 0 auto;
- padding: 35px 25px 0px 25px;
- }
-
- /* RSVP: Padding */
- .rsvp-row {
- padding: 25px !important;
- }
-
- /* Happy Moments: Image Size */
- .vc_masonry_media_grid.happy-moments .vc_grid.vc_row .vc_grid-item {
- width: 25%;
- float: left;
- }
-
+@media screen and (max-width: 480px) {
+ /* General: Row Vertical Spacing */
+ .vertical-padding {
+ padding-top: 35px;
+ padding-bottom: 35px;
+ }
+
+ /* Header: Spacing */
+ .header-absolute header.main-header {
+ padding: 15px 0 !important;
+ }
+
+ /* Header: Menu Trigger Color */
+ .menu-bar.menu-skin-dark .ham:after,
+ .menu-bar.menu-skin-dark .ham:before,
+ .menu-bar.menu-skin-dark .ham {
+ background-color: #413327;
+ }
+
+ /* Header: Center Menu */
+ .main-header.menu-type-standard-menu .standard-menu-container {
+ text-align: right;
+ -webkit-box-pack: flex-end;
+ -ms-flex-pack: flex-end;
+ justify-content: flex-end;
+ text-transform: uppercase;
+ padding: 0;
+ text-shadow: none;
+ }
+
+ /* Header: Show Logo */
+ .logo-column {
+ display: block; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
+ }
+
+ /* Header: Menu Trigger Spacing */
+ .menu-bar {
+ margin: 0px;
+ padding: 0px;
+ }
+
+ /* How it began: Left Content */
+ .timeline-left {
+ text-align: left;
+ }
+
+ /* How it began: Right Content */
+ .timeline-right {
+ text-align: left;
+ }
+
+ /* How it began: Middle Content */
+ .timeline-center {
+ text-align: left;
+ }
+
+ /* How it began: Image Spacing */
+ .timeline-left img,
+ .timeline-right img,
+ .timeline-center img {
+ margin-left: 0px;
+ float: left;
+ }
+
+ /* How it began: Image Spacing */
+ .timeline-left img,
+ .timeline-center img {
+ margin-right: 10px;
+ }
+
+ /* How it began: Conent Spacing */
+ .timeline-left .vc_column-inner,
+ .timeline-right .vc_column-inner,
+ .timeline-center .vc_column-inner {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ /* Events: Image Spacing */
+ .event-image {
+ padding-top: 5px;
+ }
+
+ /* RSVP: Box Background and Shadow */
+ .rsvp-box {
+ width: 100%;
+ margin: 0 auto;
+ padding: 35px 25px 0px 25px;
+ }
+
+ /* RSVP: Padding */
+ .rsvp-row {
+ padding: 25px !important;
+ }
+
+ /* Happy Moments: Image Size */
+ .vc_masonry_media_grid.happy-moments .vc_grid.vc_row .vc_grid-item {
+ width: 25%;
+ float: left;
+ }
}
/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {
-
- /* Header: Show Logo */
- .logo-column {
- display: block; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
- }
-
-
- /* Header: Center Menu */
- .main-header.menu-type-standard-menu .standard-menu-container {
- text-align: right;
- -webkit-box-pack: flex-end;
- -ms-flex-pack: flex-end;
- justify-content: flex-end;
- text-transform: uppercase;
- padding: 0;
- text-shadow: none;
- }
+ /* Header: Show Logo */
+ .logo-column {
+ display: block; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
+ }
+
+ /* Header: Center Menu */
+ .main-header.menu-type-standard-menu .standard-menu-container {
+ text-align: right;
+ -webkit-box-pack: flex-end;
+ -ms-flex-pack: flex-end;
+ justify-content: flex-end;
+ text-transform: uppercase;
+ padding: 0;
+ text-shadow: none;
+ }
}
/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {
-
- /* Header: Show Logo */
- .logo-column {
- display: none; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
- }
-
- /* Header: Normalize Menu */
- .main-header.menu-type-standard-menu .standard-menu-container {
- text-align: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- text-transform: uppercase;
- padding: 15px 0;
- text-shadow: none;
- }
+ /* Header: Show Logo */
+ .logo-column {
+ display: none; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
+ }
+
+ /* Header: Normalize Menu */
+ .main-header.menu-type-standard-menu .standard-menu-container {
+ text-align: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-transform: uppercase;
+ padding: 15px 0;
+ text-shadow: none;
+ }
}
/* LG: Desktop devices */
@media screen and (min-width: 1200px) {
-
- /* Header: Show Logo */
- .logo-column {
- display: none; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
- }
-
- /* Header: Normalize Menu */
- .main-header.menu-type-standard-menu .standard-menu-container {
- text-align: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- text-transform: uppercase;
- padding: 15px 0;
- text-shadow: none;
- }
+ /* Header: Show Logo */
+ .logo-column {
+ display: none; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
+ }
+
+ /* Header: Normalize Menu */
+ .main-header.menu-type-standard-menu .standard-menu-container {
+ text-align: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-transform: uppercase;
+ padding: 15px 0;
+ text-shadow: none;
+ }
}
/* ===========================================================
Custom modification only for WEDDING Demo - END
@@ -449,4 +482,4 @@ Custom modification only for WEDDING Demo - END
/* ===========================================================
User CSS modifications - START
-=========================================================== */
\ No newline at end of file
+=========================================================== */
diff --git a/kalium-child/style.css b/kalium-child/style.css
index b6a2520..8997304 100755
--- a/kalium-child/style.css
+++ b/kalium-child/style.css
@@ -1,12 +1,12 @@
/*
Theme Name: Kalium - Child Theme
-Theme URI: https://kaliumtheme.com/
+Theme URI: https://kaliumtheme.com
Author: Laborator
-Author URI: https://laborator.co/
-Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
+Author URI: https://laborator.co
+Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
-*/
\ No newline at end of file
+*/
diff --git a/package.json b/package.json
index ff5c602..6a03456 100644
--- a/package.json
+++ b/package.json
@@ -21,8 +21,10 @@
},
"homepage": "https://github.com/arl1nd/kalium-child-themes#readme",
"devDependencies": {
+ "@wordpress/prettier-config": "^2.4.0",
"grunt": "^1.1.0",
"grunt-contrib-clean": "^2.0.0",
"grunt-contrib-compress": "^1.6.0"
- }
+ },
+ "prettier": "@wordpress/prettier-config"
}