Last active
August 1, 2020 22:43
-
-
Save darrylmorley/4fa046b89690680e7433b705db17ed50 to your computer and use it in GitHub Desktop.
Woocommerce CSS #woocommerce #css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*---------------------------------------------------------------------------------- | |
| TABLE OF CONTENT | |
| 1. Reset | |
| 2. General Styling (default font, color, lists, headings, form elements, etc.) | |
| 3. Structure (page width & layout containers) | |
| 4. Grid (column width) | |
| 5. Header (logo, tagline, social widget, search form, main menu) | |
| 6. Page (page title, author page, pagination) | |
| 7. Post (post layouts & styling, comments, post navigation) | |
| 7.1 Portfolio Post Type | |
| 8. Sidebar | |
| 8.1 Widget Styles | |
| 9. Footer | |
| 10. Builder Styling | |
| 11. WordPress Formatting | |
| 12. Gallery | |
| 13. Clear & Alignment | |
| 14. WooCommerce | |
| 15. Theme Fonts | |
| 16. Theme Colors | |
| ----*/ | |
| /************************************************************************************ | |
| 1. RESET | |
| *************************************************************************************/ | |
| html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, | |
| dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, | |
| a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, | |
| strong, sub, sup, tt, var, legend, fieldset, figure { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| img, fieldset { | |
| border: 0; | |
| } | |
| /* set img max-width */ | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| /* ie 8 img max-width */ | |
| .ie8 img { width: auto;} | |
| /* set html5 elements to block */ | |
| article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | |
| display: block; | |
| } | |
| /* audio */ | |
| audio { | |
| max-width: 100%; | |
| } | |
| /* iframes and objects max-width (for embed media) */ | |
| iframe, object, embed { | |
| max-width: 100%; | |
| } | |
| /************************************************************************************ | |
| 2. GENERAL STYLING | |
| *************************************************************************************/ | |
| body { | |
| font: 1.05em/1.85em 'Raleway', "Arial", sans-serif; | |
| word-wrap: break-word; | |
| color: #000; | |
| -webkit-font-smoothing: antialiased; | |
| -ms-text-size-adjust: 100%; | |
| -moz-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| text-size-adjust: 100%; | |
| } | |
| a { | |
| text-decoration: none; | |
| outline: none; | |
| color: #ed1e24; | |
| } | |
| a:hover { | |
| text-decoration: underline; | |
| } | |
| p { | |
| margin: 0; | |
| padding: 0 0 2.3em; | |
| } | |
| small { | |
| font-size: 87%; | |
| } | |
| blockquote { | |
| font-size: 1.2em; | |
| line-height: 1.4em; | |
| padding: .8em 2em 1em; | |
| margin: 0 0 1.2em; | |
| position: relative; | |
| } | |
| blockquote:before { | |
| content: '\201C'; | |
| font-size: 3.3em; | |
| position: absolute; | |
| margin-left: -.5em; | |
| margin-top: .2em; | |
| } | |
| ins { | |
| text-decoration: none; | |
| } | |
| em { | |
| font: italic 1.15em 'Sorts Mill Goudy', serif; | |
| letter-spacing: .02em; | |
| } | |
| /* LIST | |
| ================================================ */ | |
| ul, ol { | |
| margin: 0 0 1.4em 1.6em; | |
| padding: 0; | |
| } | |
| li { | |
| margin: 0 0 1em 0; | |
| padding: 0; | |
| } | |
| /* HEADINGS | |
| ================================================ */ | |
| h1, h2, h3, h4, h5, h6 { | |
| line-height: 1.4em; | |
| margin: 0 0 .4em; | |
| word-wrap: normal; | |
| font-weight: normal; | |
| } | |
| h1 { | |
| font-size: 3.2em; | |
| font-family: 'Raleway', sans-serif; | |
| letter-spacing: .1em; | |
| text-transform: uppercase; | |
| } | |
| h2 { | |
| font-size: 2.9em; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| letter-spacing: -.035em; | |
| margin: 0 0 .8em; | |
| } | |
| h3 { | |
| font-size: 1.6em; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| margin: 0 0 .8em; | |
| line-height: 1.6em; | |
| letter-spacing: -.01em; | |
| } | |
| h4 { | |
| font-size: 1.3em; | |
| letter-spacing: .1em; | |
| line-height: 1.6em; | |
| margin: .7em 0 1em; | |
| text-transform: uppercase; | |
| font-weight: bold; | |
| } | |
| h5 { | |
| font-size: 1.3em; | |
| line-height: 1.7em; | |
| } | |
| h6 { | |
| font-size: 1.1em; | |
| } | |
| /* FORM | |
| ================================================ */ | |
| /* form input */ | |
| input, textarea, select, input[type=search], button { | |
| font-size: 100%; | |
| font-family: inherit; | |
| max-width: 100%; | |
| } | |
| textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { | |
| border: 1px solid #bdbdbd; | |
| padding: .7em .5em; | |
| margin: 0 1.15em .4em 0; | |
| max-width: 100%; | |
| -webkit-appearance: none; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| color: #5b6270; | |
| } | |
| input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel] { | |
| max-width: 24.3em; | |
| box-sizing: border-box; | |
| width: 100%; | |
| } | |
| input[type=number] { | |
| width: 7em; | |
| } | |
| /* text area */ | |
| textarea { | |
| width: 100%; | |
| min-height: 13.5em; | |
| margin: 0; | |
| } | |
| select { | |
| padding: .7em; | |
| } | |
| /* form input:focus */ | |
| textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus { | |
| outline: none; | |
| } | |
| /* form button */ | |
| input[type=reset], input[type=submit], button { | |
| background: #ed1e24; | |
| color: #fff; | |
| border: none; | |
| padding: .7em 1.4em; | |
| cursor: pointer; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| font-family: 'Raleway', sans-serif; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| letter-spacing: .065em; | |
| } | |
| /* form input:hover */ | |
| input[type=reset]:hover, | |
| input[type=submit]:hover, | |
| button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /************************************************************************************ | |
| 3. STRUCTURE | |
| *************************************************************************************/ | |
| /* set general layout containers box-sizing */ | |
| #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #pagewrap { | |
| padding-top: 470px; /* required for absolute position headerwrap */ | |
| } | |
| /* main page width */ | |
| .pagewidth, | |
| .full_width .themify_builder_row .row_inner { | |
| width: 1160px; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| } | |
| /* body (middle container) */ | |
| #body { | |
| max-width: 100%; | |
| clear: both; | |
| } | |
| /* admin-bar */ | |
| .admin-bar #headerwrap, | |
| .admin-bar #headerwrap.fixed-header { | |
| top: 32px; | |
| } | |
| /* content */ | |
| #content { | |
| width: 67.6%; | |
| float: left; | |
| padding: 5.75% 0; | |
| } | |
| .sidebar-none #content { | |
| width: 100%; | |
| float: none; | |
| } | |
| /* sidebar */ | |
| #sidebar { | |
| width: 25.9%; | |
| float: right; | |
| padding: 5.75% 0 10%; | |
| font-size: .95em; | |
| } | |
| #sidebar .secondary { | |
| width: 47%; | |
| } | |
| /* full_width content */ | |
| .full_width #layout { | |
| width: 100%; | |
| max-width: 100%; | |
| } | |
| .full_width #content { | |
| padding: 0; | |
| width: auto; | |
| max-width: 100%; | |
| float: none; | |
| } | |
| .full_width #sidebar { | |
| width: auto; | |
| float: none; | |
| } | |
| /* sidebar left */ | |
| .sidebar-left #content { | |
| float: right; | |
| } | |
| .sidebar-left #sidebar { | |
| float: left; | |
| } | |
| /************************************************************************************ | |
| 4. GRID | |
| *************************************************************************************/ | |
| .col4-1, | |
| .col4-2, | |
| .col4-3, | |
| .col3-1, | |
| .col3-2, | |
| .col2-1 { | |
| margin-left: 3.2%; | |
| float: left; | |
| } | |
| .col4-1 { | |
| width: 22.6%; | |
| } | |
| .col4-2, .col2-1 { | |
| width: 48.4%; | |
| } | |
| .col4-3 { | |
| width: 74.2%; | |
| } | |
| .col3-1 { | |
| width: 31.2%; | |
| } | |
| .col3-2 { | |
| width: 65.6%; | |
| } | |
| .col.first, | |
| .col4-1.first, | |
| .col4-2.first, | |
| .col4-3.first, | |
| .col3-1.first, | |
| .col3-2.first, | |
| .col2-1.first { | |
| margin-left: 0; | |
| clear: left; | |
| } | |
| /************************************************************************************ | |
| 5. HEADER | |
| *************************************************************************************/ | |
| #headerwrap { | |
| border-bottom: 1px solid rgba(0,0,0,.1); | |
| position: absolute; | |
| width: 100%; | |
| min-height: 55px; | |
| z-index: 99; | |
| top: 0; | |
| left: 0; | |
| } | |
| #header { | |
| position: relative; | |
| text-align: center; | |
| padding: 2em 0; | |
| overflow: visible; /* required to prevent menu dropdown hidden */ | |
| z-index: 1; | |
| } | |
| /* header widget */ | |
| .header-widget { | |
| clear: both; | |
| font-size: .9em; | |
| height: 100%; | |
| } | |
| .header-widget .widget { | |
| margin: 2.5em 0 2em; | |
| } | |
| .header-widget .widgettitle { | |
| margin: 0 0 .8em; | |
| font-size: 1.1em; | |
| } | |
| /* site logo */ | |
| #site-logo { | |
| margin: .5em 0 .4em; | |
| padding: 0; | |
| line-height: 1em; | |
| font-weight: 300; | |
| font-size: 3em; | |
| font-style: normal; | |
| text-transform: uppercase; | |
| letter-spacing: .055em; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| } | |
| #site-logo a { | |
| text-decoration: none; | |
| color: #000; | |
| } | |
| #site-logo a:hover { | |
| text-decoration: none; | |
| } | |
| /* site description */ | |
| #site-description { | |
| margin: 0 0 1.8em; | |
| padding: 0; | |
| line-height: 110%; | |
| font-size: 1em; | |
| font-style: italic; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| letter-spacing: .035em; | |
| color: #959595; | |
| } | |
| #site-description p { | |
| padding: 0; | |
| } | |
| /* social widget */ | |
| #headerwrap .social-widget strong { | |
| display: none; | |
| } | |
| .social-widget { | |
| display: inline-block; | |
| margin: 0 0 2em 2.7em; | |
| vertical-align: middle; | |
| } | |
| .social-widget a { | |
| text-decoration: none; | |
| color: #fff; | |
| } | |
| .social-widget a:hover { | |
| text-decoration: none; | |
| } | |
| .social-links .icon-medium i { | |
| background: #000; | |
| border-radius: 100%; | |
| padding: .25em; | |
| margin-right: .25em; | |
| width: 1.1em; | |
| height: 1.1em; | |
| line-height: 1.1em; | |
| } | |
| .social-widget .widget { | |
| display: inline-block; | |
| margin: 0; | |
| padding: 0; | |
| background: none; | |
| border: none; | |
| border-radius: 0; | |
| box-shadow: none; | |
| } | |
| .social-widget .widget div { | |
| display: inline; | |
| } | |
| .social-widget .widgettitle { | |
| width: auto; | |
| font-weight: bold; | |
| font-size: 100%; | |
| font-family: inherit; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| position: static; | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin: 0 .5em 0 0; | |
| padding: 0; | |
| background: none; | |
| border: none; | |
| border-radius: 0; | |
| box-shadow: none; | |
| } | |
| .social-widget ul { | |
| margin: 6px 0 0 !important; | |
| padding: 0; | |
| display: inline; | |
| } | |
| .social-widget ul li { | |
| padding: 0 2px 5px 0; | |
| margin: 0 7px 2px 0; | |
| display: inline-block; | |
| border: none !important; | |
| clear: none; | |
| line-height: 100%; | |
| } | |
| .social-widget li img { | |
| vertical-align: middle; | |
| margin-top: -3px; | |
| } | |
| .social-links li i { | |
| background: #000; | |
| border-radius: 100%; | |
| padding: .25em; | |
| margin-right: .25em; | |
| width: 1.1em; | |
| height: 1.1em; | |
| line-height: 1.1em; | |
| color: #fff; | |
| } | |
| /* rss */ | |
| .social-widget .rss { | |
| margin-right: 3px; | |
| display: inline-block; | |
| } | |
| .social-widget .rss a { | |
| display: inline-block; | |
| font-size: 20px; | |
| background: #000; | |
| color: #fff; | |
| border-radius: 100%; | |
| padding: .3em; | |
| line-height: 1.0em; | |
| height: 1.0em; | |
| width: 1.0em; | |
| text-align: center; | |
| } | |
| .social-widget .rss a:before { | |
| color: #fff; | |
| content: "\f09e"; | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| text-decoration: inherit; | |
| } | |
| /* search form */ | |
| #searchform-wrap { | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin: 0 0 2.4em .2em; | |
| } | |
| #headerwrap #searchform { | |
| position: relative; | |
| margin: 0 0 0 3px; | |
| z-index: 1; | |
| } | |
| #headerwrap #searchform #s { | |
| background: transparent; | |
| border-radius: 5em; | |
| border: none; | |
| color: #fff; | |
| margin: 0; | |
| padding: 6px 35px 6px; | |
| width: 1px; | |
| height: 34px; | |
| -webkit-transition: width .7s, background .7s; | |
| -moz-transition: width .7s, background .7s; | |
| transition: width .7s, background .7s; | |
| } | |
| #headerwrap #searchform #s:focus, | |
| #headerwrap #searchform #s:hover, | |
| #headerwrap #searchform .icon-search:hover + #s { | |
| width: 140px; | |
| background: #000; | |
| } | |
| #headerwrap #searchform .icon-search:before { | |
| content: "\f002"; | |
| color: #fff; | |
| font-family: FontAwesome; | |
| font-size: 19px; | |
| font-style: normal; | |
| cursor: pointer; | |
| background: #000; | |
| border-radius: 100%; | |
| padding: .3em; | |
| position: absolute; | |
| z-index: 1; | |
| width: 1.1em; | |
| height: 1.1em; | |
| line-height: 1.2em; | |
| margin: 1px 0 0 0; | |
| } | |
| /* main navigation */ | |
| #main-nav { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #main-nav li { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| /* main level link */ | |
| #main-nav a { | |
| color: #2d2d2d; | |
| display: block; | |
| padding: .6em .7em; | |
| margin: 0; | |
| text-decoration: none; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| } | |
| /* main level link :hover */ | |
| #main-nav a:hover { | |
| color: #ed1e24; | |
| } | |
| /* current link */ | |
| #main-nav .current_page_item > a, | |
| #main-nav .current-menu-item > a { | |
| color: #ed1e24; | |
| } | |
| /* sub-levels link */ | |
| #main-nav ul a { | |
| color: #484848; | |
| font-size: 1em; | |
| line-height: 1.45em; | |
| font-weight: normal; | |
| text-transform: none; | |
| text-align: left; | |
| padding: 0.5em 1.25em .5em 1.6em; | |
| margin: 0; | |
| display: block; | |
| width: 238px; | |
| background: none; | |
| border: none; | |
| text-shadow: none; | |
| border-radius: 0; | |
| box-shadow: none; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| /* sub-levels link :hover */ | |
| #main-nav ul a:hover { | |
| color: #ed1e24; | |
| } | |
| /* dropdown ul */ | |
| #main-nav ul { | |
| margin: 0; | |
| padding: .6em 0; | |
| list-style: none; | |
| background: #fff; | |
| border: 1px solid #ccc; | |
| position: absolute; | |
| z-index: 100; | |
| display: none; | |
| left: -.3em; | |
| top: 100%; | |
| -webkit-transition: all .2s; | |
| -moz-transition: all .2s; | |
| transition: all .2s; | |
| } | |
| #main-nav ul li { | |
| background: none; | |
| padding: 0; | |
| margin: 0; | |
| float: none; | |
| } | |
| /* sub-levels dropdown */ | |
| #main-nav ul ul { | |
| left: 100%; | |
| top: -.7em; | |
| } | |
| /* show dropdown ul */ | |
| .no-touch #main-nav li:hover > ul { | |
| display: block; | |
| } | |
| /* mobile menu icon */ | |
| #menu-icon, | |
| #menu-icon-close { | |
| display: none; | |
| } | |
| #menu-icon { | |
| font-size: .9em; | |
| } | |
| #menu-icon:before { | |
| content: "\f0c9"; | |
| font-family: FontAwesome; | |
| font-size: 1.65em; | |
| } | |
| /* fixed-header */ | |
| #headerwrap.fixed-header { | |
| position: fixed !important; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| z-index: 100; | |
| transition: height .3s; | |
| background: rgba(255, 255, 255, .9); | |
| } | |
| #headerwrap.fixed-header .header-bar, | |
| #headerwrap.fixed-header .social-widget, | |
| #headerwrap.fixed-header #searchform-wrap, | |
| #headerwrap.fixed-header .header-widget { | |
| display: none; | |
| } | |
| #headerwrap.fixed-header #header { | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| #headerwrap.fixed-header #site-description { | |
| display: none; | |
| } | |
| #headerwrap.fixed-header #main-nav { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /* transparent-header */ | |
| .transparent-header #headerwrap { | |
| border: none; | |
| background: none; | |
| } | |
| .transparent-header #pagewrap { | |
| padding-top: 0 !important; /* required for transparent-header */ | |
| } | |
| .transparent-header #header > a { | |
| color: #fff; | |
| } | |
| .transparent-header #headerwrap #searchform .icon-search:before { | |
| color: #fff; | |
| } | |
| .transparent-header #headerwrap.fixed-header { | |
| background: rgba(0, 0, 0, .7); | |
| color: #fff; | |
| } | |
| .transparent-header #headerwrap.fixed-header #main-nav > li > a { | |
| color: #fff; | |
| } | |
| /* prevent headerwrap covering builder with transparent header selected */ | |
| .transparent-header.themify_builder_active #pagewrap { | |
| padding-top: 130px !important; | |
| } | |
| /* | |
| HEADER VIDEO BACKGROUND | |
| ================================================ */ | |
| .big-video-wrap { | |
| overflow: hidden; | |
| height: 100%; | |
| width: 100%; | |
| top: 0; | |
| left: 0; | |
| z-index: 0; | |
| position: absolute; | |
| } | |
| .big-video-vid, .big-video-image { | |
| position: absolute; | |
| z-index: -2; | |
| } | |
| .vjs-big-play-button, .vjs-control-bar, .vjs-error-display, .vjs-text-track-display { | |
| display:none !important; | |
| } | |
| /* Hide semi-transparent border when video and image are enabled so image isn't visible behind the video */ | |
| #headerwrap[data-fullwidthvideo][data-bg] { | |
| border-bottom-width: 0; | |
| } | |
| /* | |
| HEADER LEFTPANE | |
| ================================================ */ | |
| /* header leftpane pagewrap */ | |
| .header-leftpane #pagewrap { | |
| padding-top: 0 !important; /* prevent inline padding apply from JS */ | |
| } | |
| .header-leftpane #body { | |
| padding-left: 340px; | |
| padding-right: 4%; | |
| } | |
| .header-leftpane.full_width #body { | |
| padding-left: 280px; | |
| padding-right: 0; | |
| } | |
| .header-leftpane #footerwrap { | |
| padding-left: 280px; | |
| } | |
| .header-leftpane .row_inner { | |
| width: auto; | |
| max-width: 90%; | |
| margin: 0 auto; | |
| } | |
| .header-leftpane.sidebar-none #content { | |
| padding: 0; | |
| } | |
| .header-leftpane.full_width #body { | |
| padding-left: 280px; | |
| padding-right: 0; | |
| } | |
| .header-leftpane.full_width .row_inner { | |
| width: auto; | |
| max-width: 90%; | |
| } | |
| .header-leftpane.full_width #footerwrap { | |
| padding-left: 330px; | |
| } | |
| .header-leftpane .pagewidth, | |
| .header-leftpane .full_width .themify_builder_row .row_inner { | |
| width: 100%; | |
| margin: 0 auto; | |
| } | |
| /* header leftpane headerwrap */ | |
| .header-leftpane #headerwrap { | |
| float: left; | |
| width: 280px; | |
| position: fixed; | |
| height: 100%; | |
| left: 0; | |
| border-bottom: none; | |
| border-right: 1px solid rgba(0,0,0,.1); | |
| background: #f4f4f4; | |
| } | |
| .header-leftpane #header { | |
| text-align: inherit; | |
| position: absolute; | |
| height: 100%; | |
| width: 100%; | |
| max-width: none; | |
| padding: 35px 25px 50px; | |
| font-size: .95em; | |
| } | |
| /* header leftpane site logo */ | |
| .header-leftpane #site-logo { | |
| font-size: 2.2em; | |
| padding-top: 0; | |
| letter-spacing: .03em; | |
| margin: 0 0 .5em; | |
| } | |
| /* header leftpane site description */ | |
| .header-leftpane #site-description { | |
| font-size: .9em; | |
| margin: 0 0 .5em; | |
| letter-spacing: -.05em; | |
| } | |
| /* header leftpane social widget */ | |
| .header-leftpane .social-widget { | |
| float: none; | |
| clear: both; | |
| display: block; | |
| margin: 1em 0 2em; | |
| } | |
| /* header leftpane searchform */ | |
| .header-leftpane #searchform-wrap { | |
| float: none; | |
| clear: both; | |
| display: block; | |
| margin: .5em 0 2em; | |
| } | |
| .header-leftpane #headerwrap #searchform #s { | |
| width: 100%; | |
| margin: 0; | |
| padding: .25em 2.1em; | |
| border-radius: 5em; | |
| background: #fff; | |
| color: #000; | |
| } | |
| .header-leftpane #headerwrap #searchform .icon-search:before { | |
| background: none; | |
| font-size: 1em; | |
| left: .5em; | |
| line-height: 1em; | |
| margin-top: -.5em; | |
| padding: 0; | |
| position: absolute; | |
| top: 50%; | |
| width: 1em; | |
| } | |
| .header-leftpane #headerwrap #searchform #s:focus, | |
| .header-leftpane #headerwrap #searchform #s:hover, | |
| .header-leftpane #headerwrap #searchform .icon-search:hover + #s { | |
| width: 100%; | |
| background: #fff; | |
| } | |
| /* header leftpane main nav */ | |
| .header-leftpane #main-nav { | |
| float: none; | |
| clear: both; | |
| margin: 0 0 2em; | |
| } | |
| .header-leftpane #main-nav ul { | |
| border: none; | |
| background: none; | |
| display: block; | |
| position: static; | |
| padding: .2em 0 0 1em; | |
| } | |
| .header-leftpane #main-nav li { | |
| display: block; | |
| } | |
| .header-leftpane #main-nav a { | |
| padding: .25em 0; | |
| width: 100%; | |
| box-sizing: border-box; | |
| } | |
| /* header leftpane column */ | |
| .header-leftpane #headerwrap .col3-1 { | |
| float: none; | |
| width: auto; | |
| margin: auto; | |
| } | |
| .header-leftpane .header-widget .widget { | |
| margin: 0 0 3em; | |
| } | |
| .header-leftpane #sidebar { | |
| margin-right: 2%; | |
| } | |
| /* | |
| HEADER MINBAR | |
| ================================================ */ | |
| /* header minbar pagewrap */ | |
| .header-minbar #pagewrap { | |
| padding-top: 0 !important; /* prevent inline padding apply from JS */ | |
| } | |
| .header-minbar #body { | |
| padding-left: 129px; | |
| padding-right: 4%; | |
| } | |
| .header-minbar.full_width #body { | |
| padding-left: 69px; | |
| } | |
| .header-minbar #footerwrap { | |
| padding-left: 69px; | |
| } | |
| .header-minbar .row_inner { | |
| width: auto; | |
| max-width: 90%; | |
| margin: 0 auto; | |
| } | |
| .header-minbar.sidebar-none #content { | |
| padding: 0; | |
| } | |
| .header-minbar.full_width #body { | |
| padding-right: 0; | |
| } | |
| .header-minbar.full_width .row_inner { | |
| width: auto; | |
| max-width: 90%; | |
| } | |
| .header-minbar.minbar-open #body, | |
| .header-minbar.minbar-open #footerwrap { | |
| padding-left: 320px; | |
| } | |
| .header-minbar .pagewidth, | |
| .header-minbar .full_width .themify_builder_row .row_inner { | |
| width: 100%; | |
| margin: 0 auto; | |
| } | |
| /* header minbar headerwrap */ | |
| .header-minbar #headerwrap { | |
| float: left; | |
| width: 318px; | |
| position: fixed; | |
| height: 100%; | |
| left: -249px; | |
| border-bottom: none; | |
| border-right: 1px solid rgba(0,0,0,.1); | |
| background: #f4f4f4; | |
| box-sizing: border-box; | |
| transition: left .2s ease-in-out; | |
| } | |
| .header-minbar #header { | |
| text-align: inherit; | |
| position: absolute; | |
| height: 100%; | |
| width: 248px; | |
| font-size: .95em; | |
| } | |
| .header-minbar .header-bar { | |
| -webkit-transform: rotate(-90deg); | |
| -moz-transform: rotate(-90deg); | |
| transform: rotate(-90deg); | |
| -webkit-transform-origin: 0 0; | |
| -moz-transform-origin: 0 0; | |
| transform-origin: 0 0; | |
| box-sizing: border-box; | |
| position: fixed; | |
| bottom: -6px; | |
| left: 18px; | |
| } | |
| .header-minbar #headerwrap.fixed-header { | |
| width: 318px; | |
| left: -249px; | |
| } | |
| /* Side menu */ | |
| .header-minbar #mobile-menu, | |
| .header-minbar .header-widget { | |
| visibility: hidden; | |
| opacity: 0; | |
| } | |
| .header-minbar .header-widget { | |
| height: auto; | |
| } | |
| .header-minbar .sidemenu { | |
| transition: all .2s ease-in-out; | |
| height: 100%; | |
| width: 300px; | |
| padding: 35px 25px 50px; | |
| background: #f4f4f4; | |
| color: #000; | |
| display: block; | |
| overflow-y: scroll; | |
| position: fixed; | |
| top: 0; | |
| z-index: 11111; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .header-minbar #mobile-menu { | |
| left: -300px; | |
| transition: all .2s ease-out; | |
| } | |
| .header-minbar #mobile-menu.sidemenu-on { | |
| left: 0; | |
| } | |
| .header-minbar.sidemenu-active { | |
| position: relative; | |
| left: 0; | |
| transition: left .2s ease-in-out; | |
| } | |
| .header-minbar.sidemenu-active .header-widget { | |
| -webkit-transition: opacity .2s ease-out; | |
| transition: opacity .2s ease-out; | |
| } | |
| .header-minbar.sidemenu-active .header-widget { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| .header-minbar.sidemenu-left { | |
| left: 300px; | |
| } | |
| .header-minbar.sidemenu-left #mobile-menu.sidemenu-on { | |
| left: 69px; | |
| opacity: 1; | |
| visibility: visible; | |
| z-index: 1; | |
| } | |
| /* header minbar site logo */ | |
| .header-minbar #site-logo { | |
| font-size: 1.8em; | |
| padding-top: 0; | |
| letter-spacing: .08em; | |
| margin: 0; | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .header-minbar #site-logo img { | |
| height: 30px; | |
| width: auto; | |
| } | |
| /* header minbar site description */ | |
| .header-minbar #site-description { | |
| font-size: .9em; | |
| margin: 0; | |
| letter-spacing: -.05em; | |
| display: inline-block; | |
| } | |
| /* header minbar social widget */ | |
| .header-minbar .social-widget { | |
| float: none; | |
| clear: both; | |
| display: block; | |
| margin: 0 0 2em; | |
| } | |
| /* header minbar searchform */ | |
| .header-minbar #searchform-wrap { | |
| float: none; | |
| clear: both; | |
| display: block; | |
| margin: 0 0 2em; | |
| } | |
| .header-minbar #headerwrap #searchform #s { | |
| width: 100%; | |
| margin: 0; | |
| border-radius: 5em; | |
| background: #fff; | |
| color: #000; | |
| } | |
| .header-minbar #headerwrap #searchform .icon-search:before { | |
| background: none; | |
| color: inherit; | |
| left: 6px; | |
| top: 0; | |
| } | |
| .header-minbar #headerwrap #searchform #s:focus, | |
| .header-minbar #headerwrap #searchform #s:hover, | |
| .header-minbar #headerwrap #searchform .icon-search:hover + #s { | |
| width: 100%; | |
| background: #fff; | |
| } | |
| /* header minbar main nav */ | |
| .header-minbar #main-nav { | |
| float: none; | |
| clear: both; | |
| margin: 0 0 2em; | |
| } | |
| .header-minbar #main-nav ul { | |
| border: none; | |
| background: none; | |
| display: block; | |
| position: static; | |
| padding: .2em 0 0 1em; | |
| } | |
| .header-minbar #main-nav li { | |
| display: block; | |
| } | |
| .header-minbar #main-nav a { | |
| padding: .25em 0; | |
| width: 100%; | |
| box-sizing: border-box; | |
| } | |
| /* header minbar headerwrap column */ | |
| .header-minbar #headerwrap .col3-1 { | |
| float: none; | |
| width: auto; | |
| margin: auto; | |
| } | |
| /* header minbar header widget */ | |
| .header-minbar #headerwrap .widget { | |
| text-align: inherit; | |
| margin: 0 0 3em; | |
| } | |
| .header-minbar #headerwrap .social-widget .widget { | |
| margin: 0; | |
| } | |
| /* header minbar menu icon */ | |
| .header-minbar #headerwrap #menu-icon { | |
| position: fixed; | |
| display: block; | |
| color: inherit; | |
| text-decoration: none; | |
| top: 30px; | |
| left: 16px; | |
| font-size: 1.4em; | |
| width: 32px; | |
| z-index: 9999; | |
| -webkit-transition: left .2s ease-in-out; | |
| -moz-transition: left .2s ease-in-out; | |
| transition: left .2s ease-in-out; | |
| } | |
| .header-minbar #headerwrap #menu-icon:before { | |
| content: "\e68e"; | |
| font-family: 'themify'; | |
| } | |
| .admin-bar.header-minbar #headerwrap #menu-icon { | |
| top: 52px; | |
| } | |
| /* header minbar open */ | |
| .header-minbar.minbar-open #headerwrap { | |
| left: 0; | |
| } | |
| .header-minbar.minbar-open .header-bar, | |
| .header-minbar.minbar-open #headerwrap #menu-icon { | |
| left: 269px; | |
| } | |
| /* header minbar slide menu panel */ | |
| .header-minbar.minbar-open #headerwrap #menu-icon { | |
| font-size: 1.2em; | |
| } | |
| .header-minbar.minbar-open #headerwrap #menu-icon:before { | |
| content: "\e646"; | |
| font-family: 'themify'; | |
| } | |
| .header-minbar.minbar-open #mobile-menu, | |
| .header-minbar.minbar-open .header-widget { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| /* | |
| HEADER HORIZONTAL | |
| ================================================ */ | |
| /* header horizontal header */ | |
| .header-horizontal #header { | |
| text-align: inherit; | |
| padding: 1em 0; | |
| } | |
| .header-horizontal .header-bar { | |
| float: left; | |
| } | |
| /* header horizontal site logo */ | |
| .header-horizontal #site-logo { | |
| font-size: 1.9em; | |
| margin: 5px .5em 0 0; | |
| } | |
| .header-horizontal.fixed-header-on #site-logo img { | |
| height: 30px; | |
| width: auto; | |
| transition: all .3s; | |
| } | |
| /* header horizontal site description */ | |
| .header-horizontal #site-description { | |
| margin: 15px .5em 5px 0; | |
| font-size: .8em; | |
| } | |
| /* header horizontal social widget */ | |
| .header-horizontal #header .social-widget { | |
| float: left; | |
| margin: 5px 3px 0 0; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| } | |
| /* header horizontal searchform */ | |
| .header-horizontal #searchform-wrap { | |
| margin: 10px 0 0; | |
| float: left; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| } | |
| .header-horizontal #headerwrap #searchform #s { | |
| padding: 0 15px 0 25px; | |
| height: 25px; | |
| vertical-align: top; | |
| position: absolute; | |
| margin-top: -1px; | |
| } | |
| .header-horizontal #headerwrap #searchform .icon-search:before { | |
| font-size: 15px; | |
| padding: 6px; | |
| line-height: 100%; | |
| width: 13px; | |
| height: 13px; | |
| margin: 0; | |
| margin-left: -3px; | |
| margin-top: -1px; | |
| } | |
| /* header horizontal social links */ | |
| .header-horizontal .social-links .icon-medium i { | |
| padding: 6px; | |
| font-size: 15px; | |
| width: 13px; | |
| height: 13px; | |
| line-height: 13px; | |
| margin-right: -3px; | |
| } | |
| .header-horizontal .social-widget .rss a { | |
| padding: 6px; | |
| font-size: 15px; | |
| width: 13px; | |
| height: 13px; | |
| line-height: 13px; | |
| vertical-align: middle; | |
| } | |
| /* header horizontal main nav */ | |
| .header-horizontal #main-nav { | |
| float: right; | |
| clear: right; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| margin: 0; | |
| } | |
| /* header horizontal pull down */ | |
| .pull-down { | |
| position: absolute; | |
| right: 5px; | |
| z-index: 1; | |
| bottom: 0; | |
| width: 44px; | |
| height: 22px; | |
| text-align: center; | |
| } | |
| .pull-down:before { | |
| content: ''; | |
| border-bottom: 23px solid #EC1E24; | |
| border-radius: 100%; | |
| position: absolute; | |
| bottom: -24px; | |
| right: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .pull-down:after { | |
| font-family: 'themify'; | |
| content: '\e660'; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 16px; | |
| text-decoration: none; | |
| position: absolute; | |
| right: 0; | |
| bottom: -22px; | |
| width: 100%; | |
| height: 100%; | |
| color: #fff; | |
| line-height: 22px; | |
| } | |
| .pull-down-close .pull-down:after { | |
| content: '\e663'; | |
| } | |
| /* header horizontal header widget */ | |
| .header-horizontal .header-widget { | |
| display: none; | |
| text-align: center; | |
| } | |
| .header-horizontal .header-widget .header-widget-inner { | |
| height: 100%; | |
| overflow: auto; | |
| } | |
| /* header horizontal fixed-header */ | |
| .header-horizontal .fixed-header #header { | |
| min-height: inherit; | |
| } | |
| .header-horizontal #headerwrap.fixed-header .header-bar, | |
| .header-horizontal #headerwrap.fixed-header .social-widget, | |
| .header-horizontal #headerwrap.fixed-header #searchform-wrap { | |
| display: block; | |
| } | |
| /* | |
| HEADER FULLHEIGHT | |
| ================================================ */ | |
| .header-full-height #headerwrap { | |
| height: 100vh; | |
| display: table; | |
| } | |
| .header-full-height #header { | |
| vertical-align: middle; | |
| display: table-cell; | |
| width: 100%; | |
| } | |
| .header-full-height #headerwrap.fixed-header { | |
| height: auto; | |
| } | |
| /* | |
| BOXED LAYOUT | |
| ================================================ */ | |
| .boxed-layout { | |
| background: #ddd; | |
| } | |
| .boxed-layout #pagewrap { | |
| width: 1236px; | |
| margin: 27px auto; | |
| max-width: 95%; | |
| background: #fff; | |
| position: relative; | |
| } | |
| .boxed-layout #header { | |
| padding: 2em 0 1em; | |
| } | |
| /* | |
| BOXED CONTENT | |
| ================================================ */ | |
| .boxed-content { | |
| background: #ddd; | |
| } | |
| .boxed-content .pagewidth { | |
| width: 100%; | |
| } | |
| .boxed-content .themify_builder_row .row_inner { | |
| width: 90%; | |
| margin: auto; | |
| } | |
| .boxed-content #pagewrap { | |
| width: 1234px; | |
| margin: 27px auto; | |
| position: relative; | |
| max-width: 95%; | |
| } | |
| .boxed-content #headerwrap, | |
| .boxed-content #footerwrap { | |
| background: none !important; | |
| border: none; | |
| box-shadow: none; | |
| } | |
| .boxed-content #header { | |
| padding: 1em 0 2em; | |
| } | |
| .boxed-content #body { | |
| background: #fff; | |
| padding: 3.15%; | |
| } | |
| .boxed-content.full_width #body { | |
| padding: 0; /* remove padding if full_width content */ | |
| } | |
| .boxed-content #content, | |
| .boxed-content #sidebar { | |
| padding: 0; | |
| } | |
| .boxed-content.full_width #content { | |
| padding: 0; | |
| } | |
| /* prevent transparent-header breaking boxed-content */ | |
| .boxed-content.transparent-header #headerwrap { | |
| position: static; | |
| } | |
| .boxed-content.footer-horizontal-left .back-top, | |
| .boxed-content.footer-horizontal-right .back-top, | |
| .boxed-content.footer-left-col .back-top, | |
| .boxed-content.footer-right-col .back-top { | |
| left: 30px; | |
| } | |
| /************************************************************************************ | |
| 6. PAGE | |
| *************************************************************************************/ | |
| /* page title */ | |
| .page-title { | |
| margin: 0 0 0.938em; | |
| padding: 0; | |
| font-size: 2.8em; | |
| line-height: 110%; | |
| } | |
| /* | |
| AUTHOR PAGE | |
| ================================================ */ | |
| .author-bio { | |
| margin: 0 0 2em; | |
| overflow: hidden; | |
| } | |
| .author-bio .author-avatar { | |
| float: left; | |
| margin: 0 15px 0 0; | |
| } | |
| .author-bio .author-avatar img { | |
| background: #fff; | |
| padding: 5px; | |
| border: solid 1px #ccc; | |
| } | |
| .author-bio .author-name { | |
| margin: 0 0 .5em; | |
| padding: 0; | |
| font-size: 1.6em; | |
| } | |
| .author-posts-by { | |
| margin: 0 0 1.5em; | |
| padding: 1em 0 0; | |
| font-size: 1.4em; | |
| text-transform: uppercase; | |
| border-top: solid 4px #ccc; | |
| border-color: rgba(118,118,118,.3); | |
| } | |
| /* | |
| PAGINATION | |
| ================================================ */ | |
| .pagenav { | |
| clear: both; | |
| padding-bottom: 20px; | |
| text-align: right; | |
| } | |
| .pagenav a { | |
| text-decoration: none; | |
| } | |
| .pagenav a, | |
| .pagenav span { | |
| font-size: 1.1em; | |
| font-weight: bold; | |
| display: inline-block; | |
| line-height: 100%; | |
| margin: 0 1px 0 0; | |
| min-height: 18px; | |
| min-width: 24px; | |
| padding: 6px 0 0; | |
| text-align: center; | |
| vertical-align: middle; | |
| text-decoration: none; | |
| } | |
| .pagenav a:hover { | |
| text-decoration: underline; | |
| } | |
| .pagenav .current { | |
| border-radius: 100%; | |
| border: solid 1px rgba(60,60,60,.4); | |
| padding: 5px 0 0; | |
| min-width: 30px; | |
| min-height: 25px; | |
| margin-top: 10px; | |
| } | |
| .sidebar-none .pagenav { | |
| text-align: center; | |
| } | |
| /************************************************************************************ | |
| 7. POST | |
| *************************************************************************************/ | |
| /* | |
| GENERIC POST | |
| ================================================ */ | |
| .post { | |
| margin-bottom: 5.5em; | |
| position: relative; | |
| } | |
| /* post content */ | |
| .post-content { | |
| min-width: 120px; | |
| } | |
| /* post title */ | |
| .post-title { | |
| font-family: 'Raleway', sans-serif; | |
| font-size: 3.6em; | |
| line-height: 1.5em; | |
| margin: 0 0 .45em; | |
| padding: 0; | |
| text-transform: none; | |
| letter-spacing: -.025em; | |
| } | |
| .post-title a { | |
| text-decoration: none; | |
| color: #000; | |
| } | |
| .post-title a:hover { | |
| color: #ed1e24; | |
| } | |
| /* post image */ | |
| .post-image { | |
| margin: 0 0 1.5em; | |
| } | |
| .post-image img { | |
| width: 100%; | |
| vertical-align: bottom; | |
| } | |
| .post-image.left { | |
| float: left; | |
| margin-right: 1em; | |
| } | |
| .post-image.right { | |
| float: right; | |
| margin-left: 1em; | |
| } | |
| /* lightbox zoom image */ | |
| .post-image .lightbox { | |
| display: inline-block; | |
| position: relative; | |
| max-width: 100%; | |
| } | |
| .post-image .lightbox .zoom { | |
| content: "\f002"; | |
| font-family: FontAwesome; | |
| position: absolute; | |
| color: #fff; | |
| font-size: 1.25em; | |
| font-style: normal; | |
| width: 40px; | |
| height: 40px; | |
| margin: -20px 0 0 -20px; | |
| top: 50%; | |
| left: 50%; | |
| border-radius: 100%; | |
| background-color: rgba(0,0,0,.3); | |
| } | |
| .post-image .lightbox:hover .zoom { | |
| background-color: rgba(0,0,0,.7); | |
| } | |
| /* post meta */ | |
| .post-meta { | |
| font-family: 'Sorts Mill Goudy', serif; | |
| line-height: 1.6em; | |
| margin: 0 0 .8em; | |
| padding: 0; | |
| letter-spacing: -.03em; | |
| color: #ccc; | |
| } | |
| .post-meta a { | |
| text-decoration: none; | |
| color: #5b6270; | |
| } | |
| .post-meta .post-author:after, | |
| .post-meta .post-category:after, | |
| .post-meta .post-tag:after { | |
| content: '//'; | |
| display: inline-block; | |
| margin: 0 8px; | |
| font-size: 20px; | |
| letter-spacing: -5px; | |
| opacity: .7; | |
| } | |
| .post-meta .post-comment:after { | |
| content: '\f075'; | |
| display: inline-block; | |
| margin: 0 8px; | |
| font: normal 15px/1 FontAwesome; | |
| vertical-align: text-top; | |
| color: #8f9397; | |
| font-size: .8em; | |
| } | |
| /* post date */ | |
| .post-date { | |
| margin: 0 0 .5em; | |
| display: block; | |
| } | |
| .loops-wrapper.list-post .post-date-wrap, | |
| .single-post .post-date-wrap { | |
| width: 135px; | |
| height: 135px; | |
| border-radius: 100%; | |
| margin: 0 auto 1em; | |
| } | |
| .loops-wrapper.list-post .has-post-thumbnail .post-date-wrap, | |
| .single-post .has-post-thumbnail .post-date-wrap { | |
| position: relative; | |
| margin-top: -84px; | |
| margin-bottom: 40px; | |
| } | |
| .loops-wrapper.list-post .post-date span, | |
| .single-post .post-date span { | |
| display: block; | |
| } | |
| .loops-wrapper.list-post .post-date, | |
| .single-post .post-date { | |
| color: #fff; | |
| display: block; | |
| width: 135px; | |
| height: 135px; | |
| margin: 0; | |
| border-radius: 100%; | |
| background: rgba(251,9,48,.8); | |
| text-align: center; | |
| } | |
| .loops-wrapper.list-post .post-date .day, | |
| .single-post .post-date .day { | |
| font-size: 46px; | |
| padding-top: 10px; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| margin: 0; | |
| letter-spacing: -.05em; | |
| line-height: 100%; | |
| margin-bottom: 5px; | |
| } | |
| .loops-wrapper.list-post .post-date .month, | |
| .single-post .post-date .month { | |
| font-size: 20px; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| text-transform: uppercase; | |
| padding-top: 5px; | |
| line-height: 100%; | |
| margin: 0 0 5px; | |
| } | |
| .loops-wrapper.list-post .post-date .year, | |
| .single-post .post-date .year { | |
| font-size: 17px; | |
| font-family: 'Open Sans', sans-serif; | |
| font-weight: 500; | |
| margin: 0; | |
| line-height: 100%; | |
| } | |
| .loops-wrapper.list-post .post-meta, | |
| .single-post .post-meta { | |
| margin: 0 0 2.2em; | |
| font-size: 1.2em; | |
| } | |
| .loops-wrapper.list-post .post-author, | |
| .single-post .post-author { | |
| font-size: 1.2em; | |
| } | |
| /* | |
| LIST POST | |
| ================================================ */ | |
| .loops-wrapper.list-post .post-title { | |
| margin-bottom: .8em; | |
| } | |
| /* | |
| GRID4 POST | |
| ================================================ */ | |
| .loops-wrapper.grid4 .post { | |
| width: 22.6%; | |
| margin-left: 3.2%; | |
| float: left; | |
| margin-bottom: 2.5em; | |
| } | |
| .loops-wrapper.grid4 .post-title { | |
| margin: 0 0 .8em; | |
| padding: 0; | |
| font-size: 1.2em; | |
| letter-spacing: normal; | |
| } | |
| .loops-wrapper.grid4 .post-meta { | |
| font-size: .9em; | |
| } | |
| /* | |
| GRID3 POST | |
| ================================================ */ | |
| .loops-wrapper.grid3 .post { | |
| float: left; | |
| margin-left: 3.2%; | |
| margin-bottom: 3.1em; | |
| width: 31.2%; | |
| } | |
| .loops-wrapper.grid3 .post-title { | |
| margin: 0 0 .8em; | |
| padding: 0; | |
| font-size: 1.4em; | |
| letter-spacing: normal; | |
| } | |
| /* | |
| GRID2 POST | |
| ================================================ */ | |
| .loops-wrapper.grid2 .post { | |
| float: left; | |
| margin-left: 3.2%; | |
| margin-bottom: 3.7em; | |
| width: 48.4%; | |
| } | |
| .loops-wrapper.grid2 .post-title { | |
| margin: 0 0 .8em; | |
| padding: 0; | |
| font-size: 1.9em; | |
| letter-spacing: normal; | |
| } | |
| /* | |
| GRID2-THUMB POST | |
| ================================================ */ | |
| .loops-wrapper.grid2-thumb .post { | |
| width: 48.4%; | |
| margin-left: 3.2%; | |
| float: left; | |
| } | |
| .loops-wrapper.grid2-thumb .post-title { | |
| font-size: 1.8em; | |
| } | |
| .loops-wrapper.grid2-thumb .post-image { | |
| width: 20%; | |
| float: left; | |
| margin: 0 1.6em 1.3em 0; | |
| } | |
| .loops-wrapper.grid2-thumb .post-content { | |
| overflow: hidden; | |
| min-width: 120px; | |
| } | |
| /* | |
| CLEAR GRID FLOAT | |
| ================================================ */ | |
| .loops-wrapper.grid4 .post:nth-of-type(4n+1), | |
| .loops-wrapper.grid3 .post:nth-of-type(3n+1), | |
| .loops-wrapper.grid2 .post:nth-of-type(2n+1), | |
| .loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) { | |
| margin-left: 0; | |
| clear: left; | |
| } | |
| /* | |
| LIST-THUMB-IMAGE POST | |
| ================================================ */ | |
| .loops-wrapper.list-thumb-image .post { | |
| clear: both; /* require for FF */ | |
| } | |
| .loops-wrapper.list-thumb-image .post-image { | |
| width: 20%; | |
| float: left; | |
| margin: 0 1.4em 1em 0; | |
| } | |
| .loops-wrapper.list-thumb-image .post-image img { | |
| width: 100%; | |
| } | |
| .loops-wrapper.list-thumb-image .post-content { | |
| overflow: hidden; | |
| } | |
| /* | |
| LIST-LARGE-IMAGE POST | |
| ================================================ */ | |
| .loops-wrapper.list-large-image .post-image { | |
| max-width: 70%; | |
| float: left; | |
| margin: 0 2em 1.3em 0; | |
| } | |
| /* | |
| SLIDER POST | |
| ================================================ */ | |
| .loops-wrapper.slider { | |
| position: relative; | |
| margin: 0 0 50px; | |
| } | |
| .loops-wrapper.slideshow-wrap { | |
| height: 0; /* will be toggled with js */ | |
| visibility: hidden; /* will be toggled with js */ | |
| } | |
| .loops-wrapper.slider .post { | |
| float: left; | |
| margin: 0 .12% .5em; | |
| position: relative; | |
| min-height: 40px; | |
| } | |
| .loops-wrapper.slider .post-image { | |
| width: auto; | |
| float: none; | |
| margin: 0 0 0.5em; | |
| } | |
| .loops-wrapper.slider .post-image img { | |
| width: 100%; | |
| vertical-align: bottom; | |
| } | |
| .loops-wrapper.slider .post-image .lightbox .zoom { | |
| display: none; | |
| } | |
| .loops-wrapper.slider .post-title { | |
| font-size: 1.25em; | |
| margin: 0 0 0.313em; | |
| } | |
| .loops-wrapper.slider .post-date { | |
| margin: 0; | |
| } | |
| .loops-wrapper.slider .post-content { | |
| width: 100%; | |
| min-height: 40px; | |
| padding: 15px 5%; | |
| margin: 0 auto; | |
| font-size: .9em; | |
| line-height: 1.5em; | |
| text-align: center; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .loops-wrapper.slider.overlay .post-image + .post-content { | |
| top: 100%; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| position: absolute; | |
| overflow: hidden; | |
| height: 100%; | |
| padding: 5%; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-transition: all .3s ease-in-out; | |
| -moz-transition: all .3s ease-in-out; | |
| -o-transition: all .3s ease-in-out; | |
| transition: all .3s ease-in-out; | |
| } | |
| .loops-wrapper.slider.overlay .post-image + .post-content a { | |
| color: #fff; | |
| } | |
| .loops-wrapper.slider.overlay .post:hover .post-content { | |
| top: 0; | |
| background-color: #000; | |
| background-color: rgba(0,0,0,.7); | |
| color: #ddd; | |
| } | |
| .loops-wrapper.slider.no-gutter .post { | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| /* reset slider shortcode in framework css */ | |
| .shortcode.post-slider .carousel-prev, | |
| .shortcode.slider .carousel-prev, | |
| .shortcode.post-slider .carousel-next, | |
| .shortcode.slider .carousel-next { | |
| border-radius: 0; | |
| border: 0; | |
| text-shadow: none; | |
| margin: 0; | |
| box-shadow: none; | |
| background-image: none; | |
| } | |
| /* slider carousel controls */ | |
| .loops-wrapper.slider .carousel-wrap { | |
| position: relative; | |
| } | |
| .loops-wrapper.slider .carousel-nav-wrap { | |
| width: 20%; /* fallback, real is calculated by js counting dots */ | |
| min-width: 180px; | |
| position: relative; | |
| margin: 1em auto 0; | |
| } | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-prev, | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-next { | |
| position: absolute; | |
| bottom: 50%; | |
| margin-bottom: -9px; | |
| display: block; | |
| float: left; | |
| font-size: 0; | |
| text-indent: -900em; | |
| text-decoration: none; | |
| color: #4e4e4e; | |
| width: 20px; | |
| height: 18px; | |
| -webkit-transition: all .2s ease-in-out; | |
| -moz-transition: all .2s ease-in-out; | |
| -o-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| } | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-prev { | |
| left: 0; | |
| } | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-next { | |
| right: 0; | |
| } | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover, | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover { | |
| color: #000; | |
| } | |
| /* carousel prev/next arrow */ | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-next:before, | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before { | |
| width: 100%; | |
| text-align: center; | |
| content: '\e649'; | |
| font-family: 'themify'; | |
| display: block; | |
| font-style: normal; | |
| font-weight: normal; | |
| text-decoration: none; | |
| text-align: center; | |
| font-size: 22px; | |
| line-height: 100%; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before { | |
| content: '\e64a'; | |
| } | |
| /* carousel pager */ | |
| .loops-wrapper.slider .carousel-pager { | |
| clear: both; | |
| text-align: center; | |
| line-height: 100%; | |
| width: auto; | |
| } | |
| .loops-wrapper.slider .carousel-pager a { | |
| text-indent: -900em; | |
| width: 6px; | |
| height: 6px; | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin: 0 3px; | |
| background: #4e4e4e; | |
| background: rgba(0,0,0,.5); | |
| border: solid 1px #4e4e4e; | |
| border-radius: 100%; | |
| cursor: pointer; | |
| } | |
| .loops-wrapper.slider .carousel-pager a.selected { | |
| background: #fff; | |
| border-color: #4c4c4c; | |
| width: 12px; | |
| height: 12px; | |
| } | |
| /* | |
| OVERLAY POST | |
| ================================================ */ | |
| .loops-wrapper.overlay .post-image + .post-content, | |
| .loops-wrapper.polaroid .post-image + .post-content { | |
| background-color: #000; | |
| background-color: rgba(0,0,0,.7); | |
| color: #fff; | |
| top:100%; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| position: absolute; | |
| overflow: hidden; | |
| height: 100%; | |
| padding: 5%; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-transition: all .3s ease-in-out; | |
| -moz-transition: all .3s ease-in-out; | |
| -o-transition: all .3s ease-in-out; | |
| transition: all .3s ease-in-out; | |
| } | |
| .loops-wrapper.overlay .post-image + .post-content a, | |
| .loops-wrapper.polaroid .post-image + .post-content a { | |
| color: #fff; | |
| } | |
| .loops-wrapper.overlay .post:hover .post-content, | |
| .loops-wrapper.polaroid .post:hover .post-content { | |
| top: 0 !important; | |
| } | |
| .loops-wrapper.overlay .post:hover .post-image, | |
| .loops-wrapper.polaroid .post:hover .post-image { | |
| -webkit-transform: scale(1.1); | |
| -moz-transform: scale(1.1); | |
| transform: scale(1.1); | |
| } | |
| .loops-wrapper.overlay .post-image, | |
| .loops-wrapper.polaroid .post-image, | |
| .loops-wrapper.polaroid .post-meta { | |
| margin-bottom: 0; | |
| } | |
| /* | |
| POLAROID POST | |
| ================================================ */ | |
| .loops-wrapper.polaroid .post-image + .post-content { | |
| top: 75%; | |
| } | |
| .loops-wrapper.slider.polaroid .post-image + .post-content { | |
| top: 60%; | |
| } | |
| .loops-wrapper.polaroid .disp-cell.valignmid { | |
| vertical-align: top; | |
| } | |
| .loops-wrapper.polaroid .post, .loops-wrapper.overlay .post { | |
| overflow: hidden; | |
| } | |
| /* | |
| NO-GUTTER POST | |
| ================================================ */ | |
| .loops-wrapper.no-gutter.grid4 { | |
| margin: 0 0 3em; | |
| } | |
| .loops-wrapper.no-gutter.grid4 .post { | |
| margin: 0; | |
| width: 25%; | |
| } | |
| .loops-wrapper.no-gutter.grid3 .post { | |
| margin: 0; | |
| width: 33.33%; | |
| } | |
| .loops-wrapper.no-gutter.grid2 .post { | |
| width: 50%; | |
| margin: 0; | |
| } | |
| .loops-wrapper.no-gutter.list-post .post { | |
| padding: 0; | |
| width: 100%; | |
| } | |
| /* | |
| GENERAL POST STYLING | |
| ================================================ */ | |
| .loops-wrapper .post { | |
| text-align: center; /* make archive post view text center */ | |
| } | |
| .loops-wrapper .post-image { | |
| margin-bottom: 1.4em; | |
| position: relative; | |
| -webkit-transition: all .3s ease-in-out; | |
| -moz-transition: all .3s ease-in-out; | |
| -o-transition: all .3s ease-in-out; | |
| transition: all .3s ease-in-out; | |
| } | |
| /* required for making post content vertical alignment */ | |
| .disp-table { | |
| display: table; | |
| width:100%; | |
| height:100%; | |
| } | |
| .disp-row { | |
| display: table-row; | |
| } | |
| .disp-cell { | |
| width: 100%; | |
| display: table-cell; | |
| text-align: center; | |
| } | |
| .disp-cell.valignmid { | |
| vertical-align: middle; | |
| } | |
| /************************************************************************************ | |
| AUTHOR BOX | |
| *************************************************************************************/ | |
| .author-box { | |
| margin: 5.5em 0; | |
| border: none; | |
| } | |
| .author-box .author-avatar { | |
| float: left; | |
| margin: 0 2em .3em 0; | |
| } | |
| .author-box .author-name { | |
| margin: 0 0 .3em; | |
| } | |
| /************************************************************************************ | |
| POST PAGINATION (the <nextpage> tag) | |
| *************************************************************************************/ | |
| .post-pagination { | |
| text-align: right; | |
| margin: .5em 0 2em; | |
| } | |
| .post-pagination strong { | |
| margin-right: 3px; | |
| } | |
| .post-pagination a { | |
| margin-left: 3px; | |
| margin-right: 3px; | |
| } | |
| /************************************************************************************ | |
| POST NAVIGATION | |
| *************************************************************************************/ | |
| .post-nav { | |
| margin: 0 0 4.9em; | |
| padding: 0; | |
| clear: both; | |
| } | |
| .post-nav .prev, | |
| .post-nav .next { | |
| width: 47%; | |
| position: relative; | |
| box-sizing: border-box; | |
| } | |
| .post-nav .prev { | |
| float: left; | |
| padding-left: 3.2em; | |
| } | |
| .post-nav .next { | |
| float: right; | |
| text-align: right; | |
| padding-right: 3.2em; | |
| } | |
| /* post nav link */ | |
| .post-nav a { | |
| color: #000; | |
| display: block; | |
| font-size: 1.5em; | |
| letter-spacing: -.005em; | |
| text-decoration: none; | |
| } | |
| .post-nav a:hover { | |
| text-decoration: none; | |
| } | |
| /* post nav arrow */ | |
| .post-nav .arrow { | |
| display: block; | |
| width: auto; | |
| float: left; | |
| height: 1em; | |
| text-align: center; | |
| text-decoration: none; | |
| color: #ed1e24; | |
| } | |
| .post-nav .next .arrow { | |
| float: right; | |
| } | |
| .post-nav .next .arrow:before, | |
| .post-nav .prev .arrow:before { | |
| font-family: 'themify'; | |
| font-size: 1.7em; | |
| color: inherit; | |
| top: 0; | |
| position: absolute; | |
| font-style: normal; | |
| font-weight: normal; | |
| text-decoration: none; | |
| } | |
| .post-nav .next .arrow:before { | |
| content: "\e661"; | |
| } | |
| .post-nav .prev .arrow:before { | |
| content: "\e662"; | |
| } | |
| .post-nav .prev .arrow:before { | |
| left: 0; | |
| } | |
| .post-nav .next .arrow:before { | |
| right: 0; | |
| } | |
| .post-nav a:hover span { | |
| color: #ed1e24; | |
| } | |
| .post-nav .prev a:hover span:before { | |
| -webkit-animation: arrow-prev 1s infinite;/* Chrome, Safari, Opera */ | |
| -webkit-animation-timing-function: linear;/* Chrome, Safari, Opera */ | |
| animation: arrow-prev 1s infinite; | |
| animation-timing-function: linear; | |
| } | |
| .post-nav .next a:hover span:before { | |
| -webkit-animation: arrow-next 1s infinite; /* Chrome, Safari, Opera */ | |
| -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */ | |
| animation: arrow-next 1s infinite; | |
| animation-timing-function: linear; | |
| } | |
| /* post nav animation */ | |
| @-webkit-keyframes arrow-prev { | |
| 0% {left: 0;} | |
| 50% {left: -10px;} | |
| 100% {left: 0;} | |
| } | |
| @keyframes arrow-prev { | |
| 0% {left: 0;} | |
| 50% {left: -10px;} | |
| 100% {left: 0;} | |
| } | |
| @-webkit-keyframes arrow-next { | |
| 0% {right: 0;} | |
| 50% {right: -10px;} | |
| 100% {right: 0;} | |
| } | |
| @keyframes arrow-next { | |
| 0% {right: 0;} | |
| 50% {right: -10px;} | |
| 100% {right: 0;} | |
| } | |
| /************************************************************************************ | |
| COMMENTS | |
| *************************************************************************************/ | |
| .commentwrap { | |
| margin: 2.9em 0 1.25em; | |
| position: relative; | |
| clear: both; | |
| } | |
| /* comment title */ | |
| .comment-title, | |
| .comment-reply-title { | |
| font-size: 1.7em; | |
| margin: 0 0 .8em; | |
| padding: 0; | |
| font-family: 'Raleway', sans-serif; | |
| font-weight: 500; | |
| letter-spacing: .015em; | |
| } | |
| /* comment pagenav */ | |
| .commentwrap .pagenav { | |
| margin: 10px 0; | |
| border: none; | |
| box-shadow: none; | |
| } | |
| .commentwrap .pagenav.top { | |
| margin: 0; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| } | |
| /* commentlist */ | |
| .commentlist { | |
| margin: 0 0 2em; | |
| } | |
| .commentlist li { | |
| margin: 0; | |
| padding: 1.1em 0 0; | |
| list-style: none; | |
| position: relative; | |
| } | |
| .commentlist .comment-author { | |
| margin: .2em 0 1.5em; | |
| padding: 0; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| } | |
| .commentlist .avatar { | |
| margin: 0 15px 0 0; | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .commentlist cite { | |
| font-style: normal; | |
| font-size: 1.5em; | |
| vertical-align: middle; | |
| } | |
| .commentlist cite a { | |
| text-decoration: none; | |
| } | |
| .commentlist cite:after { | |
| content: '//'; | |
| display: inline-block; | |
| margin: 0 .1em 0 .3em; | |
| font-size: 16px; | |
| } | |
| .commentlist .bypostauthor > .comment-author cite:before { | |
| content: '\f02e'; | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| text-decoration: none; | |
| margin-right: 12px; | |
| } | |
| .commentlist br { | |
| display: none; | |
| } | |
| .commentlist .comment-time { | |
| font-size: 1em; | |
| vertical-align: middle; | |
| } | |
| .commentlist .commententry { | |
| position: relative; | |
| min-height: 3em; | |
| overflow: hidden; | |
| padding-bottom: .7em; | |
| word-wrap: break-word; | |
| } | |
| .commentlist ul, | |
| .commentlist ol { | |
| margin: 0 0 0 10%; | |
| padding: 0; | |
| } | |
| /* reply link */ | |
| .commentlist .reply { | |
| position: absolute; | |
| right: 0; | |
| top: 1.2em; | |
| } | |
| .commentlist .comment-reply-link { | |
| font-size: 1em; | |
| text-transform: uppercase; | |
| text-decoration: none; | |
| border: 1px solid; | |
| padding: .15em 0.9em .2em; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .commentlist .comment-reply-link:hover { | |
| background: #ed1e24; | |
| color: #fff; | |
| border-color: #ed1e24; | |
| } | |
| /* | |
| COMMENT FORM | |
| ================================================ */ | |
| #respond { | |
| margin: 0; | |
| padding: .8em 0 0; | |
| position: relative; | |
| clear: both; | |
| } | |
| #respond #cancel-comment-reply-link { | |
| position: absolute; | |
| top: 1em; | |
| right: 0; | |
| font-size: .8em; | |
| line-height: 100%; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| padding: .6em .9em .6em; | |
| display: block; | |
| color: #fff; | |
| background: #e41d24; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| font-family: 'Raleway', sans-serif; | |
| font-weight: 500; | |
| } | |
| #respond #cancel-comment-reply-link:hover { | |
| background: #fb4e55; | |
| } | |
| #commentform { | |
| margin: 1.7em 0 0; | |
| } | |
| /************************************************************************************ | |
| RELATED POSTS | |
| *************************************************************************************/ | |
| .related-posts { | |
| overflow: hidden; | |
| border-top: 1px solid #ddd; | |
| margin: 0 0 1.6em; | |
| } | |
| .related-posts .post { | |
| width: 32%; | |
| float: left; | |
| margin: 0 0 3% 2%; | |
| clear: none; | |
| } | |
| .related-posts .post:nth-of-type(3n+1) { | |
| margin-left: 0; | |
| } | |
| .related-posts .related-title { | |
| margin: 0 0 2em; | |
| padding: 1em 0 0; | |
| font-size: 1.6em; | |
| text-transform: uppercase; | |
| color: #000; | |
| letter-spacing: normal; | |
| } | |
| .related-posts .post-image { | |
| margin: 0 0 1em 0; | |
| min-width: 0; | |
| } | |
| .related-posts .post-meta { | |
| margin: 0 0 .7em; | |
| font-size: .9em; | |
| } | |
| .related-posts .post-meta .post-category:after { | |
| display: none; | |
| } | |
| .related-posts .post-content { | |
| overflow: hidden; | |
| } | |
| .related-posts .post-title { | |
| font-size: 1.2em; | |
| margin: 0 0 1em; | |
| line-height: normal; | |
| font-weight: normal; | |
| } | |
| /************************************************************************************ | |
| INFINITE SCROLL | |
| *************************************************************************************/ | |
| /* disable CSS transitions for containers with infinite scrolling*/ | |
| .isotope.infinite-scrolling { | |
| -webkit-transition: none; | |
| -moz-transition: none; | |
| -ms-transition: none; | |
| -o-transition: none; | |
| transition: none; | |
| } | |
| #load-more { | |
| clear: both; | |
| padding: 50px 0; | |
| right: 44%; | |
| text-align: center; | |
| } | |
| .load-more-button { | |
| padding: 14px 28px; | |
| text-decoration: none; | |
| display: inline-block; | |
| zoom:1; | |
| *display:inline; | |
| } | |
| #infscr-loading { | |
| position: fixed; | |
| text-align: center; | |
| bottom: 50px; | |
| left: 0; | |
| width: 100%; | |
| z-index: 100; | |
| overflow: hidden; | |
| } | |
| #infscr-loading img { | |
| padding: 8px; | |
| border-radius: 9em; | |
| } | |
| /************************************************************************************ | |
| MASONRY LAYOUT | |
| *************************************************************************************/ | |
| .masonry-done.loops-wrapper.grid4 .type-post, | |
| .masonry-done.loops-wrapper.grid3 .type-post, | |
| .masonry-done.loops-wrapper.grid2 .type-post, | |
| .masonry-done.loops-wrapper.grid4 .type-portfolio, | |
| .masonry-done.loops-wrapper.grid3 .type-portfolio, | |
| .masonry-done.loops-wrapper.grid2 .type-portfolio { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .masonry-enabled .list-post .grid-sizer { | |
| width: 100%; | |
| } | |
| .masonry-enabled .list-post .gutter-sizer{ | |
| width: 0%; | |
| } | |
| .masonry-enabled .grid4 .grid-sizer { | |
| width: 22.6%; | |
| } | |
| .masonry-enabled .grid3 .grid-sizer { | |
| width: 31.2%; | |
| } | |
| .masonry-enabled .grid2 .grid-sizer { | |
| width: 48.4%; | |
| } | |
| .masonry-enabled .gutter-sizer{ | |
| width: 3.19%; | |
| } | |
| .masonry-enabled .grid4.no-gutter .grid-sizer { | |
| width: 25%; | |
| } | |
| .masonry-enabled .grid3.no-gutter .grid-sizer { | |
| width: 33.333333333%; | |
| } | |
| .masonry-enabled .grid2.no-gutter .grid-sizer { | |
| width: 50%; | |
| } | |
| .masonry-enabled .no-gutter .gutter-sizer{ | |
| width: 0%; | |
| } | |
| /************************************************************************************ | |
| POST VIDEO (css for fluid video) | |
| *************************************************************************************/ | |
| .post-video, | |
| .embed-youtube { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| height: 0; | |
| overflow: hidden; | |
| margin-bottom: 15px; | |
| } | |
| .post-video iframe, | |
| .post-video object, | |
| .post-video embed, | |
| .embed-youtube iframe, | |
| .embed-youtube object, | |
| .embed-youtube embed { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| /************************************************************************************ | |
| 7.1 PORTFOLIO POST TYPE | |
| *************************************************************************************/ | |
| .project-date, | |
| .project-client, | |
| .project-services, | |
| .project-view { | |
| border-left: 1px solid #e5e5e5; | |
| color: #ed1e24; | |
| display: inline-block; | |
| font-size: 1.3em; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| padding: 0 1em; | |
| margin: 0 1em; | |
| } | |
| .project-date strong, | |
| .project-client strong, | |
| .project-services strong, | |
| .project-view strong { | |
| color: #000; | |
| display: block; | |
| font-size: .6em; | |
| font-family: 'Raleway', sans-serif; | |
| font-weight: 500; | |
| letter-spacing: .1em; | |
| margin-bottom: .2em; | |
| text-transform: uppercase; | |
| } | |
| .project-client { | |
| border-left: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .single-portfolio .project-meta { | |
| margin-bottom: 90px; | |
| } | |
| .single-portfolio .post-image { | |
| margin: 0 0 3em; | |
| } | |
| .featured-area img { | |
| width: 100%; | |
| } | |
| /* Post Filter */ | |
| .post-filter { | |
| text-align: center; | |
| margin-bottom: 2em; | |
| } | |
| .post-filter li { | |
| display: inline-block; | |
| margin: 0 10px; | |
| } | |
| .post-filter li a { | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| position: relative; | |
| font-weight: bold; | |
| letter-spacing: 1px; | |
| font-size: .9em; | |
| } | |
| .post-filter li a:after { | |
| content: "\e646"; | |
| font-family: "themify"; | |
| font-weight: bold; | |
| left: 50%; | |
| position: absolute; | |
| top: 17px; | |
| font-size: .6625em; /* 9/16 */ | |
| margin-left: -.5em; | |
| opacity: 0; | |
| -webkit-transition: all .3s ease; | |
| -moz-transition: all .3s ease; | |
| -o-transition: all .3s ease; | |
| transition: all .3s ease; | |
| } | |
| .post-filter li:hover > a { | |
| opacity: 1; | |
| } | |
| .post-filter li.active a { | |
| position: relative; | |
| opacity: 1; | |
| } | |
| .post-filter li.active a:after { | |
| opacity: 1; | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| /************************************************************************************ | |
| 8. SIDEBAR | |
| *************************************************************************************/ | |
| .widget { | |
| margin: 0 0 3.5em; | |
| } | |
| .widgettitle { | |
| margin: 0 0 1.4em; | |
| padding: 0; | |
| font-size: 1.2em; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| line-height: 1.3em; | |
| letter-spacing: .09em; | |
| } | |
| .widget ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .widget li { | |
| margin: 0; | |
| padding: .4em 0; | |
| list-style: none; | |
| clear: both; | |
| } | |
| .widget ul ul { | |
| margin: .6em 0 -.6em 0; | |
| padding: 0; | |
| } | |
| .widget ul ul li { | |
| margin: 0; | |
| padding-left: 1em; | |
| } | |
| /************************************************************************************ | |
| 8.1 WIDGET STYLES | |
| *************************************************************************************/ | |
| /* calendar widget */ | |
| .widget #wp-calendar caption { | |
| font-weight: bold; | |
| padding-bottom: 10px; | |
| } | |
| .widget #wp-calendar td { | |
| width: 31px; | |
| padding: 4px 2px; | |
| text-align: center; | |
| } | |
| /* feature posts widget */ | |
| .widget .feature-posts-list li { | |
| padding: 0; | |
| margin: 0 0 1.5em; | |
| } | |
| .widget .feature-posts-list br { | |
| display: none; | |
| } | |
| .widget .feature-posts-list .post-img { | |
| margin: 0 1.2em 1em 0; | |
| float: left; | |
| } | |
| .widget .feature-posts-list small { | |
| font-family: 'Sorts Mill Goudy', serif; | |
| font-style: italic; | |
| font-size: 1em; | |
| display: block; | |
| margin: 0 0 .3em; | |
| } | |
| .widget .feature-posts-list .feature-posts-title { | |
| margin: 0 0 .4em; | |
| display: inherit; | |
| font-size: 1.1em; | |
| line-height: 1.3em; | |
| color: inherit; | |
| text-decoration: none; | |
| letter-spacing: .02em; | |
| } | |
| .widget .feature-posts-list .post-excerpt { | |
| display: block; | |
| overflow: hidden; | |
| } | |
| /* twitter widget */ | |
| .widget .twitter-list li { | |
| padding: 0; | |
| margin: 0 0 1.5em; | |
| } | |
| .widget .twitter-list .twitter-timestamp { | |
| display: block; | |
| padding-top: .1em; | |
| } | |
| .widget .follow-user { | |
| margin: 0; | |
| padding: .5em 0; | |
| } | |
| /* links widget */ | |
| .widget .links-list img, .widget_links img { | |
| vertical-align: middle; | |
| } | |
| /* recent comments widget */ | |
| .recent-comments-list .avatar { | |
| margin-right: 1.2em; | |
| float: left; | |
| } | |
| /* flickr widget */ | |
| .widget .flickr_badge_image { | |
| display: inline-block; | |
| } | |
| .widget .flickr_badge_image img { | |
| width: 90px; | |
| height: 90px; | |
| display: inline-block; | |
| } | |
| /* search widget */ | |
| #sidebar #searchform { | |
| position: static; | |
| } | |
| #sidebar #searchform #s { | |
| width: 93%; | |
| } | |
| /* add white bg to facebook badge iframe */ | |
| iframe[src*="facebook"] { | |
| background: #fff; | |
| } | |
| /* reset twitter embed max-width to 100% */ | |
| #content .twitter-tweet-rendered { | |
| max-width: 100% !important; | |
| } | |
| #content .twt-border { | |
| max-width: 100% !important; | |
| min-width: 180px !important; | |
| } | |
| /************************************************************************************ | |
| 9. FOOTER | |
| *************************************************************************************/ | |
| #footerwrap { | |
| clear: both; | |
| border-top: 1px solid rgba(0,0,0,.1); | |
| text-align: center; | |
| padding: 3.2em 0 2em;; | |
| } | |
| #footer { | |
| font-size: .95em; | |
| } | |
| /* back to arrow */ | |
| .back-top { | |
| margin: 0 auto; | |
| margin-bottom: .6em; | |
| text-align: center; | |
| width: 200px; | |
| } | |
| .back-top .arrow-up a { | |
| display: inline-block; | |
| position: relative; | |
| bottom: 0; | |
| z-index: 10; | |
| color: inherit; | |
| -webkit-transition: all .5s; | |
| -moz-transition: all .5s; | |
| transition: all .5s; | |
| } | |
| .back-top:hover .arrow-up a { | |
| text-decoration: none; | |
| bottom: 25px; | |
| } | |
| .back-top a:before { | |
| font-size: 3.5em; | |
| content: "\e648"; | |
| font-family: 'themify'; | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| /* footer logo */ | |
| #footer-logo { | |
| font-size: 3.65em; | |
| text-transform: uppercase; | |
| padding: 0; | |
| margin: 0 0 .8em; | |
| letter-spacing: .06em; | |
| } | |
| #footer-logo a { | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| /* footer social-widget */ | |
| #footer .social-widget { | |
| padding-bottom: 1.6em; | |
| margin: 0; | |
| } | |
| #footer .social-widget .widget { | |
| margin: 0; | |
| } | |
| #footer .social-links li { | |
| margin: 0 1px 0 5px; | |
| } | |
| #footer .social-links li.large i { | |
| font-size: 19px; | |
| padding: 6px; | |
| width: 20px; | |
| height: 20px; | |
| margin: 0; | |
| } | |
| /* footer nav */ | |
| .footer-nav { | |
| margin: .5em 0 1em; | |
| padding: 0; | |
| } | |
| .footer-nav li { | |
| display: inline-block; | |
| padding: 0; | |
| margin: 0; | |
| list-style: none; | |
| } | |
| .footer-nav a { | |
| text-decoration: none; | |
| color: inherit; | |
| margin: 0 1em .8em 0; | |
| } | |
| .footer-horizontal-left .footer-nav a, | |
| .footer-left-col .footer-nav a { | |
| margin: 0 0 .5em .8em; | |
| } | |
| .footer-horizontal-right .footer-nav a, | |
| .footer-right-col .footer-nav a { | |
| margin: 0 .8em 1em 0; | |
| padding: 0; | |
| } | |
| /* footer text */ | |
| .footer-text { | |
| clear: both; | |
| padding: 0 0 1.5em; | |
| line-height: 1.8em; | |
| font: italic .9em/1.4em 'Sorts Mill Goudy', serif; | |
| } | |
| .footer-text a { | |
| color: #5b6270; | |
| } | |
| /* footer widget */ | |
| #footer .widget { | |
| margin: 2.5em 0 1.5em; | |
| } | |
| /* FOOTER HORIZONTAL LEFT | |
| ================================================ */ | |
| .footer-horizontal-left #footer, | |
| .footer-horizontal-right #footer, | |
| .footer-left-col #footer, | |
| .footer-right-col #footer { | |
| position: relative; | |
| } | |
| .footer-horizontal-left #footer, | |
| .footer-horizontal-right #footer { | |
| text-align: left; | |
| } | |
| .footer-horizontal-left .back-top, | |
| .footer-horizontal-right .back-top, | |
| .footer-left-col .back-top, | |
| .footer-right-col .back-top { | |
| position: absolute; | |
| left: 0; | |
| top: -89px; | |
| width: 60px; | |
| margin: 0; | |
| } | |
| .footer-horizontal-left .back-top .arrow-up a, | |
| .footer-horizontal-right .back-top .arrow-up a, | |
| .footer-left-col .back-top .arrow-up a, | |
| .footer-right-col .back-top .arrow-up a { | |
| background: #ED1E24; | |
| color: #fff; | |
| width: 60px; | |
| height: 25px; | |
| line-height: 100%; | |
| padding-top: 10px; | |
| } | |
| .footer-horizontal-left .back-top a:before, | |
| .footer-horizontal-right .back-top a:before, | |
| .footer-left-col .back-top a:before, | |
| .footer-right-col .back-top a:before { | |
| content: "\e648"; | |
| font-size: 1.7em; | |
| } | |
| .footer-horizontal-left .back-top:hover .arrow-up a, | |
| .footer-horizontal-right .back-top:hover .arrow-up a, | |
| .footer-left-col .back-top:hover .arrow-up a, | |
| .footer-right-col .back-top:hover .arrow-up a { | |
| bottom: 0; | |
| } | |
| .footer-horizontal-left .back-top .arrow-up:hover a, | |
| .footer-horizontal-right .back-top .arrow-up:hover a, | |
| .footer-left-col .back-top .arrow-up:hover a, | |
| .footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| .footer-horizontal-left .footer-left-col, | |
| .footer-horizontal-left .footer-right-col { | |
| margin-left: 3.2%; | |
| float: left; | |
| } | |
| .footer-horizontal-left .footer-left-col.first, | |
| .footer-horizontal-left .footer-right-col.first { | |
| margin-left: 0; | |
| clear: left; | |
| } | |
| .footer-horizontal-left .footer-left-col, | |
| .footer-horizontal-right .footer-left-col { | |
| width: 22.6%; | |
| } | |
| .footer-horizontal-left .footer-right-col, | |
| .footer-horizontal-right .footer-right-col { | |
| width: 74.2%; | |
| } | |
| .footer-horizontal-left #footer .footer-nav, | |
| .footer-horizontal-right #footer .footer-nav { | |
| float: left; | |
| margin: 0; | |
| } | |
| /* FOOTER HORIZONTAL RIGHT | |
| ================================================ */ | |
| .footer-horizontal-right .footer-left-col, | |
| .footer-horizontal-right .footer-right-col { | |
| margin-right: 3.2%; | |
| float: right; | |
| } | |
| .footer-horizontal-right .footer-left-col.first, | |
| .footer-horizontal-right .footer-right-col.first { | |
| margin-right: 0; | |
| clear: right; | |
| } | |
| /* FOOTER LEFT COL | |
| ================================================ */ | |
| .footer-left-col #footer { | |
| text-align: left; | |
| } | |
| .footer-left-col .main-col, | |
| .footer-left-col .section-col { | |
| margin-left: 3.2%; | |
| float: left; | |
| } | |
| .footer-left-col .main-col.first { | |
| margin-left: 0; | |
| clear: left; | |
| } | |
| .footer-left-col .main-col, | |
| .footer-right-col .main-col { | |
| width: 22.6%; | |
| } | |
| .footer-left-col .section-col, | |
| .footer-right-col .section-col { | |
| width: 74.2%; | |
| } | |
| .footer-left-col #footer .widget, | |
| .footer-right-col #footer .widget { | |
| margin: 0 0 4em; | |
| } | |
| .footer-left-col #footer .social-widget .widget, | |
| .footer-right-col #footer .social-widget .widget { | |
| margin: 0; | |
| } | |
| .footer-horizontal-left #footer-logo, | |
| .footer-horizontal-right #footer-logo, | |
| .footer-left-col #footer-logo, | |
| .footer-right-col #footer-logo { | |
| font-size: 2.4em; | |
| } | |
| .footer-left-col .footer-text, | |
| .footer-right-col .footer-text { | |
| padding-top: .9em; | |
| } | |
| /* FOOTER RIGHT COL | |
| ================================================ */ | |
| .footer-right-col #footerwrap { | |
| text-align: inherit; | |
| } | |
| .footer-right-col .main-col, | |
| .footer-right-col .section-col { | |
| margin-right: 3.2%; | |
| float: right; | |
| } | |
| .footer-right-col .main-col.first { | |
| margin-right: 0; | |
| clear: right; | |
| } | |
| /************************************************************************************ | |
| NICESCROLL | |
| *************************************************************************************/ | |
| .nicescroll-rails > div { | |
| width: 2px !important; | |
| background-color: rgba(120,120,120,.4) !important; | |
| } | |
| /************************************************************************************ | |
| HEADER SLIDER | |
| *************************************************************************************/ | |
| #headerwrap.header-gallery-ready { | |
| background: none; | |
| position: absolute !important; | |
| } | |
| #headerwrap.fixed-header.header-gallery-ready { | |
| position: fixed !important; | |
| } | |
| /* gallery controller */ | |
| #gallery-controller { | |
| width: 100px; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| height: 0; | |
| visibility: hidden; | |
| position: absolute; | |
| left: 0; | |
| width: 100%; | |
| top: 0; | |
| z-index: -1; | |
| height: 100% !important; | |
| } | |
| #gallery-controller .carousel-wrap { | |
| position: absolute !important; | |
| top: auto; | |
| bottom: 20px; | |
| left: 50%; | |
| width: 100px; | |
| margin-left: -50px; | |
| z-index: 2; | |
| } | |
| /* slider general style */ | |
| #gallery-controller .slider { | |
| padding-bottom: 10px; | |
| display: inline-block; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #gallery-controller .slider .slides { | |
| margin: 0; | |
| padding: 0; | |
| line-height: 84%; | |
| text-align: center !important; | |
| } | |
| #gallery-controller .slider .slides li { | |
| list-style: none; | |
| float: left; | |
| display: inline-block; | |
| margin: 0 auto; | |
| } | |
| #gallery-controller .slider-dot { | |
| width: 10px; | |
| height: 10px; | |
| display: block; | |
| margin: 0 auto; | |
| border-radius: 1em; | |
| background: #fff; | |
| border: solid 2px transparent; | |
| } | |
| #gallery-controller li:hover .slider-dot, | |
| #gallery-controller .current-slide .slider-dot { | |
| background: transparent; | |
| border: solid 2px #fff; | |
| } | |
| /* carousel nav */ | |
| #gallery-controller .slider .carousel-nav-wrap { | |
| text-align: center; | |
| margin: 10px 0 5px; | |
| } | |
| #gallery-controller .slider .carousel-arrow { | |
| display: inline-block; | |
| z-index: 100; | |
| } | |
| #gallery-controller .carousel-nav-wrap a { | |
| text-indent: -999em; | |
| line-height: 1em; | |
| margin: -21px 0 0; | |
| width: 42px; | |
| height: 42px; | |
| text-decoration: none; | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| } | |
| #gallery-controller a.carousel-next { | |
| right: 0; | |
| left: auto; | |
| } | |
| #gallery-controller .carousel-nav-wrap a:before { | |
| font: normal 42px/1em Themify; | |
| color: #fff; | |
| text-indent: 0; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| width: 1em; | |
| height: 1em; | |
| margin: -.5em 0 0 -.5em; | |
| } | |
| #gallery-controller a.carousel-prev:before { | |
| content: "\e64a"; | |
| } | |
| #gallery-controller a.carousel-next:before { | |
| content: "\e649"; | |
| } | |
| #gallery-controller .carousel-nav-wrap a:hover:before { | |
| font-size: 52px; | |
| } | |
| /* carousel pager */ | |
| #gallery-controller .carousel-pager { | |
| clear: both; | |
| text-align: center; | |
| margin: 10px 0; | |
| } | |
| #gallery-controller .carousel-pager a { | |
| text-indent: -900em; | |
| width: 12px; | |
| height: 12px; | |
| margin: 0 5px; | |
| background: #fff; | |
| border-radius: 10em; | |
| cursor: pointer; | |
| display: inline-block; | |
| zoom:1; | |
| *display:inline; | |
| box-shadow: 0 0 0 2px rgba(255,255,255,0); | |
| } | |
| #gallery-controller .carousel-pager a.selected { | |
| background: none; | |
| box-shadow: 0 0 0 2px rgba(255,255,255,1); | |
| } | |
| .header-horizontal #gallery-controller .slider .carousel-nav-wrap, | |
| .header-leftpane #gallery-controller .slider .carousel-nav-wrap, | |
| .header-minbar #gallery-controller .slider .carousel-nav-wrap, | |
| .header-horizontal #gallery-controller .slider-dot, | |
| .header-leftpane #gallery-controller .slider-dot, | |
| .header-minbar #gallery-controller .slider-dot { | |
| display: none; | |
| } | |
| .fixed-header-on #gallery-controller .slider .carousel-nav-wrap, | |
| .fixed-header-on #gallery-controller .slider-dot { | |
| display: none; | |
| } | |
| /************************************************************************************ | |
| 10. BUILDER STYLING | |
| *************************************************************************************/ | |
| /* builder row */ | |
| .full_width .themify_builder_row.fullwidth .row_inner { | |
| width: auto; | |
| max-width: 100%; | |
| padding: 0; | |
| } | |
| /* module title */ | |
| .themify_builder_content .module-title { | |
| margin: 1.4em 0 1.6em; | |
| padding: 1em 0 0; | |
| font-size: 1.4em; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| /* image module */ | |
| .module-image.image-top .image-wrap { | |
| width: 100%; | |
| } | |
| .module-image.image-top img { | |
| width: 100%; | |
| } | |
| /* map module */ | |
| .module-map { | |
| margin-bottom: 0; | |
| } | |
| /* themify-icon shortcode */ | |
| .shortcode.themify-icon .themify-icon-icon { | |
| font-size: 1.3em; | |
| } | |
| /* shorcode button */ | |
| a.shortcode.button { | |
| font-size: 1.05em; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| border-radius: 2px; | |
| } | |
| /************************************************************************************ | |
| 11. WORDPRESS POST FORMATTING | |
| *************************************************************************************/ | |
| .sticky {} | |
| img.alignleft, img.aligncenter, img.alignright, img.alignnone { | |
| margin-bottom: 1em; | |
| } | |
| .alignleft { | |
| float: left; | |
| margin-right: 2em; | |
| } | |
| .alignright { | |
| float: right; | |
| margin-left: 2em; | |
| } | |
| .aligncenter { | |
| text-align: center; | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .wp-caption { | |
| text-align: center; | |
| margin-bottom: 1em; | |
| max-width: 100%; | |
| } | |
| .wp-caption-text { | |
| font-style: italic; | |
| margin: .5em 0; | |
| } | |
| /* attachment page */ | |
| body.attachment { | |
| width: auto; | |
| float: none; | |
| position: static; | |
| } | |
| .single .attachment.post { | |
| width: auto; | |
| float: none; | |
| } | |
| /************************************************************************************ | |
| 12. WP GALLERY | |
| *************************************************************************************/ | |
| #body .gallery { | |
| margin: 0 0 20px 0; | |
| } | |
| /* gallery item */ | |
| #body .gallery .gallery-item { | |
| margin: 0 8px 8px 0; | |
| vertical-align: top; | |
| width: auto; | |
| float: left; | |
| text-align: center; | |
| } | |
| #body .gallery img { | |
| border: none; | |
| vertical-align: middle; | |
| } | |
| /* gallery caption */ | |
| #body .gallery .gallery-caption { | |
| line-height: 120%; | |
| font-size: 90%; | |
| text-align: center; | |
| margin: 5px 0 0; | |
| } | |
| /* GALLERY COLUMN | |
| ================================================ */ | |
| /* gallery column 1 (display all in one line) */ | |
| #body .gallery-columns-1 .gallery-item { | |
| width: auto; | |
| } | |
| #body .gallery-columns-1 br { | |
| display: none !important; | |
| } | |
| /* gallery column 2 */ | |
| #body .gallery-columns-2 .gallery-item { | |
| width: 49.2%; | |
| } | |
| /* gallery column 3 */ | |
| #body .gallery-columns-3 .gallery-item { | |
| width: 32.3%; | |
| } | |
| /* gallery column 4 */ | |
| #body .gallery-columns-4 .gallery-item { | |
| width: 23.8%; | |
| } | |
| /* gallery column 5 */ | |
| #body .gallery-columns-5 .gallery-item { | |
| width: 18.8%; | |
| } | |
| /* gallery column 6 */ | |
| #body .gallery-columns-6 .gallery-item { | |
| width: 15.4%; | |
| } | |
| /* gallery column 7 */ | |
| #body .gallery-columns-7 .gallery-item { | |
| width: 13%; | |
| } | |
| /* gallery column 8 */ | |
| #body .gallery-columns-8 .gallery-item { | |
| width: 11.18%; | |
| } | |
| /* gallery column 9 */ | |
| #body .gallery-columns-9 .gallery-item { | |
| width: 9.77%; | |
| } | |
| /* set gallery item margin-right */ | |
| #body .gallery-columns-1 .gallery-item, | |
| #body .gallery-columns-2 .gallery-item, | |
| #body .gallery-columns-3 .gallery-item, | |
| #body .gallery-columns-4 .gallery-item, | |
| #body .gallery-columns-5 .gallery-item, | |
| #body .gallery-columns-6 .gallery-item, | |
| #body .gallery-columns-7 .gallery-item, | |
| #body .gallery-columns-8 .gallery-item, | |
| #body .gallery-columns-9 .gallery-item { | |
| margin: 0 1.5% 1.5% 0; | |
| } | |
| /* clear gallery item margin-right */ | |
| #body .gallery-columns-9 .gallery-item:nth-of-type(9n), | |
| #body .gallery-columns-8 .gallery-item:nth-of-type(8n), | |
| #body .gallery-columns-7 .gallery-item:nth-of-type(7n), | |
| #body .gallery-columns-6 .gallery-item:nth-of-type(6n), | |
| #body .gallery-columns-5 .gallery-item:nth-of-type(5n), | |
| #body .gallery-columns-4 .gallery-item:nth-of-type(4n), | |
| #body .gallery-columns-3 .gallery-item:nth-of-type(3n), | |
| #body .gallery-columns-2 .gallery-item:nth-of-type(2n) { | |
| margin-right: 0; | |
| } | |
| /************************************************************************************ | |
| 13. CLEAR & ALIGNMENT | |
| *************************************************************************************/ | |
| .clear { | |
| clear: both; | |
| } | |
| .left { | |
| float: left; | |
| } | |
| .right { | |
| float: right; | |
| } | |
| .textleft { | |
| text-align: left; | |
| } | |
| .textright { | |
| text-align: right; | |
| } | |
| .textcenter { | |
| text-align: center; | |
| } | |
| /* clearfix */ | |
| .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after | |
| { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } | |
| .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content | |
| { display: inline-block; } | |
| /* clearfix for ie7 */ | |
| .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content | |
| { display: block; zoom: 1; } | |
| /************************************************************************************ | |
| IMAGE FILTER | |
| *************************************************************************************/ | |
| .post-image, | |
| .post-img, | |
| .module-feature-image, | |
| .slide-image { | |
| -webkit-transition: all .5s ease-out; | |
| transition: all .5s ease-out; | |
| } | |
| body .filter-grayscale img, | |
| body .filter-hover-grayscale img:hover, | |
| .filter-featured-only.filter-grayscale .post-image, | |
| .filter-featured-only.filter-grayscale .post-img, | |
| .filter-featured-only.filter-grayscale .module-feature-image, | |
| .filter-featured-only.filter-grayscale .slide-image, | |
| .filter-featured-only.filter-grayscale .featured-area img, | |
| .filter-featured-only.filter-hover-grayscale .post-image:hover, | |
| .filter-featured-only.filter-hover-grayscale .post-img:hover, | |
| .filter-featured-only.filter-hover-grayscale .module-feature-image:hover, | |
| .filter-featured-only.filter-hover-grayscale .slide-image:hover, | |
| .filter-featured-only.filter-hover-grayscale .featured-area img:hover, | |
| .filter-featured-only.filter-hover-grayscale .loops-wrapper article:hover .post-image { | |
| -webkit-filter: grayscale(1); | |
| filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); | |
| filter: gray; | |
| filter: grayscale(1); | |
| -webkit-transition: all .2s ease-in-out; | |
| -moz-transition: all .2s ease-in-out; | |
| -o-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| } | |
| body .filter-sepia img, | |
| body .filter-hover-sepia img:hover, | |
| .filter-featured-only.filter-sepia .post-image, | |
| .filter-featured-only.filter-sepia .post-img, | |
| .filter-featured-only.filter-sepia .module-feature-image, | |
| .filter-featured-only.filter-sepia .slide-image, | |
| .filter-featured-only.filter-sepia .featured-area img, | |
| .filter-featured-only.filter-hover-sepia .post-image:hover, | |
| .filter-featured-only.filter-hover-sepia .post-img:hover, | |
| .filter-featured-only.filter-hover-sepia .module-feature-image:hover, | |
| .filter-featured-only.filter-hover-sepia .slide-image:hover, | |
| .filter-featured-only.filter-hover-sepia .featured-area img:hover, | |
| .filter-featured-only.filter-hover-sepia .loops-wrapper article:hover .post-image { | |
| -webkit-filter: sepia(1); | |
| -ms-filter: sepia(100%); | |
| filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.5 0.5 0.4 0 0 0.5 0.3333 0.3333 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); | |
| filter: sepia(100%); | |
| -webkit-transition: all .2s ease-in-out; | |
| -moz-transition: all .2s ease-in-out; | |
| -o-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| } | |
| body .filter-blur img, | |
| body .filter-hover-blur img:hover, | |
| .filter-featured-only.filter-blur .post-image, | |
| .filter-featured-only.filter-blur .post-img, | |
| .filter-featured-only.filter-blur .module-feature-image, | |
| .filter-featured-only.filter-blur .slide-image, | |
| .filter-featured-only.filter-blur .featured-area img, | |
| .filter-featured-only.filter-hover-blur .post-image:hover, | |
| .filter-featured-only.filter-hover-blur .post-img:hover, | |
| .filter-featured-only.filter-hover-blur .module-feature-image:hover, | |
| .filter-featured-only.filter-hover-blur .slide-image:hover, | |
| .filter-featured-only.filter-hover-blur .featured-area img:hover, | |
| .filter-featured-only.filter-hover-blur .loops-wrapper article:hover .post-image { | |
| -webkit-filter: blur(5px); | |
| filter: blur(5px); | |
| filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'3\'/></filter></svg>#blur"); | |
| -webkit-transition: all .2s ease-in-out; | |
| -moz-transition: all .2s ease-in-out; | |
| -o-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| } | |
| .filter-all.filter-grayscale img, | |
| .filter-all.filter-hover-grayscale img:hover, | |
| .filter-all.filter-hover-grayscale .loops-wrapper article:hover .post-image { | |
| -webkit-filter: grayscale(1); | |
| filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); | |
| filter: gray; | |
| filter: grayscale(1); | |
| -webkit-transition: all .2s ease-in-out; | |
| -moz-transition: all .2s ease-in-out; | |
| -o-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| } | |
| .filter-all.filter-sepia img, | |
| .filter-all.filter-hover-sepia img:hover, | |
| .filter-all.filter-hover-sepia .loops-wrapper article:hover .post-image { | |
| -webkit-filter: sepia(1); | |
| -ms-filter: sepia(100%); | |
| filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.5 0.5 0.4 0 0 0.5 0.3333 0.3333 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); | |
| filter: sepia(100%); | |
| -webkit-transition: all .2s ease-in-out; | |
| -moz-transition: all .2s ease-in-out; | |
| -o-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| } | |
| .filter-all.filter-blur img, | |
| .filter-all.filter-hover-blur img:hover, | |
| .filter-all.filter-hover-blur .loops-wrapper article:hover img { | |
| -webkit-filter: blur(5px); | |
| filter: blur(5px); | |
| filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'3\'/></filter></svg>#blur"); | |
| -webkit-transition: all .2s ease-in-out; | |
| -moz-transition: all .2s ease-in-out; | |
| -o-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| } | |
| body .filter-hover-none img:hover, | |
| .filter-featured-only.filter-hover-none .post-image:hover, | |
| .filter-featured-only.filter-hover-none .post-img:hover, | |
| .filter-featured-only.filter-hover-none .module-feature-image:hover, | |
| .filter-featured-only.filter-hover-none .slide-image:hover, | |
| .filter-all.filter-hover-none img:hover, | |
| .filter-all.filter-hover-none .loops-wrapper article:hover img, | |
| body.filter-all #pagewrap .format-video .post-image, | |
| body.filter-featured-only #pagewrap .format-video .post-image { | |
| -webkit-filter: none; | |
| filter: none; | |
| } | |
| /************************************************************************************ | |
| 14. WOOCOMMERCE | |
| *************************************************************************************/ | |
| /* button */ | |
| .woocommerce #content input.button, | |
| .woocommerce #respond input#submit, | |
| .woocommerce a.button, | |
| .woocommerce button.button, | |
| .woocommerce input.button, | |
| .woocommerce-page #content input.button, | |
| .woocommerce-page #respond input#submit, | |
| .woocommerce-page a.button, | |
| .woocommerce-page button.button, | |
| .woocommerce-page input.button, | |
| .woocommerce #content input.button.alt, | |
| .woocommerce #respond input#submit.alt, | |
| .woocommerce a.button.alt, | |
| .woocommerce button.button.alt, | |
| .woocommerce input.button.alt, | |
| .woocommerce-page #content input.button.alt, | |
| .woocommerce-page #respond input#submit.alt, | |
| .woocommerce-page a.button.alt, | |
| .woocommerce-page button.button.alt, | |
| .woocommerce-page input.button.alt { | |
| background: #ed1e24; | |
| border: none; | |
| border-radius: 0; | |
| box-shadow: none; | |
| color: #fff; | |
| font-size: 1em; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| text-shadow: none; | |
| padding: .7em 1em; | |
| letter-spacing: .065em; | |
| -webkit-transition: all .3s ease-in-out; | |
| -moz-transition: all .3s ease-in-out; | |
| -o-transition: all .3s ease-in-out; | |
| } | |
| .woocommerce #content input.button:hover, | |
| .woocommerce #respond input#submit:hover, | |
| .woocommerce a.button:hover, | |
| .woocommerce button.button:hover, | |
| .woocommerce input.button:hover, | |
| .woocommerce-page #content input.button:hover, | |
| .woocommerce-page #respond input#submit:hover, | |
| .woocommerce-page a.button:hover, | |
| .woocommerce-page button.button:hover, | |
| .woocommerce-page input.button:hover, | |
| .woocommerce #content input.button.alt:hover, | |
| .woocommerce #respond input#submit.alt:hover, | |
| .woocommerce a.button.alt:hover, | |
| .woocommerce button.button.alt:hover, | |
| .woocommerce input.button.alt:hover, | |
| .woocommerce-page #content input.button.alt:hover, | |
| .woocommerce-page #respond input#submit.alt:hover, | |
| .woocommerce-page a.button.alt:hover, | |
| .woocommerce-page button.button.alt:hover, | |
| .woocommerce-page input.button.alt:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .woocommerce form .form-row .input-text, | |
| .woocommerce-page form .form-row .input-text, | |
| .woocommerce form .form-row select, | |
| .woocommerce-page form .form-row select { | |
| border: 1px solid #ddd; | |
| } | |
| /* add to cart button in product archive */ | |
| .woocommerce ul.products li.product .add_to_cart_button { | |
| font-size: .85em; | |
| } | |
| /* pagination */ | |
| .woocommerce #content nav.woocommerce-pagination ul, | |
| .woocommerce nav.woocommerce-pagination ul, | |
| .woocommerce-page #content nav.woocommerce-pagination ul, | |
| .woocommerce-page nav.woocommerce-pagination ul { | |
| border: none; | |
| border-right: 0; | |
| } | |
| .woocommerce #content nav.woocommerce-pagination ul li, | |
| .woocommerce nav.woocommerce-pagination ul li, | |
| .woocommerce-page #content nav.woocommerce-pagination ul li, | |
| .woocommerce-page nav.woocommerce-pagination ul li { | |
| border-right: 0; | |
| } | |
| .woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .woocommerce nav.woocommerce-pagination ul li span.current, | |
| .woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #ed1e24; | |
| color: #fff; | |
| } | |
| /* CART | |
| ================================================ */ | |
| .woocommerce table.shop_table { | |
| border-radius: 0; | |
| border: 1px solid #ddd; | |
| border-collapse: collapse; | |
| } | |
| .woocommerce table.shop_table td { | |
| border-top: 1px solid #ddd; | |
| padding: 1em 1.5em; | |
| } | |
| .woocommerce #content table.cart a.remove, | |
| .woocommerce table.cart a.remove, | |
| .woocommerce-page #content table.cart a.remove, | |
| .woocommerce-page table.cart a.remove { | |
| color: inherit !important; | |
| } | |
| .woocommerce #content table.cart a.remove:hover, | |
| .woocommerce table.cart a.remove:hover, | |
| .woocommerce-page #content table.cart a.remove:hover, | |
| .woocommerce-page table.cart a.remove:hover { | |
| background: #ed1e24; | |
| color: #fff !important; | |
| } | |
| /* coupon */ | |
| .woocommerce #content table.cart td.actions .coupon .input-text, | |
| .woocommerce table.cart td.actions .coupon .input-text, | |
| .woocommerce-page #content table.cart td.actions .coupon .input-text, | |
| .woocommerce-page table.cart td.actions .coupon .input-text { | |
| border: 1px solid #ddd; | |
| padding: .45em; | |
| width: 6.5em; | |
| } | |
| /* quantity */ | |
| .woocommerce .quantity .qty { | |
| padding: .45em; | |
| } | |
| /* price */ | |
| .woocommerce #content div.product p.price, | |
| .woocommerce #content div.product span.price, | |
| .woocommerce div.product p.price, | |
| .woocommerce div.product span.price, | |
| .woocommerce-page #content div.product p.price, | |
| .woocommerce-page #content div.product span.price, | |
| .woocommerce-page div.product p.price, | |
| .woocommerce-page div.product span.price { | |
| color: inherit; | |
| } | |
| /* proceed */ | |
| .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { | |
| display: inline-block; | |
| } | |
| /* cart totals */ | |
| .woocommerce .cart-collaterals .cart_totals, | |
| .woocommerce-page .cart-collaterals .cart_totals { | |
| text-align: right; | |
| } | |
| /* cart collaterals */ | |
| .woocommerce .cart-collaterals .cart_totals tr td, | |
| .woocommerce-page .cart-collaterals .cart_totals tr th { | |
| border-top: 1px solid #ddd; | |
| width: 17%; | |
| } | |
| .woocommerce .cart-collaterals .shipping_calculator, | |
| .woocommerce-page .cart-collaterals .shipping_calculator { | |
| text-align: right; | |
| } | |
| /* cart table h2 */ | |
| .cart-collaterals h2 { | |
| font-size: 1.8em; | |
| } | |
| /* cart update button */ | |
| .woocommerce .cart-collaterals .shipping_calculator .button, | |
| .woocommerce-page .cart-collaterals .shipping_calculator .button { | |
| display: inline-block; | |
| width: auto; | |
| } | |
| /* cart live css */ | |
| .woocommerce .cart .button, | |
| .woocommerce .cart input.button { | |
| margin: 0 .1em; | |
| } | |
| .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button span, | |
| .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after { | |
| display: none; | |
| } | |
| /* CHECKOUT | |
| ================================================ */ | |
| .woocommerce table.shop_table tbody th, | |
| .woocommerce table.shop_table tfoot td, | |
| .woocommerce table.shop_table tfoot th { | |
| border-top: 1px solid #ddd; | |
| } | |
| /* payment */ | |
| .woocommerce-checkout #payment { | |
| background: #f4f4f4; | |
| border-radius: 0; | |
| } | |
| /* payment box */ | |
| .woocommerce-checkout #payment div.payment_box { | |
| background: #ed1e24; | |
| color: #ffc4c6; | |
| text-shadow: none; | |
| } | |
| .woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #ed1e24; | |
| top: -1px; | |
| } | |
| .woocommerce-checkout #payment ul.payment_methods { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| /* message, info, error */ | |
| .woocommerce .woocommerce-error, | |
| .woocommerce .woocommerce-info, | |
| .woocommerce .woocommerce-message, | |
| .woocommerce-page .woocommerce-error, | |
| .woocommerce-page .woocommerce-info, | |
| .woocommerce-page .woocommerce-message { | |
| border-top: 5px solid #ed1e24; | |
| background: #F4F4F4; | |
| box-shadow: none; | |
| border-radius: 0; | |
| text-shadow: none; | |
| } | |
| .woocommerce .woocommerce-error:before, | |
| .woocommerce .woocommerce-info:before, | |
| .woocommerce .woocommerce-message:before { | |
| color: inherit; | |
| text-shadow: none; | |
| box-shadow: none; | |
| -webkit-box-shadow: none; | |
| } | |
| /* ARCHIVE PRODUCTS | |
| ================================================ */ | |
| /* Sale */ | |
| .woocommerce span.onsale, | |
| .woocommerce-page span.onsale, | |
| .woocommerce ul.products li.product .onsale, | |
| .woocommerce-page ul.products li.product .onsale { | |
| box-shadow: none; | |
| text-transform: Uppercase; | |
| text-shadow: none; | |
| border-radius: 100%; | |
| background: #ed1e24; | |
| font-size: .675em; | |
| right: 0; | |
| left: auto; | |
| top: 0; | |
| letter-spacing: .1em; | |
| line-height: 3.4em; | |
| min-height: 3.4em; | |
| min-width: 3.4em; | |
| padding: .44em; | |
| color: #fff; | |
| } | |
| /* archive product */ | |
| .woocommerce ul.products li.product, | |
| .woocommerce-page ul.products li.product { | |
| text-align: center; | |
| } | |
| .woocommerce ul.products li.product .star-rating { | |
| margin: auto; | |
| } | |
| /* archive product title */ | |
| .woocommerce ul.products li.product h3 { | |
| font-size: 1.25em; | |
| } | |
| /* product image */ | |
| .woocommerce #content div.product div.images img, | |
| .woocommerce div.product div.images img, | |
| .woocommerce-page #content div.product div.images img, | |
| .woocommerce-page div.product div.images img, | |
| .woocommerce ul.products li.product a img:hover, | |
| .woocommerce ul.products li.product a img, | |
| .woocommerce-page ul.products li.product a img { | |
| box-shadow: none; | |
| } | |
| .woocommerce ul.products li.product a:hover img, | |
| .woocommerce-page ul.products li.product a:hover img { | |
| box-shadow: none; | |
| } | |
| .woocommerce ul.products li.product a, | |
| .woocommerce ul.products li.product .price { | |
| color: #000; | |
| } | |
| .woocommerce ul.products li.product .add_to_cart_button { | |
| color: #fff; | |
| } | |
| /* SINGLE PRODUCTS | |
| ================================================ */ | |
| /* single title */ | |
| .woocommerce #content div.product .product_title, | |
| .woocommerce div.product .product_title, | |
| .woocommerce-page #content div.product .product_title, | |
| .woocommerce-page div.product .product_title { | |
| font-size: 2em; | |
| } | |
| /* single price */ | |
| .woocommerce div.product p.price, | |
| .woocommerce div.product span.price { | |
| color: inherit; | |
| } | |
| /* tabs */ | |
| .woocommerce #content div.product .woocommerce-tabs ul.tabs, | |
| .woocommerce div.product .woocommerce-tabs ul.tabs, | |
| .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, | |
| .woocommerce-page div.product .woocommerce-tabs ul.tabs { | |
| padding: 0; | |
| } | |
| .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, | |
| .woocommerce div.product .woocommerce-tabs ul.tabs:before, | |
| .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, | |
| .woocommerce-page div.product .woocommerce-tabs ul.tabs:before { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .woocommerce #content div.product .woocommerce-tabs ul.tabs li, | |
| .woocommerce div.product .woocommerce-tabs ul.tabs li, | |
| .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, | |
| .woocommerce-page div.product .woocommerce-tabs ul.tabs li { | |
| background: none; | |
| border-radius: 0; | |
| border: 1px solid #ddd; | |
| text-transform: uppercase; | |
| margin: 0; | |
| padding: 0; | |
| position: relative; | |
| } | |
| .woocommerce div.product .woocommerce-tabs ul.tabs li:after, | |
| .woocommerce div.product .woocommerce-tabs ul.tabs li:before { | |
| display: none; | |
| } | |
| .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, | |
| .woocommerce div.product .woocommerce-tabs ul.tabs li a, | |
| .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, | |
| .woocommerce-page div.product .woocommerce-tabs ul.tabs li a { | |
| background: #000; | |
| color: #fff; | |
| padding: .8em 1.9em; | |
| text-shadow: none; | |
| } | |
| .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a, | |
| .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, | |
| .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, | |
| .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, | |
| .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a, | |
| .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, | |
| .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a, | |
| .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a { | |
| background: #fff; | |
| color: #000; | |
| } | |
| /* single product tabs h2 */ | |
| .woocommerce #content div.product .woocommerce-tabs h2, | |
| .woocommerce div.product .woocommerce-tabs h2, | |
| .woocommerce-page #content div.product .woocommerce-tabs h2, | |
| .woocommerce-page div.product .woocommerce-tabs h2, | |
| .woocommerce .related h2, | |
| .woocommerce-page .related h2, | |
| .woocommerce .upsells h2, | |
| .woocommerce-page .upsells h2 { | |
| font-size: 1.8em; | |
| font-family: 'Raleway', sans-serif; | |
| font-weight: 500; | |
| letter-spacing: -.015em; | |
| } | |
| /* single product review */ | |
| .woocommerce #reviews #comments ol.commentlist li img.avatar { | |
| padding: 0; | |
| width: 75px; | |
| border: none; | |
| } | |
| .woocommerce #reviews #comments ol.commentlist li img + .comment-text { | |
| margin: 0 0 0 95px; | |
| padding: 0; | |
| } | |
| .woocommerce #reviews #comments ol.commentlist li .comment-text { | |
| margin: 0; | |
| border: none; | |
| } | |
| .woocommerce #reviews #comments ol.commentlist li .meta { | |
| color: inherit; | |
| } | |
| .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { | |
| margin: auto; | |
| font-family: 'Sorts Mill Goudy', serif; | |
| } | |
| .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { | |
| font-weight: normal; | |
| font-size: 1.5em; | |
| display: block; | |
| } | |
| .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { | |
| font-size: 100%; | |
| font-style: italic; | |
| } | |
| /************************************************************************************ | |
| 15. THEME FONTS | |
| *************************************************************************************/ | |
| /* THEME FONT SANS SERIF | |
| ================================================ */ | |
| .theme-font-sans-serif { | |
| font-family: 'Raleway', sans-serif; | |
| } | |
| .theme-font-sans-serif #site-logo, | |
| .theme-font-sans-serif #site-description, | |
| .theme-font-sans-serif h1, | |
| .theme-font-sans-serif h2, | |
| .theme-font-sans-serif h3, | |
| .theme-font-sans-serif h4, | |
| .theme-font-sans-serif h5, | |
| .theme-font-sans-serif h6 { | |
| font-family: 'Raleway', sans-serif; | |
| } | |
| /* THEME FONT SERIF | |
| ================================================ */ | |
| .theme-font-serif { | |
| font-family: 'Sorts Mill Goudy', serif; | |
| font-size: 1.05em; | |
| } | |
| .theme-font-serif #site-logo, | |
| .theme-font-serif #site-description, | |
| .theme-font-serif h1, | |
| .theme-font-serif h2, | |
| .theme-font-serif h3, | |
| .theme-font-serif h4, | |
| .theme-font-serif h5, | |
| .theme-font-serif h6 { | |
| font-family: 'Sorts Mill Goudy', serif; | |
| } | |
| /* THEME FONT SLAB | |
| ================================================ */ | |
| .theme-font-slab { | |
| font-family: 'Roboto Slab', serif; | |
| font-size: .95em; | |
| } | |
| .theme-font-slab #site-logo, | |
| .theme-font-slab #site-description, | |
| .theme-font-slab h1, | |
| .theme-font-slab h2, | |
| .theme-font-slab h3, | |
| .theme-font-slab h4, | |
| .theme-font-slab h5, | |
| .theme-font-slab h6 { | |
| font-family: 'Roboto Slab', serif; | |
| } | |
| /* THEME FONT SLAB & SANS | |
| ================================================ */ | |
| .theme-font-slab-sans { | |
| font-family: 'Raleway', sans-serif; | |
| } | |
| .theme-font-slab-sans #site-logo, | |
| .theme-font-slab-sans #site-description, | |
| .theme-font-slab-sans h1, | |
| .theme-font-slab-sans h2, | |
| .theme-font-slab-sans h3, | |
| .theme-font-slab-sans h4, | |
| .theme-font-slab-sans h5, | |
| .theme-font-slab-sans h6 { | |
| font-family: 'Roboto Slab', serif; | |
| } | |
| /************************************************************************************ | |
| 16. THEME COLORS | |
| *************************************************************************************/ | |
| /* TRANSPARENT HEADER | |
| ================================================ */ | |
| .transparent-header.theme-color-red #headerwrap, | |
| .transparent-header.theme-color-yellow #headerwrap, | |
| .transparent-header.theme-color-magenta #headerwrap, | |
| .transparent-header.theme-color-lime #headerwrap, | |
| .transparent-header.theme-color-blue #headerwrap, | |
| .transparent-header.theme-color-violet #headerwrap, | |
| .transparent-header.theme-color-purple #headerwrap, | |
| .transparent-header.theme-color-brown #headerwrap, | |
| .transparent-header.theme-color-pink #headerwrap, | |
| .transparent-header.theme-color-grey #headerwrap, | |
| .transparent-header.theme-color-black #headerwrap, | |
| .transparent-header.theme-color-orange #headerwrap, | |
| .transparent-header.theme-color-turquoise #headerwrap, | |
| .transparent-header.theme-color-green #headerwrap, | |
| .transparent-header.theme-color-burgundy #headerwrap { | |
| background: none; | |
| } | |
| /* THEME COLOR RED | |
| ================================================ */ | |
| .theme-color-red.header-minbar .sidemenu, | |
| .theme-color-red #headerwrap, | |
| .theme-color-red #footerwrap, | |
| .theme-color-red.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-red.header-minbar #headerwrap #menu-icon { | |
| background: #ed1e24; | |
| color: #fff; | |
| } | |
| .theme-color-red #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-red.header-leftpane .sidemenu a, | |
| .theme-color-red.header-leftpane #main-nav a, | |
| .theme-color-red.header-minbar .sidemenu a, | |
| .theme-color-red.header-minbar #main-nav a, | |
| .theme-color-red .header-widget a, | |
| .theme-color-red .footer-text a, | |
| .theme-color-red #main-nav > li > a { | |
| color: #ffc4c6; | |
| } | |
| .theme-color-red #site-logo a, | |
| .theme-color-red #main-nav > .current_page_item > a, | |
| .theme-color-red #main-nav > .current-menu-item > a, | |
| .theme-color-red #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-red #main-nav ul > li.current_page_item > a, | |
| .theme-color-red #main-nav ul > li.current-menu-item > a { | |
| color: #000; | |
| } | |
| .theme-color-red.single-post .post-date, | |
| .theme-color-red .loops-wrapper.list-post .post-date { | |
| background: rgba(251,9,48,.8); | |
| } | |
| .theme-color-red #headerwrap.fixed-header { | |
| background: rgba(251,9,48,.9); | |
| } | |
| .transparent-header.theme-color-red #pagewrap #headerwrap.fixed-header { | |
| background: rgba(251,9,48,.9); | |
| } | |
| .theme-color-red .woocommerce #content input.button, | |
| .theme-color-red .woocommerce #respond input#submit, | |
| .theme-color-red .woocommerce a.button, | |
| .theme-color-red .woocommerce button.button, | |
| .theme-color-red .woocommerce input.button, | |
| .theme-color-red .woocommerce-page #content input.button, | |
| .theme-color-red .woocommerce-page #respond input#submit, | |
| .theme-color-red .woocommerce-page a.button, | |
| .theme-color-red .woocommerce-page button.button, | |
| .theme-color-red .woocommerce-page input.button, | |
| .theme-color-red .woocommerce #content input.button.alt, | |
| .theme-color-red .woocommerce #respond input#submit.alt, | |
| .theme-color-red .woocommerce a.button.alt, | |
| .theme-color-red .woocommerce button.button.alt, | |
| .theme-color-red .woocommerce input.button.alt, | |
| .theme-color-red .woocommerce-page #content input.button.alt, | |
| .theme-color-red .woocommerce-page #respond input#submit.alt, | |
| .theme-color-red .woocommerce-page a.button.alt, | |
| .theme-color-red .woocommerce-page button.button.alt, | |
| .theme-color-red .woocommerce-page input.button.alt, | |
| .theme-color-red .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-red .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #ed1e24; | |
| color: #fff; | |
| } | |
| .theme-color-red .woocommerce #content input.button:hover, | |
| .theme-color-red .woocommerce #respond input#submit:hover, | |
| .theme-color-red .woocommerce a.button:hover, | |
| .theme-color-red .woocommerce button.button:hover, | |
| .theme-color-red .woocommerce input.button:hover, | |
| .theme-color-red .woocommerce-page #content input.button:hover, | |
| .theme-color-red .woocommerce-page #respond input#submit:hover, | |
| .theme-color-red .woocommerce-page a.button:hover, | |
| .theme-color-red .woocommerce-page button.button:hover, | |
| .theme-color-red .woocommerce-page input.button:hover, | |
| .theme-color-red .woocommerce #content input.button.alt:hover, | |
| .theme-color-red .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-red .woocommerce a.button.alt:hover, | |
| .theme-color-red .woocommerce button.button.alt:hover, | |
| .theme-color-red .woocommerce input.button.alt:hover, | |
| .theme-color-red .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-red .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-red .woocommerce-page a.button.alt:hover, | |
| .theme-color-red .woocommerce-page button.button.alt:hover, | |
| .theme-color-red .woocommerce-page input.button.alt:hover, | |
| .theme-color-red .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-red .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* THEME COLOR YELLOW | |
| ================================================ */ | |
| .theme-color-yellow.header-minbar .sidemenu, | |
| .theme-color-yellow #headerwrap, | |
| .theme-color-yellow #footerwrap { | |
| background: #ffea00; | |
| } | |
| .theme-color-yellow.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-yellow.header-minbar #headerwrap #menu-icon { | |
| background: #ffea00; | |
| color: #000; | |
| } | |
| .theme-color-yellow #site-logo a, | |
| .theme-color-yellow #site-description { | |
| color: #000; | |
| } | |
| .theme-color-yellow a { | |
| color: #774917; | |
| } | |
| .theme-color-yellow.header-leftpane .sidemenu a, | |
| .theme-color-yellow.header-leftpane #main-nav a, | |
| .theme-color-yellow.header-minbar .sidemenu a, | |
| .theme-color-yellow.header-minbar #main-nav a, | |
| .theme-color-yellow #main-nav > li > a, | |
| .theme-color-yellow .header-widget a, | |
| .theme-color-yellow .footer-text a, | |
| .theme-color-yellow .post-nav .arrow { | |
| color: #7f6600; | |
| } | |
| .theme-color-yellow .post-nav a:hover span { | |
| color: inherit; | |
| } | |
| .theme-color-yellow .social-links a, | |
| .theme-color-yellow .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-yellow .post-title a { | |
| color: #000; | |
| } | |
| .theme-color-yellow input[type=reset], | |
| .theme-color-yellow input[type=submit], | |
| .theme-color-yellow button, | |
| .theme-color-yellow #respond #cancel-comment-reply-link, | |
| .theme-color-yellow .commentlist .comment-reply-link { | |
| background: #ffea00; | |
| color: #000; | |
| border: none; | |
| } | |
| .theme-color-yellow .post-title a:hover { | |
| color: #ffea00; | |
| } | |
| .theme-color-yellow #main-nav > .current_page_item > a, | |
| .theme-color-yellow #main-nav > .current-menu-item > a, | |
| .theme-color-yellow #main-nav > li > a:hover { | |
| color: #000; | |
| } | |
| .theme-color-yellow input[type=reset]:hover, | |
| .theme-color-yellow input[type=submit]:hover, | |
| .theme-color-yellow button:hover, | |
| .theme-color-yellow .commentlist .comment-reply-link:hover, | |
| .theme-color-yellow #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-yellow.single-post .post-date, | |
| .theme-color-yellow .loops-wrapper.list-post .post-date { | |
| background: rgba(255, 234, 0, .8); | |
| color: inherit; | |
| } | |
| .theme-color-yellow.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-yellow.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-yellow.footer-left-col .back-top .arrow-up a, | |
| .theme-color-yellow.footer-right-col .back-top .arrow-up a { | |
| background: #FFEA00; | |
| color: #000; | |
| } | |
| .theme-color-yellow.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-yellow.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-yellow.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-yellow.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* button */ | |
| .theme-color-yellow.woocommerce #content input.button, | |
| .theme-color-yellow.woocommerce #respond input#submit, | |
| .theme-color-yellow.woocommerce a.button, | |
| .theme-color-yellow.woocommerce button.button, | |
| .theme-color-yellow.woocommerce input.button, | |
| .theme-color-yellow.woocommerce-page #content input.button, | |
| .theme-color-yellow.woocommerce-page #respond input#submit, | |
| .theme-color-yellow.woocommerce-page a.button, | |
| .theme-color-yellow.woocommerce-page button.button, | |
| .theme-color-yellow.woocommerce-page input.button, | |
| .theme-color-yellow.woocommerce #content input.button.alt, | |
| .theme-color-yellow.woocommerce #respond input#submit.alt, | |
| .theme-color-yellow.woocommerce a.button.alt, | |
| .theme-color-yellow.woocommerce button.button.alt, | |
| .theme-color-yellow.woocommerce input.button.alt, | |
| .theme-color-yellow.woocommerce-page #content input.button.alt, | |
| .theme-color-yellow.woocommerce-page #respond input#submit.alt, | |
| .theme-color-yellow.woocommerce-page a.button.alt, | |
| .theme-color-yellow.woocommerce-page button.button.alt, | |
| .theme-color-yellow.woocommerce-page input.button.alt, | |
| .theme-color-yellow.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-yellow.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-yellow .woocommerce #content input.button, | |
| .theme-color-yellow .woocommerce #respond input#submit, | |
| .theme-color-yellow .woocommerce a.button, | |
| .theme-color-yellow .woocommerce button.button, | |
| .theme-color-yellow .woocommerce input.button, | |
| .theme-color-yellow .woocommerce-page #content input.button, | |
| .theme-color-yellow .woocommerce-page #respond input#submit, | |
| .theme-color-yellow .woocommerce-page a.button, | |
| .theme-color-yellow .woocommerce-page button.button, | |
| .theme-color-yellow .woocommerce-page input.button, | |
| .theme-color-yellow .woocommerce #content input.button.alt, | |
| .theme-color-yellow .woocommerce #respond input#submit.alt, | |
| .theme-color-yellow .woocommerce a.button.alt, | |
| .theme-color-yellow .woocommerce button.button.alt, | |
| .theme-color-yellow .woocommerce input.button.alt, | |
| .theme-color-yellow .woocommerce-page #content input.button.alt, | |
| .theme-color-yellow .woocommerce-page #respond input#submit.alt, | |
| .theme-color-yellow .woocommerce-page a.button.alt, | |
| .theme-color-yellow .woocommerce-page button.button.alt, | |
| .theme-color-yellow .woocommerce-page input.button.alt, | |
| .theme-color-yellow .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-yellow .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #ffea00; | |
| color: #000; | |
| } | |
| .theme-color-yellow.woocommerce #content input.button:hover, | |
| .theme-color-yellow.woocommerce #respond input#submit:hover, | |
| .theme-color-yellow.woocommerce a.button:hover, | |
| .theme-color-yellow.woocommerce button.button:hover, | |
| .theme-color-yellow.woocommerce input.button:hover, | |
| .theme-color-yellow.woocommerce-page #content input.button:hover, | |
| .theme-color-yellow.woocommerce-page #respond input#submit:hover, | |
| .theme-color-yellow.woocommerce-page a.button:hover, | |
| .theme-color-yellow.woocommerce-page button.button:hover, | |
| .theme-color-yellow.woocommerce-page input.button:hover, | |
| .theme-color-yellow.woocommerce #content input.button.alt:hover, | |
| .theme-color-yellow.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-yellow.woocommerce a.button.alt:hover, | |
| .theme-color-yellow.woocommerce button.button.alt:hover, | |
| .theme-color-yellow.woocommerce input.button.alt:hover, | |
| .theme-color-yellow.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-yellow.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-yellow.woocommerce-page a.button.alt:hover, | |
| .theme-color-yellow.woocommerce-page button.button.alt:hover, | |
| .theme-color-yellow.woocommerce-page input.button.alt:hover, | |
| .theme-color-yellow.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-yellow.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-yellow .woocommerce #content input.button:hover, | |
| .theme-color-yellow .woocommerce #respond input#submit:hover, | |
| .theme-color-yellow .woocommerce a.button:hover, | |
| .theme-color-yellow .woocommerce button.button:hover, | |
| .theme-color-yellow .woocommerce input.button:hover, | |
| .theme-color-yellow .woocommerce-page #content input.button:hover, | |
| .theme-color-yellow .woocommerce-page #respond input#submit:hover, | |
| .theme-color-yellow .woocommerce-page a.button:hover, | |
| .theme-color-yellow .woocommerce-page button.button:hover, | |
| .theme-color-yellow .woocommerce-page input.button:hover, | |
| .theme-color-yellow .woocommerce #content input.button.alt:hover, | |
| .theme-color-yellow .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-yellow .woocommerce a.button.alt:hover, | |
| .theme-color-yellow .woocommerce button.button.alt:hover, | |
| .theme-color-yellow .woocommerce input.button.alt:hover, | |
| .theme-color-yellow .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-yellow .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-yellow .woocommerce-page a.button.alt:hover, | |
| .theme-color-yellow .woocommerce-page button.button.alt:hover, | |
| .theme-color-yellow .woocommerce-page input.button.alt:hover, | |
| .theme-color-yellow .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-yellow .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-yellow.woocommerce span.onsale, | |
| .theme-color-yellow.woocommerce-page span.onsale, | |
| .theme-color-yellow.woocommerce ul.products li.product .onsale, | |
| .theme-color-yellow.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-yellow .woocommerce span.onsale, | |
| .theme-color-yellow .woocommerce-page span.onsale, | |
| .theme-color-yellow .woocommerce ul.products li.product .onsale, | |
| .theme-color-yellow .woocommerce-page ul.products li.product .onsale { | |
| color: #000; | |
| background: #ffea00; | |
| } | |
| .theme-color-yellow.woocommerce .woocommerce-error, | |
| .theme-color-yellow.woocommerce .woocommerce-info, | |
| .theme-color-yellow.woocommerce .woocommerce-message, | |
| .theme-color-yellow.woocommerce-page .woocommerce-error, | |
| .theme-color-yellow.woocommerce-page .woocommerce-info, | |
| .theme-color-yellow.woocommerce-page .woocommerce-message { | |
| border-top-color: #ffea00; | |
| } | |
| .theme-color-yellow.woocommerce-checkout #payment div.payment_box { | |
| background: #ffea00; | |
| color: inherit; | |
| } | |
| .theme-color-yellow.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #ffea00; | |
| } | |
| .theme-color-yellow.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-yellow.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-yellow.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-yellow.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-yellow.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-yellow.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-yellow.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-yellow.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-yellow.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-yellow.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-yellow.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-yellow.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #ffea00; | |
| color: #000; | |
| } | |
| .theme-color-yellow.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-yellow.woocommerce table.cart a.remove:hover, | |
| .theme-color-yellow.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-yellow.woocommerce-page table.cart a.remove:hover { | |
| background: #ffea00; | |
| color: #000 !important; | |
| } | |
| .theme-color-yellow #headerwrap.fixed-header { | |
| background: rgba(255, 234, 0, .9); | |
| } | |
| .transparent-header.theme-color-yellow #pagewrap #headerwrap.fixed-header { | |
| background: rgba(255, 234, 0, .9); | |
| } | |
| .theme-color-yellow .pull-down:before { | |
| border-color: #ffea00; | |
| } | |
| /* THEME COLOR MAGENTA | |
| ================================================ */ | |
| .theme-color-magenta.header-minbar .sidemenu, | |
| .theme-color-magenta #headerwrap, | |
| .theme-color-magenta #footerwrap, | |
| .theme-color-magenta.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-magenta.header-minbar #headerwrap #menu-icon { | |
| background: #ff0074; | |
| color: #fff; | |
| } | |
| .theme-color-magenta #site-logo a, | |
| .theme-color-magenta #site-description, | |
| .theme-color-magenta .social-links a, | |
| .theme-color-magenta .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-magenta.header-leftpane .sidemenu a, | |
| .theme-color-magenta.header-leftpane #main-nav a, | |
| .theme-color-magenta.header-minbar .sidemenu a, | |
| .theme-color-magenta.header-minbar #main-nav a, | |
| .theme-color-magenta .header-widget a, | |
| .theme-color-magenta .footer-text a, | |
| .theme-color-magenta #main-nav > li > a { | |
| color: #ffc4c6; | |
| } | |
| .theme-color-magenta a { | |
| color: #FE93C1; | |
| } | |
| .theme-color-magenta .post-nav .arrow { | |
| color: #ff0074; | |
| } | |
| .theme-color-magenta .post-nav .arrow:hover span { | |
| color: inherit; | |
| } | |
| .theme-color-magenta input[type=reset], | |
| .theme-color-magenta input[type=submit], | |
| .theme-color-magenta button, | |
| .theme-color-magenta #respond #cancel-comment-reply-link, | |
| .theme-color-magenta .commentlist .comment-reply-link { | |
| background: #ff0074; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-magenta #main-nav > .current_page_item > a, | |
| .theme-color-magenta #main-nav > .current-menu-item > a, | |
| .theme-color-magenta #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-magenta input[type=reset]:hover, | |
| .theme-color-magenta input[type=submit]:hover, | |
| .theme-color-magenta button:hover, | |
| .theme-color-magenta .commentlist .comment-reply-link:hover, | |
| .theme-color-magenta #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-magenta.single-post .post-date, | |
| .theme-color-magenta .loops-wrapper.list-post .post-date { | |
| background: rgba(255, 0, 116, .8); | |
| color: #fff; | |
| } | |
| .theme-color-magenta.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-magenta.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-magenta.footer-left-col .back-top .arrow-up a, | |
| .theme-color-magenta.footer-right-col .back-top .arrow-up a { | |
| background: #ff0074; | |
| } | |
| .theme-color-magenta.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-magenta.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-magenta.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-magenta.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| /* button */ | |
| .theme-color-magenta.woocommerce #content input.button, | |
| .theme-color-magenta.woocommerce #respond input#submit, | |
| .theme-color-magenta.woocommerce a.button, | |
| .theme-color-magenta.woocommerce button.button, | |
| .theme-color-magenta.woocommerce input.button, | |
| .theme-color-magenta.woocommerce-page #content input.button, | |
| .theme-color-magenta.woocommerce-page #respond input#submit, | |
| .theme-color-magenta.woocommerce-page a.button, | |
| .theme-color-magenta.woocommerce-page button.button, | |
| .theme-color-magenta.woocommerce-page input.button, | |
| .theme-color-magenta.woocommerce #content input.button.alt, | |
| .theme-color-magenta.woocommerce #respond input#submit.alt, | |
| .theme-color-magenta.woocommerce a.button.alt, | |
| .theme-color-magenta.woocommerce button.button.alt, | |
| .theme-color-magenta.woocommerce input.button.alt, | |
| .theme-color-magenta.woocommerce-page #content input.button.alt, | |
| .theme-color-magenta.woocommerce-page #respond input#submit.alt, | |
| .theme-color-magenta.woocommerce-page a.button.alt, | |
| .theme-color-magenta.woocommerce-page button.button.alt, | |
| .theme-color-magenta.woocommerce-page input.button.alt, | |
| .theme-color-magenta.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-magenta.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-magenta .woocommerce #content input.button, | |
| .theme-color-magenta .woocommerce #respond input#submit, | |
| .theme-color-magenta .woocommerce a.button, | |
| .theme-color-magenta .woocommerce button.button, | |
| .theme-color-magenta .woocommerce input.button, | |
| .theme-color-magenta .woocommerce-page #content input.button, | |
| .theme-color-magenta .woocommerce-page #respond input#submit, | |
| .theme-color-magenta .woocommerce-page a.button, | |
| .theme-color-magenta .woocommerce-page button.button, | |
| .theme-color-magenta .woocommerce-page input.button, | |
| .theme-color-magenta .woocommerce #content input.button.alt, | |
| .theme-color-magenta .woocommerce #respond input#submit.alt, | |
| .theme-color-magenta .woocommerce a.button.alt, | |
| .theme-color-magenta .woocommerce button.button.alt, | |
| .theme-color-magenta .woocommerce input.button.alt, | |
| .theme-color-magenta .woocommerce-page #content input.button.alt, | |
| .theme-color-magenta .woocommerce-page #respond input#submit.alt, | |
| .theme-color-magenta .woocommerce-page a.button.alt, | |
| .theme-color-magenta .woocommerce-page button.button.alt, | |
| .theme-color-magenta .woocommerce-page input.button.alt, | |
| .theme-color-magenta .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-magenta .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #ff0074; | |
| } | |
| .theme-color-magenta.woocommerce #content input.button:hover, | |
| .theme-color-magenta.woocommerce #respond input#submit:hover, | |
| .theme-color-magenta.woocommerce a.button:hover, | |
| .theme-color-magenta.woocommerce button.button:hover, | |
| .theme-color-magenta.woocommerce input.button:hover, | |
| .theme-color-magenta.woocommerce-page #content input.button:hover, | |
| .theme-color-magenta.woocommerce-page #respond input#submit:hover, | |
| .theme-color-magenta.woocommerce-page a.button:hover, | |
| .theme-color-magenta.woocommerce-page button.button:hover, | |
| .theme-color-magenta.woocommerce-page input.button:hover, | |
| .theme-color-magenta.woocommerce #content input.button.alt:hover, | |
| .theme-color-magenta.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-magenta.woocommerce a.button.alt:hover, | |
| .theme-color-magenta.woocommerce button.button.alt:hover, | |
| .theme-color-magenta.woocommerce input.button.alt:hover, | |
| .theme-color-magenta.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-magenta.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-magenta.woocommerce-page a.button.alt:hover, | |
| .theme-color-magenta.woocommerce-page button.button.alt:hover, | |
| .theme-color-magenta.woocommerce-page input.button.alt:hover, | |
| .theme-color-magenta.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-magenta.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-magenta .woocommerce #content input.button:hover, | |
| .theme-color-magenta .woocommerce #respond input#submit:hover, | |
| .theme-color-maganta .woocommerce a.button:hover, | |
| .theme-color-maganta .woocommerce button.button:hover, | |
| .theme-color-maganta .woocommerce input.button:hover, | |
| .theme-color-maganta .woocommerce-page #content input.button:hover, | |
| .theme-color-maganta .woocommerce-page #respond input#submit:hover, | |
| .theme-color-maganta .woocommerce-page a.button:hover, | |
| .theme-color-maganta .woocommerce-page button.button:hover, | |
| .theme-color-maganta .woocommerce-page input.button:hover, | |
| .theme-color-maganta .woocommerce #content input.button.alt:hover, | |
| .theme-color-maganta .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-maganta .woocommerce a.button.alt:hover, | |
| .theme-color-maganta .woocommerce button.button.alt:hover, | |
| .theme-color-maganta .woocommerce input.button.alt:hover, | |
| .theme-color-maganta .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-maganta .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-maganta .woocommerce-page a.button.alt:hover, | |
| .theme-color-maganta .woocommerce-page button.button.alt:hover, | |
| .theme-color-maganta .woocommerce-page input.button.alt:hover, | |
| .theme-color-maganta .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-maganta .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| } | |
| .theme-color-magenta.woocommerce span.onsale, | |
| .theme-color-magenta.woocommerce-page span.onsale, | |
| .theme-color-magenta.woocommerce ul.products li.product .onsale, | |
| .theme-color-magenta.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-magenta .woocommerce span.onsale, | |
| .theme-color-magenta .woocommerce-page span.onsale, | |
| .theme-color-magenta .woocommerce ul.products li.product .onsale, | |
| .theme-color-magenta .woocommerce-page ul.products li.product .onsale { | |
| color: #fff; | |
| background: #ff0074; | |
| } | |
| .theme-color-magenta.woocommerce .woocommerce-error, | |
| .theme-color-magenta.woocommerce .woocommerce-info, | |
| .theme-color-magenta.woocommerce .woocommerce-message, | |
| .theme-color-magenta.woocommerce-page .woocommerce-error, | |
| .theme-color-magenta.woocommerce-page .woocommerce-info, | |
| .theme-color-magenta.woocommerce-page .woocommerce-message { | |
| border-top-color: #ff0074; | |
| } | |
| .theme-color-magenta.woocommerce-checkout #payment div.payment_box { | |
| background: #ff0074; | |
| color: #fff; | |
| } | |
| .theme-color-magenta.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #ff0074; | |
| } | |
| .theme-color-magenta.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-magenta.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-magenta.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-magenta.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-magenta.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-magenta.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-magenta.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-magenta.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-magenta.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-magenta.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-magenta.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-magenta.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #ff0074; | |
| } | |
| .theme-color-magenta.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-magenta.woocommerce table.cart a.remove:hover, | |
| .theme-color-magenta.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-magenta.woocommerce-page table.cart a.remove:hover { | |
| background: #ff0074; | |
| color: #fff !important; | |
| } | |
| .theme-color-magenta #headerwrap.fixed-header { | |
| background: rgba(255, 0, 116, .9); | |
| } | |
| .transparent-header.theme-color-magenta #pagewrap #headerwrap.fixed-header { | |
| background: rgba(255, 0, 116, .9); | |
| } | |
| .theme-color-magenta .pull-down:before { | |
| border-color: #ff0074; | |
| } | |
| /* THEME COLOR LIME | |
| ================================================ */ | |
| .theme-color-lime.header-minbar .sidemenu, | |
| .theme-color-lime #headerwrap, | |
| .theme-color-lime #footerwrap { | |
| background: #8fca3f; | |
| } | |
| .theme-color-lime.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-lime.header-minbar #headerwrap #menu-icon { | |
| background: #8fca3f; | |
| color: #000; | |
| } | |
| .theme-color-lime #site-logo a, | |
| .theme-color-lime #site-description { | |
| color: #000; | |
| } | |
| .theme-color-lime.header-leftpane .sidemenu a, | |
| .theme-color-lime.header-leftpane #main-nav a, | |
| .theme-color-lime.header-minbar .sidemenu a, | |
| .theme-color-lime.header-minbar #main-nav a, | |
| .theme-color-lime #main-nav a, | |
| .theme-color-lime .header-widget a, | |
| .theme-color-lime .footer-text a { | |
| color: #5d733f; | |
| } | |
| .theme-color-lime .social-links a, | |
| .theme-color-lime .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-lime .post-title a { | |
| color: #000; | |
| } | |
| .theme-color-lime input[type=reset], | |
| .theme-color-lime input[type=submit], | |
| .theme-color-lime button, | |
| .theme-color-lime #respond #cancel-comment-reply-link, | |
| .theme-color-lime .commentlist .comment-reply-link { | |
| background: #8fca3f; | |
| color: #000; | |
| border: none; | |
| } | |
| .theme-color-lime a{ | |
| color: #569008; | |
| } | |
| .theme-color-lime .post-nav .arrow { | |
| color: #66912C; | |
| } | |
| .theme-color-lime .post-title a:hover { | |
| color: #8fca3f; | |
| } | |
| .theme-color-lime #main-nav > .current_page_item > a, | |
| .theme-color-lime #main-nav > .current-menu-item > a, | |
| .theme-color-lime #main-nav > li > a:hover { | |
| color: #000; | |
| } | |
| .theme-color-lime input[type=reset]:hover, | |
| .theme-color-lime input[type=submit]:hover, | |
| .theme-color-lime button:hover, | |
| .theme-color-lime .commentlist .comment-reply-link:hover, | |
| .theme-color-lime #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-lime.single-post .post-date, | |
| .theme-color-lime .loops-wrapper.list-post .post-date { | |
| background: rgba(143, 202, 63, .8); | |
| color: #000; | |
| } | |
| .theme-color-lime.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-lime.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-lime.footer-left-col .back-top .arrow-up a, | |
| .theme-color-lime.footer-right-col .back-top .arrow-up a { | |
| background: #8fca3f; | |
| color: #000; | |
| } | |
| .theme-color-lime.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-lime.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-lime.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-lime.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* button */ | |
| .theme-color-lime.woocommerce #content input.button, | |
| .theme-color-lime.woocommerce #respond input#submit, | |
| .theme-color-lime.woocommerce a.button, | |
| .theme-color-lime.woocommerce button.button, | |
| .theme-color-lime.woocommerce input.button, | |
| .theme-color-lime.woocommerce-page #content input.button, | |
| .theme-color-lime.woocommerce-page #respond input#submit, | |
| .theme-color-lime.woocommerce-page a.button, | |
| .theme-color-lime.woocommerce-page button.button, | |
| .theme-color-lime.woocommerce-page input.button, | |
| .theme-color-lime.woocommerce #content input.button.alt, | |
| .theme-color-lime.woocommerce #respond input#submit.alt, | |
| .theme-color-lime.woocommerce a.button.alt, | |
| .theme-color-lime.woocommerce button.button.alt, | |
| .theme-color-lime.woocommerce input.button.alt, | |
| .theme-color-lime.woocommerce-page #content input.button.alt, | |
| .theme-color-lime.woocommerce-page #respond input#submit.alt, | |
| .theme-color-lime.woocommerce-page a.button.alt, | |
| .theme-color-lime.woocommerce-page button.button.alt, | |
| .theme-color-lime.woocommerce-page input.button.alt, | |
| .theme-color-lime.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-lime.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-lime .woocommerce #content input.button, | |
| .theme-color-lime .woocommerce #respond input#submit, | |
| .theme-color-lime .woocommerce a.button, | |
| .theme-color-lime .woocommerce button.button, | |
| .theme-color-lime .woocommerce input.button, | |
| .theme-color-lime .woocommerce-page #content input.button, | |
| .theme-color-lime .woocommerce-page #respond input#submit, | |
| .theme-color-lime .woocommerce-page a.button, | |
| .theme-color-lime .woocommerce-page button.button, | |
| .theme-color-lime .woocommerce-page input.button, | |
| .theme-color-lime .woocommerce #content input.button.alt, | |
| .theme-color-lime .woocommerce #respond input#submit.alt, | |
| .theme-color-lime .woocommerce a.button.alt, | |
| .theme-color-lime .woocommerce button.button.alt, | |
| .theme-color-lime .woocommerce input.button.alt, | |
| .theme-color-lime .woocommerce-page #content input.button.alt, | |
| .theme-color-lime .woocommerce-page #respond input#submit.alt, | |
| .theme-color-lime .woocommerce-page a.button.alt, | |
| .theme-color-lime .woocommerce-page button.button.alt, | |
| .theme-color-lime .woocommerce-page input.button.alt, | |
| .theme-color-lime .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-lime .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #8fca3f; | |
| color: #000; | |
| } | |
| .theme-color-lime.woocommerce #content input.button:hover, | |
| .theme-color-lime.woocommerce #respond input#submit:hover, | |
| .theme-color-lime.woocommerce a.button:hover, | |
| .theme-color-lime.woocommerce button.button:hover, | |
| .theme-color-lime.woocommerce input.button:hover, | |
| .theme-color-lime.woocommerce-page #content input.button:hover, | |
| .theme-color-lime.woocommerce-page #respond input#submit:hover, | |
| .theme-color-lime.woocommerce-page a.button:hover, | |
| .theme-color-lime.woocommerce-page button.button:hover, | |
| .theme-color-lime.woocommerce-page input.button:hover, | |
| .theme-color-lime.woocommerce #content input.button.alt:hover, | |
| .theme-color-lime.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-lime.woocommerce a.button.alt:hover, | |
| .theme-color-lime.woocommerce button.button.alt:hover, | |
| .theme-color-lime.woocommerce input.button.alt:hover, | |
| .theme-color-lime.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-lime.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-lime.woocommerce-page a.button.alt:hover, | |
| .theme-color-lime.woocommerce-page button.button.alt:hover, | |
| .theme-color-lime.woocommerce-page input.button.alt:hover, | |
| .theme-color-lime.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-lime.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-lime .woocommerce #content input.button:hover, | |
| .theme-color-lime .woocommerce #respond input#submit:hover, | |
| .theme-color-lime .woocommerce a.button:hover, | |
| .theme-color-lime .woocommerce button.button:hover, | |
| .theme-color-lime .woocommerce input.button:hover, | |
| .theme-color-lime .woocommerce-page #content input.button:hover, | |
| .theme-color-lime .woocommerce-page #respond input#submit:hover, | |
| .theme-color-lime .woocommerce-page a.button:hover, | |
| .theme-color-lime .woocommerce-page button.button:hover, | |
| .theme-color-lime .woocommerce-page input.button:hover, | |
| .theme-color-lime .woocommerce #content input.button.alt:hover, | |
| .theme-color-lime .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-lime .woocommerce a.button.alt:hover, | |
| .theme-color-lime .woocommerce button.button.alt:hover, | |
| .theme-color-lime .woocommerce input.button.alt:hover, | |
| .theme-color-lime .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-lime .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-lime .woocommerce-page a.button.alt:hover, | |
| .theme-color-lime .woocommerce-page button.button.alt:hover, | |
| .theme-color-lime .woocommerce-page input.button.alt:hover, | |
| .theme-color-lime .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-lime .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-lime.woocommerce span.onsale, | |
| .theme-color-lime.woocommerce-page span.onsale, | |
| .theme-color-lime.woocommerce ul.products li.product .onsale, | |
| .theme-color-lime.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-lime .woocommerce span.onsale, | |
| .theme-color-lime .woocommerce-page span.onsale, | |
| .theme-color-lime .woocommerce ul.products li.product .onsale, | |
| .theme-color-lime .woocommerce-page ul.products li.product .onsale { | |
| background: #8fca3f; | |
| color: #000; | |
| } | |
| .theme-color-lime.woocommerce .woocommerce-error, | |
| .theme-color-lime.woocommerce .woocommerce-info, | |
| .theme-color-lime.woocommerce .woocommerce-message, | |
| .theme-color-lime.woocommerce-page .woocommerce-error, | |
| .theme-color-lime.woocommerce-page .woocommerce-info, | |
| .theme-color-lime.woocommerce-page .woocommerce-message { | |
| border-top-color: #8fca3f; | |
| } | |
| .theme-color-lime.woocommerce-checkout #payment div.payment_box { | |
| background: #8fca3f; | |
| color: inherit; | |
| } | |
| .theme-color-lime.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #8fca3f; | |
| } | |
| .theme-color-lime.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-lime.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-lime.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-lime.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-lime.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-lime.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-lime.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-lime.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-lime.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-lime.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-lime.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-lime.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #8fca3f; | |
| color: #000; | |
| } | |
| .theme-color-lime.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-lime.woocommerce table.cart a.remove:hover, | |
| .theme-color-lime.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-lime.woocommerce-page table.cart a.remove:hover { | |
| background: #8fca3f; | |
| color: #000 !important; | |
| } | |
| .theme-color-lime #headerwrap.fixed-header { | |
| background: rgba(143, 202, 63, .9); | |
| } | |
| .transparent-header.theme-color-lime #pagewrap #headerwrap.fixed-header { | |
| background: rgba(143, 202, 63, .9); | |
| } | |
| .theme-color-lime .pull-down:before { | |
| border-color: #8fca3f; | |
| } | |
| /* THEME COLOR BLUE | |
| ================================================ */ | |
| .theme-color-blue.header-minbar .sidemenu, | |
| .theme-color-blue #headerwrap, | |
| .theme-color-blue #footerwrap { | |
| background: #3dc7fe; | |
| } | |
| .theme-color-blue.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-blue.header-minbar #headerwrap #menu-icon { | |
| background: #3dc7fe; | |
| color: #000; | |
| } | |
| .theme-color-blue #site-logo a, | |
| .theme-color-blue #site-description { | |
| color: #000; | |
| } | |
| .theme-color-blue.header-leftpane .sidemenu a, | |
| .theme-color-blue.header-leftpane #main-nav a, | |
| .theme-color-blue.header-minbar .sidemenu a, | |
| .theme-color-blue.header-minbar #main-nav a, | |
| .theme-color-blue #main-nav > li > a, | |
| .theme-color-blue .header-widget a, | |
| .theme-color-blue .footer-text a { | |
| color: #000; | |
| } | |
| .theme-color-blue a { | |
| color: #1A6286; | |
| } | |
| .theme-color-blue .post-nav .arrow { | |
| color: #47a7d7; | |
| } | |
| .theme-color-blue .social-links a, | |
| .theme-color-blue .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-blue .post-title a { | |
| color: #000; | |
| } | |
| .theme-color-blue input[type=reset], | |
| .theme-color-blue input[type=submit], | |
| .theme-color-blue button, | |
| .theme-color-blue #respond #cancel-comment-reply-link, | |
| .theme-color-blue .commentlist .comment-reply-link { | |
| background: #3dc7fe; | |
| color: #000; | |
| border: none; | |
| } | |
| .theme-color-blue .post-title a:hover { | |
| color: #3dc7fe; | |
| } | |
| .theme-color-blue #main-nav > .current_page_item > a, | |
| .theme-color-blue #main-nav > .current-menu-item > a, | |
| .theme-color-blue #main-nav > li > a:hover { | |
| color: #124e66; | |
| } | |
| .theme-color-blue input[type=reset]:hover, | |
| .theme-color-blue input[type=submit]:hover, | |
| .theme-color-blue button:hover, | |
| .theme-color-blue .commentlist .comment-reply-link:hover, | |
| .theme-color-blue #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-blue.single-post .post-date, | |
| .theme-color-blue .loops-wrapper.list-post .post-date { | |
| background: rgba(61, 199, 254, .8); | |
| color: #000; | |
| } | |
| .theme-color-blue.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-blue.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-blue.footer-left-col .back-top .arrow-up a, | |
| .theme-color-blue.footer-right-col .back-top .arrow-up a { | |
| background: #3dc7fe; | |
| color: #000; | |
| } | |
| .theme-color-blue.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-blue.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-blue.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-blue.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* button */ | |
| .theme-color-blue.woocommerce #content input.button, | |
| .theme-color-blue.woocommerce #respond input#submit, | |
| .theme-color-blue.woocommerce a.button, | |
| .theme-color-blue.woocommerce button.button, | |
| .theme-color-blue.woocommerce input.button, | |
| .theme-color-blue.woocommerce-page #content input.button, | |
| .theme-color-blue.woocommerce-page #respond input#submit, | |
| .theme-color-blue.woocommerce-page a.button, | |
| .theme-color-blue.woocommerce-page button.button, | |
| .theme-color-blue.woocommerce-page input.button, | |
| .theme-color-blue.woocommerce #content input.button.alt, | |
| .theme-color-blue.woocommerce #respond input#submit.alt, | |
| .theme-color-blue.woocommerce a.button.alt, | |
| .theme-color-blue.woocommerce button.button.alt, | |
| .theme-color-blue.woocommerce input.button.alt, | |
| .theme-color-blue.woocommerce-page #content input.button.alt, | |
| .theme-color-blue.woocommerce-page #respond input#submit.alt, | |
| .theme-color-blue.woocommerce-page a.button.alt, | |
| .theme-color-blue.woocommerce-page button.button.alt, | |
| .theme-color-blue.woocommerce-page input.button.alt, | |
| .theme-color-blue.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-blue.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-blue .woocommerce #content input.button, | |
| .theme-color-blue .woocommerce #respond input#submit, | |
| .theme-color-blue .woocommerce a.button, | |
| .theme-color-blue .woocommerce button.button, | |
| .theme-color-blue .woocommerce input.button, | |
| .theme-color-blue .woocommerce-page #content input.button, | |
| .theme-color-blue .woocommerce-page #respond input#submit, | |
| .theme-color-blue .woocommerce-page a.button, | |
| .theme-color-blue .woocommerce-page button.button, | |
| .theme-color-blue .woocommerce-page input.button, | |
| .theme-color-blue .woocommerce #content input.button.alt, | |
| .theme-color-blue .woocommerce #respond input#submit.alt, | |
| .theme-color-blue .woocommerce a.button.alt, | |
| .theme-color-blue .woocommerce button.button.alt, | |
| .theme-color-blue .woocommerce input.button.alt, | |
| .theme-color-blue .woocommerce-page #content input.button.alt, | |
| .theme-color-blue .woocommerce-page #respond input#submit.alt, | |
| .theme-color-blue .woocommerce-page a.button.alt, | |
| .theme-color-blue .woocommerce-page button.button.alt, | |
| .theme-color-blue .woocommerce-page input.button.alt, | |
| .theme-color-blue .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-blue .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #3dc7fe; | |
| color: #000; | |
| } | |
| .theme-color-blue.woocommerce #content input.button:hover, | |
| .theme-color-blue.woocommerce #respond input#submit:hover, | |
| .theme-color-blue.woocommerce a.button:hover, | |
| .theme-color-blue.woocommerce button.button:hover, | |
| .theme-color-blue.woocommerce input.button:hover, | |
| .theme-color-blue.woocommerce-page #content input.button:hover, | |
| .theme-color-blue.woocommerce-page #respond input#submit:hover, | |
| .theme-color-blue.woocommerce-page a.button:hover, | |
| .theme-color-blue.woocommerce-page button.button:hover, | |
| .theme-color-blue.woocommerce-page input.button:hover, | |
| .theme-color-blue.woocommerce #content input.button.alt:hover, | |
| .theme-color-blue.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-blue.woocommerce a.button.alt:hover, | |
| .theme-color-blue.woocommerce button.button.alt:hover, | |
| .theme-color-blue.woocommerce input.button.alt:hover, | |
| .theme-color-blue.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-blue.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-blue.woocommerce-page a.button.alt:hover, | |
| .theme-color-blue.woocommerce-page button.button.alt:hover, | |
| .theme-color-blue.woocommerce-page input.button.alt:hover, | |
| .theme-color-blue.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-blue.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-blue .woocommerce #content input.button:hover, | |
| .theme-color-blue .woocommerce #respond input#submit:hover, | |
| .theme-color-blue .woocommerce a.button:hover, | |
| .theme-color-blue .woocommerce button.button:hover, | |
| .theme-color-blue .woocommerce input.button:hover, | |
| .theme-color-blue .woocommerce-page #content input.button:hover, | |
| .theme-color-blue .woocommerce-page #respond input#submit:hover, | |
| .theme-color-blue .woocommerce-page a.button:hover, | |
| .theme-color-blue .woocommerce-page button.button:hover, | |
| .theme-color-blue .woocommerce-page input.button:hover, | |
| .theme-color-blue .woocommerce #content input.button.alt:hover, | |
| .theme-color-blue .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-blue .woocommerce a.button.alt:hover, | |
| .theme-color-blue .woocommerce button.button.alt:hover, | |
| .theme-color-blue .woocommerce input.button.alt:hover, | |
| .theme-color-blue .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-blue .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-blue .woocommerce-page a.button.alt:hover, | |
| .theme-color-blue .woocommerce-page button.button.alt:hover, | |
| .theme-color-blue .woocommerce-page input.button.alt:hover, | |
| .theme-color-blue .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-blue .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-blue.woocommerce span.onsale, | |
| .theme-color-blue.woocommerce-page span.onsale, | |
| .theme-color-blue.woocommerce ul.products li.product .onsale, | |
| .theme-color-blue.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-blue .woocommerce span.onsale, | |
| .theme-color-blue .woocommerce-page span.onsale, | |
| .theme-color-blue .woocommerce ul.products li.product .onsale, | |
| .theme-color-blue .woocommerce-page ul.products li.product .onsale { | |
| color: #000; | |
| background: #3dc7fe; | |
| } | |
| .theme-color-blue.woocommerce .woocommerce-error, | |
| .theme-color-blue.woocommerce .woocommerce-info, | |
| .theme-color-blue.woocommerce .woocommerce-message, | |
| .theme-color-blue.woocommerce-page .woocommerce-error, | |
| .theme-color-blue.woocommerce-page .woocommerce-info, | |
| .theme-color-blue.woocommerce-page .woocommerce-message { | |
| border-top-color: #3dc7fe; | |
| } | |
| .theme-color-blue.woocommerce-checkout #payment div.payment_box { | |
| background: #3dc7fe; | |
| color: inherit; | |
| } | |
| .theme-color-blue.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #3dc7fe; | |
| } | |
| .theme-color-blue.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-blue.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-blue.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-blue.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-blue.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-blue.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-blue.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-blue.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-blue.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-blue.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-blue.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-blue.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #3dc7fe; | |
| color: #000; | |
| } | |
| .theme-color-blue.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-blue.woocommerce table.cart a.remove:hover, | |
| .theme-color-blue.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-blue.woocommerce-page table.cart a.remove:hover { | |
| background: #3dc7fe; | |
| color: #000 !important; | |
| } | |
| .theme-color-blue #headerwrap.fixed-header { | |
| background: rgba(61, 199, 254, .9); | |
| } | |
| .transparent-header.theme-color-blue #pagewrap #headerwrap.fixed-header { | |
| background: rgba(61, 199, 254, .9); | |
| } | |
| .theme-color-blue .pull-down:before { | |
| border-color: #3dc7fe; | |
| } | |
| /* THEME COLOR VIOLET | |
| ================================================ */ | |
| .theme-color-violet.header-minbar .sidemenu, | |
| .theme-color-violet #headerwrap, | |
| .theme-color-violet #footerwrap, | |
| .theme-color-violet.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-violet.header-minbar #headerwrap #menu-icon { | |
| background: #991896; | |
| color: #fff; | |
| } | |
| .theme-color-violet #site-logo a, | |
| .theme-color-violet #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-violet.header-leftpane .sidemenu a, | |
| .theme-color-violet.header-leftpane #main-nav a, | |
| .theme-color-violet.header-minbar .sidemenu a, | |
| .theme-color-violet.header-minbar #main-nav a, | |
| .theme-color-violet .header-widget a, | |
| .theme-color-violet .footer-text a, | |
| .theme-color-violet #main-nav > li > a { | |
| color: #d6a3d5; | |
| } | |
| .theme-color-violet input[type=reset], | |
| .theme-color-violet input[type=submit], | |
| .theme-color-violet button, | |
| .theme-color-violet #respond #cancel-comment-reply-link, | |
| .theme-color-violet .commentlist .comment-reply-link { | |
| background: #991896; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-violet a { | |
| color: #D6A3D1; | |
| } | |
| .theme-color-violet .post-nav .arrow { | |
| color: #991896; | |
| } | |
| .theme-color-violet .social-links a, | |
| .theme-color-violet .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-violet #main-nav > .current_page_item > a, | |
| .theme-color-violet #main-nav > .current-menu-item > a, | |
| .theme-color-violet #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-violet input[type=reset]:hover, | |
| .theme-color-violet input[type=submit]:hover, | |
| .theme-color-violet button:hover, | |
| .theme-color-violet .commentlist .comment-reply-link:hover, | |
| .theme-color-violet #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-violet.single-post .post-date, | |
| .theme-color-violet .loops-wrapper.list-post .post-date { | |
| background: rgba(153, 24, 150, .8); | |
| color: #fff; | |
| } | |
| .theme-color-violet.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-violet.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-violet.footer-left-col .back-top .arrow-up a, | |
| .theme-color-violet.footer-right-col .back-top .arrow-up a { | |
| background: #991896; | |
| color: #fff; | |
| } | |
| .theme-color-violet.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-violet.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-violet.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-violet.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| /* button */ | |
| .theme-color-violet.woocommerce #content input.button, | |
| .theme-color-violet.woocommerce #respond input#submit, | |
| .theme-color-violet.woocommerce a.button, | |
| .theme-color-violet.woocommerce button.button, | |
| .theme-color-violet.woocommerce input.button, | |
| .theme-color-violet.woocommerce-page #content input.button, | |
| .theme-color-violet.woocommerce-page #respond input#submit, | |
| .theme-color-violet.woocommerce-page a.button, | |
| .theme-color-violet.woocommerce-page button.button, | |
| .theme-color-violet.woocommerce-page input.button, | |
| .theme-color-violet.woocommerce #content input.button.alt, | |
| .theme-color-violet.woocommerce #respond input#submit.alt, | |
| .theme-color-violet.woocommerce a.button.alt, | |
| .theme-color-violet.woocommerce button.button.alt, | |
| .theme-color-violet.woocommerce input.button.alt, | |
| .theme-color-violet.woocommerce-page #content input.button.alt, | |
| .theme-color-violet.woocommerce-page #respond input#submit.alt, | |
| .theme-color-violet.woocommerce-page a.button.alt, | |
| .theme-color-violet.woocommerce-page button.button.alt, | |
| .theme-color-violet.woocommerce-page input.button.alt, | |
| .theme-color-violet.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-violet.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-violet .woocommerce #content input.button, | |
| .theme-color-violet .woocommerce #respond input#submit, | |
| .theme-color-violet .woocommerce a.button, | |
| .theme-color-violet .woocommerce button.button, | |
| .theme-color-violet .woocommerce input.button, | |
| .theme-color-violet .woocommerce-page #content input.button, | |
| .theme-color-violet .woocommerce-page #respond input#submit, | |
| .theme-color-violet .woocommerce-page a.button, | |
| .theme-color-violet .woocommerce-page button.button, | |
| .theme-color-violet .woocommerce-page input.button, | |
| .theme-color-violet .woocommerce #content input.button.alt, | |
| .theme-color-violet .woocommerce #respond input#submit.alt, | |
| .theme-color-violet .woocommerce a.button.alt, | |
| .theme-color-violet .woocommerce button.button.alt, | |
| .theme-color-violet .woocommerce input.button.alt, | |
| .theme-color-violet .woocommerce-page #content input.button.alt, | |
| .theme-color-violet .woocommerce-page #respond input#submit.alt, | |
| .theme-color-violet .woocommerce-page a.button.alt, | |
| .theme-color-violet .woocommerce-page button.button.alt, | |
| .theme-color-violet .woocommerce-page input.button.alt, | |
| .theme-color-violet .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-violet .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #991896; | |
| } | |
| .theme-color-violet.woocommerce #content input.button:hover, | |
| .theme-color-violet.woocommerce #respond input#submit:hover, | |
| .theme-color-violet.woocommerce a.button:hover, | |
| .theme-color-violet.woocommerce button.button:hover, | |
| .theme-color-violet.woocommerce input.button:hover, | |
| .theme-color-violet.woocommerce-page #content input.button:hover, | |
| .theme-color-violet.woocommerce-page #respond input#submit:hover, | |
| .theme-color-violet.woocommerce-page a.button:hover, | |
| .theme-color-violet.woocommerce-page button.button:hover, | |
| .theme-color-violet.woocommerce-page input.button:hover, | |
| .theme-color-violet.woocommerce #content input.button.alt:hover, | |
| .theme-color-violet.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-violet.woocommerce a.button.alt:hover, | |
| .theme-color-violet.woocommerce button.button.alt:hover, | |
| .theme-color-violet.woocommerce input.button.alt:hover, | |
| .theme-color-violet.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-violet.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-violet.woocommerce-page a.button.alt:hover, | |
| .theme-color-violet.woocommerce-page button.button.alt:hover, | |
| .theme-color-violet.woocommerce-page input.button.alt:hover, | |
| .theme-color-violet.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-violet.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-violet .woocommerce #content input.button:hover, | |
| .theme-color-violet .woocommerce #respond input#submit:hover, | |
| .theme-color-violet .woocommerce a.button:hover, | |
| .theme-color-violet .woocommerce button.button:hover, | |
| .theme-color-violet .woocommerce input.button:hover, | |
| .theme-color-violet .woocommerce-page #content input.button:hover, | |
| .theme-color-violet .woocommerce-page #respond input#submit:hover, | |
| .theme-color-violet .woocommerce-page a.button:hover, | |
| .theme-color-violet .woocommerce-page button.button:hover, | |
| .theme-color-violet .woocommerce-page input.button:hover, | |
| .theme-color-violet .woocommerce #content input.button.alt:hover, | |
| .theme-color-violet .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-violet .woocommerce a.button.alt:hover, | |
| .theme-color-violet .woocommerce button.button.alt:hover, | |
| .theme-color-violet .woocommerce input.button.alt:hover, | |
| .theme-color-violet .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-violet .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-violet .woocommerce-page a.button.alt:hover, | |
| .theme-color-violet .woocommerce-page button.button.alt:hover, | |
| .theme-color-violet .woocommerce-page input.button.alt:hover, | |
| .theme-color-violet .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-violet .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| } | |
| .theme-color-violet.woocommerce span.onsale, | |
| .theme-color-violet.woocommerce-page span.onsale, | |
| .theme-color-violet.woocommerce ul.products li.product .onsale, | |
| .theme-color-violet.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-violet .woocommerce span.onsale, | |
| .theme-color-violet .woocommerce-page span.onsale, | |
| .theme-color-violet .woocommerce ul.products li.product .onsale, | |
| .theme-color-violet .woocommerce-page ul.products li.product .onsale { | |
| background: #991896; | |
| } | |
| .theme-color-violet.woocommerce .woocommerce-error, | |
| .theme-color-violet.woocommerce .woocommerce-info, | |
| .theme-color-violet.woocommerce .woocommerce-message, | |
| .theme-color-violet.woocommerce-page .woocommerce-error, | |
| .theme-color-violet.woocommerce-page .woocommerce-info, | |
| .theme-color-violet.woocommerce-page .woocommerce-message { | |
| border-top-color: #991896; | |
| } | |
| .theme-color-violet.woocommerce-checkout #payment div.payment_box { | |
| background: #991896; | |
| color: #fff; | |
| } | |
| .theme-color-violet.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #991896; | |
| } | |
| .theme-color-violet.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-violet.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-violet.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-violet.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-violet.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-violet.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-violet.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-violet.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-violet.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-violet.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-violet.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-violet.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #991896; | |
| color: #fff; | |
| } | |
| .theme-color-violet.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-violet.woocommerce table.cart a.remove:hover, | |
| .theme-color-violet.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-violet.woocommerce-page table.cart a.remove:hover { | |
| background: #991896; | |
| } | |
| .theme-color-violet #headerwrap.fixed-header { | |
| background: rgba(153, 24, 150, .9); | |
| } | |
| .transparent-header.theme-color-violet #pagewrap #headerwrap.fixed-header { | |
| background: rgba(153, 24, 150, .9); | |
| } | |
| .theme-color-violet .pull-down:before { | |
| border-color: #991896; | |
| } | |
| /* THEME COLOR PURPLE | |
| ================================================ */ | |
| .theme-color-purple.header-minbar .sidemenu, | |
| .theme-color-purple #headerwrap, | |
| .theme-color-purple #footerwrap, | |
| .theme-color-purple.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-purple.header-minbar #headerwrap #menu-icon { | |
| background: #662d91; | |
| color: #fff; | |
| } | |
| .theme-color-purple #site-logo a, | |
| .theme-color-purple #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-purple.header-leftpane .sidemenu a, | |
| .theme-color-purple.header-leftpane #main-nav a, | |
| .theme-color-purple.header-minbar .sidemenu a, | |
| .theme-color-purple.header-minbar #main-nav a, | |
| .theme-color-purple .header-widget a, | |
| .theme-color-purple .footer-text a, | |
| .theme-color-purple #main-nav > li > a { | |
| color: #c2abd3; | |
| } | |
| .theme-color-purple a { | |
| color: #B578E4; | |
| } | |
| .theme-color-purple .post-nav .arrow { | |
| color: #4335ab; | |
| } | |
| .theme-color-purple .social-links a, | |
| .theme-color-purple .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-purple input[type=reset], | |
| .theme-color-purple input[type=submit], | |
| .theme-color-purple button, | |
| .theme-color-purple #respond #cancel-comment-reply-link, | |
| .theme-color-purple .commentlist .comment-reply-link { | |
| background: #662d91; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-purple #main-nav > .current_page_item > a, | |
| .theme-color-purple #main-nav > .current-menu-item > a, | |
| .theme-color-purple #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-purple input[type=reset]:hover, | |
| .theme-color-purple input[type=submit]:hover, | |
| .theme-color-purple button:hover, | |
| .theme-color-purple .commentlist .comment-reply-link:hover, | |
| .theme-color-purple #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-purple.single-post .post-date, | |
| .theme-color-purple .loops-wrapper.list-post .post-date { | |
| background: rgba(102, 45, 145, .8); | |
| color: #fff; | |
| } | |
| .theme-color-purple.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-purple.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-purple.footer-left-col .back-top .arrow-up a, | |
| .theme-color-purple.footer-right-col .back-top .arrow-up a { | |
| background: #662d91; | |
| } | |
| .theme-color-purple.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-purple.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-purple.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-purple.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| /* button */ | |
| .theme-color-purple.woocommerce #content input.button, | |
| .theme-color-purple.woocommerce #respond input#submit, | |
| .theme-color-purple.woocommerce a.button, | |
| .theme-color-purple.woocommerce button.button, | |
| .theme-color-purple.woocommerce input.button, | |
| .theme-color-purple.woocommerce-page #content input.button, | |
| .theme-color-purple.woocommerce-page #respond input#submit, | |
| .theme-color-purple.woocommerce-page a.button, | |
| .theme-color-purple.woocommerce-page button.button, | |
| .theme-color-purple.woocommerce-page input.button, | |
| .theme-color-purple.woocommerce #content input.button.alt, | |
| .theme-color-purple.woocommerce #respond input#submit.alt, | |
| .theme-color-purple.woocommerce a.button.alt, | |
| .theme-color-purple.woocommerce button.button.alt, | |
| .theme-color-purple.woocommerce input.button.alt, | |
| .theme-color-purple.woocommerce-page #content input.button.alt, | |
| .theme-color-purple.woocommerce-page #respond input#submit.alt, | |
| .theme-color-purple.woocommerce-page a.button.alt, | |
| .theme-color-purple.woocommerce-page button.button.alt, | |
| .theme-color-purple.woocommerce-page input.button.alt, | |
| .theme-color-purple.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-purple.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-purple .woocommerce #content input.button, | |
| .theme-color-purple .woocommerce #respond input#submit, | |
| .theme-color-purple .woocommerce a.button, | |
| .theme-color-purple .woocommerce button.button, | |
| .theme-color-purple .woocommerce input.button, | |
| .theme-color-purple .woocommerce-page #content input.button, | |
| .theme-color-purple .woocommerce-page #respond input#submit, | |
| .theme-color-purple .woocommerce-page a.button, | |
| .theme-color-purple .woocommerce-page button.button, | |
| .theme-color-purple .woocommerce-page input.button, | |
| .theme-color-purple .woocommerce #content input.button.alt, | |
| .theme-color-purple .woocommerce #respond input#submit.alt, | |
| .theme-color-purple .woocommerce a.button.alt, | |
| .theme-color-purple .woocommerce button.button.alt, | |
| .theme-color-purple .woocommerce input.button.alt, | |
| .theme-color-purple .woocommerce-page #content input.button.alt, | |
| .theme-color-purple .woocommerce-page #respond input#submit.alt, | |
| .theme-color-purple .woocommerce-page a.button.alt, | |
| .theme-color-purple .woocommerce-page button.button.alt, | |
| .theme-color-purple .woocommerce-page input.button.alt, | |
| .theme-color-purple .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-purple .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #662d91; | |
| } | |
| .theme-color-purple.woocommerce #content input.button:hover, | |
| .theme-color-purple.woocommerce #respond input#submit:hover, | |
| .theme-color-purple.woocommerce a.button:hover, | |
| .theme-color-purple.woocommerce button.button:hover, | |
| .theme-color-purple.woocommerce input.button:hover, | |
| .theme-color-purple.woocommerce-page #content input.button:hover, | |
| .theme-color-purple.woocommerce-page #respond input#submit:hover, | |
| .theme-color-purple.woocommerce-page a.button:hover, | |
| .theme-color-purple.woocommerce-page button.button:hover, | |
| .theme-color-purple.woocommerce-page input.button:hover, | |
| .theme-color-purple.woocommerce #content input.button.alt:hover, | |
| .theme-color-purple.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-purple.woocommerce a.button.alt:hover, | |
| .theme-color-purple.woocommerce button.button.alt:hover, | |
| .theme-color-purple.woocommerce input.button.alt:hover, | |
| .theme-color-purple.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-purple.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-purple.woocommerce-page a.button.alt:hover, | |
| .theme-color-purple.woocommerce-page button.button.alt:hover, | |
| .theme-color-purple.woocommerce-page input.button.alt:hover, | |
| .theme-color-purple.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-purple.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-purple .woocommerce #content input.button:hover, | |
| .theme-color-purple .woocommerce #respond input#submit:hover, | |
| .theme-color-purple .woocommerce a.button:hover, | |
| .theme-color-purple .woocommerce button.button:hover, | |
| .theme-color-purple .woocommerce input.button:hover, | |
| .theme-color-purple .woocommerce-page #content input.button:hover, | |
| .theme-color-purple .woocommerce-page #respond input#submit:hover, | |
| .theme-color-purple .woocommerce-page a.button:hover, | |
| .theme-color-purple .woocommerce-page button.button:hover, | |
| .theme-color-purple .woocommerce-page input.button:hover, | |
| .theme-color-purple .woocommerce #content input.button.alt:hover, | |
| .theme-color-purple .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-purple .woocommerce a.button.alt:hover, | |
| .theme-color-purple .woocommerce button.button.alt:hover, | |
| .theme-color-purple .woocommerce input.button.alt:hover, | |
| .theme-color-purple .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-purple .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-purple .woocommerce-page a.button.alt:hover, | |
| .theme-color-purple .woocommerce-page button.button.alt:hover, | |
| .theme-color-purple .woocommerce-page input.button.alt:hover, | |
| .theme-color-purple .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-purple .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| } | |
| .theme-color-purple.woocommerce span.onsale, | |
| .theme-color-purple.woocommerce-page span.onsale, | |
| .theme-color-purple.woocommerce ul.products li.product .onsale, | |
| .theme-color-purple.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-purple .woocommerce span.onsale, | |
| .theme-color-purple .woocommerce-page span.onsale, | |
| .theme-color-purple .woocommerce ul.products li.product .onsale, | |
| .theme-color-purple .woocommerce-page ul.products li.product .onsale { | |
| background: #662d91; | |
| } | |
| .theme-color-purple.woocommerce .woocommerce-error, | |
| .theme-color-purple.woocommerce .woocommerce-info, | |
| .theme-color-purple.woocommerce .woocommerce-message, | |
| .theme-color-purple.woocommerce-page .woocommerce-error, | |
| .theme-color-purple.woocommerce-page .woocommerce-info, | |
| .theme-color-purple.woocommerce-page .woocommerce-message { | |
| border-top-color: #662d91; | |
| } | |
| .theme-color-purple.woocommerce-checkout #payment div.payment_box { | |
| background: #662d91; | |
| color: #f4f4f4; | |
| } | |
| .theme-color-purple.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #662d91; | |
| } | |
| .theme-color-purple.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-purple.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-purple.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-purple.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-purple.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-purple.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-purple.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-purple.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-purple.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-purple.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-purple.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-purple.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #662d91; | |
| } | |
| .theme-color-purple.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-purple.woocommerce table.cart a.remove:hover, | |
| .theme-color-purple.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-purple.woocommerce-page table.cart a.remove:hover { | |
| background: #662d91; | |
| } | |
| .theme-color-purple #headerwrap.fixed-header { | |
| background: rgba(102, 45, 145, .9); | |
| } | |
| .transparent-header.theme-color-purple #pagewrap #headerwrap.fixed-header { | |
| background: rgba(102, 45, 145, .9); | |
| } | |
| .theme-color-purple .pull-down:before { | |
| border-color: #662d91; | |
| } | |
| /* THEME COLOR BROWN | |
| ================================================ */ | |
| .theme-color-brown.header-minbar .sidemenu, | |
| .theme-color-brown #headerwrap, | |
| .theme-color-brown #footerwrap, | |
| .theme-color-brown.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-brown.header-minbar #headerwrap #menu-icon { | |
| background: #703f30; | |
| color: #fff; | |
| } | |
| .theme-color-brown #site-logo a, | |
| .theme-color-brown #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-brown.header-leftpane .sidemenu a, | |
| .theme-color-brown.header-leftpane #main-nav a, | |
| .theme-color-brown.header-minbar .sidemenu a, | |
| .theme-color-brown.header-minbar #main-nav a, | |
| .theme-color-brown .header-widget a, | |
| .theme-color-brown .footer-text a, | |
| .theme-color-brown #main-nav > li > a, | |
| .theme-color-brown a { | |
| color: #c6b2ac; | |
| } | |
| .theme-color-brown .post-nav .arrow { | |
| color: #703f30; | |
| } | |
| .theme-color-brown .social-links a, | |
| .theme-color-brown .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-brown input[type=reset], | |
| .theme-color-brown input[type=submit], | |
| .theme-color-brown button, | |
| .theme-color-brown #respond #cancel-comment-reply-link, | |
| .theme-color-brown .commentlist .comment-reply-link { | |
| background: #703f30; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-brown #main-nav > .current_page_item > a, | |
| .theme-color-brown #main-nav > .current-menu-item > a, | |
| .theme-color-brown #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-brown input[type=reset]:hover, | |
| .theme-color-brown input[type=submit]:hover, | |
| .theme-color-brown button:hover, | |
| .theme-color-brown .commentlist .comment-reply-link:hover, | |
| .theme-color-brown #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-brown .post-title a:hover { | |
| color: #703f30; | |
| } | |
| .theme-color-brown.single-post .post-date, | |
| .theme-color-brown .loops-wrapper.list-post .post-date { | |
| background: rgba(112, 63, 48, .8); | |
| color: #fff; | |
| } | |
| .theme-color-brown.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-brown.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-brown.footer-left-col .back-top .arrow-up a, | |
| .theme-color-brown.footer-right-col .back-top .arrow-up a { | |
| background: #703f30; | |
| } | |
| .theme-color-brown.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-brown.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-brown.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-brown.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| /* button */ | |
| .theme-color-brown.woocommerce #content input.button, | |
| .theme-color-brown.woocommerce #respond input#submit, | |
| .theme-color-brown.woocommerce a.button, | |
| .theme-color-brown.woocommerce button.button, | |
| .theme-color-brown.woocommerce input.button, | |
| .theme-color-brown.woocommerce-page #content input.button, | |
| .theme-color-brown.woocommerce-page #respond input#submit, | |
| .theme-color-brown.woocommerce-page a.button, | |
| .theme-color-brown.woocommerce-page button.button, | |
| .theme-color-brown.woocommerce-page input.button, | |
| .theme-color-brown.woocommerce #content input.button.alt, | |
| .theme-color-brown.woocommerce #respond input#submit.alt, | |
| .theme-color-brown.woocommerce a.button.alt, | |
| .theme-color-brown.woocommerce button.button.alt, | |
| .theme-color-brown.woocommerce input.button.alt, | |
| .theme-color-brown.woocommerce-page #content input.button.alt, | |
| .theme-color-brown.woocommerce-page #respond input#submit.alt, | |
| .theme-color-brown.woocommerce-page a.button.alt, | |
| .theme-color-brown.woocommerce-page button.button.alt, | |
| .theme-color-brown.woocommerce-page input.button.alt, | |
| .theme-color-brown.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-brown.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-brown .woocommerce #content input.button, | |
| .theme-color-brown .woocommerce #respond input#submit, | |
| .theme-color-brown .woocommerce a.button, | |
| .theme-color-brown .woocommerce button.button, | |
| .theme-color-brown .woocommerce input.button, | |
| .theme-color-brown .woocommerce-page #content input.button, | |
| .theme-color-brown .woocommerce-page #respond input#submit, | |
| .theme-color-brown .woocommerce-page a.button, | |
| .theme-color-brown .woocommerce-page button.button, | |
| .theme-color-brown .woocommerce-page input.button, | |
| .theme-color-brown .woocommerce #content input.button.alt, | |
| .theme-color-brown .woocommerce #respond input#submit.alt, | |
| .theme-color-brown .woocommerce a.button.alt, | |
| .theme-color-brown .woocommerce button.button.alt, | |
| .theme-color-brown .woocommerce input.button.alt, | |
| .theme-color-brown .woocommerce-page #content input.button.alt, | |
| .theme-color-brown .woocommerce-page #respond input#submit.alt, | |
| .theme-color-brown .woocommerce-page a.button.alt, | |
| .theme-color-brown .woocommerce-page button.button.alt, | |
| .theme-color-brown .woocommerce-page input.button.alt, | |
| .theme-color-brown .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-brown .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #703f30; | |
| } | |
| .theme-color-brown.woocommerce #content input.button:hover, | |
| .theme-color-brown.woocommerce #respond input#submit:hover, | |
| .theme-color-brown.woocommerce a.button:hover, | |
| .theme-color-brown.woocommerce button.button:hover, | |
| .theme-color-brown.woocommerce input.button:hover, | |
| .theme-color-brown.woocommerce-page #content input.button:hover, | |
| .theme-color-brown.woocommerce-page #respond input#submit:hover, | |
| .theme-color-brown.woocommerce-page a.button:hover, | |
| .theme-color-brown.woocommerce-page button.button:hover, | |
| .theme-color-brown.woocommerce-page input.button:hover, | |
| .theme-color-brown.woocommerce #content input.button.alt:hover, | |
| .theme-color-brown.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-brown.woocommerce a.button.alt:hover, | |
| .theme-color-brown.woocommerce button.button.alt:hover, | |
| .theme-color-brown.woocommerce input.button.alt:hover, | |
| .theme-color-brown.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-brown.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-brown.woocommerce-page a.button.alt:hover, | |
| .theme-color-brown.woocommerce-page button.button.alt:hover, | |
| .theme-color-brown.woocommerce-page input.button.alt:hover, | |
| .theme-color-brown.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-brown.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-brown .woocommerce #content input.button:hover, | |
| .theme-color-brown .woocommerce #respond input#submit:hover, | |
| .theme-color-brown .woocommerce a.button:hover, | |
| .theme-color-brown .woocommerce button.button:hover, | |
| .theme-color-brown .woocommerce input.button:hover, | |
| .theme-color-brown .woocommerce-page #content input.button:hover, | |
| .theme-color-brown .woocommerce-page #respond input#submit:hover, | |
| .theme-color-brown .woocommerce-page a.button:hover, | |
| .theme-color-brown .woocommerce-page button.button:hover, | |
| .theme-color-brown .woocommerce-page input.button:hover, | |
| .theme-color-brown .woocommerce #content input.button.alt:hover, | |
| .theme-color-brown .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-brown .woocommerce a.button.alt:hover, | |
| .theme-color-brown .woocommerce button.button.alt:hover, | |
| .theme-color-brown .woocommerce input.button.alt:hover, | |
| .theme-color-brown .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-brown .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-brown .woocommerce-page a.button.alt:hover, | |
| .theme-color-brown .woocommerce-page button.button.alt:hover, | |
| .theme-color-brown .woocommerce-page input.button.alt:hover, | |
| .theme-color-brown .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-brown .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| } | |
| .theme-color-brown.woocommerce span.onsale, | |
| .theme-color-brown.woocommerce-page span.onsale, | |
| .theme-color-brown.woocommerce ul.products li.product .onsale, | |
| .theme-color-brown.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-brown .woocommerce span.onsale, | |
| .theme-color-brown .woocommerce-page span.onsale, | |
| .theme-color-brown .woocommerce ul.products li.product .onsale, | |
| .theme-color-brown .woocommerce-page ul.products li.product .onsale { | |
| background: #703f30; | |
| } | |
| .theme-color-brown.woocommerce .woocommerce-error, | |
| .theme-color-brown.woocommerce .woocommerce-info, | |
| .theme-color-brown.woocommerce .woocommerce-message, | |
| .theme-color-brown.woocommerce-page .woocommerce-error, | |
| .theme-color-brown.woocommerce-page .woocommerce-info, | |
| .theme-color-brown.woocommerce-page .woocommerce-message { | |
| border-top-color: #703f30; | |
| } | |
| .theme-color-brown.woocommerce-checkout #payment div.payment_box { | |
| background: #703f30; | |
| color: #f4f4f4; | |
| } | |
| .theme-color-brown.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #703f30; | |
| } | |
| .theme-color-brown.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-brown.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-brown.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-brown.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-brown.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-brown.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-brown.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-brown.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-brown.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-brown.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-brown.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-brown.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #703f30; | |
| } | |
| .theme-color-brown.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-brown.woocommerce table.cart a.remove:hover, | |
| .theme-color-brown.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-brown.woocommerce-page table.cart a.remove:hover { | |
| background: #703f30; | |
| } | |
| .theme-color-brown #headerwrap.fixed-header { | |
| background: rgba(112, 63, 48, .9); | |
| } | |
| .transparent-header.theme-color-brown #pagewrap #headerwrap.fixed-header { | |
| background: rgba(112, 63, 48, .9); | |
| } | |
| .theme-color-brown .pull-down:before { | |
| border-color: #703f30; | |
| } | |
| /* THEME COLOR PINK | |
| ================================================ */ | |
| .theme-color-pink.header-minbar .sidemenu, | |
| .theme-color-pink #headerwrap, | |
| .theme-color-pink #footerwrap { | |
| background: #ff9bc7; | |
| } | |
| .theme-color-pink.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-pink.header-minbar #headerwrap #menu-icon { | |
| background: #ff9bc7; | |
| color: #000; | |
| } | |
| .theme-color-pink #site-logo a, | |
| .theme-color-pink #site-description { | |
| color: #000; | |
| } | |
| .theme-color-pink.header-leftpane .sidemenu a, | |
| .theme-color-pink.header-leftpane #main-nav a, | |
| .theme-color-pink.header-minbar .sidemenu a, | |
| .theme-color-pink.header-minbar #main-nav a, | |
| .theme-color-pink #main-nav > li > a, | |
| .theme-color-pink .header-widget a, | |
| .theme-color-pink .footer-text a, | |
| .theme-color-pink a { | |
| color: #663e50; | |
| } | |
| .theme-color-pink .post-nav .arrow { | |
| color: #9D647D; | |
| } | |
| .theme-color-pink .social-links a, | |
| .theme-color-pink .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-pink .post-title a { | |
| color: #000; | |
| } | |
| .theme-color-pink input[type=reset], | |
| .theme-color-pink input[type=submit], | |
| .theme-color-pink button, | |
| .theme-color-pink #respond #cancel-comment-reply-link, | |
| .theme-color-pink .commentlist .comment-reply-link { | |
| background: #ff9bc7; | |
| color: #000; | |
| border: none; | |
| } | |
| .theme-color-pink .post-title a:hover { | |
| color: #ff9bc7; | |
| } | |
| .theme-color-pink #main-nav > .current_page_item > a, | |
| .theme-color-pink #main-nav > .current-menu-item > a, | |
| .theme-color-pink #main-nav > li > a:hover { | |
| color: #000; | |
| } | |
| .theme-color-pink input[type=reset]:hover, | |
| .theme-color-pink input[type=submit]:hover, | |
| .theme-color-pink button:hover, | |
| .theme-color-pink .commentlist .comment-reply-link:hover, | |
| .theme-color-pink #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-pink.single-post .post-date, | |
| .theme-color-pink .loops-wrapper.list-post .post-date { | |
| background: rgba(255, 155, 199, .8); | |
| color: #000; | |
| } | |
| .theme-color-pink.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-pink.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-pink.footer-left-col .back-top .arrow-up a, | |
| .theme-color-pink.footer-right-col .back-top .arrow-up a { | |
| background: #ff9bc7; | |
| color: #000; | |
| } | |
| .theme-color-pink.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-pink.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-pink.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-pink.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* button */ | |
| .theme-color-pink.woocommerce #content input.button, | |
| .theme-color-pink.woocommerce #respond input#submit, | |
| .theme-color-pink.woocommerce a.button, | |
| .theme-color-pink.woocommerce button.button, | |
| .theme-color-pink.woocommerce input.button, | |
| .theme-color-pink.woocommerce-page #content input.button, | |
| .theme-color-pink.woocommerce-page #respond input#submit, | |
| .theme-color-pink.woocommerce-page a.button, | |
| .theme-color-pink.woocommerce-page button.button, | |
| .theme-color-pink.woocommerce-page input.button, | |
| .theme-color-pink.woocommerce #content input.button.alt, | |
| .theme-color-pink.woocommerce #respond input#submit.alt, | |
| .theme-color-pink.woocommerce a.button.alt, | |
| .theme-color-pink.woocommerce button.button.alt, | |
| .theme-color-pink.woocommerce input.button.alt, | |
| .theme-color-pink.woocommerce-page #content input.button.alt, | |
| .theme-color-pink.woocommerce-page #respond input#submit.alt, | |
| .theme-color-pink.woocommerce-page a.button.alt, | |
| .theme-color-pink.woocommerce-page button.button.alt, | |
| .theme-color-pink.woocommerce-page input.button.alt, | |
| .theme-color-pink.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-pink.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-pink .woocommerce #content input.button, | |
| .theme-color-pink .woocommerce #respond input#submit, | |
| .theme-color-pink .woocommerce a.button, | |
| .theme-color-pink .woocommerce button.button, | |
| .theme-color-pink .woocommerce input.button, | |
| .theme-color-pink .woocommerce-page #content input.button, | |
| .theme-color-pink .woocommerce-page #respond input#submit, | |
| .theme-color-pink .woocommerce-page a.button, | |
| .theme-color-pink .woocommerce-page button.button, | |
| .theme-color-pink .woocommerce-page input.button, | |
| .theme-color-pink .woocommerce #content input.button.alt, | |
| .theme-color-pink .woocommerce #respond input#submit.alt, | |
| .theme-color-pink .woocommerce a.button.alt, | |
| .theme-color-pink .woocommerce button.button.alt, | |
| .theme-color-pink .woocommerce input.button.alt, | |
| .theme-color-pink .woocommerce-page #content input.button.alt, | |
| .theme-color-pink .woocommerce-page #respond input#submit.alt, | |
| .theme-color-pink .woocommerce-page a.button.alt, | |
| .theme-color-pink .woocommerce-page button.button.alt, | |
| .theme-color-pink .woocommerce-page input.button.alt, | |
| .theme-color-pink .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-pink .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #ff9bc7; | |
| color: #000; | |
| } | |
| .theme-color-pink.woocommerce #content input.button:hover, | |
| .theme-color-pink.woocommerce #respond input#submit:hover, | |
| .theme-color-pink.woocommerce a.button:hover, | |
| .theme-color-pink.woocommerce button.button:hover, | |
| .theme-color-pink.woocommerce input.button:hover, | |
| .theme-color-pink.woocommerce-page #content input.button:hover, | |
| .theme-color-pink.woocommerce-page #respond input#submit:hover, | |
| .theme-color-pink.woocommerce-page a.button:hover, | |
| .theme-color-pink.woocommerce-page button.button:hover, | |
| .theme-color-pink.woocommerce-page input.button:hover, | |
| .theme-color-pink.woocommerce #content input.button.alt:hover, | |
| .theme-color-pink.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-pink.woocommerce a.button.alt:hover, | |
| .theme-color-pink.woocommerce button.button.alt:hover, | |
| .theme-color-pink.woocommerce input.button.alt:hover, | |
| .theme-color-pink.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-pink.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-pink.woocommerce-page a.button.alt:hover, | |
| .theme-color-pink.woocommerce-page button.button.alt:hover, | |
| .theme-color-pink.woocommerce-page input.button.alt:hover, | |
| .theme-color-pink.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-pink.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-pink .woocommerce #content input.button:hover, | |
| .theme-color-pink .woocommerce #respond input#submit:hover, | |
| .theme-color-pink .woocommerce a.button:hover, | |
| .theme-color-pink .woocommerce button.button:hover, | |
| .theme-color-pink .woocommerce input.button:hover, | |
| .theme-color-pink .woocommerce-page #content input.button:hover, | |
| .theme-color-pink .woocommerce-page #respond input#submit:hover, | |
| .theme-color-pink .woocommerce-page a.button:hover, | |
| .theme-color-pink .woocommerce-page button.button:hover, | |
| .theme-color-pink .woocommerce-page input.button:hover, | |
| .theme-color-pink .woocommerce #content input.button.alt:hover, | |
| .theme-color-pink .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-pink .woocommerce a.button.alt:hover, | |
| .theme-color-pink .woocommerce button.button.alt:hover, | |
| .theme-color-pink .woocommerce input.button.alt:hover, | |
| .theme-color-pink .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-pink .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-pink .woocommerce-page a.button.alt:hover, | |
| .theme-color-pink .woocommerce-page button.button.alt:hover, | |
| .theme-color-pink .woocommerce-page input.button.alt:hover, | |
| .theme-color-pink .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-pink .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-pink.woocommerce span.onsale, | |
| .theme-color-pink.woocommerce-page span.onsale, | |
| .theme-color-pink.woocommerce ul.products li.product .onsale, | |
| .theme-color-pink.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-pink .woocommerce span.onsale, | |
| .theme-color-pink .woocommerce-page span.onsale, | |
| .theme-color-pink .woocommerce ul.products li.product .onsale, | |
| .theme-color-pink .woocommerce-page ul.products li.product .onsale { | |
| color: #000; | |
| background: #ff9bc7; | |
| } | |
| .theme-color-pink.woocommerce .woocommerce-error, | |
| .theme-color-pink.woocommerce .woocommerce-info, | |
| .theme-color-pink.woocommerce .woocommerce-message, | |
| .theme-color-pink.woocommerce-page .woocommerce-error, | |
| .theme-color-pink.woocommerce-page .woocommerce-info, | |
| .theme-color-pink.woocommerce-page .woocommerce-message { | |
| border-top-color: #ff9bc7; | |
| } | |
| .theme-color-pink.woocommerce-checkout #payment div.payment_box { | |
| background: #ff9bc7; | |
| color: inherit; | |
| } | |
| .theme-color-pink.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #ff9bc7; | |
| } | |
| .theme-color-pink.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-pink.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-pink.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-pink.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-pink.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-pink.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-pink.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-pink.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-pink.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-pink.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-pink.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-pink.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #ff9bc7; | |
| color: #000; | |
| } | |
| .theme-color-pink.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-pink.woocommerce table.cart a.remove:hover, | |
| .theme-color-pink.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-pink.woocommerce-page table.cart a.remove:hover { | |
| background: #ff9bc7; | |
| color: #000 !important; | |
| } | |
| .theme-color-pink #headerwrap.fixed-header { | |
| background: rgba(255, 155, 199, .9); | |
| } | |
| .transparent-header.theme-color-pink #pagewrap #headerwrap.fixed-header { | |
| background: rgba(255, 155, 199, .9); | |
| } | |
| .theme-color-pink .pull-down:before { | |
| border-color: #ff9bc7; | |
| } | |
| /* THEME COLOR GREY | |
| ================================================ */ | |
| .theme-color-grey.header-minbar .sidemenu, | |
| .theme-color-grey #headerwrap, | |
| .theme-color-grey #footerwrap, | |
| .theme-color-grey.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-grey.header-minbar #headerwrap #menu-icon { | |
| background: #bbbbbb; | |
| color: #fff; | |
| } | |
| .theme-color-grey #site-logo a, | |
| .theme-color-grey #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-grey.header-leftpane .sidemenu a, | |
| .theme-color-grey.header-leftpane #main-nav a, | |
| .theme-color-grey.header-minbar .sidemenu a, | |
| .theme-color-grey.header-minbar #main-nav a, | |
| .theme-color-grey .header-widget a, | |
| .theme-color-grey .footer-text a, | |
| .theme-color-grey #main-nav > li > a { | |
| color: #e6e6e6; | |
| } | |
| .theme-color-grey a { | |
| color: #7E7E7E; | |
| } | |
| .theme-color-grey .post-nav .arrow { | |
| color: #838181; | |
| } | |
| .theme-color-grey .social-links a, | |
| .theme-color-grey .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-grey input[type=reset], | |
| .theme-color-grey input[type=submit], | |
| .theme-color-grey button, | |
| .theme-color-grey #respond #cancel-comment-reply-link, | |
| .theme-color-grey .commentlist .comment-reply-link { | |
| background: #bbbbbb; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-grey #main-nav > .current_page_item > a, | |
| .theme-color-grey #main-nav > .current-menu-item > a, | |
| .theme-color-grey #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-grey .post-title a:hover { | |
| color: #000; | |
| } | |
| .theme-color-grey input[type=reset]:hover, | |
| .theme-color-grey input[type=submit]:hover, | |
| .theme-color-grey button:hover, | |
| .theme-color-grey .commentlist .comment-reply-link:hover, | |
| .theme-color-grey #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-grey.single-post .post-date, | |
| .theme-color-grey .loops-wrapper.list-post .post-date { | |
| background: rgba(187, 187, 187, .8); | |
| color: #fff; | |
| } | |
| .theme-color-grey.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-grey.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-grey.footer-left-col .back-top .arrow-up a, | |
| .theme-color-grey.footer-right-col .back-top .arrow-up a { | |
| background: #bbb; | |
| } | |
| .theme-color-grey.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-grey.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-grey.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-grey.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| /* button */ | |
| .theme-color-grey.woocommerce #content input.button, | |
| .theme-color-grey.woocommerce #respond input#submit, | |
| .theme-color-grey.woocommerce a.button, | |
| .theme-color-grey.woocommerce button.button, | |
| .theme-color-grey.woocommerce input.button, | |
| .theme-color-grey.woocommerce-page #content input.button, | |
| .theme-color-grey.woocommerce-page #respond input#submit, | |
| .theme-color-grey.woocommerce-page a.button, | |
| .theme-color-grey.woocommerce-page button.button, | |
| .theme-color-grey.woocommerce-page input.button, | |
| .theme-color-grey.woocommerce #content input.button.alt, | |
| .theme-color-grey.woocommerce #respond input#submit.alt, | |
| .theme-color-grey.woocommerce a.button.alt, | |
| .theme-color-grey.woocommerce button.button.alt, | |
| .theme-color-grey.woocommerce input.button.alt, | |
| .theme-color-grey.woocommerce-page #content input.button.alt, | |
| .theme-color-grey.woocommerce-page #respond input#submit.alt, | |
| .theme-color-grey.woocommerce-page a.button.alt, | |
| .theme-color-grey.woocommerce-page button.button.alt, | |
| .theme-color-grey.woocommerce-page input.button.alt, | |
| .theme-color-grey.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-grey.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-grey .woocommerce #content input.button, | |
| .theme-color-grey .woocommerce #respond input#submit, | |
| .theme-color-grey .woocommerce a.button, | |
| .theme-color-grey .woocommerce button.button, | |
| .theme-color-grey .woocommerce input.button, | |
| .theme-color-grey .woocommerce-page #content input.button, | |
| .theme-color-grey .woocommerce-page #respond input#submit, | |
| .theme-color-grey .woocommerce-page a.button, | |
| .theme-color-grey .woocommerce-page button.button, | |
| .theme-color-grey .woocommerce-page input.button, | |
| .theme-color-grey .woocommerce #content input.button.alt, | |
| .theme-color-grey .woocommerce #respond input#submit.alt, | |
| .theme-color-grey .woocommerce a.button.alt, | |
| .theme-color-grey .woocommerce button.button.alt, | |
| .theme-color-grey .woocommerce input.button.alt, | |
| .theme-color-grey .woocommerce-page #content input.button.alt, | |
| .theme-color-grey .woocommerce-page #respond input#submit.alt, | |
| .theme-color-grey .woocommerce-page a.button.alt, | |
| .theme-color-grey .woocommerce-page button.button.alt, | |
| .theme-color-grey .woocommerce-page input.button.alt, | |
| .theme-color-grey .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-grey .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #bbb; | |
| } | |
| .theme-color-grey.woocommerce #content input.button:hover, | |
| .theme-color-grey.woocommerce #respond input#submit:hover, | |
| .theme-color-grey.woocommerce a.button:hover, | |
| .theme-color-grey.woocommerce button.button:hover, | |
| .theme-color-grey.woocommerce input.button:hover, | |
| .theme-color-grey.woocommerce-page #content input.button:hover, | |
| .theme-color-grey.woocommerce-page #respond input#submit:hover, | |
| .theme-color-grey.woocommerce-page a.button:hover, | |
| .theme-color-grey.woocommerce-page button.button:hover, | |
| .theme-color-grey.woocommerce-page input.button:hover, | |
| .theme-color-grey.woocommerce #content input.button.alt:hover, | |
| .theme-color-grey.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-grey.woocommerce a.button.alt:hover, | |
| .theme-color-grey.woocommerce button.button.alt:hover, | |
| .theme-color-grey.woocommerce input.button.alt:hover, | |
| .theme-color-grey.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-grey.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-grey.woocommerce-page a.button.alt:hover, | |
| .theme-color-grey.woocommerce-page button.button.alt:hover, | |
| .theme-color-grey.woocommerce-page input.button.alt:hover, | |
| .theme-color-grey.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-grey.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-grey .woocommerce #content input.button:hover, | |
| .theme-color-grey .woocommerce #respond input#submit:hover, | |
| .theme-color-grey .woocommerce a.button:hover, | |
| .theme-color-grey .woocommerce button.button:hover, | |
| .theme-color-grey .woocommerce input.button:hover, | |
| .theme-color-grey .woocommerce-page #content input.button:hover, | |
| .theme-color-grey .woocommerce-page #respond input#submit:hover, | |
| .theme-color-grey .woocommerce-page a.button:hover, | |
| .theme-color-grey .woocommerce-page button.button:hover, | |
| .theme-color-grey .woocommerce-page input.button:hover, | |
| .theme-color-grey .woocommerce #content input.button.alt:hover, | |
| .theme-color-grey .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-grey .woocommerce a.button.alt:hover, | |
| .theme-color-grey .woocommerce button.button.alt:hover, | |
| .theme-color-grey .woocommerce input.button.alt:hover, | |
| .theme-color-grey .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-grey .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-grey .woocommerce-page a.button.alt:hover, | |
| .theme-color-grey .woocommerce-page button.button.alt:hover, | |
| .theme-color-grey .woocommerce-page input.button.alt:hover, | |
| .theme-color-grey .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-grey .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| } | |
| .theme-color-grey.woocommerce span.onsale, | |
| .theme-color-grey.woocommerce-page span.onsale, | |
| .theme-color-grey.woocommerce ul.products li.product .onsale, | |
| .theme-color-grey.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-grey .woocommerce span.onsale, | |
| .theme-color-grey .woocommerce-page span.onsale, | |
| .theme-color-grey .woocommerce ul.products li.product .onsale, | |
| .theme-color-grey .woocommerce-page ul.products li.product .onsale { | |
| background: #bbb; | |
| } | |
| .theme-color-grey.woocommerce .woocommerce-error, | |
| .theme-color-grey.woocommerce .woocommerce-info, | |
| .theme-color-grey.woocommerce .woocommerce-message, | |
| .theme-color-grey.woocommerce-page .woocommerce-error, | |
| .theme-color-grey.woocommerce-page .woocommerce-info, | |
| .theme-color-grey.woocommerce-page .woocommerce-message { | |
| border-top-color: #bbb; | |
| } | |
| .theme-color-grey.woocommerce-checkout #payment div.payment_box { | |
| background: #bbb; | |
| color: #f4f4f4; | |
| } | |
| .theme-color-grey.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #bbb; | |
| } | |
| .theme-color-grey.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-grey.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-grey.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-grey.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-grey.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-grey.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-grey.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-grey.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-grey.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-grey.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-grey.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-grey.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #bbb; | |
| } | |
| .theme-color-grey.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-grey.woocommerce table.cart a.remove:hover, | |
| .theme-color-grey.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-grey.woocommerce-page table.cart a.remove:hover { | |
| background: #bbb; | |
| } | |
| .theme-color-grey #headerwrap.fixed-header { | |
| background: rgba(187, 187, 187, .9); | |
| } | |
| .transparent-header.theme-color-grey #pagewrap #headerwrap.fixed-header { | |
| background: rgba(187, 187, 187, .9); | |
| } | |
| .theme-color-grey .pull-down:before { | |
| border-color: #bbb; | |
| } | |
| /* THEME COLOR BLACK | |
| ================================================ */ | |
| .theme-color-black.header-minbar .sidemenu, | |
| .theme-color-black #headerwrap, | |
| .theme-color-black #footerwrap, | |
| .theme-color-black.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-black.header-minbar #headerwrap #menu-icon { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-black #site-logo a, | |
| .theme-color-black #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-black.header-leftpane .sidemenu a, | |
| .theme-color-black.header-leftpane #main-nav a, | |
| .theme-color-black.header-minbar .sidemenu a, | |
| .theme-color-black.header-minbar #main-nav a, | |
| .theme-color-black .header-widget a, | |
| .theme-color-black .footer-text a, | |
| .theme-color-black #main-nav > li > a { | |
| color: #808080; | |
| } | |
| .theme-color-black input[type=reset], | |
| .theme-color-black input[type=submit], | |
| .theme-color-black button, | |
| .theme-color-black #respond #cancel-comment-reply-link, | |
| .theme-color-black .commentlist .comment-reply-link { | |
| background: #000; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-black a, | |
| .theme-color-black .post-nav .arrow { | |
| color: #808080; | |
| } | |
| .theme-color-black .social-links a, | |
| .theme-color-black .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-black #headerwrap #searchform #s:focus, | |
| .theme-color-black #headerwrap #searchform #s:hover { | |
| background: #fff; | |
| color: #000; | |
| } | |
| .theme-color-black .post-title a:hover { | |
| color: #000; | |
| } | |
| .theme-color-black #main-nav > .current_page_item > a, | |
| .theme-color-black #main-nav > .current-menu-item > a, | |
| .theme-color-black #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-black input[type=reset]:hover, | |
| .theme-color-black input[type=submit]:hover, | |
| .theme-color-black button:hover, | |
| .theme-color-black .commentlist .comment-reply-link:hover, | |
| .theme-color-black #respond #cancel-comment-reply-link:hover { | |
| background: #666; | |
| color: #fff; | |
| } | |
| .theme-color-black.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-black.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-black.footer-left-col .back-top .arrow-up a, | |
| .theme-color-black.footer-right-col .back-top .arrow-up a { | |
| background: #000; | |
| } | |
| .theme-color-black.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-black.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-black.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-black.footer-right-col .back-top .arrow-up:hover a { | |
| background: #666; | |
| } | |
| /* button */ | |
| .theme-color-black.woocommerce #content input.button, | |
| .theme-color-black.woocommerce #respond input#submit, | |
| .theme-color-black.woocommerce a.button, | |
| .theme-color-black.woocommerce button.button, | |
| .theme-color-black.woocommerce input.button, | |
| .theme-color-black.woocommerce-page #content input.button, | |
| .theme-color-black.woocommerce-page #respond input#submit, | |
| .theme-color-black.woocommerce-page a.button, | |
| .theme-color-black.woocommerce-page button.button, | |
| .theme-color-black.woocommerce-page input.button, | |
| .theme-color-black.woocommerce #content input.button.alt, | |
| .theme-color-black.woocommerce #respond input#submit.alt, | |
| .theme-color-black.woocommerce a.button.alt, | |
| .theme-color-black.woocommerce button.button.alt, | |
| .theme-color-black.woocommerce input.button.alt, | |
| .theme-color-black.woocommerce-page #content input.button.alt, | |
| .theme-color-black.woocommerce-page #respond input#submit.alt, | |
| .theme-color-black.woocommerce-page a.button.alt, | |
| .theme-color-black.woocommerce-page button.button.alt, | |
| .theme-color-black.woocommerce-page input.button.alt, | |
| .theme-color-black.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-black.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-black .woocommerce #content input.button, | |
| .theme-color-black .woocommerce #respond input#submit, | |
| .theme-color-black .woocommerce a.button, | |
| .theme-color-black .woocommerce button.button, | |
| .theme-color-black .woocommerce input.button, | |
| .theme-color-black .woocommerce-page #content input.button, | |
| .theme-color-black .woocommerce-page #respond input#submit, | |
| .theme-color-black .woocommerce-page a.button, | |
| .theme-color-black .woocommerce-page button.button, | |
| .theme-color-black .woocommerce-page input.button, | |
| .theme-color-black .woocommerce #content input.button.alt, | |
| .theme-color-black .woocommerce #respond input#submit.alt, | |
| .theme-color-black .woocommerce a.button.alt, | |
| .theme-color-black .woocommerce button.button.alt, | |
| .theme-color-black .woocommerce input.button.alt, | |
| .theme-color-black .woocommerce-page #content input.button.alt, | |
| .theme-color-black .woocommerce-page #respond input#submit.alt, | |
| .theme-color-black .woocommerce-page a.button.alt, | |
| .theme-color-black .woocommerce-page button.button.alt, | |
| .theme-color-black .woocommerce-page input.button.alt, | |
| .theme-color-black .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-black .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #000; | |
| } | |
| .theme-color-black.woocommerce #content input.button:hover, | |
| .theme-color-black.woocommerce #respond input#submit:hover, | |
| .theme-color-black.woocommerce a.button:hover, | |
| .theme-color-black.woocommerce button.button:hover, | |
| .theme-color-black.woocommerce input.button:hover, | |
| .theme-color-black.woocommerce-page #content input.button:hover, | |
| .theme-color-black.woocommerce-page #respond input#submit:hover, | |
| .theme-color-black.woocommerce-page a.button:hover, | |
| .theme-color-black.woocommerce-page button.button:hover, | |
| .theme-color-black.woocommerce-page input.button:hover, | |
| .theme-color-black.woocommerce #content input.button.alt:hover, | |
| .theme-color-black.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-black.woocommerce a.button.alt:hover, | |
| .theme-color-black.woocommerce button.button.alt:hover, | |
| .theme-color-black.woocommerce input.button.alt:hover, | |
| .theme-color-black.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-black.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-black.woocommerce-page a.button.alt:hover, | |
| .theme-color-black.woocommerce-page button.button.alt:hover, | |
| .theme-color-black.woocommerce-page input.button.alt:hover, | |
| .theme-color-black.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-black.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-black .woocommerce #content input.button:hover, | |
| .theme-color-black .woocommerce #respond input#submit:hover, | |
| .theme-color-black .woocommerce a.button:hover, | |
| .theme-color-black .woocommerce button.button:hover, | |
| .theme-color-black .woocommerce input.button:hover, | |
| .theme-color-black .woocommerce-page #content input.button:hover, | |
| .theme-color-black .woocommerce-page #respond input#submit:hover, | |
| .theme-color-black .woocommerce-page a.button:hover, | |
| .theme-color-black .woocommerce-page button.button:hover, | |
| .theme-color-black .woocommerce-page input.button:hover, | |
| .theme-color-black .woocommerce #content input.button.alt:hover, | |
| .theme-color-black .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-black .woocommerce a.button.alt:hover, | |
| .theme-color-black .woocommerce button.button.alt:hover, | |
| .theme-color-black .woocommerce input.button.alt:hover, | |
| .theme-color-black .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-black .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-black .woocommerce-page a.button.alt:hover, | |
| .theme-color-black .woocommerce-page button.button.alt:hover, | |
| .theme-color-black .woocommerce-page input.button.alt:hover, | |
| .theme-color-black .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-black .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #666; | |
| } | |
| .theme-color-black.woocommerce span.onsale, | |
| .theme-color-black.woocommerce-page span.onsale, | |
| .theme-color-black.woocommerce ul.products li.product .onsale, | |
| .theme-color-black.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-black .woocommerce span.onsale, | |
| .theme-color-black .woocommerce-page span.onsale, | |
| .theme-color-black .woocommerce ul.products li.product .onsale, | |
| .theme-color-black .woocommerce-page ul.products li.product .onsale { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-black.woocommerce .woocommerce-error, | |
| .theme-color-black.woocommerce .woocommerce-info, | |
| .theme-color-black.woocommerce .woocommerce-message, | |
| .theme-color-black.woocommerce-page .woocommerce-error, | |
| .theme-color-black.woocommerce-page .woocommerce-info, | |
| .theme-color-black.woocommerce-page .woocommerce-message { | |
| border-top-color: #000; | |
| } | |
| .theme-color-black.woocommerce-checkout #payment div.payment_box { | |
| background: #000; | |
| color: #f4f4f4; | |
| } | |
| .theme-color-black.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #000; | |
| } | |
| .theme-color-black.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-black.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-black.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-black.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-black.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-black.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-black.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-black.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-black.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-black.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-black.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-black.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #000; | |
| } | |
| .theme-color-black.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-black.woocommerce table.cart a.remove:hover, | |
| .theme-color-black.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-black.woocommerce-page table.cart a.remove:hover { | |
| background: #000; | |
| } | |
| .theme-color-black #headerwrap.fixed-header { | |
| background: rgba(0, 0, 0, .9); | |
| } | |
| .transparent-header.theme-color-black #pagewrap #headerwrap.fixed-header { | |
| background: rgba(0, 0, 0, .9); | |
| } | |
| .theme-color-black .pull-down:before { | |
| border-color: #000; | |
| } | |
| /* THEME COLOR ORANGE | |
| ================================================ */ | |
| .theme-color-orange.header-minbar .sidemenu, | |
| .theme-color-orange #headerwrap, | |
| .theme-color-orange #footerwrap, | |
| .theme-color-orange.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-orange.header-minbar #headerwrap #menu-icon { | |
| background: #ff8400; | |
| color: #000; | |
| } | |
| .theme-color-orange #site-logo a, | |
| .theme-color-orange #site-description { | |
| color: #000; | |
| } | |
| .theme-color-orange.header-leftpane .sidemenu a, | |
| .theme-color-orange.header-leftpane #main-nav a, | |
| .theme-color-orange.header-minbar .sidemenu a, | |
| .theme-color-orange.header-minbar #main-nav a, | |
| .theme-color-orange .header-widget a, | |
| .theme-color-orange .footer-text a, | |
| .theme-color-orange #main-nav > li > a, | |
| .theme-color-orange a { | |
| color: #663000; | |
| } | |
| .theme-color-orange .post-nav .arrow { | |
| color: #EA7C06; | |
| } | |
| .theme-color-orange .social-links a, | |
| .theme-color-orange .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-orange input[type=reset], | |
| .theme-color-orange input[type=submit], | |
| .theme-color-orange button, | |
| .theme-color-orange #respond #cancel-comment-reply-link, | |
| .theme-color-orange .commentlist .comment-reply-link { | |
| background: #ff8400; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-orange #main-nav > .current_page_item > a, | |
| .theme-color-orange #main-nav > .current-menu-item > a, | |
| .theme-color-orange #main-nav > li > a:hover { | |
| color: #000; | |
| } | |
| .theme-color-orange .post-title a:hover { | |
| color: #ff8400; | |
| } | |
| .theme-color-orange input[type=reset]:hover, | |
| .theme-color-orange input[type=submit]:hover, | |
| .theme-color-orange button:hover, | |
| .theme-color-orange .commentlist .comment-reply-link:hover, | |
| .theme-color-orange #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-orange.single-post .post-date, | |
| .theme-color-orange .loops-wrapper.list-post .post-date { | |
| background: rgba(255, 132, 0, .8); | |
| color: #fff; | |
| } | |
| .theme-color-orange.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-orange.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-orange.footer-left-col .back-top .arrow-up a, | |
| .theme-color-orange.footer-right-col .back-top .arrow-up a { | |
| background: #ff8400; | |
| color: #000; | |
| } | |
| .theme-color-orange.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-orange.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-orange.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-orange.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* button */ | |
| .theme-color-orange.woocommerce #content input.button, | |
| .theme-color-orange.woocommerce #respond input#submit, | |
| .theme-color-orange.woocommerce a.button, | |
| .theme-color-orange.woocommerce button.button, | |
| .theme-color-orange.woocommerce input.button, | |
| .theme-color-orange.woocommerce-page #content input.button, | |
| .theme-color-orange.woocommerce-page #respond input#submit, | |
| .theme-color-orange.woocommerce-page a.button, | |
| .theme-color-orange.woocommerce-page button.button, | |
| .theme-color-orange.woocommerce-page input.button, | |
| .theme-color-orange.woocommerce #content input.button.alt, | |
| .theme-color-orange.woocommerce #respond input#submit.alt, | |
| .theme-color-orange.woocommerce a.button.alt, | |
| .theme-color-orange.woocommerce button.button.alt, | |
| .theme-color-orange.woocommerce input.button.alt, | |
| .theme-color-orange.woocommerce-page #content input.button.alt, | |
| .theme-color-orange.woocommerce-page #respond input#submit.alt, | |
| .theme-color-orange.woocommerce-page a.button.alt, | |
| .theme-color-orange.woocommerce-page button.button.alt, | |
| .theme-color-orange.woocommerce-page input.button.alt, | |
| .theme-color-orange.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-orange.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-orange .woocommerce #content input.button, | |
| .theme-color-orange .woocommerce #respond input#submit, | |
| .theme-color-orange .woocommerce a.button, | |
| .theme-color-orange .woocommerce button.button, | |
| .theme-color-orange .woocommerce input.button, | |
| .theme-color-orange .woocommerce-page #content input.button, | |
| .theme-color-orange .woocommerce-page #respond input#submit, | |
| .theme-color-orange .woocommerce-page a.button, | |
| .theme-color-orange .woocommerce-page button.button, | |
| .theme-color-orange .woocommerce-page input.button, | |
| .theme-color-orange .woocommerce #content input.button.alt, | |
| .theme-color-orange .woocommerce #respond input#submit.alt, | |
| .theme-color-orange .woocommerce a.button.alt, | |
| .theme-color-orange .woocommerce button.button.alt, | |
| .theme-color-orange .woocommerce input.button.alt, | |
| .theme-color-orange .woocommerce-page #content input.button.alt, | |
| .theme-color-orange .woocommerce-page #respond input#submit.alt, | |
| .theme-color-orange .woocommerce-page a.button.alt, | |
| .theme-color-orange .woocommerce-page button.button.alt, | |
| .theme-color-orange .woocommerce-page input.button.alt, | |
| .theme-color-orange .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-orange .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #ff8400; | |
| color: #000; | |
| } | |
| .theme-color-orange.woocommerce #content input.button:hover, | |
| .theme-color-orange.woocommerce #respond input#submit:hover, | |
| .theme-color-orange.woocommerce a.button:hover, | |
| .theme-color-orange.woocommerce button.button:hover, | |
| .theme-color-orange.woocommerce input.button:hover, | |
| .theme-color-orange.woocommerce-page #content input.button:hover, | |
| .theme-color-orange.woocommerce-page #respond input#submit:hover, | |
| .theme-color-orange.woocommerce-page a.button:hover, | |
| .theme-color-orange.woocommerce-page button.button:hover, | |
| .theme-color-orange.woocommerce-page input.button:hover, | |
| .theme-color-orange.woocommerce #content input.button.alt:hover, | |
| .theme-color-orange.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-orange.woocommerce a.button.alt:hover, | |
| .theme-color-orange.woocommerce button.button.alt:hover, | |
| .theme-color-orange.woocommerce input.button.alt:hover, | |
| .theme-color-orange.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-orange.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-orange.woocommerce-page a.button.alt:hover, | |
| .theme-color-orange.woocommerce-page button.button.alt:hover, | |
| .theme-color-orange.woocommerce-page input.button.alt:hover, | |
| .theme-color-orange.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-orange.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-orange .woocommerce #content input.button:hover, | |
| .theme-color-orange .woocommerce #respond input#submit:hover, | |
| .theme-color-orange .woocommerce a.button:hover, | |
| .theme-color-orange .woocommerce button.button:hover, | |
| .theme-color-orange .woocommerce input.button:hover, | |
| .theme-color-orange .woocommerce-page #content input.button:hover, | |
| .theme-color-orange .woocommerce-page #respond input#submit:hover, | |
| .theme-color-orange .woocommerce-page a.button:hover, | |
| .theme-color-orange .woocommerce-page button.button:hover, | |
| .theme-color-orange .woocommerce-page input.button:hover, | |
| .theme-color-orange .woocommerce #content input.button.alt:hover, | |
| .theme-color-orange .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-orange .woocommerce a.button.alt:hover, | |
| .theme-color-orange .woocommerce button.button.alt:hover, | |
| .theme-color-orange .woocommerce input.button.alt:hover, | |
| .theme-color-orange .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-orange .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-orange .woocommerce-page a.button.alt:hover, | |
| .theme-color-orange .woocommerce-page button.button.alt:hover, | |
| .theme-color-orange .woocommerce-page input.button.alt:hover, | |
| .theme-color-orange .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-orange .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-orange.woocommerce span.onsale, | |
| .theme-color-orange.woocommerce-page span.onsale, | |
| .theme-color-orange.woocommerce ul.products li.product .onsale, | |
| .theme-color-orange.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-orange .woocommerce span.onsale, | |
| .theme-color-orange .woocommerce-page span.onsale, | |
| .theme-color-orange .woocommerce ul.products li.product .onsale, | |
| .theme-color-orange .woocommerce-page ul.products li.product .onsale { | |
| color: #000; | |
| background: #ff8400; | |
| } | |
| .theme-color-orange.woocommerce .woocommerce-error, | |
| .theme-color-orange.woocommerce .woocommerce-info, | |
| .theme-color-orange.woocommerce .woocommerce-message, | |
| .theme-color-orange.woocommerce-page .woocommerce-error, | |
| .theme-color-orange.woocommerce-page .woocommerce-info, | |
| .theme-color-orange.woocommerce-page .woocommerce-message { | |
| border-top-color: #ff8400; | |
| } | |
| .theme-color-orange.woocommerce-checkout #payment div.payment_box { | |
| background: #ff8400; | |
| color: inherit; | |
| } | |
| .theme-color-orange.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #ff8400; | |
| } | |
| .theme-color-orange.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-orange.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-orange.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-orange.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-orange.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-orange.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-orange.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-orange.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-orange.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-orange.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-orange.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-orange.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #ff8400; | |
| color: #000; | |
| } | |
| .theme-color-orange.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-orange.woocommerce table.cart a.remove:hover, | |
| .theme-color-orange.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-orange.woocommerce-page table.cart a.remove:hover { | |
| background: #ff8400; | |
| color: #000 !important; | |
| } | |
| .theme-color-orange #headerwrap.fixed-header { | |
| background: rgba(255, 132, 0, .9); | |
| } | |
| .transparent-header.theme-color-orange #pagewrap #headerwrap.fixed-header { | |
| background: rgba(255, 132, 0, .9); | |
| } | |
| .theme-color-orange .pull-down:before { | |
| border-color: #ff8400; | |
| } | |
| /* THEME COLOR TURQUOISE | |
| ================================================ */ | |
| .theme-color-turquoise.header-minbar .sidemenu, | |
| .theme-color-turquoise #headerwrap, | |
| .theme-color-turquoise #footerwrap { | |
| background: #3cccc5; | |
| } | |
| .theme-color-turquoise.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-turquoise.header-minbar #headerwrap #menu-icon { | |
| background: #3cccc5; | |
| color: #000; | |
| } | |
| .theme-color-turquoise #site-logo a, | |
| .theme-color-turquoise #site-description { | |
| color: #000; | |
| } | |
| .theme-color-turquoise.header-leftpane .sidemenu a, | |
| .theme-color-turquoise.header-leftpane #main-nav a, | |
| .theme-color-turquoise.header-minbar .sidemenu a, | |
| .theme-color-turquoise.header-minbar #main-nav a, | |
| .theme-color-turquoise #main-nav > li > a, | |
| .theme-color-turquoise .header-widget a, | |
| .theme-color-turquoise .footer-text a { | |
| color: #18524f; | |
| } | |
| .theme-color-turquoise .social-links a, | |
| .theme-color-turquoise .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-turquoise a { | |
| color: #2D8B87; | |
| } | |
| .theme-color-turquoise .post-nav .arrow { | |
| color: #33A19C; | |
| } | |
| .theme-color-turquoise input[type=reset], | |
| .theme-color-turquoise input[type=submit], | |
| .theme-color-turquoise button, | |
| .theme-color-turquoise #respond #cancel-comment-reply-link, | |
| .theme-color-turquoise .commentlist .comment-reply-link { | |
| background: #3cccc5; | |
| color: #000; | |
| border: none; | |
| } | |
| .theme-color-turquoise .post-title a:hover { | |
| color: #3cccc5; | |
| } | |
| .theme-color-turquoise #main-nav > .current_page_item > a, | |
| .theme-color-turquoise #main-nav > .current-menu-item > a, | |
| .theme-color-turquoise #main-nav > li > a:hover { | |
| color: #000; | |
| } | |
| .theme-color-turquoise input[type=reset]:hover, | |
| .theme-color-turquoise input[type=submit]:hover, | |
| .theme-color-turquoise button:hover, | |
| .theme-color-turquoise .commentlist .comment-reply-link:hover, | |
| .theme-color-turquoise #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-turquoise.single-post .post-date, | |
| .theme-color-turquoise .loops-wrapper.list-post .post-date { | |
| background: rgba(60, 204, 197, .8); | |
| color: #000; | |
| } | |
| .theme-color-turquoise.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-turquoise.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-turquoise.footer-left-col .back-top .arrow-up a, | |
| .theme-color-turquoise.footer-right-col .back-top .arrow-up a { | |
| background: #3cccc5; | |
| color: #000; | |
| } | |
| .theme-color-turquoise.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-turquoise.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-turquoise.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-turquoise.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* button */ | |
| .theme-color-turquoise.woocommerce #content input.button, | |
| .theme-color-turquoise.woocommerce #respond input#submit, | |
| .theme-color-turquoise.woocommerce a.button, | |
| .theme-color-turquoise.woocommerce button.button, | |
| .theme-color-turquoise.woocommerce input.button, | |
| .theme-color-turquoise.woocommerce-page #content input.button, | |
| .theme-color-turquoise.woocommerce-page #respond input#submit, | |
| .theme-color-turquoise.woocommerce-page a.button, | |
| .theme-color-turquoise.woocommerce-page button.button, | |
| .theme-color-turquoise.woocommerce-page input.button, | |
| .theme-color-turquoise.woocommerce #content input.button.alt, | |
| .theme-color-turquoise.woocommerce #respond input#submit.alt, | |
| .theme-color-turquoise.woocommerce a.button.alt, | |
| .theme-color-turquoise.woocommerce button.button.alt, | |
| .theme-color-turquoise.woocommerce input.button.alt, | |
| .theme-color-turquoise.woocommerce-page #content input.button.alt, | |
| .theme-color-turquoise.woocommerce-page #respond input#submit.alt, | |
| .theme-color-turquoise.woocommerce-page a.button.alt, | |
| .theme-color-turquoise.woocommerce-page button.button.alt, | |
| .theme-color-turquoise.woocommerce-page input.button.alt, | |
| .theme-color-turquoise.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-turquoise.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-turquoise .woocommerce #content input.button, | |
| .theme-color-turquoise .woocommerce #respond input#submit, | |
| .theme-color-turquoise .woocommerce a.button, | |
| .theme-color-turquoise .woocommerce button.button, | |
| .theme-color-turquoise .woocommerce input.button, | |
| .theme-color-turquoise .woocommerce-page #content input.button, | |
| .theme-color-turquoise .woocommerce-page #respond input#submit, | |
| .theme-color-turquoise .woocommerce-page a.button, | |
| .theme-color-turquoise .woocommerce-page button.button, | |
| .theme-color-turquoise .woocommerce-page input.button, | |
| .theme-color-turquoise .woocommerce #content input.button.alt, | |
| .theme-color-turquoise .woocommerce #respond input#submit.alt, | |
| .theme-color-turquoise .woocommerce a.button.alt, | |
| .theme-color-turquoise .woocommerce button.button.alt, | |
| .theme-color-turquoise .woocommerce input.button.alt, | |
| .theme-color-turquoise .woocommerce-page #content input.button.alt, | |
| .theme-color-turquoise .woocommerce-page #respond input#submit.alt, | |
| .theme-color-turquoise .woocommerce-page a.button.alt, | |
| .theme-color-turquoise .woocommerce-page button.button.alt, | |
| .theme-color-turquoise .woocommerce-page input.button.alt, | |
| .theme-color-turquoise .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-turquoise .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #3cccc5; | |
| color: #000; | |
| } | |
| .theme-color-turquoise.woocommerce #content input.button:hover, | |
| .theme-color-turquoise.woocommerce #respond input#submit:hover, | |
| .theme-color-turquoise.woocommerce a.button:hover, | |
| .theme-color-turquoise.woocommerce button.button:hover, | |
| .theme-color-turquoise.woocommerce input.button:hover, | |
| .theme-color-turquoise.woocommerce-page #content input.button:hover, | |
| .theme-color-turquoise.woocommerce-page #respond input#submit:hover, | |
| .theme-color-turquoise.woocommerce-page a.button:hover, | |
| .theme-color-turquoise.woocommerce-page button.button:hover, | |
| .theme-color-turquoise.woocommerce-page input.button:hover, | |
| .theme-color-turquoise.woocommerce #content input.button.alt:hover, | |
| .theme-color-turquoise.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-turquoise.woocommerce a.button.alt:hover, | |
| .theme-color-turquoise.woocommerce button.button.alt:hover, | |
| .theme-color-turquoise.woocommerce input.button.alt:hover, | |
| .theme-color-turquoise.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-turquoise.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-turquoise.woocommerce-page a.button.alt:hover, | |
| .theme-color-turquoise.woocommerce-page button.button.alt:hover, | |
| .theme-color-turquoise.woocommerce-page input.button.alt:hover, | |
| .theme-color-turquoise.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-turquoise.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-turquoise .woocommerce #content input.button:hover, | |
| .theme-color-turquoise .woocommerce #respond input#submit:hover, | |
| .theme-color-turquoise .woocommerce a.button:hover, | |
| .theme-color-turquoise .woocommerce button.button:hover, | |
| .theme-color-turquoise .woocommerce input.button:hover, | |
| .theme-color-turquoise .woocommerce-page #content input.button:hover, | |
| .theme-color-turquoise .woocommerce-page #respond input#submit:hover, | |
| .theme-color-turquoise .woocommerce-page a.button:hover, | |
| .theme-color-turquoise .woocommerce-page button.button:hover, | |
| .theme-color-turquoise .woocommerce-page input.button:hover, | |
| .theme-color-turquoise .woocommerce #content input.button.alt:hover, | |
| .theme-color-turquoise .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-turquoise .woocommerce a.button.alt:hover, | |
| .theme-color-turquoise .woocommerce button.button.alt:hover, | |
| .theme-color-turquoise .woocommerce input.button.alt:hover, | |
| .theme-color-turquoise .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-turquoise .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-turquoise .woocommerce-page a.button.alt:hover, | |
| .theme-color-turquoise .woocommerce-page button.button.alt:hover, | |
| .theme-color-turquoise .woocommerce-page input.button.alt:hover, | |
| .theme-color-turquoise .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-turquoise .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-turquoise.woocommerce span.onsale, | |
| .theme-color-turquoise.woocommerce-page span.onsale, | |
| .theme-color-turquoise.woocommerce ul.products li.product .onsale, | |
| .theme-color-turquoise.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-turquoise .woocommerce span.onsale, | |
| .theme-color-turquoise .woocommerce-page span.onsale, | |
| .theme-color-turquoise .woocommerce ul.products li.product .onsale, | |
| .theme-color-turquoise .woocommerce-page ul.products li.product .onsale { | |
| color: #000; | |
| background: #3cccc5; | |
| } | |
| .theme-color-turquoise.woocommerce .woocommerce-error, | |
| .theme-color-turquoise.woocommerce .woocommerce-info, | |
| .theme-color-turquoise.woocommerce .woocommerce-message, | |
| .theme-color-turquoise.woocommerce-page .woocommerce-error, | |
| .theme-color-turquoise.woocommerce-page .woocommerce-info, | |
| .theme-color-turquoise.woocommerce-page .woocommerce-message { | |
| border-top-color: #3cccc5; | |
| } | |
| .theme-color-turquoise.woocommerce-checkout #payment div.payment_box { | |
| background: #3cccc5; | |
| color: inherit; | |
| } | |
| .theme-color-turquoise.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #3cccc5; | |
| } | |
| .theme-color-turquoise.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-turquoise.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-turquoise.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-turquoise.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-turquoise.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-turquoise.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-turquoise.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-turquoise.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-turquoise.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-turquoise.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-turquoise.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-turquoise.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #3cccc5; | |
| color: #000; | |
| } | |
| .theme-color-turquoise.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-turquoise.woocommerce table.cart a.remove:hover, | |
| .theme-color-turquoise.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-turquoise.woocommerce-page table.cart a.remove:hover { | |
| background: #3cccc5; | |
| color: #000 !important; | |
| } | |
| .theme-color-turquoise #headerwrap.fixed-header { | |
| background: rgba(60, 204, 197, .9); | |
| } | |
| .transparent-header.theme-color-turquoise #pagewrap #headerwrap.fixed-header { | |
| background: rgba(60, 204, 197, .9); | |
| } | |
| .theme-color-turquoise .pull-down:before { | |
| border-color: #3cccc5; | |
| } | |
| /* THEME COLOR GREEN | |
| ================================================ */ | |
| .theme-color-green.header-minbar .sidemenu, | |
| .theme-color-green #headerwrap, | |
| .theme-color-green #footerwrap, | |
| .theme-color-green.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-green.header-minbar #headerwrap #menu-icon { | |
| background: #00a817; | |
| color: #fff; | |
| } | |
| .theme-color-green #site-logo a, | |
| .theme-color-green #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-green.header-leftpane .sidemenu a, | |
| .theme-color-green.header-leftpane #main-nav a, | |
| .theme-color-green.header-minbar .sidemenu a, | |
| .theme-color-green.header-minbar #main-nav a, | |
| .theme-color-green .header-widget a, | |
| .theme-color-green .footer-text a, | |
| .theme-color-green #main-nav > li > a, | |
| .theme-color-green a { | |
| color: #a5e6ae; | |
| } | |
| .theme-color-green .post-nav .arrow { | |
| color: #039317; | |
| } | |
| .theme-color-green .social-links a, | |
| .theme-color-green .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-green .post-title a:hover { | |
| color: #00a817; | |
| } | |
| .theme-color-green input[type=reset], | |
| .theme-color-green input[type=submit], | |
| .theme-color-green button, | |
| .theme-color-green #respond #cancel-comment-reply-link, | |
| .theme-color-green .commentlist .comment-reply-link { | |
| background: #00a817; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-green #main-nav > .current_page_item > a, | |
| .theme-color-green #main-nav > .current-menu-item > a, | |
| .theme-color-green #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-green input[type=reset]:hover, | |
| .theme-color-green input[type=submit]:hover, | |
| .theme-color-green button:hover, | |
| .theme-color-green .commentlist .comment-reply-link:hover, | |
| .theme-color-green #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-green.single-post .post-date, | |
| .theme-color-green .loops-wrapper.list-post .post-date { | |
| background: rgba(0, 168, 23, .8); | |
| color: #fff; | |
| } | |
| .theme-color-green.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-green.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-green.footer-left-col .back-top .arrow-up a, | |
| .theme-color-green.footer-right-col .back-top .arrow-up a { | |
| background: #00a817; | |
| } | |
| .theme-color-green.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-green.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-green.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-green.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| /* button */ | |
| .theme-color-green.woocommerce #content input.button, | |
| .theme-color-green.woocommerce #respond input#submit, | |
| .theme-color-green.woocommerce a.button, | |
| .theme-color-green.woocommerce button.button, | |
| .theme-color-green.woocommerce input.button, | |
| .theme-color-green.woocommerce-page #content input.button, | |
| .theme-color-green.woocommerce-page #respond input#submit, | |
| .theme-color-green.woocommerce-page a.button, | |
| .theme-color-green.woocommerce-page button.button, | |
| .theme-color-green.woocommerce-page input.button, | |
| .theme-color-green.woocommerce #content input.button.alt, | |
| .theme-color-green.woocommerce #respond input#submit.alt, | |
| .theme-color-green.woocommerce a.button.alt, | |
| .theme-color-green.woocommerce button.button.alt, | |
| .theme-color-green.woocommerce input.button.alt, | |
| .theme-color-green.woocommerce-page #content input.button.alt, | |
| .theme-color-green.woocommerce-page #respond input#submit.alt, | |
| .theme-color-green.woocommerce-page a.button.alt, | |
| .theme-color-green.woocommerce-page button.button.alt, | |
| .theme-color-green.woocommerce-page input.button.alt, | |
| .theme-color-green.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-green.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-green .woocommerce #content input.button, | |
| .theme-color-green .woocommerce #respond input#submit, | |
| .theme-color-green .woocommerce a.button, | |
| .theme-color-green .woocommerce button.button, | |
| .theme-color-green .woocommerce input.button, | |
| .theme-color-green .woocommerce-page #content input.button, | |
| .theme-color-green .woocommerce-page #respond input#submit, | |
| .theme-color-green .woocommerce-page a.button, | |
| .theme-color-green .woocommerce-page button.button, | |
| .theme-color-green .woocommerce-page input.button, | |
| .theme-color-green .woocommerce #content input.button.alt, | |
| .theme-color-green .woocommerce #respond input#submit.alt, | |
| .theme-color-green .woocommerce a.button.alt, | |
| .theme-color-green .woocommerce button.button.alt, | |
| .theme-color-green .woocommerce input.button.alt, | |
| .theme-color-green .woocommerce-page #content input.button.alt, | |
| .theme-color-green .woocommerce-page #respond input#submit.alt, | |
| .theme-color-green .woocommerce-page a.button.alt, | |
| .theme-color-green .woocommerce-page button.button.alt, | |
| .theme-color-green .woocommerce-page input.button.alt, | |
| .theme-color-green .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-green .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #00a817; | |
| } | |
| .theme-color-green.woocommerce #content input.button:hover, | |
| .theme-color-green.woocommerce #respond input#submit:hover, | |
| .theme-color-green.woocommerce a.button:hover, | |
| .theme-color-green.woocommerce button.button:hover, | |
| .theme-color-green.woocommerce input.button:hover, | |
| .theme-color-green.woocommerce-page #content input.button:hover, | |
| .theme-color-green.woocommerce-page #respond input#submit:hover, | |
| .theme-color-green.woocommerce-page a.button:hover, | |
| .theme-color-green.woocommerce-page button.button:hover, | |
| .theme-color-green.woocommerce-page input.button:hover, | |
| .theme-color-green.woocommerce #content input.button.alt:hover, | |
| .theme-color-green.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-green.woocommerce a.button.alt:hover, | |
| .theme-color-green.woocommerce button.button.alt:hover, | |
| .theme-color-green.woocommerce input.button.alt:hover, | |
| .theme-color-green.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-green.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-green.woocommerce-page a.button.alt:hover, | |
| .theme-color-green.woocommerce-page button.button.alt:hover, | |
| .theme-color-green.woocommerce-page input.button.alt:hover, | |
| .theme-color-green.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-green.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-green .woocommerce #content input.button:hover, | |
| .theme-color-green .woocommerce #respond input#submit:hover, | |
| .theme-color-green .woocommerce a.button:hover, | |
| .theme-color-green .woocommerce button.button:hover, | |
| .theme-color-green .woocommerce input.button:hover, | |
| .theme-color-green .woocommerce-page #content input.button:hover, | |
| .theme-color-green .woocommerce-page #respond input#submit:hover, | |
| .theme-color-green .woocommerce-page a.button:hover, | |
| .theme-color-green .woocommerce-page button.button:hover, | |
| .theme-color-green .woocommerce-page input.button:hover, | |
| .theme-color-green .woocommerce #content input.button.alt:hover, | |
| .theme-color-green .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-green .woocommerce a.button.alt:hover, | |
| .theme-color-green .woocommerce button.button.alt:hover, | |
| .theme-color-green .woocommerce input.button.alt:hover, | |
| .theme-color-green .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-green .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-green .woocommerce-page a.button.alt:hover, | |
| .theme-color-green .woocommerce-page button.button.alt:hover, | |
| .theme-color-green .woocommerce-page input.button.alt:hover, | |
| .theme-color-green .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-green .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| } | |
| .theme-color-green.woocommerce span.onsale, | |
| .theme-color-green.woocommerce-page span.onsale, | |
| .theme-color-green.woocommerce ul.products li.product .onsale, | |
| .theme-color-green.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-green .woocommerce span.onsale, | |
| .theme-color-green .woocommerce-page span.onsale, | |
| .theme-color-green .woocommerce ul.products li.product .onsale, | |
| .theme-color-green .woocommerce-page ul.products li.product .onsale { | |
| background: #00a817; | |
| } | |
| .theme-color-green.woocommerce .woocommerce-error, | |
| .theme-color-green.woocommerce .woocommerce-info, | |
| .theme-color-green.woocommerce .woocommerce-message, | |
| .theme-color-green.woocommerce-page .woocommerce-error, | |
| .theme-color-green.woocommerce-page .woocommerce-info, | |
| .theme-color-green.woocommerce-page .woocommerce-message { | |
| border-top-color: #00a817; | |
| } | |
| .theme-color-green.woocommerce-checkout #payment div.payment_box { | |
| background: #00a817; | |
| color: #f4f4f4; | |
| } | |
| .theme-color-green.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #00a817; | |
| } | |
| .theme-color-green.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-green.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-green.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-green.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-green.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-green.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-green.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-green.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-green.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-green.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-green.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-green.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #00a817; | |
| } | |
| .theme-color-green.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-green.woocommerce table.cart a.remove:hover, | |
| .theme-color-green.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-green.woocommerce-page table.cart a.remove:hover { | |
| background: #00a817; | |
| } | |
| .theme-color-green #headerwrap.fixed-header { | |
| background: rgba(0, 168, 23, .9); | |
| } | |
| .transparent-header.theme-color-green #pagewrap #headerwrap.fixed-header { | |
| background: rgba(0, 168, 23, .9); | |
| } | |
| .theme-color-green .pull-down:before { | |
| border-color: #00a817; | |
| } | |
| /* THEME COLOR BURGUNDY | |
| ================================================ */ | |
| .theme-color-burgundy.header-minbar .sidemenu, | |
| .theme-color-burgundy #headerwrap, | |
| .theme-color-burgundy #footerwrap, | |
| .theme-color-burgundy.header-leftpane #headerwrap #menu-icon, | |
| .theme-color-burgundy.header-minbar #headerwrap #menu-icon { | |
| background: #b91852; | |
| color: #fff; | |
| } | |
| .theme-color-burgundy #site-logo a, | |
| .theme-color-burgundy #site-description { | |
| color: #fff; | |
| } | |
| .theme-color-burgundy.header-minbar .sidemenu a, | |
| .theme-color-burgundy.header-minbar #main-nav a, | |
| .theme-color-burgundy .header-widget a, | |
| .theme-color-burgundy .footer-text a, | |
| .theme-color-burgundy #main-nav > li > a, | |
| .theme-color-burgundy a { | |
| color: #e3a3ba; | |
| } | |
| .theme-color-burgundy .post-nav .arrow { | |
| color: #b91852; | |
| } | |
| .theme-color-burgundy .social-links a, | |
| .theme-color-burgundy .social-widget .rss a { | |
| color: #fff; | |
| } | |
| .theme-color-burgundy input[type=reset], | |
| .theme-color-burgundy input[type=submit], | |
| .theme-color-burgundy button, | |
| .theme-color-burgundy #respond #cancel-comment-reply-link, | |
| .theme-color-burgundy .commentlist .comment-reply-link { | |
| background: #b91852; | |
| color: #fff; | |
| border: none; | |
| } | |
| .theme-color-burgundy .post-title a:hover { | |
| color: #b91852; | |
| } | |
| .theme-color-burgundy #main-nav > .current_page_item > a, | |
| .theme-color-burgundy #main-nav > .current-menu-item > a, | |
| .theme-color-burgundy #main-nav > li > a:hover { | |
| color: #fff; | |
| } | |
| .theme-color-burgundy input[type=reset]:hover, | |
| .theme-color-burgundy input[type=submit]:hover, | |
| .theme-color-burgundy button:hover, | |
| .theme-color-burgundy .commentlist .comment-reply-link:hover, | |
| .theme-color-burgundy #respond #cancel-comment-reply-link:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| .theme-color-burgundy.single-post .post-date, | |
| .theme-color-burgundy .loops-wrapper.list-post .post-date { | |
| background: rgba(185, 24, 82, .8); | |
| color: #fff; | |
| } | |
| .theme-color-burgundy.footer-horizontal-left .back-top .arrow-up a, | |
| .theme-color-burgundy.footer-horizontal-right .back-top .arrow-up a, | |
| .theme-color-burgundy.footer-left-col .back-top .arrow-up a, | |
| .theme-color-burgundy.footer-right-col .back-top .arrow-up a { | |
| background: #b91852; | |
| } | |
| .theme-color-burgundy.footer-horizontal-left .back-top .arrow-up:hover a, | |
| .theme-color-burgundy.footer-horizontal-right .back-top .arrow-up:hover a, | |
| .theme-color-burgundy.footer-left-col .back-top .arrow-up:hover a, | |
| .theme-color-burgundy.footer-right-col .back-top .arrow-up:hover a { | |
| background: #000; | |
| } | |
| /* button */ | |
| .theme-color-burgundy.woocommerce #content input.button, | |
| .theme-color-burgundy.woocommerce #respond input#submit, | |
| .theme-color-burgundy.woocommerce a.button, | |
| .theme-color-burgundy.woocommerce button.button, | |
| .theme-color-burgundy.woocommerce input.button, | |
| .theme-color-burgundy.woocommerce-page #content input.button, | |
| .theme-color-burgundy.woocommerce-page #respond input#submit, | |
| .theme-color-burgundy.woocommerce-page a.button, | |
| .theme-color-burgundy.woocommerce-page button.button, | |
| .theme-color-burgundy.woocommerce-page input.button, | |
| .theme-color-burgundy.woocommerce #content input.button.alt, | |
| .theme-color-burgundy.woocommerce #respond input#submit.alt, | |
| .theme-color-burgundy.woocommerce a.button.alt, | |
| .theme-color-burgundy.woocommerce button.button.alt, | |
| .theme-color-burgundy.woocommerce input.button.alt, | |
| .theme-color-burgundy.woocommerce-page #content input.button.alt, | |
| .theme-color-burgundy.woocommerce-page #respond input#submit.alt, | |
| .theme-color-burgundy.woocommerce-page a.button.alt, | |
| .theme-color-burgundy.woocommerce-page button.button.alt, | |
| .theme-color-burgundy.woocommerce-page input.button.alt, | |
| .theme-color-burgundy.woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-burgundy.woocommerce-page ul.products li.product .add_to_cart_button, | |
| .theme-color-burgundy .woocommerce #content input.button, | |
| .theme-color-burgundy .woocommerce #respond input#submit, | |
| .theme-color-burgundy .woocommerce a.button, | |
| .theme-color-burgundy .woocommerce button.button, | |
| .theme-color-burgundy .woocommerce input.button, | |
| .theme-color-burgundy .woocommerce-page #content input.button, | |
| .theme-color-burgundy .woocommerce-page #respond input#submit, | |
| .theme-color-burgundy .woocommerce-page a.button, | |
| .theme-color-burgundy .woocommerce-page button.button, | |
| .theme-color-burgundy .woocommerce-page input.button, | |
| .theme-color-burgundy .woocommerce #content input.button.alt, | |
| .theme-color-burgundy .woocommerce #respond input#submit.alt, | |
| .theme-color-burgundy .woocommerce a.button.alt, | |
| .theme-color-burgundy .woocommerce button.button.alt, | |
| .theme-color-burgundy .woocommerce input.button.alt, | |
| .theme-color-burgundy .woocommerce-page #content input.button.alt, | |
| .theme-color-burgundy .woocommerce-page #respond input#submit.alt, | |
| .theme-color-burgundy .woocommerce-page a.button.alt, | |
| .theme-color-burgundy .woocommerce-page button.button.alt, | |
| .theme-color-burgundy .woocommerce-page input.button.alt, | |
| .theme-color-burgundy .woocommerce ul.products li.product .add_to_cart_button, | |
| .theme-color-burgundy .woocommerce-page ul.products li.product .add_to_cart_button { | |
| background: #b91852; | |
| } | |
| .theme-color-burgundy.woocommerce #content input.button:hover, | |
| .theme-color-burgundy.woocommerce #respond input#submit:hover, | |
| .theme-color-burgundy.woocommerce a.button:hover, | |
| .theme-color-burgundy.woocommerce button.button:hover, | |
| .theme-color-burgundy.woocommerce input.button:hover, | |
| .theme-color-burgundy.woocommerce-page #content input.button:hover, | |
| .theme-color-burgundy.woocommerce-page #respond input#submit:hover, | |
| .theme-color-burgundy.woocommerce-page a.button:hover, | |
| .theme-color-burgundy.woocommerce-page button.button:hover, | |
| .theme-color-burgundy.woocommerce-page input.button:hover, | |
| .theme-color-burgundy.woocommerce #content input.button.alt:hover, | |
| .theme-color-burgundy.woocommerce #respond input#submit.alt:hover, | |
| .theme-color-burgundy.woocommerce a.button.alt:hover, | |
| .theme-color-burgundy.woocommerce button.button.alt:hover, | |
| .theme-color-burgundy.woocommerce input.button.alt:hover, | |
| .theme-color-burgundy.woocommerce-page #content input.button.alt:hover, | |
| .theme-color-burgundy.woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-burgundy.woocommerce-page a.button.alt:hover, | |
| .theme-color-burgundy.woocommerce-page button.button.alt:hover, | |
| .theme-color-burgundy.woocommerce-page input.button.alt:hover, | |
| .theme-color-burgundy.woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-burgundy.woocommerce-page ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-burgundy .woocommerce #content input.button:hover, | |
| .theme-color-burgundy .woocommerce #respond input#submit:hover, | |
| .theme-color-burgundy .woocommerce a.button:hover, | |
| .theme-color-burgundy .woocommerce button.button:hover, | |
| .theme-color-burgundy .woocommerce input.button:hover, | |
| .theme-color-burgundy .woocommerce-page #content input.button:hover, | |
| .theme-color-burgundy .woocommerce-page #respond input#submit:hover, | |
| .theme-color-burgundy .woocommerce-page a.button:hover, | |
| .theme-color-burgundy .woocommerce-page button.button:hover, | |
| .theme-color-burgundy .woocommerce-page input.button:hover, | |
| .theme-color-burgundy .woocommerce #content input.button.alt:hover, | |
| .theme-color-burgundy .woocommerce #respond input#submit.alt:hover, | |
| .theme-color-burgundy .woocommerce a.button.alt:hover, | |
| .theme-color-burgundy .woocommerce button.button.alt:hover, | |
| .theme-color-burgundy .woocommerce input.button.alt:hover, | |
| .theme-color-burgundy .woocommerce-page #content input.button.alt:hover, | |
| .theme-color-burgundy .woocommerce-page #respond input#submit.alt:hover, | |
| .theme-color-burgundy .woocommerce-page a.button.alt:hover, | |
| .theme-color-burgundy .woocommerce-page button.button.alt:hover, | |
| .theme-color-burgundy .woocommerce-page input.button.alt:hover, | |
| .theme-color-burgundy .woocommerce ul.products li.product .add_to_cart_button:hover, | |
| .theme-color-burgundy .woocommerce-page ul.products li.product .add_to_cart_button:hover { | |
| background: #000; | |
| } | |
| .theme-color-burgundy.woocommerce span.onsale, | |
| .theme-color-burgundy.woocommerce-page span.onsale, | |
| .theme-color-burgundy.woocommerce ul.products li.product .onsale, | |
| .theme-color-burgundy.woocommerce-page ul.products li.product .onsale, | |
| .theme-color-burgundy .woocommerce span.onsale, | |
| .theme-color-burgundy .woocommerce-page span.onsale, | |
| .theme-color-burgundy .woocommerce ul.products li.product .onsale, | |
| .theme-color-burgundy .woocommerce-page ul.products li.product .onsale { | |
| background: #b91852; | |
| } | |
| .theme-color-burgundy.woocommerce .woocommerce-error, | |
| .theme-color-burgundy.woocommerce .woocommerce-info, | |
| .theme-color-burgundy.woocommerce .woocommerce-message, | |
| .theme-color-burgundy.woocommerce-page .woocommerce-error, | |
| .theme-color-burgundy.woocommerce-page .woocommerce-info, | |
| .theme-color-burgundy.woocommerce-page .woocommerce-message { | |
| border-top-color: #b91852; | |
| } | |
| .theme-color-burgundy.woocommerce-checkout #payment div.payment_box { | |
| background: #b91852; | |
| color: #f4f4f4; | |
| } | |
| .theme-color-burgundy.woocommerce-checkout #payment div.payment_box:after { | |
| border-bottom-color: #b91852; | |
| } | |
| .theme-color-burgundy.woocommerce #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-burgundy.woocommerce #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-burgundy.woocommerce #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-burgundy.woocommerce nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-burgundy.woocommerce nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-burgundy.woocommerce nav.woocommerce-pagination ul li span.current, | |
| .theme-color-burgundy.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-burgundy.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-burgundy.woocommerce-page #content nav.woocommerce-pagination ul li span.current, | |
| .theme-color-burgundy.woocommerce-page nav.woocommerce-pagination ul li a:focus, | |
| .theme-color-burgundy.woocommerce-page nav.woocommerce-pagination ul li a:hover, | |
| .theme-color-burgundy.woocommerce-page nav.woocommerce-pagination ul li span.current { | |
| background: #b91852; | |
| } | |
| .theme-color-burgundy.woocommerce #content table.cart a.remove:hover, | |
| .theme-color-burgundy.woocommerce table.cart a.remove:hover, | |
| .theme-color-burgundy.woocommerce-page #content table.cart a.remove:hover, | |
| .theme-color-burgundy.woocommerce-page table.cart a.remove:hover { | |
| background: #b91852; | |
| } | |
| .theme-color-burgundy #headerwrap.fixed-header { | |
| background: rgba(185, 24, 82, .9); | |
| } | |
| .transparent-header.theme-color-burgundy #pagewrap #headerwrap.fixed-header { | |
| background: rgba(185, 24, 82, .9); | |
| } | |
| .theme-color-burgundy .pull-down:before { | |
| border-color: #b91852; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment