/*! Theme Name: Brazil Colors Theme URI: http://mnthemes.com/themes/brazil-colors Author: mnThemes Author URI: http://mnthemes.com Description: Brazil Colors is a powerful Multi-Purpose theme that provides a fast way for you to create an incredible online presence. Brazil Colors brings many customization possibilities like access to all Google fonts, complete color control, layout control, logo loading, full screen slider, header image, quick navigation and much more. In addition, Brazil Colors already provides full support to Woocommerce, WordPress e-commerce platform, Jetpack plugin support and Page Builder layout builder, fully opening up the possibilities for building a variety of websites. Version: 1.0.4 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: brazil-colors Tags: theme-options, custom-colors, custom-background, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, threaded-comments, translation-ready, news, blog, photography, entertainment, e-commerce, education This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Brazil Colors is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus ## Pagination # Accessibility # Alignments # Clearings # Widgets # Content ## Front Page ## Sidebar ## Header ## Footer ## Archive ## Singular ## Comments ## Woocommerce ## Bootstrap # Infinite scroll # Brazil Colors Plus # Media ## Captions ## Galleries # Livemesh SiteOrigin Widgets --------------------------------------------------------------*/ .site{ visibility: hidden; } .noscroll{ overflow: hidden; } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a, a:focus, a:visited, a:active, a:hover { outline: none !important; text-decoration: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .clearfix{ clear: both; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: 'Libre Franklin', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Montserrat', sans-serif; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.4; margin: 0 0 0.75em; padding: 1.5em 0 0; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } blockquote { font-size: 18px; font-style: italic; margin: 3em; padding: 0 40px 0 40px; line-height: 1.45; position: relative; color: #383838; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -10px; line-height: normal; color: #7a7a7a; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0; padding: 0; } li{ list-style-position: inside; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 3em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ textarea:focus, input:focus{ outline: none; } .search-form { position: relative; } .search-form label { display: block; } .search-form .search-submit { bottom: 3px; padding: 0.5em 1em; position: absolute; right: 3px; top: 3px; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 0; background: #e6e6e6; color: rgba(255, 255, 255, 0.8); font-size: 12px; font-size: 0.94rem; line-height: 1; padding: .775rem 1.4rem; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fff; border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 0; display: block; padding: 0.7em; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } .search-field:focus{ border: 1px solid #bbb !important; box-shadow: 0 !important; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #4f4f4f; } a:visited { color: #727272; } a:hover, a:focus, a:active { color: #727272; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation a{ display: block; padding: 3px 0 3px 15px; color: #ffffff; } .main-navigation a:hover{ opacity: 0.6; text-decoration: none; } .main-navigation .customize-partial-edit-shortcut{ right: -20px; } .main-navigation ul:first-child::before{ content: ''; display: block; height: 100%; width: 7px; position: absolute; left: -10px; top: 0; } .toggled.main-navigation ul:first-child::before{ display: none; } .menu-close{ position: fixed; z-index: 10; top: 30px; right: 30px; color: #fff; font-size: 2rem; display: none; padding: 0; background: transparent; } .toggled .menu-close{ display: block; } .toggled .children{ position: relative; left: auto; background: transparent; } .toggled .children a{ border: none; opacity: .6; } .main-navigation .nav-menu{ float: right; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; position: relative; } .main-navigation ul ul { padding: 0 15px 15px 15px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul li:last-child a{ border: none; padding-bottom: 0; } .home .main-navigation ul ul{ background: transparent; box-shadow: none; } .home .site-header__fixed .main-navigation ul ul{ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; font-size: 0.7rem; display: block; padding: 10px 0; border-bottom: solid 1px rgba(255, 255, 255, 0.3); } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; text-transform: uppercase; font-size: .8rem; } /* Small menu. */ .menu-toggle{ position: relative; outline: 0 !important; } .main-navigation.toggled div { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); overflow: auto; } .main-navigation.toggled div ul{ float: none !important; padding: 30px; } .main-navigation.toggled div li{ float: none; } .main-navigation.toggled div li a{ padding: 8px 10px; font-size: 1rem; color: #fff !important; } .main-navigation.toggled div .sub-menu, .main-navigation.toggled div .children{ display: block; background: none; position: relative; width: auto; margin: 0; left: auto; top: auto; box-shadow: none; padding: 0; } .main-navigation.toggled div .sub-menu a{ width: auto; } .menu-toggle, .main-navigation.toggled ul { display: block; } .menu-toggle .fas{ font-size: 1.3rem; } @media screen and (min-width: 800px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .nav-links{ display: inline-block; margin: 30px auto 0 auto; } .nav-links a, .nav-links span, .woocommerce nav.woocommerce-pagination ul li a.page-numbers, .woocommerce nav.woocommerce-pagination ul li span.page-numbers{ display: inline-block; float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0.2em; padding: 0; border: solid 1px #ddd; color: #4f4f4f; } .nav-links span, .nav-links a:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers, .woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover{ color: #fff; } /*-------------------------------------------------------------- ## Float Shortcuts --------------------------------------------------------------*/ .site-float-shortcuts{ position: fixed; display: inline-block; bottom: 15px; right: 15px; z-index: 200; } .site-float-plus{ border-bottom: solid 1px rgba(255, 255, 255, 0.3); } .site-float-shortcuts a{ color: #fff; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; clear: both; font-size: 1.2rem; } .site-float-shortcuts__social{ display: none; } .site-float-search{ display: none; position: fixed; top: 0; left: 0; text-align: center; width: 100%; height: 100vh; z-index: 999; background: rgba(0, 0, 0, 0.8); } .site-float-search .d-flex{ width: 100%; height: 100vh; } .site-float-search__wrapp{ margin: auto; width: 600px; padding: 15px; border-radius: 3px; position: relative; } @media screen and (max-width: 800px) { .site-float-search__wrapp{ width: 300px; } } .site-float-search__wrapp button{ background: transparent; border: none; color: #fff; position: absolute; padding:0; font-size: 1.5rem; right: 0; top: -40px; } .site-float-search form label{ margin: 0; } .site-float-search form .search-field, .site-float-search form .search-field:focus{ border: none !important; } .site-float-search form .search-submit{ height: 40px; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ aside .widget a{ color: #777; } aside .widget a:hover{ color: #000; } aside .widget ul li, aside .widget ol li, .woocommerce aside .widget ul li, .woocommerce aside .widget ol li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0.5em 0; margin-top: -1px; margin-left: -1px; } .woocommerce aside .product-categories li ul{ margin-left: 0; padding-top: 0.5em; } .woocommerce aside .product-categories li ul li:last-child{ padding-bottom: 0; border-bottom: none; } .woocommerce aside .product-categories li ul li{ padding-left: 15px; } .woocommerce aside .widget .widget-title{ font-size: 1rem; margin-bottom: 30px; text-transform: uppercase; } .widget { margin: 0 0 3em; /* Make sure select elements fit in widgets. */ } .widget li { padding: 5px 0; } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .site-content{ padding-top: 70px; } .entry-meta{ text-transform: uppercase; font-size: 0.7rem; } .entry-meta .posted-on{ margin-right: 15px; } .entry-content table thead th{ background: #eaeaea; } .entry-content table td, .entry-content table th{ padding: 10px; border-bottom: 1px solid #eaeaea; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ aside li{ list-style-type: none; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header__bar.site-header__fixed, .home .site-header__bar.site-header__fixed{ width: 100%; position: fixed; z-index: 10; left: 0; } .site-header__bar.site-header__fixed{ padding: 15px 0; top: -100%; } .site-header__fixed .site-title{ font-size: 1.8rem; } .site-header__fixed .site-title::after{ display: none; } .site-header__fixed .site-description{ display: none; } .site-title{ margin: 0; font-size: 2rem; } .site-title::after{ content: ''; display: block; height: 7px; width: 100px; margin-top: 15px; } p.site-title{ font-size: 2rem; } @media screen and (max-width: 800px) { .site-title, p.site-title{ font-size: 1.8rem; } } .site-description{ margin: 10px 0; display: block; font-size: 0.9rem; } /*-------------------------------------------------------------- ## Front Page --------------------------------------------------------------*/ .home .site-header__bar{ position: absolute; z-index: 210; } .site-header__bar{ width: 100%; background: #000; padding: 45px 0; position: relative; z-index: 99; } @media screen and (max-width: 667px) { .site-header__bar{ padding: 15px 0; } } .home .site-header__bar{ background: none; } .simpleParallax{ height: 100vh; } .site-hero-image li::after{ content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 600px; background: url( images/hero-filter.png ) repeat-x; z-index: 3; } .site-hero-image .row{ height: 100vh; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .site-hero-image .site-hero-image__col{ margin-top: auto; margin-bottom: auto; } .site-hero-image__container{ position: absolute; width: 100%; top: 0; left: 0; z-index: 6; } .site-hero-image .site-hero-image__caption{ opacity: 0; position: relative; z-index: 6; } .site-hero-image .site-hero-image__caption h2{ font-size: 48px; color: #fff; text-shadow: 1px 0px 5px rgba(150, 150, 150, 0.5); } .site-hero-image .site-hero-image__caption p{ font-size: 22px; line-height: 22px; color: #fff; text-shadow: 1px 0px 5px rgba(150, 150, 150, 0.5); } .site-hero-image .site-hero-image__caption .btn .customize-partial-edit-shortcut{ margin-left: -25px; } @media screen and (max-width: 667px) { .site-hero-image .site-hero-image__caption{ text-align: center; } .site-hero-image .site-hero-image__caption h2{ font-size: 24px; margin: 0; } .site-hero-image .site-hero-image__caption p{ font-size: 16px; margin-bottom:15px; } .site-hero-image .site-hero-image__caption .btn-primary{ padding: 8px 20px; } } @media screen and (max-width: 768px) { .site-hero-image .site-hero-image__caption{ text-align: center; } } .site-hero-image a{ color: #fff; } .site-hero-image .fas{ padding: 20px; font-size: 42px; } /*-------------------------------------------------------------- ## Page Builder Site Origin --------------------------------------------------------------*/ .siteorigin-panels .site-footer, .page-template-page-builder .site-footer{ margin-top: 0; } .page-template-page-builder .site-content{ padding-top: 0; } .siteorigin-panels-stretch{ overflow: hidden; position: relative; } .panel-grid-cell{ position: relative; z-index: 1; } .sow-headline::after{ content: ''; display: block; width: 100px; height: 5px; background-color: #777; margin: 15px auto 0 auto; } /* .mcn-overlay-color{ background: #000; } */ .mcn-overlay:after{ content: ''; height: 100%; width: 100%; } .mcn-overlay-10{ opacity: 0.1; filter: alpha(opacity=10); } .mcn-overlay-20{ opacity: 0.2; filter: alpha(opacity=20); } .mcn-overlay-30{ opacity: 0.2; filter: alpha(opacity=30); } .mcn-overlay-40{ opacity: 0.2; filter: alpha(opacity=40); } .mcn-overlay-50{ opacity: 0.5; filter: alpha(opacity=50); } .mcn-overlay-60{ opacity: 0.6; filter: alpha(opacity=60); } .mcn-overlay-70{ opacity: 0.7; filter: alpha(opacity=70); } .mcn-overlay-80{ opacity: 0.8; filter: alpha(opacity=80); } .mcn-overlay-90{ opacity: 0.9; filter: alpha(opacity=90); } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .site-footer{ padding: 60px 0; margin-top: 60px; } .site-footer__widgets .widget li{ list-style-type: none; } .site-footer .widget-title{ margin-bottom: 30px; } .site-footer .widget-title::after{ content: ''; display: block; height: 7px; width: 60px; margin-top: 10px; } .page-template-page-builder .site-footer{ margin-top: 0; } .site-footer a:hover{ opacity: 0.5; } .site-info__notes{ padding-bottom: 20px; } .site-info-border{ padding-top: 30px; border-top: solid 1px rgba(255, 255, 255, 0.4); } /*-------------------------------------------------------------- ## Archive --------------------------------------------------------------*/ .page-header{ margin-bottom: 1.5em; } .page-header .page-title{ font-size: 1.4rem; } .entry-header{ text-align: center; } .entry-header::after{ content: ''; display: block; width: 30%; height: 3px; background: #ddd; margin: 40px auto; } .archive .entry-content p, .home .entry-content p{ margin-bottom: 0; } .archive-magazine-article{ border-bottom: solid 1px #dddddd; margin: 0 0 3em; padding: 0 0 3em; } .archive-magazine-article .entry-header{ text-align: left; } .archive-magazine-article .entry-header::after, .archive-masonry-article .entry-header::after{ display: none; } .archive-masonry-article article.hentry{ margin-bottom: 30px; border: solid 1px #ddd; } .archive-masonry-article .entry-body{ padding: 20px; } .archive-masonry-article .entry-title{ font-size: 1.5rem; } .entry-featured-image{ margin: 0 0 20px 0; } .archive-masonry-article .entry-featured-image img{ width: 100%; height: auto; } .posts-navigation{ padding-top: 60px; border-top: solid 1px #404040; } .tags-links{ display: block; } .badge a, .single .hentry .badge a, .badge a:hover, .single .hentry .badge a:hover{ color: #fff; } .badge:visited{ color: #fff; } .site-main .badge-primary a{ color: #fff; } #infinite-handle span { border-radius: 0px; color: #fff; font-size: 1rem; padding: .775rem 1.4rem; } /*-------------------------------------------------------------- ## Singular --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 5em; } .site-main .entry-title a{ color: #404040; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .page-header .page-title, .search .page-title{ text-align: center; font-size: 1.5rem; margin-bottom: 40px; } .entry-footer{ padding: 15px 0; font-size: .7rem; text-transform: uppercase; } .single-post .entry-footer{ margin-top: 30px; border-top: solid 3px #eaeaea; border-bottom: solid 3px #eaeaea } .entry-footer span{ margin-right: 5px; } .header-image-pages, .header-image-all{ margin-top: -150px; } .archive .header_image_wrapper, .single .header_image_wrapper, .page .header_image_wrapper, .search .header_image_wrapper{ position: relative; overflow: hidden; } .header-image-pages .entry-header, .header-image-all .entry-header{ text-align: center; } .header-image-pages .entry-header__inner, .header-image-all .entry-header__inner{ background: #fff; display: inline-block; margin: 0 auto; padding: 25px 60px 0px 60px; } /*-------------------------------------------------------------- ## Woocommerce --------------------------------------------------------------*/ .container-woocommerce{ padding: 0 60px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{ border: none; } @media screen and (max-width: 768px) { .container-woocommerce{ padding: 0 25px; } } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ color: #fff; border-radius: 0; font-size: .9rem; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ color: #fff; } .woocommerce .col-1, .woocommerce .col-2 { -ms-flex: inherit; flex: inherit; max-width: inherit; padding: 0; } .woocommerce ul.products li.product .onsale { min-height: inherit; min-width: inherit; line-height: inherit; border-radius: 0; margin: 0; padding: 3px 6px; text-transform: uppercase; font-size: 0.7rem; } .woocommerce-before-shop-loop{ overflow: auto; padding-bottom: 15px; border-bottom: solid 1px #eaeaea; margin-bottom: 60px; } .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{ margin: 0; } .woocommerce table.shop_table{ border-radius: 0px; } .woocommerce table.woocommerce-cart-form__contents th{ color: #fff; } .wcmenucart-contents .fa{ font-size: 1rem; } .woocommerce .widget_price_filter .ui-slider-horizontal{ height: .6em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { height: 0.8em; width: 0.8em; background-color: #53535c; top: -0.1em; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #53535c; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li, .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{ padding-top: 10px; padding-bottom: 10px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 100px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ border-top: none; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { top: 10px; } .woocommerce .single_add_to_cart_button.button{ height: 48px; padding-right: 30px; padding-left: 30px; text-transform: uppercase; font-weight: 600; } .woocommerce div.product .woocommerce-tabs .panel { background: #eaeaea; padding: 50px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 0; overflow: hidden; position: relative; font-weight: 700; } .woocommerce div.product .woocommerce-tabs h2{ margin-top: 0px; padding: 0px; font-size: 1.2rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #eaeaea; z-index: 2; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border: none; background: #cccccc; border-radius: 0; padding: 0 3em; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 1.3em 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before{ border-bottom: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-radius: 0; background: #fff; } .woocommerce .up-sells.products h2, .woocommerce .related.products h2{ text-transform: uppercase; font-size: 1.3rem; text-align: center; margin-bottom: 30px; } .woocommerce .place-order .button{ font-size: 1.2rem; padding: 15px 25px; } .woocommerce .woocommerce-shipping-fields h3{ font-size: 1rem; padding-top: 0; } .woocommerce .woocommerce-billing-fields h3{ padding-top: 0; } .woocommerce div.product form.cart .variations tbody{ display: block; padding: 30px 0; border-top: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; } .woocommerce div.product form.cart .variations select{ max-width: initial; min-width: initial; } .woocommerce div.product div.summary{ margin-top: 0; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: #404040; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 25%; } .woocommerce .woocommerce-MyAccount-navigation ul{ list-style: none; padding: 0; margin: 0 0 30px 0; border-top: solid 1px #eaeaea; } .woocommerce .woocommerce-MyAccount-navigation ul li{ padding: 15px 0; border-bottom: 1px solid #eaeaea; } .woocommerce .woocommerce-MyAccount-content fieldset{ margin: 30px 0 0 0; padding: 0; border: none; } .woocommerce .woocommerce-MyAccount-content form .form-row{ padding: 0px;; } .woocommerce-account .addresses .title h3 { float: left; font-size: 1rem; margin-top: 0; padding-top: 0; } .woocommerce-account ul .is-active a{ color: #404040; } .woocommerce .woocommerce-MyAccount-content h2{ font-size: 1.4rem; } .woocommerce .woocommerce-MyAccount-content h3{ padding-top: 0; font-size: 1.4rem; } /*-------------------------------------------------------------- ## Bootstrap --------------------------------------------------------------*/ .btn{ padding: .775rem 1.4rem; border-radius: 0; } select, select:focus, select.select2-hidden-accessible:focus, span, span:focus, span:active{ outline: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -moz-transition: none !important; -webkit-transition: none !important; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-list, .comment-list .children{ list-style-type: none; } .comment-list li{ padding: 40px 0; } .comment-metadata{ padding: 10px 0; font-size: 0.8rem; text-transform: uppercase; } .comment-content{ padding: 25px; border: solid 1px #eaeaea; } .comment-content a { word-wrap: break-word; } .comment-content p{ margin: 0; } .bypostauthor { display: block; } .comment-respond label{ display: block; font-size: .8rem; margin-bottom: 0; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Bootstrap --------------------------------------------------------------*/ .card{ margin-bottom: 30px; border-radius: 0; } .card img{ border-radius: 0; } .card figure{ overflow: hidden; margin: 0; padding: 0; background: #000; } .nav-post-card .card-title{ margin: 0; } img.img-zoom { display:block; } img.img-zoom { -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .card:hover img.img-zoom { cursor: pointer; -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- ## Livemesh SiteOrigin Widgets --------------------------------------------------------------*/ input.lsow-button, button.lsow-button, a.lsow-button, .lsow-button:active, .lsow-button:visited, .lsow-pricing-table .lsow-purchase a, .lsow-team-members.lsow-style1 .lsow-team-member .lsow-image-wrapper img, .lsow-accordion.style1 .lsow-panel, .lsow-tabs.style1 .lsow-tab-nav .lsow-tab:first-child, .lsow-tabs.style1 .lsow-tab-panes, .lsow-tabs.style1 .lsow-tab-nav .lsow-tab:last-child, .lsow-testimonials .lsow-testimonial-text{ border-radius: 0; } .so-widget-lsow-piecharts{ overflow: hidden; } .lsow-active{ position: relative; } .lsow-tab-nav .lsow-active::before{ content: ''; display: block; height: 5px; width:100%; position: absolute; top: 0; left: 0; } .lsow-team-members.lsow-style1 .lsow-team-member{ margin: 0 auto; } .lsow-clients.lsow-grid-container .lsow-client.lsow-threecol{ border: none; } .lsow-clients .lsow-client img{ width: auto; margin: 0 auto; } .lsow-posts-carousel .lsow-posts-carousel-item .hentry{ box-shadow: none; -webkit-box-shadow: none; border-radius: 0; } .lsow-entry-meta .published abbr{ border: none; text-decoration: none; } .lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap .lsow-entry-meta span{ font-style: normal; } .lsow-testimonials .lsow-testimonial-user .lsow-image-wrapper img, .lsow-testimonials-slider .lsow-testimonial-user .lsow-image-wrapper img{ border-radius: 4px; max-width: 120px; }