/* Theme Name: advancedcolleges.us Theme URI: http://uxlthemes.com/theme/trusted Author: uXL Themes Author URI: http://uxlthemes.com Description: Trusted WordPress theme is simple yet elegant with a fully responsive design. It has been designed to be modern and fresh and is suitable for many type of website, blog or e-commerce store. It is designed to integrate with the WooCommerce plugin to give your site an attractive shop front. The colors can be changed in the customizer and previewed fast in real time. The header has both dark and light styles and features telephone number as well as WooCommerce account/login/register and shopping cart. The front-page template features 3 (three) featured services with icon selection, WooCommerce tabs to showcase your products and a full width phone/call-to-action panel. There is also a Blank Canvas page template with no page title or sidebar, containing only the masthead and footer, ideal for use with page builder plugins. The Trusted theme also comes with 9 (nine) widget areas including 4 (four) distinct sidebars for blog, page, home page and shop. Other widget areas allow you to add your own content to the top bar, 3 (three) footer columns and an extra middle footer area. It also supports a main primary navigation menu and a footer menu which has support for social media icons/links. Version: 1.1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: trusted Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, blog, e-commerce This theme, like WordPress, is licensed under the GPL. */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html{ font-family: sans-serif; -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; margin: 0; } audio, canvas, progress, video{ display: inline-block; vertical-align: baseline; } audio:not([controls]){ display: none; height: 0; } [hidden], template{ display: none; } a{ background-color: transparent; } a:active, a:hover{ outline: 0; } abbr[title]{ border-bottom: 1px dotted; } b, strong{ font-weight: bold; } dfn{ font-style: italic; } 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: 0; } 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; } th{ padding: 0.3em; border: 1px solid #f5f5f5; background: #f9f9f9; } td{ padding: 0.3em; border: 1px solid #f5f5f5; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea{ color: #323b44; font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif; font-size: 15px; font-weight: 300; line-height: 1.68; } h1, h2, h3, h4, h5, h6{ color: #323b45; font-weight: 400; line-height: 1.2; font-family: 'Montserrat', Helvetica, Arial, Verdana, sans-serif; margin: 0; } h1{ font-size: 26px; margin-bottom: 30px; } h2{ font-size: 24px; margin-bottom: 25px; } h3{ font-size: 22px; margin-bottom: 20px; } h4{ font-size: 20px; margin-bottom: 15px; } h5{ font-size: 18px; margin-bottom: 10px; } h6{ font-size: 16px; margin-bottom: 10px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ position: relative; padding-bottom: 5px; } .entry-content h1:before, .entry-content h2:before, .entry-content h3:before, .entry-content h4:before, .entry-content h5:before, .entry-content h6:before{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; background-color: #00bc96; background-image: url("images/content-heading-bg.png"); background-position: left center; background-repeat: repeat-y; border-radius: 2px; } .entry-content h1:after, .entry-content h2:after, .entry-content h3:after, .entry-content h4:after, .entry-content h5:after, .entry-content h6:after{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; background: rgba(0,0,0,0.03); border-radius: 2px; } .entry-content h1:before{ width: 66px; } .entry-content h1:after{ width: 170px; } .entry-content h1.center:before{ left: 50%; margin-left: -33px; } .entry-content h1.center:after{ left: 50%; margin-left: -85px; } .entry-content h1.right:before{ left: auto; right: 0; } .entry-content h1.right:after{ left: auto; right: 0; } .entry-content h2:before{ width: 40px; } .entry-content h2:after{ width: 106px; } .entry-content h2.center:before{ left: 50%; margin-left: -20px; } .entry-content h2.center:after{ left: 50%; margin-left: -53px; } .entry-content h2.right:before{ left: auto; right: 0; } .entry-content h2.right:after{ left: auto; right: 0; } .entry-content h3:before{ width: 26px; height: 2px; } .entry-content h3:after{ width: 66px; height: 2px; } .entry-content h3.center:before{ left: 50%; margin-left: -13px; } .entry-content h3.center:after{ left: 50%; margin-left: -33px; } .entry-content h3.right:before{ left: auto; right: 0; } .entry-content h3.right:after{ left: auto; right: 0; } .entry-content h4:before{ width: 16px; height: 2px; } .entry-content h4:after{ width: 40px; height: 2px; } .entry-content h4.center:before{ left: 50%; margin-left: -8px; } .entry-content h4.center:after{ left: 50%; margin-left: -20px; } .entry-content h4.right:before{ left: auto; right: 0; } .entry-content h4.right:after{ left: auto; right: 0; } .entry-content h5:before{ width: 10px; height: 1px; } .entry-content h5:after{ width: 26px; height: 1px; } .entry-content h5.center:before{ left: 50%; margin-left: -5px; } .entry-content h5.center:after{ left: 50%; margin-left: -13px; } .entry-content h5.right:before{ left: auto; right: 0; } .entry-content h5.right:after{ left: auto; right: 0; } .entry-content h6:before{ width: 6px; height: 1px; } .entry-content h6:after{ width: 16px; height: 1px; } .entry-content h6.center:before{ left: 50%; margin-left: -3px; } .entry-content h6.center:after{ left: 50%; margin-left: -8px; } .entry-content h6.right:before{ left: auto; right: 0; } .entry-content h6.right:after{ left: auto; right: 0; } p{ margin:0 0 15px; } dfn, cite, em, i{ font-style: italic; } blockquote{ margin: 0 15px; } address{ margin: 0 0 15px; } 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{ background-color: #f2f2f2; padding: 0.125em 0.25em; } code, kbd, tt, var{ font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym{ border-bottom: 1px dotted #666; cursor: help; } mark, ins{ background: #fff9c0; text-decoration: none; } big{ font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html{ box-sizing: border-box; } *, *:before, *:after{ /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body{ background: #f7f7f7; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after{ content: ""; } q:before{ font-family: 'FontAwesome'; content: "\f10d"; position: absolute; top: 0; left: 0; font-size: 12px; } q:after{ font-family: 'FontAwesome'; content: "\f10e"; position: absolute; top: 0; right: 0; font-size: 12px; } blockquote{ quotes: "" ""; font-size: 105%; background: rgba(0,0,0,0.03); border-left: 10px solid rgba(0,0,0,0.2); margin: 1.5em 10px; padding: 0.5em 10px; border-radius: 3px; } q{ quotes: "" ""; position: relative; padding: 0 17px; } hr{ background-color: rgba(0,0,0,0.2); border: 0; height: 1px; margin-bottom: 15px; } ul, ol{ margin: 0 0 15px 20px; padding: 0; } ul{ list-style: disc; } ol{ list-style: decimal; } li > ul, li > ol{ margin-bottom: 0; margin-left: 15px; } dt{ font-weight: bold; } dd{ margin: 0 15px 15px; } img{ height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } table{ margin: 0 0 15px; width: 100%; border: 1px solid #f5f5f5; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"]{ background: #00bc96; padding: 0 20px; color: #fff; border: 0; border-radius: 3px; line-height: 36px; height: 36px; box-shadow: inset 0 0 0 rgba(0,0,0,.15); transition: all .5s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ box-shadow: inset 0 -100px 0 transparent; transition: all linear 1s; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active{ outline: 0; } 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: #404040; border: 1px solid #DDD; border-radius: 3px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; height: 36px; width: 100%; } select{ border: 1px solid #DDD; padding: 3px 40px 3px 8px; height: 36px; background-color: transparent; background-color: #fff; line-height: 100%; outline: 0; background-image: url("images/select-arrow.png"); background-position: right center; background-repeat: no-repeat; position: relative; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; border-radius: 3px; } select::-ms-expand { display: none; } 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, select:focus{ outline: 0; border: 1px solid rgba(0,0,0,0.2); } 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"]{ padding: 3px 8px; } textarea{ padding: 3px 8px; width: 100%; min-height: 100px; } input[type="search"]{ width: auto; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a{ color: #00bc96; text-decoration: none; } a:visited{ } a:hover, a:focus, a:active{ color: #00bc96; } a:focus{ outline: 0; } a:hover, a:active{ outline: 0; } .single-entry-content a{ color: #00bc96; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; font-weight: 500; } a.read-more{ font-size: 90%; } a.more-tag{ display: none; } .tag-read-more a.more-tag{ display: inline-block; } /*-------------------------------------------------------------- # 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; } .screen-reader-text:focus{ background-color: #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; 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. */ } /*-------------------------------------------------------------- # 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 --------------------------------------------------------------*/ .clearfix:before, .clearfix: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, .nav-links:before, .nav-links:after{ content: ""; display: table; } .clearfix:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after{ clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget{ margin: 0 0 30px; } .widget ul{ list-style: none; margin: 0; padding: 0; } .widget ul ul{ margin-left: 10px; } .widget a{ text-decoration: none; color: #000; } .widget .post-date{ font-size: 80%; color: #bbb; padding-right: 50%; white-space: nowrap; } #colophon .widget{ margin: 0; } /* Make sure select elements fit in widgets. */ .widget select{ max-width: 100%; } /* Search widget. */ .widget_search .search-submit{ display: none; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky{ display: block; } .hentry{ margin: 0 0 30px; } .updated:not(.published){ display: none; } .single-entry-content{ font-size: 15px; } .page-links{ clear: both; margin: 0 0 15px; } #primary{ background: transparent; width: 66%; float: left; transform: translateY(0); } #primary.full-width{ width: auto; float: none; } #secondary{ background: transparent; width: 31%; float: right; transform: translateY(0); } article{ position: relative; background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; } article.post{ background: #fff; padding: 20px; border-top: 1px solid rgba(0,0,0,0.02); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); } article.post:hover{ transition: .2s box-shadow ease-out; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1); } .search-results article{ background: #fff; padding: 20px; border-top: 1px solid rgba(0,0,0,0.02); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); } .search-results article:hover{ transition: .2s box-shadow ease-out; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1); } .single article, .single article:hover{ padding: 20px; border: none; box-shadow: none; } .entry-figure{ text-align: center; margin-bottom: 15px; } .post-wrapper{ } .entry-header{ text-align: left; margin-bottom: 15px; } .entry-header .entry-title{ position: relative; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px; padding-bottom: 5px; } article.post.sticky .entry-header .entry-title{ margin-bottom: 30px; } .entry-header .entry-title:before{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; width: 65px; background-color: #00bc96; background-image: url("images/content-heading-bg.png"); background-position: left center; background-repeat: repeat-y; border-radius: 2px; transition: .2s width ease-out; } .entry-header .entry-title:after{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; width: 100%; background: rgba(0,0,0,0.03); border-radius: 2px; } article.post.sticky .entry-header .entry-title:before, article.post.sticky .entry-header .entry-title:after{ height: 20px; border-bottom: 3px solid rgba(0,0,0,0.03); } article.post.sticky .entry-header .entry-title:after{ font-family: 'FontAwesome'; content: "\f08d"; font-size: 20px; text-align: right; color: #00bc96; line-height: 1; padding-right: 10px; transition: .2s color ease-in; } article:hover .entry-header .entry-title:before{ width: 100%; transition: .4s width ease-in-out; } article.post.sticky:hover .entry-header .entry-title:after{ color: #fff; transition: .4s color ease-in; } article.post .entry-header .trusted-entry-icon:before, article.post .entry-header .trusted-entry-icon:after{ font-family: 'FontAwesome'; font-style: normal; content: ""; } article.post.format-aside .entry-header .trusted-entry-icon:before{ content: "\f15b"; margin-right: 10px; } article.post.format-image .entry-header .trusted-entry-icon:before{ content: "\f03e"; margin-right: 10px; } article.post.format-video .entry-header .trusted-entry-icon:before{ content: "\f03d"; margin-right: 10px; } article.post.format-quote .entry-header .trusted-entry-icon:before{ content: "\f10e"; margin-right: 10px; } article.post.format-link .entry-header .trusted-entry-icon:before{ content: "\f0c1"; margin-right: 10px; } article.post.format-quote .entry-header .trusted-entry-icon:before{ content: "\f10e"; margin-right: 10px; } article.post.format-gallery .entry-header .trusted-entry-icon:before{ content: "\f03e\f03e"; margin-right: 10px; } article.post.format-audio .entry-header .trusted-entry-icon:before{ content: "\f001"; margin-right: 10px; } article.post.format-status .entry-header .trusted-entry-icon:before{ content: "\f075"; margin-right: 10px; } article.post.format-chat .entry-header .trusted-entry-icon:before{ content: "\f086"; margin-right: 10px; } article.post.post-password-required .entry-header .trusted-entry-icon:after, article.post.post-password-protected .entry-header .trusted-entry-icon:after{ content: "\f023"; margin-right: 10px; } .entry-header .entry-title a{ text-decoration: none; color: #323b45; } .entry-meta, .entry-footer{ font-size: 14px; color: rgba(68,68,68,0.5); font-style: normal; } .entry-footer .edit-link{ display: block; margin: 20px 0; clear: both; } .entry-meta span, .entry-footer span{ margin-right: 10px; } .entry-meta span .fa, .entry-footer span .fa{ margin-right: 5px; background: #00bc96; color: #fff; border-radius: 100%; width: 24px; height: 24px; line-height: 24px; text-align: center; } .entry-meta a, .entry-footer a{ text-decoration: none; } .single .entry-meta{ margin-bottom: 20px; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ aside{ background: #fff; } #secondary .widget .widget-title{ color: #323b45; font-weight: 300; position: relative; margin-bottom: 25px; font-size: 18px; text-align: left; text-transform: uppercase; } #secondary .widget .widget-title:before{ position: absolute; content: ""; height: 13px; width: 4px; background-color: #00bc96; top: 4px; left: -10px; border-radius: 2px; transition: .2s all ease-in-out; } #secondary .widget:hover .widget-title:before{ height: 31px; top: -5px; transition: .2s all ease-in-out; } .widget-area ul{ list-style: none; padding: 0; margin: 0; } .widget-area ul ul{ border-top: 1px solid #f2f2f2; margin-top: 5px; } .widget-area ul ul li{ padding-left: 10px; } .widget-area ul ul li:last-child{ border-bottom: 0; padding-bottom: 0; } .widget-area li{ padding: 6px 0; border-bottom: 1px solid #f2f2f2; } .widget-area a{ text-decoration: none; color: #000; } .widget-area a:hover{ text-decoration: underline; color: #00bc96; } .widget-area .widget{ padding: 20px; margin-bottom: 25px; border-radius: 5px; border: 1px solid #dbdbdb; } .widget-area .widget.widget_image{ padding: 5px; margin-bottom: 25px; border-radius: 5px; border: 1px solid #dbdbdb; } .widget-area .widget.widget_image img{ border-radius: 3px; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a{ word-wrap: break-word; } .bypostauthor{ display: block; } .author-email-url{ margin-left: -2%; } .comment-form-author{ float: left; width: 32%; } .comment-form-email, .comment-form-url{ float: left; margin-left: 2%; width: 32%; } .author-email-url input{ width: 100%; } .comment-form .form-submit{ margin-bottom: 0 } #comments{ background: #fff; padding: 30px; margin-bottom: 25px; border-radius: 5px; border-top: 1px solid rgba(0,0,0,0.02); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); } #comments:hover{ transition: .2s box-shadow ease-out; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1); } h3#reply-title, h3.comments-title{ position: relative; padding-bottom: 10px; font-size: 18px; font-weight: 400; margin-bottom: 15px; } h3#reply-title:before, h3.comments-title:before{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; width: 25px; background-color: #00bc96; background-image: url("images/content-heading-bg.png"); background-position: left center; background-repeat: repeat-y; border-radius: 2px; } h3#reply-title:after, h3.comments-title:after{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; width: 65px; background: rgba(0,0,0,0.03); border-radius: 2px; } .logged-in-as, .comment-notes{ font-size: 13px; } #comments ul{ list-style: none; margin: 0; padding: 0; } #comments li.comment{ margin: 0 0 20px; } #comments li.comment .children{ display: block; margin: 20px 0 0 30px; padding: 0px; list-style: none; } .comment-list a{ color: #404040; } .comment-list a:hover{ color: #00bc96; } .comment-list .comment-respond{ margin-top: 20px; border: 1px solid #EEE; padding: 20px; } .comment-list .vcard img{ border-radius: 50%; margin-right: 10px; } .comment-list .vcard .fn{ font-weight: normal; font-size: 16px; } .comment-list .edit-link{ position: absolute; top: 0; left: auto; } .comment-list .edit-link a{ font-size: 13px; display: inline-block; padding: 10px; } .comment-list .comment-meta{ margin-bottom: 15px; } .comment-list .comment-metadata{ position: absolute; bottom: 0; padding-top: 10px; font-size: 13px; } .comment-list .comment-metadata a{ float: left; } .comment-list .reply{ float: right; font-size: 13px; } #cancel-comment-reply-link{ float: right; font-size: 13px; } .comment-navigation .nav-previous a, .comment-navigation .nav-next a{ background: #00bc96; color: #fff; display: inline-block; padding: 0 10px; font-size: 12px; line-height: 22px; position: relative; } .comment-navigation .nav-next a{ margin-right: 13px; } .comment-navigation .nav-next a:after{ content: ""; position: absolute; border-left: 11px solid #00bc96; border-top: 11px solid transparent; border-bottom: 11px solid transparent; top: 0; right: -11px; } .comment-navigation .nav-previous a{ margin-left: 11px; } .comment-navigation .nav-previous a:after{ content: ""; position: absolute; border-right: 11px solid #00bc96; border-top: 11px solid transparent; border-bottom: 11px solid transparent; top: 0; left: -11px; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley{ border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object{ max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption{ margin-bottom: 15px; 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{ background: #f9f9f9; border: 1px solid #f5f5f5; text-align: center; font-size: 16px; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery{ margin-bottom: 15px; } .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; margin: 0 10px 10px 10px; } /*-------------------------------------------------------------- ## General --------------------------------------------------------------*/ .container{ width: 1160px; max-width: 100%; margin: 0 auto; padding: 0 10px 0 10px; } .site-content{ position: relative; z-index: 99; } .trusted-overlay{ background-color: rgba(0,0,0,0.8); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .trusted-overlay:target{ visibility: visible; opacity: 1; } .trusted-modal{ background-color: #4f5e70; display: inline-block; left: 50%; opacity: 0; padding: 10px 40px 40px 40px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 1010; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s; border-radius: 5px; border: 1px solid #f7f7f7; max-width: 99%; } .trusted-overlay:target+.trusted-modal{ top: 50%; opacity: 1; visibility: visible; } .trusted-modal p, .trusted-modal div{ margin-bottom: 10px; } .trusted-modal .close-this{ display: block; margin-bottom: 20px; text-align: right; } .trusted-modal a.fa-close{ font-size: 20px; font-weight: normal; } .trusted-modal select#product_cat.postform{ border-right-color: transparent; } .trusted-modal select{ text-overflow: ellipsis; max-width: 99%; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ #masthead{ width: 100%; background: #4f5e70; position: fixed; left: 0; right: 0; z-index: 999; font-family: 'Ubuntu', Helvetica, Arial, Verdana, sans-serif; min-height: 70px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; height: auto; } #top-bar{ display: block; margin: 0; padding: 10px 0 10px 0; background: rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.05); color: #ddd; font-size: 12px; line-height: 1.6; opacity: 1; max-height: 999px; transform: translateY(0px); transition: padding 0.3s, opacity 0.3s, max-height 0.3s, transform 0.3s ease-in-out; -moz-transition: padding 0.3s, opacity 0.3s, max-height 0.3s, transform 0.3s ease-in-out; -webkit-transition: padding 0.3s, opacity 0.3s, max-height 0.3s, transform 0.3s ease-in-out; } #top-bar a{ color: #fff; } #top-bar a:hover{ color: #00bc96; } #top-bar a.button, #top-bar button, #top-bar input[type="button"], #top-bar input[type="reset"], #top-bar input[type="submit"]{ background: #00bc96; } #top-bar a.button:hover, #top-bar button:hover, #top-bar input[type="button"]:hover, #top-bar input[type="reset"]:hover, #top-bar input[type="submit"]:hover{ color: #fff; } #top-bar .fa{ position: relative; top: 1px; color: #00bc96; font-size: 17px; padding: 0 10px; cursor: pointer; } #top-bar .fa:hover{ color: #fff; } #top-bar a.button, #top-bar a.button:hover, #top-bar button, #top-bar input[type="button"], #top-bar input[type="reset"], #top-bar input[type="submit"], #top-bar input[type="text"], #top-bar input[type="email"], #top-bar input[type="url"], #top-bar input[type="password"], #top-bar input[type="search"], #top-bar input[type="number"], #top-bar input[type="tel"], #top-bar input[type="range"], #top-bar input[type="date"], #top-bar input[type="month"], #top-bar input[type="week"], #top-bar input[type="time"], #top-bar input[type="datetime"], #top-bar input[type="datetime-local"], #top-bar input[type="color"], #top-bar textarea{ height: auto; padding: 2px 5px; font-size: 12px; line-height: 1.2; margin: 2px 0; max-width: 160px; } #top-bar p, #top-bar .widget, #top-bar .widget p{ margin: 0; padding: 0; background: transparent; } #top-bar .widget{ display: inline-block; width: 48%; vertical-align: top; } #top-bar .widget:nth-child(odd){ text-align: left; margin-right: 1%; } #top-bar .widget:nth-child(even){ text-align: right; margin-left: 1%; } #top-bar ul{ position: relative; list-style: none; } #top-bar li{ display: inline-block; margin-left: 12px; } #top-bar li:first-child{ margin-left: 0; } #top-bar ul > li > ul{ display: none; background: #4f5e70; border: 1px; border-style: solid; border-color: rgba(255,255,255,0.1); border-top: 0; border-radius: 0 0 3px 3px; margin-top: 2px; } #top-bar ul > li.menu-item-has-children:hover > ul{ position: absolute; display: block; margin-left: 0; text-align: left; z-index: 101; } #top-bar ul > li.menu-item-has-children:hover > ul > li{ display: block; margin-left: 0; padding: 5px; } #top-bar ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul, #top-bar ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul:hover{ display: none; } #masthead.scrolled #top-bar{ padding: 0; opacity: 0.01; max-height: 0px; transform: translateY(-999px); transition: padding 0.3s, opacity 0.3s, max-height 0.3s, transform 0.9s ease-in-out; -moz-transition: padding 0.3s, opacity 0.3s, max-height 0.3s, transform 0.9s ease-in-out; -webkit-transition: padding 0.3s, opacity 0.3s, max-height 0.3s, transform 0.9s ease-in-out; } #site-branding{ float: left; width: 20%; padding: 20px 0 20px 0; } #site-description{ width: 30%; float: left; text-align: right; color: #00bc96; padding: 20px 0 0 0; font-size: 12px; line-height: 1; } #site-description.eighty{ width: 80%; padding-right: 15px; font-size: 14px; } #masthead.scrolled #site-branding{ padding: 10px 0 10px 0; } #masthead.scrolled #site-branding img{ max-height: 70px; width: auto; } #masthead.scrolled #site-description{ padding: 10px 0 0 0; } .masthead-block{ background: transparent; height: 70px; } .main-header{ background-color: #ced2d7; background-repeat: no-repeat; background-position: 65% 0; background-size: cover; background-attachment: none; margin-bottom: 25px; } .header-title{ padding: 70px 0; } .homepage .header-title{ padding: 150px 0; } .header-title .fa, .header-title .main-title-img{ font-size: 24px; font-weight: normal; text-align: center; margin-right: 15px; top: -5px; width: 40px; height: 40px; line-height: 40px; background: #fff; color: #4f5e70; box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.45); border-radius: 100%; display: inline-block; } .main-title{ display: inline-block; margin: 0; font-family: 'Ubuntu', Helvetica, Arial, Verdana, sans-serif; font-size: 28px; font-weight: bold; color: #fff; text-align: left; position: relative; padding: 13px 20px; background: rgba(0,188,150,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.5); border-radius: 5px; } .main-title.zero-bottom-left-radius{ border-bottom-left-radius: 0; } .main-title.zero-bottom-right-radius{ border-bottom-right-radius: 0; } .main-title .fa.fa-not-a-real-icon{ display: none; } .main-title .main-title-img img{ width: 40px; max-width: 40px; height: 40px; max-height: 40px; border-radius: 100%; vertical-align: top; } .main-excerpt, .main-excerpt h1, .main-excerpt h2, .main-excerpt h3, .main-excerpt h4, .main-excerpt h5, .main-excerpt h6{ color: #fff; } .main-excerpt blockquote, .main-excerpt q{ margin: 0; padding: 0; background: rgba(255,255,255,0.2); border-left: 10px solid rgba(255,255,255,0.4); } .main-excerpt blockquote p, .main-excerpt q p{ margin: 0; border-radius: 0; } .main-excerpt p{ display: inline-block; text-align: left; font-size: 16px; color: #fff; text-shadow: 0 1px 0 #4f5e70; font-weight: 300; background: rgba(79,94,112,0.8); padding: 15px; border-radius: 5px; } .main-excerpt p:first-child{ border-top-left-radius: 0; } .main-excerpt.zero-top-right-radius p:first-child{ border-top-right-radius: 0; } .site-title{ font-family: 'Ubuntu', Helvetica, Arial, Verdana, sans-serif; font-weight: 400; margin: 8px 0 5px; font-size: 28px; line-height: 1; } #masthead.scrolled .site-title{ margin: 2px 0 5px; font-size: 24px; } .site-title a{ text-decoration: none; color: #fff; } #top-info{ float: right; width: 50%; text-align: right; padding: 0; margin: 0; } #top-info.no-woo{ display: none; } .top-tel{ float: right; font-size: 20px; color: #fff; font-weight: bold; padding: 5px 15px; background: rgba(0,0,0,0.2); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #masthead.scrolled .top-tel{ padding: 0 15px; } .top-tel .mobile-clear{ display: inline-block; float: left; } .top-tel .mobile-clear a, .top-tel .mobile-clear a:hover{ color: #fff; } .top-tel .fa{ font-size: 24px; font-weight: normal; color: #00bc96; text-align: center; line-height: 40px; width: 40px; height: 40px; background: rgba(0,0,0,0.2); position: relative; top: 1px; margin-right: 15px; border-radius: 50%; } .top-login{ display: inline-block; float: left; position: relative; margin-left: 10px; padding-left: 15px; padding-bottom: 2px; background: rgba(0,0,0,0.1); border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .top-login-dropdown{ visibility: hidden; position: absolute; top: 42px; right: 0; min-width: 240px; padding: 10px; background-color: #4f5e70; background-image: url("images/mini-cart-bg.png"); background-position: left center; background-repeat: repeat; font-size: 12px; font-weight: normal; text-align: left; z-index: 100; border-radius: 3px; -webkit-transition: .5s all; -webkit-transition-delay: .7s; -moz-transition: .5s all; -moz-transition-delay: .7s; -ms-transition: .5s all; -ms-transition-delay: .7s; -o-transition: .5s all; -o-transition-delay: .7s; transition: .5s all; transition-delay: .7s; } .top-login:hover .top-login-dropdown{ visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .top-login-dropdown p{ margin: 0 0 7px; } .top-login-dropdown p.top-login-header{ width: 100%; } .top-login-dropdown p.top-login-footer{ width: 100%; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.15); } .top-login-dropdown .top-login-login:before{ font-family: 'FontAwesome'; font-weight: normal; content: "\f063"; margin-right: 5px; } .top-login-dropdown .top-login-register:before{ font-family: 'FontAwesome'; font-weight: normal; content: "\f061"; margin-right: 5px; color: #00bc96; } .top-login-dropdown input{ padding: 2px 4px; height: 24px; } .top-login-dropdown .woocommerce-MyAccount-navigation{ width: 100%; } div.top-login-dropdown form.login{ border: none; padding: 0; margin: 0; } div.top-login-dropdown .form-row, div.top-login-dropdown .form-row-first, span.top-login-dropdown .form-row-last{ width: 100%; float: left; } div.top-login-dropdown form.login input{ height: 32px; } .top-login .woocommerce-form__label-for-checkbox{ margin-left: 15px; display: inline !important; } .top-login input#rememberme.woocommerce-form__input.woocommerce-form__input-checkbox{ vertical-align: bottom; } .top-cart{ display: inline-block; float: left; position: relative; padding-left: 15px; padding-right: 15px; padding-bottom: 2px; background: rgba(0,0,0,0.1); border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid rgba(255,255,255,0.05); } .top-tel .mobile-clear:hover .fa, .top-login:hover .fa, .top-cart:hover .fa{ background: #fff; } .top-login .fa, .top-cart .fa{ background: rgba(0,0,0,0.2); } .top-login.no-background{ margin-left: 0; padding-left: 0; padding-bottom: 0; background: transparent; } .top-cart.no-background{ padding-right: 0; padding-bottom: 0; background: transparent; border-left: 1px solid rgba(255,255,255,0.1); } .top-cart .cart-icon:before{ content: "\f07a"; } .top-cart .item-count{ position: absolute; top: 4px; right: -2px; background: #fff; font-weight: normal; border: 1px solid transparent; border-radius: 100%; padding: 0; text-align: center; font-size: 10px; color: #4f5e70; min-width: 16px; height: 16px; line-height: 14px; } .top-cart:hover .item-count{ background: #00bc96; border: 1px solid #fff; color: #fff; } .top-login-mini-cart{ visibility: hidden; position: absolute; top: 42px; right: 0; min-width: 240px; padding: 10px; background-color: #4f5e70; background-image: url("images/mini-cart-bg.png"); background-position: left center; background-repeat: repeat; font-size: 60%; font-weight: normal; text-align: left; line-height: 1.2; z-index: 100; border-radius: 3px; -webkit-transition: .5s all; -webkit-transition-delay: .7s; -moz-transition: .5s all; -moz-transition-delay: .7s; -ms-transition: .5s all; -ms-transition-delay: .7s; -o-transition: .5s all; -o-transition-delay: .7s; transition: .5s all; transition-delay: .7s; } .top-cart:hover .top-login-mini-cart{ visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .top-login-mini-cart ul.cart_list{ list-style: none; padding: 0; margin: 0; } .top-login-mini-cart ul.cart_list li:after, .top-login-mini-cart ul.cart_list li:before, .top-login-mini-cart ul.product_list_widget li:after, .top-login-mini-cart ul.product_list_widget li:before{ content: ' '; display: table; } .top-login-mini-cart ul.cart_list li:after{ clear: both; } .top-login-mini-cart ul.cart_list li{ padding: 4px 0; margin: 0; list-style: none; } .top-login-mini-cart ul.cart_list li a{ display: block; } .top-login-mini-cart a.remove{ display: block; font-size: 2em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red !important; text-decoration: none; border: 0; float: right; opacity: 0.7; } .top-login-mini-cart a.remove:hover{ color: #fff !important; background: red; opacity: 1; } .top-login-mini-cart ul.cart_list li img{ float: right; margin-left: 4px; width: 32px; height: auto; box-shadow: none; } .top-login-dropdown #respond input#submit, .top-login-dropdown a.button, .top-login-dropdown button.button, .top-login-dropdown input.button, .top-login-mini-cart #respond input#submit, .top-login-mini-cart a.button, .top-login-mini-cart button.button, .top-login-mini-cart input.button{ background: #00bc96; border-radius: 3px; font-weight: 400; text-transform: uppercase; color: #fff; font-size: 14px; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; left: auto; border: 0; white-space: nowrap; display: inline-block; background-image: none; text-shadow: none; box-shadow: inset 0 0 0 rgba(0,0,0,.15); transition: all .5s; } .top-login-dropdown #respond input#submit:hover, .top-login-dropdown a.button:hover, .top-login-dropdown button.button:hover, .top-login-dropdown input.button:hover, .top-login-mini-cart #respond input#submit:hover, .top-login-mini-cart a.button:hover, .top-login-mini-cart button.button:hover, .top-login-mini-cart input.button:hover{ box-shadow: inset 0 -100px 0 transparent; transition: all linear 1s; } .top-login-mini-cart a.button.checkout{ float: right; } .top-login-mini-cart li.empty{ list-style: none; text-align: center; } .top-login-mini-cart dt{ font-weight: normal; } .top-login-mini-cart dd{ margin: 0 0 0 10px; } .top-login-mini-cart p{ margin: 0; } .top-login-mini-cart p.woocommerce-mini-cart__total{ margin: 10px 0; } .taxonomy-description p{ display: inline-block; text-align: left; font-size: 16px; color: #fff; text-shadow: 0 1px 0 #4f5e70; font-weight: 300; background: rgba(79,94,112,0.8); padding: 15px; border-radius: 5px; } .taxonomy-description p:first-child{ border-top-left-radius: 0; } .taxonomy-description.zero-top-right-radius p:first-child{ border-top-right-radius: 0; } .title-tagline-hidden .site-title, .title-tagline-hidden .site-description{ clip: rect(1px, 1px, 1px, 1px); position: absolute; } /*-------------------------------------------------------------- ## Menu --------------------------------------------------------------*/ .site-navigation{ font-family: 'Hind', Helvetica, Arial, Verdana, sans-serif; width: 80%; float: right; } .site-navigation.centered{ width: 100%; float: none; border-top: 1px solid rgba(255,255,255,0.1); } .toggle-nav{ display: none; } #primary-menu{ margin: 0; float: right; } .site-navigation.centered #primary-menu{ width: 100%; float: none; text-align: center; } #primary-menu li{ float: left; position: relative; list-style: none; } .site-navigation.centered #primary-menu li{ float: none; display: inline-block; } .site-navigation.centered #primary-menu .sub-menu li{ float: left; display: block; } #primary-menu li a{ display: block; color: #fff; padding: 10px 15px; } #primary-menu li.menu-item-has-children a{ padding: 10px 25px 10px 15px; } #masthead.scrolled #primary-menu li a, #primary-menu.scrolled li.menu-item-has-children a{ padding-top: 1px; padding-bottom: 1px; } .menu-item-has-children:after{ font-family: 'FontAwesome'; font-size: 16px; font-weight: normal; text-shadow: none; content: '\f107'; color: #bebebe; position: absolute; top: 8px; right: 8px; } .menu-item-has-children .menu-item-has-children:after{ content: '\f105'; top: 5px; } #masthead.scrolled .menu-item-has-children:after{ top: 0; } #primary-menu li:hover a{ color: #fff; } #primary-menu li a:hover{ display: block; } #primary-menu li.current-menu-item a{ display: block; } #primary-menu > li > a{ font-size: 16px; font-weight: 900; } #primary-menu ul{ position: absolute; visibility: hidden; opacity: 0; background: #4f5e70; min-width: 180px; font-size: 16px; font-weight: 300; text-align: left; top: 140%; margin: 0; border-radius: 0 0 3px 3px; z-index: 10; } #primary-menu li:hover > ul{ opacity: 1; visibility: visible; top: 100%; } #primary-menu ul li{ width: 100%; background: none; } #primary-menu ul li a{ position: relative; overflow: hidden; color: #ffffff; } #primary-menu ul li a:hover{ background: rgba(255,255,255,0.03); color: #00bc96; } #primary-menu ul ul{ left: 100%; top: 5px; } #primary-menu ul li:hover ul{ top: 5px; left: 100%; } #primary-menu li.menu-item-has-children .sub-menu ul{ border-radius: 0 3px 3px 3px; } .sub-menu li{ border-bottom: 1px solid rgba(255,255,255,0.03); } .sub-menu li:last-child{ border: 0; } .sub-menu a, #primary-menu li.menu-item-has-children .sub-menu a, #masthead.scrolled .sub-menu a, #masthead.scrolled #primary-menu li.menu-item-has-children .sub-menu a{ padding-top: 8px; padding-bottom: 8px; font-size: 14px; } .page-links, .comments-pagination{ text-align: center; font-weight: bold; margin-bottom: 25px; } .page-links a, .comments-pagination .page-numbers{ padding: 0 10px; } .posts-navigation, .post-navigation{ background: #fff; padding: 20px; border: none; box-shadow: none; margin: 0 0 25px; border-radius: 5px; overflow: hidden; } .posts-navigation .nav-previous, .post-navigation .nav-previous{ float: left; width: 50%; } .posts-navigation .nav-next, .post-navigation .nav-next{ float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- ## Featured Post --------------------------------------------------------------*/ #featured-post-section{ margin-top: -65px; width: 100%; } .featured-post{ width: 31%; margin-right: 3.5%; float: left; padding: 20px; position: relative; text-align: center; border-radius: 5px; border-bottom: 3px solid #00bc96; background: #fff; margin-bottom: 25px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); transition: top 0.3s ease-in-out; top: 0px; } .featured-post:hover{ top: -10px; transition: 0.3s box-shadow top ease-in-out; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1); } .featured-post3{ margin-right: 0 !important; } .featured-post:hover .featured-icon{ background: #00bc96; box-shadow: 0px 0px 0px 4px rgba(0,188,150,0.45); } .featured-post .featured-icon{ font-size: 40px; width: 80px; height: 80px; line-height: 80px; display: block; color: #fff; margin: -58px auto 0px auto; text-align: center; background: #4f5e70; border-radius: 60px; box-shadow: 0px 0px 0px 4px rgba(50, 59, 68, 0.45); transition: all 0.3s ease-in-out; } .featured-post .featured-icon .fa.fa-not-a-real-icon{ display: none; } .featured-post h4{ position: relative; margin: 10px 0 10px 0; text-align: center; text-transform: uppercase; font-weight: 300; color: #323b45; } .featured-post h4 a{ color: #323b45; } .featured-post .featured-excerpt{ text-align: center; font-weight: 300; } .featured-readmore{ color: #323b44; background: #fff; border-color: rgba(0,0,0,0.2); border-style: solid; border-width: 1px; padding: 7px 10px; border-radius: 3px; font-size: 14px; font-weight: bold; text-transform: uppercase; } .featured-readmore:hover{ color: #323b44; background-color: rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.3); } /*-------------------------------------------------------------- ## About Section --------------------------------------------------------------*/ #about-section{ position: relative; margin-bottom: 30px; background: #fff; border-radius: 5px; padding: 20px; } #about-section h2{ text-transform: uppercase; } #about-section img{ border-radius: 5px; } #about-section .about-left{ float: left; width: 48%; } #about-section .about-right{ float: right; width: 48%; } #about-section.style2 .about-left{ float: right; } #about-section.style2 .about-right{ float: left; } #about-section.style3 .about-left, #about-section.style3 .about-right{ float: none; width: auto; } #about-section.style4 .about-left, #about-section.style4 .about-right{ float: none; width: auto; text-align: center; } #about-section.no-image .about-left{ float: none; width: auto; } #about-section.no-image .about-right{ display: none; } /*-------------------------------------------------------------- ## CTA Section --------------------------------------------------------------*/ #cta-section{ padding: 50px 0; background-color: rgba(79,94,112,0.8); background-position-x: 50%; background-position-y: 50%; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; color: #fff; text-align: center; } #cta-section .cta-icon .fa{ font-size: 40px; width: 80px; height: 80px; line-height: 80px; display: block; color: #00bc96; margin: 0px auto; text-align: center; background: #fff; border-radius: 60px; box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.45); } #cta-section .cta-tel{ font-size: 66px; position: relative; } #cta-section a:hover .cta-icon .fa{ color: #fff; background: #00bc96; box-shadow: 0px 0px 0px 4px rgba(0,188,150,0.45); } #cta-section .cta-tel a, #cta-section .cta-tel a:hover, #cta-section a .cta-tel, #cta-section a:hover .cta-tel{ color: #fff; } .cta-tel-before{ content: ''; display: inline-block; position: relative; top: -17px; margin-right: 15px; width: 30px; height: 4px; background: transparent; border: 2px solid rgba(255,255,255,0.45); border-radius: 2px; } .cta-tel-after{ content: ''; display: inline-block; position: relative; top: -17px; margin-left: 15px; width: 30px; height: 4px; background: transparent; border: 2px solid rgba(255,255,255,0.45); border-radius: 2px; } #cta-section a:hover .cta-tel-before, #cta-section a:hover .cta-tel-after{ border-color: #00bc96; } #cta-section .cta-button{ padding-top: 15px; font-size: 18px; } #cta-section a.button{ color: #fff; font-weight: 600; text-transform: uppercase; background: #00bc96; padding: 10px 20px; border-radius: 3px; box-shadow: inset 0 0 0 rgba(0,0,0,.15); transition: all .5s; } #cta-section a.button:hover{ box-shadow: inset 0 -100px 0 transparent; transition: all linear 1s; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #colophon{ font-family: 'Hind', Helvetica, Arial, Verdana, sans-serif; font-size: 14px; color: #bebebe; background: #4f5e70; } #colophon aside{ background: transparent; } .site-footer ul{ list-style: none; padding: 0; margin: 0; } .site-footer ul ul{ margin-left: 10px; } .site-footer a{ color: #fff; text-decoration: none; position: relative; } .site-footer a:hover{ color: #fff; text-decoration: underline; position: relative; } #colophon h5.widget-title{ letter-spacing: 1px; color: #fafafa; font-weight: 400; position: relative; padding-bottom: 10px; margin-bottom: 15px; } #colophon h5.widget-title:after{ position: absolute; content: ""; bottom: 0; left: 0; width: 80px; height: 3px; background: rgba(255,255,255,0.1); border-radius: 2px; } #top-footer{ padding: 20px 0 0; } #top-footer .container{ padding-bottom: 30px; } .top-footer{ margin-left: -3%; } .footer{ float: left; width: 30.3333333333%; margin-left: 3%; } .footer img.footer-logo{ max-width: 100%; margin-bottom: 20px; } #middle-footer{ background: rgba(0,0,0,0.15); } #middle-footer .container{ padding-top: 20px; padding-bottom: 20px; } #middle-footer .widget, #middle-footer p:last-child{ margin-bottom: 0; } #bottom-footer{ padding: 25px 0; line-height: 1.2; background: rgba(0,0,0,0.3); } .site-info{ float: left; width: 45%; } #footer-menu ul{ float: right; width: 45%; text-align: right; list-style-type: none; list-style: none; list-style-image: none; line-height: 32px; margin-top: -7px; } #footer-menu li{ padding: 0 8px; display: inline; } #footer-menu a:before{ color: #4f5e70; } #footer-menu a[href*="codepen.io"], #footer-menu a[href*="digg.com"], #footer-menu a[href*="dribbble.com"], #footer-menu a[href*="dropbox.com"], #footer-menu a[href*="facebook.com"], #footer-menu a[href*="flickr.com"], #footer-menu a[href*="foursquare.com"], #footer-menu a[href*="plus.google.com"], #footer-menu a[href*="github.com"], #footer-menu a[href*="instagram.com"], #footer-menu a[href*="linkedin.com"], #footer-menu a[href*="pinterest.com"], #footer-menu a[href*="getpocket.com"], #footer-menu a[href*="reddit.com"], #footer-menu a[href*="skype.com"], #footer-menu a[href*="stumbleupon.com"], #footer-menu a[href*="tumblr.com"], #footer-menu a[href*="twitter.com"], #footer-menu a[href*="vimeo.com"], #footer-menu a[href*="wordpress.com"], #footer-menu a[href*="wordpress.org"], #footer-menu a[href*="youtube.com"], #footer-menu a[href^="mailto:"], #footer-menu a[href*="spotify.com"], #footer-menu a[href*="twitch.tv"], #footer-menu a[href$="/feed/"]{ font-size: 1px; letter-spacing: -1px; color: transparent !important; filter: Alpha(Opacity=100); opacity: 1; position: relative; margin-right: 0px; margin-left: 26px; } #footer-menu a[href*="codepen.io"]:before, #footer-menu a[href*="digg.com"]:before, #footer-menu a[href*="dribbble.com"]:before, #footer-menu a[href*="dropbox.com"]:before, #footer-menu a[href*="facebook.com"]:before, #footer-menu a[href*="flickr.com"]:before, #footer-menu a[href*="foursquare.com"]:before, #footer-menu a[href*="plus.google.com"]:before, #footer-menu a[href*="github.com"]:before, #footer-menu a[href*="instagram.com"]:before, #footer-menu a[href*="linkedin.com"]:before, #footer-menu a[href*="pinterest.com"]:before, #footer-menu a[href*="getpocket.com"]:before, #footer-menu a[href*="reddit.com"]:before, #footer-menu a[href*="skype.com"]:before, #footer-menu a[href*="stumbleupon.com"]:before, #footer-menu a[href*="tumblr.com"]:before, #footer-menu a[href*="twitter.com"]:before, #footer-menu a[href*="vimeo.com"]:before, #footer-menu a[href*="wordpress.com"]:before, #footer-menu a[href*="wordpress.org"]:before, #footer-menu a[href*="youtube.com"]:before, #footer-menu a[href^="mailto:"]:before, #footer-menu a[href*="spotify.com"]:before, #footer-menu a[href*="twitch.tv"]:before, #footer-menu a[href$="/feed/"]:before{ font-family: 'FontAwesome'; text-align: center; width: 26px; position: absolute; font-size: 14px; letter-spacing: normal; height: 26px; background: #fff; border-radius: 100%; line-height: 26px; top: -16px; right: 0; box-shadow: inset 0 0 0 #00bc96; transition: all .5s; } #footer-menu a[href*="codepen.io"]:hover:before, #footer-menu a[href*="digg.com"]:hover:before, #footer-menu a[href*="dribbble.com"]:hover:before, #footer-menu a[href*="dropbox.com"]:hover:before, #footer-menu a[href*="facebook.com"]:hover:before, #footer-menu a[href*="flickr.com"]:hover:before, #footer-menu a[href*="foursquare.com"]:hover:before, #footer-menu a[href*="plus.google.com"]:hover:before, #footer-menu a[href*="github.com"]:hover:before, #footer-menu a[href*="instagram.com"]:hover:before, #footer-menu a[href*="linkedin.com"]:hover:before, #footer-menu a[href*="pinterest.com"]:hover:before, #footer-menu a[href*="getpocket.com"]:hover:before, #footer-menu a[href*="reddit.com"]:hover:before, #footer-menu a[href*="skype.com"]:hover:before, #footer-menu a[href*="stumbleupon.com"]:hover:before, #footer-menu a[href*="tumblr.com"]:hover:before, #footer-menu a[href*="twitter.com"]:hover:before, #footer-menu a[href*="vimeo.com"]:hover:before, #footer-menu a[href*="wordpress.com"]:hover:before, #footer-menu a[href*="wordpress.org"]:hover:before, #footer-menu a[href*="youtube.com"]:hover:before, #footer-menu a[href^="mailto:"]:hover:before, #footer-menu a[href*="spotify.com"]:hover:before, #footer-menu a[href*="twitch.tv"]:hover:before, #footer-menu a[href$="/feed/"]:hover:before{ color: #4f5e70; background: #00bc96; box-shadow: inset 0 -40px 0 #00bc96; transition: all linear .5s; } #footer-menu a[href*="codepen.io"]:before{ content: "\f1cb"; } #footer-menu a[href*="digg.com"]:before{ content: "\f1a6"; } #footer-menu a[href*="dribbble.com"]:before{ content: "\f17d"; } #footer-menu a[href*="dropbox.com"]:before{ content: "\f16b"; } #footer-menu a[href*="facebook.com"]:before{ content: "\f09a"; } #footer-menu a[href*="flickr.com"]:before{ content: "\f16e"; } #footer-menu a[href*="foursquare.com"]:before{ content: "\f180"; } #footer-menu a[href*="plus.google.com"]:before{ content: "\f0d5"; } #footer-menu a[href*="github.com"]:before{ content: "\f09b"; } #footer-menu a[href*="instagram.com"]:before{ content: "\f16d"; } #footer-menu a[href*="linkedin.com"]:before{ content: "\f0e1"; } #footer-menu a[href*="pinterest.com"]:before{ content: "\f0d2"; } #footer-menu a[href*="getpocket.com"]:before{ content: "\f265"; } #footer-menu a[href*="reddit.com"]:before{ content: "\f1a1"; } #footer-menu a[href*="skype.com"]:before{ content: "\f17e"; } #footer-menu a[href*="stumbleupon.com"]:before{ content: "\f1a4"; } #footer-menu a[href*="tumblr.com"]:before{ content: "\f173"; } #footer-menu a[href*="twitter.com"]:before{ content: "\f099"; } #footer-menu a[href*="vimeo.com"]:before{ content: "\f27d"; } #footer-menu a[href*="wordpress.com"]:before, #footer-menu a[href*="wordpress.org"]:before{ content: "\f19a"; } #footer-menu a[href*="youtube.com"]:before{ content: "\f167"; } #footer-menu a[href^="mailto:"]:before{ content: "\f0e0"; } #footer-menu a[href*="spotify.com"]:before{ content: "\f1bc"; } #footer-menu a[href*="twitch.tv"]:before{ content: "\f1e8"; } #footer-menu a[href$="/feed/"]:before{ content: "\f09e"; } /*-------------------------------------------------------------- ## Pagination CSS --------------------------------------------------------------*/ .pagination{ text-align: center; margin-bottom: 30px; } .pagination span, .pagination .dots, .pagination a{ background: #fff; padding: 2px 8px; border: 1px solid #EDEDED; margin: 0 4px; font-size: 18px; font-weight: normal; color: #323b44; border-radius: 3px; } .pagination a:hover, .pagination .current{ background: #fff; color: #00bc96; border: 1px solid #00bc96; } /*-------------------------------------------------------------- ## Breadcrumbs CSS --------------------------------------------------------------*/ .breadcrumbs{ color: #fff; margin-bottom: 20px; } .breadcrumbs a{ color: #fff; } .breadcrumbs a:hover{ color: #fff; text-decoration: underline; } .breadcrumbs .trail-items{ background: rgba(0,188,150,0.7); border-radius: 3px; margin: 0; padding: 5px 5px 2px 5px; } .breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li{ display: inline-block; text-indent: 0; line-height: 16px; } .breadcrumbs .trail-browse{ font-size: inherit; font-style: inherit; font-weight: inherit; color: inherit; } .breadcrumbs .trail-items{ list-style: none; } .breadcrumbs .trail-items li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; padding: 2px 10px 5px 10px; } .breadcrumbs .delimiter{ position: relative; margin-left: 20px; } .breadcrumbs .delimiter:after{ position: absolute; content: ""; background: transparent; top: -6px; right: 12px; width: 23px; height: 23px; border-top: 1px solid rgba(255,255,255,0.6); border-right: 1px solid rgba(255,255,255,0.6); border-radius: 3px; transform: rotate(45deg); } .breadcrumbs.overheight .delimiter:after{ font-family: 'FontAwesome'; content: "\f105"; top: -2px; right: 8px; width: 10px; border: none; transform: none; } /*-------------------------------------------------------------- ## Woocommerce CSS --------------------------------------------------------------*/ #home-shop-section{ margin-top: 40px; clear: both; } .term-description p, .page-description p{ display: inline-block; text-align: left; font-size: 16px; color: #fff; text-shadow: 0 1px 0 #4f5e70; font-weight: 300; background: rgba(79,94,112,0.8); padding: 15px; border-radius: 5px; } .term-description p:first-child, .page-description p:first-child{ border-top-left-radius: 0; } .term-description.zero-top-right-radius p:first-child, .page-description.zero-top-right-radius p:first-child{ border-top-right-radius: 0; } .woocommerce-products-header{ background: #fff; } .woocommerce .woocommerce-result-count{ background: #fff; border-radius: 5px; padding: 5px 10px; } .woocommerce .woocommerce-ordering{ background: #fff; border-radius: 5px; padding: 0; } .woocommerce-error, .woocommerce-info, .woocommerce-message{ background: #fff; border-radius: 5px; } .woocommerce nav.woocommerce-pagination{ text-align: center; margin-bottom: 30px; } .woocommerce nav.woocommerce-pagination ul{ border: 0; margin: 0; padding: 0; } .woocommerce nav.woocommerce-pagination ul li{ border: 0; float: none; margin: 0 4px; line-height: 1.5; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ background: #fff; padding: 2px 8px; border: 1px solid #EDEDED; font-size: 18px; font-weight: normal; color: #323b44; line-height: 1.5; border-radius: 3px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background: #fff; padding: 2px 8px; color: #00bc96; border: 1px solid #00bc96; border-radius: 3px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product{ background: #fff; width: 31%; margin-right: 3.5%; margin-bottom: 30px; padding: 0; border-radius: 5px; border-top: 1px solid rgba(0,0,0,0.02); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce.columns-3 ul.products li.product:hover, .woocommerce-page.columns-3 ul.products li.product:hover{ transition: .2s box-shadow ease-out; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1); } .woocommerce.columns-2 ul.products li.product, .woocommerce-page.columns-2 ul.products li.product{ background: #fff; width: 48.1%; margin-right: 3.8%; } .woocommerce.columns-2 ul.products li.product:hover, .woocommerce-page.columns-2 ul.products li.product:hover{ width: 48.1%; margin-right: 3.8%; padding: 0; } .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product{ background: #fff; width: 22.37%; margin-right: 3.5%; } .woocommerce.columns-4 ul.products li.product:hover, .woocommerce-page.columns-4 ul.products li.product:hover{ width: 22.37%; margin-right: 3.5%; padding: 0; } .woocommerce.columns-5 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product{ background: #fff; width: 17.2%; margin-right: 3.5%; } .woocommerce.columns-5 ul.products li.product:hover, .woocommerce-page.columns-5 ul.products li.product:hover{ width: 17.2%; margin-right: 3.5%; padding: 0; } .woocommerce.columns-6 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product{ background: #fff; width: 14.58%; margin-right: 2.5%; } .woocommerce.columns-6 ul.products li.product:hover, .woocommerce-page.columns-6 ul.products li.product:hover{ width: 14.58%; margin-right: 2.5%; padding: 0; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last{ margin-right: 0 !important; } .woocommerce ul.products li.product a img{ border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.02); } .woocommerce ul.products li.product:hover a img{ border-bottom: 1px solid rgba(0,0,0,0.08); } .woocommerce ul.products li.product .button.add_to_cart_button, .woocommerce ul.products li.product .button, .woocommerce a.added_to_cart{ position: absolute; right: 10px; top: 50%; background: #00bc96; color: #fff; border-radius: 3px; margin: 0; text-transform: uppercase; font-weight: 400; font-size: 13px; filter: Alpha(Opacity=0);/*IE7 fix*/ opacity: 0; visibility: hidden; height: auto; padding: 8px 10px; line-height: 1; transition: .2s box-shadow ease-out; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1); } .woocommerce ul.products li.product .button.add_to_cart_button.loading{ padding-right: 34px; } .woocommerce ul.products li.product:hover .button.add_to_cart_button, .woocommerce ul.products li.product:hover .button{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; visibility: visible; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .woocommerce ul.products li.product:hover .button.add_to_cart_button.added{ filter: Alpha(Opacity=0);/*IE7 fix*/ opacity: 0; visibility: hidden; } .woocommerce a.added_to_cart{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; visibility: visible; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title{ padding: 15px 15px 22px 15px; } .woocommerce ul.products li.product .woocommerce-loop-category__title:before, .woocommerce-page ul.products li.product .woocommerce-loop-category__title:before, .woocommerce ul.products li.product .woocommerce-loop-product__title:before, .woocommerce-page ul.products li.product .woocommerce-loop-product__title:before, .woocommerce ul.products li.product .woocommerce-loop-category__title:after, .woocommerce-page ul.products li.product .woocommerce-loop-category__title:after, .woocommerce ul.products li.product .woocommerce-loop-product__title:after, .woocommerce-page ul.products li.product .woocommerce-loop-product__title:after{ background: none; } .woocommerce ul.products li.product .star-rating, .woocommerce-page ul.products li.product .star-rating{ margin: -18px 15px 7px 15px; } .woocommerce ul.products li.product .price{ white-space:nowrap; position:absolute; top: -8px; left: -1px; display:inline-block; height:26px; border-radius: 1px 3px 3px 1px; padding: 0 10px 0 10px; background:#00bc96; border: 1px solid rgba(0,0,0,0.08); color:#fff; font-weight: normal; line-height:24px; } .woocommerce ul.products li.product .price:before{ position:absolute; background:#00bc96; content:"\25CF"; color:#fff; text-shadow: 0 0 1px #ccc; font-size:12px; line-height:13px; text-indent:6px; top:3px; left:-10px; width: 18px; height: 18px; transform: rotate(45deg); border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-radius: 1px 0 1px 3px; } .woocommerce ul.products li.product.sale .price{ top: 20px; } .woocommerce ul.products li.product.sale .button.add_to_cart_button, .woocommerce ul.products li.product.sale .button, .woocommerce ul.products li.product.sale .price, .woocommerce ul.products li.product.sale .price:before{ background: #009de1; } .woocommerce ul.products li.product .price del{ float: left; } .woocommerce ul.products li.product .price del span.amount{ margin-right: 10px; text-decoration: line-through; } .woocommerce ul.products li.product .price ins{ text-decoration: none; } .woocommerce ul.products li.product mark{ background: transparent; } .woocommerce span.onsale{ background: #009de1; min-height: 0; min-width: 0; border-radius: 3px; line-height: 1.5; font-size: 14px; text-transform: uppercase; padding: 4px 8px; margin: 0; font-weight: 400; top: -4px; left: 0; right: auto; } .woocommerce ul.products li.product .onsale{ padding: 2px 6px; right: auto; left: -4px; top: -2px; } .woocommerce .woocommerce-product-rating .star-rating{ font-size: 20px; color: #FFD700; margin: 3px 15px 0 0; } .woocommerce div.product{ background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; } .woocommerce div.product div.images img, .woocommerce div.product div.images .woocommerce-product-gallery__image{ border-radius: 3px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger{ width: 40px; height: 40px; background: #00bc96; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover{ top: calc(.5em - 2px); right: calc(.5em - 2px); width: 44px; height: 44px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after{ width: 4px; height: 11px; background: #fff; top: 20px; left: 23px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after{ top: 22px; left: 25px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before{ width: 10px; height: 10px; border: 3px solid #fff; top: 10px; left: 10px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before{ top: 12px; left: 12px; } .woocommerce div.product p.price{ white-space:nowrap; position:relative; margin:0 5px 10px 15px; display:inline-block; height:33px; border-radius: 2px 5px 5px 2px; padding: 0 15px 0 15px; background:#00bc96; border: 1px solid rgba(0,0,0,0.05); color:#fff; font-weight: normal; line-height:31px; } .woocommerce div.product p.price:before{ position:absolute; background:#00bc96; content:"\25CF"; color:#fff; text-shadow: 0 0 1px #fff; font-size:16px; line-height:19px; text-indent:6px; top:4px; left:-12px; width: 23px; height: 23px; transform: rotate(45deg); border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-radius: 1px 0 1px 3px; } .woocommerce div.product p.price del span.amount{ text-decoration: line-through; } .woocommerce div.product .woocommerce-variation-price{ margin-bottom: 10px; } .woocommerce div.product .woocommerce-variation-price span.amount{ color: #fff; font-weight: normal; } .woocommerce-variation-price del span.amount{ text-decoration: line-through; } .woocommerce div.product form.cart, .woocommerce div.product p.cart{ margin-top: 20px; padding: 0; } .woocommerce div.product form.variations_form.cart, .woocommerce div.product p.variations_form.cart{ background: #4f5e70; color: #fff; margin-top: 10px; padding: 10px; border-radius: 3px; } .woocommerce .quantity .qty{ width: 65px } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #00bc96; padding: 8px 20px; border-radius: 3px; font-weight: 400; text-transform: uppercase; height: 36px; box-shadow: inset 0 0 0 rgba(0,0,0,.15); transition: all .5s; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: #00bc96; box-shadow: inset 0 -100px 0 transparent; transition: all linear 1s; } .woocommerce div.product.sale #respond input#submit.alt, .woocommerce div.product.sale a.button.alt, .woocommerce div.product.sale button.button.alt, .woocommerce div.product.sale input.minus, .woocommerce div.product.sale input.plus, .woocommerce div.product.sale input.button.alt, .woocommerce div.product.sale #respond input#submit.alt:hover, .woocommerce div.product.sale a.button.alt:hover, .woocommerce div.product.sale button.button.alt:hover, .woocommerce div.product.sale input.button.alt:hover, .woocommerce div.product.sale .price, .woocommerce div.product.sale .price:before{ background: #009de1; } .woocommerce div.product.sale .woocommerce-variation-price .price{ background: transparent; } .woocommerce div.product form.cart .variations label{ font-weight: 400; } .woocommerce div.product form.cart .variations td.label{ padding-top: 6px; } .woocommerce div.product form.cart .reset_variations{ font-size: 13px; text-transform: uppercase; } input.minus, input.plus{ font-weight: bold; } .single.single-product .quantity .input-text.qty.text, .p-quantity .input-text.qty.text, .woocommerce .quantity .qty{ -moz-appearance: textfield; -webkit-appearance: textfield; } .woocommerce section.products{ clear: both; } .woocommerce h2{ position: relative; margin-bottom: 25px; padding-bottom: 5px; } .woocommerce h2:before{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; width: 40px; background-color: #00bc96; background-image: url("images/content-heading-bg.png"); background-position: left center; background-repeat: repeat-y; border-radius: 2px; } .woocommerce h2:after{ position: absolute; content: ""; top: 100%; left: 0; height: 4px; width: 105px; background: rgba(0,0,0,0.03); border-radius: 2px; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background: #00bc96; filter: Alpha(Opacity=85);/*IE7 fix*/ opacity: 0.85; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background: #00bc96; border-radius: 3px; font-weight: 400; text-transform: uppercase; font-weight: 400; color: #fff; font-size: 14px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background: #00bc96; color: #fff; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce #review_form #respond .form-submit input{ height: auto; font-size: 13px; } .woocommerce .woocommerce-message{ border-top-color: transparent; } .woocommerce .woocommerce-message:before{ color: #00bc96 } .woocommerce .woocommerce-info{ border-top-color: transparent; } .woocommerce .woocommerce-info:before{ color: #00bc96 } .woocommerce .woocommerce-error{ border: 1px solid #DD1F26; } .woocommerce .woocommerce-error:before{ color: #DD1F26 } .page .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before{ border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ display: none; } .page .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after{ box-shadow: none; border: 0; } .page .woocommerce-tabs ul.tabs{ list-style: none; border-bottom: none; padding: 0; margin: 0 0 2.618em; overflow: visible; } .woocommerce div.product .woocommerce-tabs ul.tabs{ list-style: none; padding: 0 5px; margin: 1.618em 0 1.618em; overflow: visible; background: #fdfdfd; border-radius: 5px; } .page .woocommerce-tabs ul.tabs li{ display: inline-block; border-top: 1px solid transparent; border-radius: 3px; position: relative; padding: 10px; margin: 0 20px 0 0; background: transparent; transition: .2s all ease-out; } .page .woocommerce-tabs ul.tabs li:hover, .page .woocommerce-tabs ul.tabs li.active{ background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.02); box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.12); transition: .2s all ease-out; } .page .woocommerce-tabs ul.tabs li:before{ position: absolute; content: ""; height: 15px; width: 4px; background: #00bc96; top: 18px; left: 0; border-radius: 3px 0 0 3px; } .page .woocommerce-tabs ul.tabs li:hover:before, .page .woocommerce-tabs ul.tabs li.active:before{ top: 0; height: 100%; transition: .2s all ease-in-out; } .page .woocommerce-tabs ul.tabs li.sale_tab:before{ background: #009de1; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ display: inline-block; border: 0; background: transparent; margin: 0 20px 0 0; border-radius: 0; padding: 0; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after{ content: ""; height: 4px; width: 30%; top: 100%; left: 0; position: absolute; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after{ content: ""; height: 4px; width: 100%; background-color: #00bc96; background-image: url("images/content-heading-bg.png"); background-position: left center; background-repeat: repeat-y; top: 100%; left: 0; right: 0; border-radius: 2px; position: absolute; transition: .3s all ease-in-out; } .page .woocommerce-tabs ul.tabs li a{ color: #323b45; font-family: 'Montserrat', Helvetica, Arial, Verdana, sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase; } .page .woocommerce-tabs ul.tabs li:hover a{ color: #323b45; } .page .woocommerce-tabs ul.tabs li.active a{ color: #323b45; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ color: #323b45; font-family: 'Montserrat', Helvetica, Arial, Verdana, sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase; padding: 15px 0 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{ color: #00bc96; } .woocommerce #reviews #comments{ border: 0; padding: 0; border-radius: 3px; border-top: none; box-shadow: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ border-radius: 3px; } .woocommerce .star-rating span:before{ color: #FFD74F; } .woocommerce #reviews h3:after{ display: none; } #reviews #review_form form{ background: #F6F6F6; padding: 20px; } .woocommerce #review_form #respond p.stars{ font-size: 20px; } .woocommerce #review_form #respond .comment-form-author{ width: 48%; } .woocommerce #review_form #respond .comment-form-email{ width: 48%; margin-left: 2%; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ font-size: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong{ font-weight: 400; color: #000; } .woocommerce table.shop_table{ border-radius: 0; } .woocommerce table.shop_table td{ padding: 10px 12px; } .woocommerce table.shop_table th{ font-weight: 400; text-transform: uppercase; padding: 15px 10px; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 140px; } .woocommerce-cart table.cart td.actions .coupon .input-text{ line-height: 36px; } .woocommerce-cart table.cart img{ width: 72px; border: 1px solid #EEE; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ font-weight: 400 } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th{ vertical-align: middle; } .woocommerce-cart .wc-proceed-to-checkout .checkout-button{ padding: 20px 10px !important; height: auto !important; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ border: 1px solid #DDD; border-radius: 3px; } .woocommerce form.checkout_coupon p{ margin-bottom: 0 } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ padding-top: 4px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ font-weight: 400; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 10px; } .woocommerce .widget_layered_nav ul li{ padding: 6px 0; } .woocommerce .widget_recent_reviews .reviewer{ font-size: 13px; color: #999; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background: transparent; border: 1px solid #DDD; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background: #DDD; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background: #00bc96; border-radius: 9px; } .select2-container .select2-choice{ border-radius: 0; border: 1px solid #DDD; height: 36px; } .select2-drop.select2-drop-above.select2-drop-active{ border-top: 1px solid #DDD; border-radius: 0 } .select2-drop, .select2-drop-active{ border-color: #DDD } .woocommerce div.product div.images .flex-control-thumbs{ margin: 2.75% 0 0 0; } .woocommerce div.product div.images .flex-control-thumbs li{ width: 22.9375%; margin-right: 2.75%; margin-bottom: 2.75%; } .woocommerce div.product div.images .flex-control-thumbs li:nth-child(4){ margin-right: 0; } .woocommerce div.product div.images .flex-control-thumbs li img{ border-bottom: 2px solid transparent; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover{ border-bottom: 2px solid #00bc96; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{ padding-bottom: 0; } .woocommerce div.product form.cart .variations select{ width: 100%; } .woocommerce table.shop_attributes{ border: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; } .woocommerce table.shop_attributes th{ background: none; border-bottom: 1px solid rgba(0,0,0,.03); background: #f9f9f9; text-align: left; } .woocommerce table.shop_attributes td{ border-bottom: 1px solid #f5f5f5; font-style: normal; } .woocommerce table.shop_attributes td p{ padding: 8px; } .woocommerce table.shop_attributes tr:nth-child(2n) td{ background: inherit; } .woocommerce table.shop_attributes tr:nth-child(2n) th{ background: #f9f9f9; } /*-------------------------------------------------------------- ## Light Style --------------------------------------------------------------*/ #masthead.light{ background: #fff; } #masthead.light #top-bar{ background: rgba(0,0,0,0.02); border-bottom: 1px solid rgba(0,0,0,0.02); color: #323b44; } #masthead.light #top-bar a, #masthead.light #top-bar .fa:hover{ color: #00bc96; } #masthead.light .top-tel{ background: rgba(0,0,0,0.02); font-weight: normal; color: #323b44; } #masthead.light .top-login, #masthead.light .top-cart{ background: rgba(0,0,0,0.02); } #masthead.light .top-tel .fa{ background: rgba(0,0,0,0.02); } #masthead.light .top-tel .mobile-clear a, #masthead.light .top-tel .mobile-clear a:hover{ color: #323b44; } #masthead.light .top-tel .mobile-clear:hover .fa, #masthead.light .top-login:hover .fa, #masthead.light .top-cart:hover .fa{ background: #4f5e70; color: #fff; } #masthead.light .top-login-dropdown, #masthead.light .top-login-mini-cart{ background-color: #fff; background-image: none; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); } #masthead.light .top-login-dropdown p.top-login-footer{ width: 100%; padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.1); } #masthead.light #primary-menu li a{ color: #323b44; } #masthead.light #primary-menu li a:hover{ color: #00bc96; } #masthead.light .site-navigation.centered{ border-top: 1px solid rgba(0,0,0,0.02); } #masthead.light #primary-menu ul{ background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); } .main-header.light .main-excerpt p, .main-header.light .term-description p, .main-header.light .page-description p, .main-header.light .taxonomy-description p{ color: #323b44; text-shadow: none; background: rgba(255,255,255,0.8); } /*-------------------------------------------------------------- ## Responsive CSS --------------------------------------------------------------*/ @media screen and (max-width: 1120px){ .header-title .fa{ font-size: 22px; width: 36px; height: 36px; line-height: 36px; } .main-title{ font-size: 26px; } .main-excerpt p, .term-description p, .page-description p, .taxonomy-description p{ font-size: 14px; } .container{ max-width: 100%; padding: 0 10px; } #page{ display: block; } #colophon{ display: block; height: auto; } #content{ height: auto; } .woocommerce ul.products li.product .price{ left: 2px; } .woocommerce ul.products li.product .onsale{ left: -1px; } } @media screen and (max-width: 1024px){ .site-navigation{ width: 100%; float: none; } .toggle-nav{ display: block; position: absolute; top: 0; right: 0; z-index: 1000; width: 47px; height: 47px; } .toggle-nav.is-visible{ top: 0 !important; margin-right: -250px } #masthead.scrolled .toggle-nav{ top: 0 !important; } .toggle-nav span, .toggle-nav span:before, .toggle-nav span:after, #primary-menu, #page, #masthead{ -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; } .toggle-nav span{ background: #fff; height: 3px; position: absolute; left: 7px; top: calc(50% - 1px); width: 23px; border-radius: 3px; } .toggle-nav span:before{ content: ""; position: absolute; background: #fff; border-radius: 3px; } .toggle-nav span:after{ content: ""; position: absolute; background: #fff; border-radius: 3px; } .menu-item-has-children .sub-trigger:before, .menu-item-has-children .sub-trigger:after{ content: ""; position: absolute; background: #fff; } .toggle-nav span:before, .toggle-nav span:after{ backface-visibility: hidden; height: 100%; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .toggle-nav span:before{ -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-7px); } .toggle-nav span:after{ -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(7px); } .toggle-nav.is-visible span{ background: none; left: 3px; width: 28px; } .toggle-nav.is-visible span:before{ -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .toggle-nav.is-visible span:after{ -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } #page{ position: relative; right: 0; } #primary-menu, .site-navigation.centered #primary-menu{ background: #4f5e70; text-align: left; height: 100vh; overflow: auto; position: fixed; right: -250px; padding-top: 50px; width: 250px; z-index: 100; } .admin-bar #primary-menu, .admin-bar .site-navigation.centered #primary-menu{ padding-top: 97px; } #page.is-visible{ right: 250px; } #masthead.is-visible{ left: -250px; border-right: 1px solid rgba(255,255,255,0.1); } #page.is-visible #primary-menu, #masthead.is-visible #primary-menu{ top: 0; right: 0; } #primary-menu li{ position: relative; width: 100%; } #primary-menu > li::after{ display: none; } #primary-menu li a, #masthead.scrolled #primary-menu li a{ padding: 8px 20px; margin: 0; } #primary-menu li.menu-item-has-children a, #primary-menu li.menu-item-has-children a:hover, #masthead.scrolled #primary-menu li.menu-item-has-children a, #masthead.scrolled #primary-menu li.menu-item-has-children a:hover{ padding: 8px 40px 8px 20px; } .menu-item-has-children:after{ display: none; } .menu-item-has-children .menu-item-has-children:after{ display: none; } #primary-menu li a:hover{ padding: 8px 20px; margin: 0; } #primary-menu > li.current-menu-item, #primary-menu > li:hover, #primary-menu > li.current-menu-item:hover{ background-image: none; } .menu-item-has-children .sub-trigger{ position: absolute; width: 36px; height: 36px; right: 10px; top: 0; z-index: 100; cursor: pointer; display: block; } .menu-item-has-children .sub-trigger:before{ height: 2px; left: calc(50% - 9px); top: calc(50% - 1px); width: 18px; } .menu-item-has-children .sub-trigger:after{ height: 18px; left: calc(50% - 1px); top: calc(50% - 9px); width: 2px; } .menu-item-has-children .sub-trigger.is-open:after{ background: none; } #primary-menu .sub-menu, #primary-menu li:hover > .sub-menu{ left: 0; width: 250px; display: none; opacity: 1; visibility: visible; position: relative; top: 0; -webkit-transition: none; -moz-transition: none; transition: none; } #primary-menu .sub-menu li{ padding: 0; text-transform: none; border: 0; } #site-description{ width: 73%; margin-top: 5px; margin-bottom: 5px; padding: 10px 0 0 0; } #masthead.scrolled #site-description{ padding: 0; } #top-info{ width: 73%; float: right; padding: 0; margin-top: 8px; margin-right: 7%; } .top-tel{ border-top-left-radius: 5px; border-top-right-radius: 5px; } .top-tel .fa{ font-size: 18px; line-height: 34px; width: 34px; height: 34px; top: 0; margin-right: 13px; } .top-login-dropdown, .top-login-mini-cart{ top: 39px; } .top-cart .item-count{ top: 3px; right: -3px; font-size: 9px; min-width: 14px; height: 14px; line-height: 14px; } .header-title .fa{ font-size: 21px; width: 35px; height: 35px; line-height: 35px; } #masthead.light .toggle-nav span, #masthead.light .toggle-nav span:before, #masthead.light .toggle-nav span:after{ background: #323b44; } #masthead.light .toggle-nav.is-visible span{ background: none; } #masthead.light .toggle-nav.is-visible span:before, #masthead.light .toggle-nav.is-visible span:after{ background: #fff; } #masthead.light #primary-menu li a{ color: #fff; } } @media screen and (max-width: 768px){ #top-bar .widget{ display: block; width: 100%; } #top-bar .widget:nth-child(odd){ text-align: center; margin-right: 0; } #top-bar .widget:nth-child(even){ text-align: center; margin-left: 0; } #top-bar li{ margin-left: 7px; } #top-bar li:first-child{ margin-left: 0; } #masthead.scrolled{ min-height: 40px; } #site-branding{ width: 100%; text-align: center; padding: 5px 0 5px 0; } #site-description{ width: 100%; text-align: center; margin: 7px 0 7px 0; padding: 0; } #site-description.eighty{ width: 100%; padding-right: 0; } #masthead.scrolled #site-branding{ padding: 0 0 2px 0; } #masthead.scrolled #site-branding img{ max-height: 30px; width: auto; } #masthead.scrolled .site-title{ font-size: 18px; margin: 2px 0 2px; } #masthead.scrolled #site-description{ display:none; } #top-info{ float: none; width: 100%; text-align: center; } #masthead.scrolled #top-info{ margin-top: 2px; padding-bottom: 3px; } .top-tel{ float: none; text-align: center; background: transparent; font-size: 20px; } #masthead.scrolled .top-tel{ font-size: 18px; } .top-tel .fa{ font-size: 16px; line-height: 30px; width: 30px; height: 30px; top: -1px; margin-right: 11px; } #masthead.scrolled .top-tel .fa{ font-size: 15px; line-height: 28px; width: 28px; height: 28px; top: -1px; margin-right: 10px; } .top-login-dropdown, .top-login-mini-cart{ top: 35px; } .top-tel .mobile-clear{ float: none; } .top-login{ float: none; } .top-cart{ float: none; padding-left: 10px; margin-left: -7px; } .header-title .fa{ font-size: 20px; width: 33px; height: 33px; line-height: 33px; } .main-title{ font-size: 24px; } .main-excerpt p, .term-description p, .page-description p, .taxonomy-description p{ font-size: 12px; } #masthead.light .top-tel{ background: transparent; } #featured-post-section{ margin-top: 0px; padding-bottom: 0px; } .featured-post{ width: 100%; float: none; margin-right: 0; margin-bottom: 65px; } #about-section .about-left{ float: none; width: auto; } #about-section .about-right{ float: none; width: auto; } #cta-section .cta-tel{ font-size: 32px; } .cta-tel-before{ top: -9px; margin-right: 12px; width: 25px; height: 3px; background: rgba(255,255,255,0.45); border: 0px; border-radius: 2px; } .cta-tel-after{ top: -9px; margin-left: 12px; width: 25px; height: 3px; background: rgba(255,255,255,0.45); border: 0px; border-radius: 2px; } .footer{ width: 47%; } .footer:nth-child(3){ clear: both; } .footer:nth-child(3), .footer:nth-child(4){ margin-top: 25px; } .site-info{ float: none; width: 100%; text-align: center; } #footer-menu ul{ float: none; width: 100%; text-align: center; margin-top: 15px; } #primary{ width: auto !important; float: none !important; margin-bottom: 25px; } #secondary{ width: auto; float: none !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product{ width: 48%; margin-right: 0; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce-page[class*=columns-] ul.products li.product:hover, .woocommerce[class*=columns-] ul.products li.product:hover{ width: 48%; margin-right: 0; } } @media screen and (max-width: 580px){ #site-branding{ margin: 0 60px 0 60px; width: calc(100% - 120px); } .header-title .fa{ font-size: 18px; width: 30px; height: 30px; line-height: 30px; } .main-title{ font-size: 22px; } .post-wrapper{ width: 98%; } .post-wrapper.no-overlap{ width: 100%; margin: 0px; } .entry-figure.no-overlap{ margin-bottom: 0px; min-height: 0px; } #comments{ padding: 15px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{ float: none; margin-bottom: 15px; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float: none; margin-bottom: 25px; } } @media screen and (max-width: 480px){ .top-tel .mobile-clear{ width: 100%; } .top-login{ margin-left: 0; } .top-login-dropdown{ left: 0; right: auto; min-width: 200px; max-width: 220px; } .top-login-mini-cart{ min-width: 200px; max-width: 220px; } .top-login-mini-cart a.button.checkout{ float: none; margin-top: 7px; } .header-title .fa{ font-size: 16px; width: 27px; height: 27px; line-height: 27px; } .top-footer{ margin: 0; } .footer{ width: auto; float: none; margin: 0 0 20px !important; } .footer:last-child{ margin: 0 !important; } #bottom-footer{ text-align: center; } #comments{ padding: 10px; } .author-email-url{ margin-left: 0 } .comment-form-author, .comment-form-email, .comment-form-url{ width: auto; margin-left: 0; float: none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product{ width: auto; float: none !important; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce-page[class*=columns-] ul.products li.product:hover, .woocommerce[class*=columns-] ul.products li.product:hover{ width: auto; float: none !important; } } @media screen and (max-width: 380px){ .site-title{ font-size: 26px; } .cta-tel-before, .cta-tel-after{ display: none; } } @media screen and (max-width: 320px){ .site-title{ font-size: 24px; } } /*-------------------------------------------------------------- ## Print CSS --------------------------------------------------------------*/ @media print{ #masthead, .main-header, #featured-post-section, #secondary, #cta-section, #colophon, #respond{ display: none; } }