/*! Theme Name: Compass Cycle v2.0 Theme URI: https://www.compasscycle.com// Author: Krimmelworks, LLC. Author URI: http://www.krimmelworks.com/ Template: canvas Description: A Child Theme of the Canvas Theme (by WooThemes.) custom built for CompassCycle Version: 2.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: canvas-child Tags: canvas, woothemes !*/ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Imports and Variables 1.1 Font Imports 1.2 Font Variables 1.3 Color Variables 2.0 Base 2.1 Typography 2.2 Elements 2.3 Forms 2.4 Links 3.0 Layout 3.1 Header 3.2 Main Body 3.3 Footer 3.4 Alignments 3.5 Clearings 3.6 Infinite Scroll 4.0 Modules 4.1 Menus 4.2 Accessibility 4.3 Sidebar 4.4 Comments 4.5 Media 4.6 Captions 4.7 Galleries 5.0 States 6.0 Themes 7.0 Shame --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Imports and Variables --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.1 Font Imports --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.2 Font Variables --------------------------------------------------------------*/ /* Text */ /*-------------------------------------------------------------- 1.3 Color Variables --------------------------------------------------------------*/ /* Quick references */ /* Theme Specific Colors */ /* Backgrounds & Borders */ /* Text */ /* Fonts */ /*-------------------------------------------------------------- 2.0 Base --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.1 Typography --------------------------------------------------------------*/ h3 { font-weight: 300; font-size: 1.25em; } a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button { font-family: Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.5em; } /*-------------------------------------------------------------- 2.2 Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.3 Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.4 Links --------------------------------------------------------------*/ a { color: #0033cc; } a:visited { color: #428bca; } a:hover, a:focus, a:active { color: #0033cc; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- 3.0 Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- 3.1 Header --------------------------------------------------------------*/ #header { padding: 0; background-color: #1d467f; } #logo .site-title, #logo .site-description { display: none; } /*-------------------------------------------------------------- 3.2 Main Body --------------------------------------------------------------*/ #content { background-color: #edf4f8; padding: 2.25em 3em 40px; } .entry-content ol, .entry-summary ol { list-style: decimal; } .entry-content ul, .entry-summary ul { list-style: circle; } .entry-content ol, .entry-summary ol, .entry-content ul, .entry-summary ul { padding-left: 2em; } .breadcrumb { margin-bottom: 1.15384615em; } .page-title, h1.product_title { color: #333333; font-weight: 300; } h2.my-subscriptions { margin-top: 1em; } @media screen and (max-width: 767px) { #content { padding: 1.25em 1.5em 30px; } } /*-------------------------------------------------------------- 3.3 Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- 3.4 Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- 3.5 Clearings --------------------------------------------------------------*/ .l-clearfix:before, .l-clearfix:after { content: ""; display: table; } .l-clearfix:after { clear: both; } /*-------------------------------------------------------------- 3.6 Infinite scroll --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.0 Modules --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.1 Menus --------------------------------------------------------------*/ #navigation { background-color: #ffffff; margin-bottom: 0; } #navigation .menus.nav-icons-2 .side-nav { width: 13em; text-align: right; } .side-nav ul { float: left; } .side-nav .my-account { display: block; line-height: 1.2em; } .side-nav .my-account li { padding: 1em; } .side-nav .my-account li a { color: #404040; font-size: 0.875em; font-weight: 300; } .side-nav .my-account li:hover { background-color: #e6e6e6; } .side-nav .my-account li:hover a { text-decoration: none; } @media screen and (max-width: 1024px) { ul.nav li a { padding: 0.5em; } } @media screen and (max-width: 768px) { .nav-toggle { background-color: #ffffff; background-image: none; border-bottom: 0; color: #404040; } .nav-toggle:before { color: #404040; } .nav-toggle a { text-shadow: none; color: #404040 !important; } #navigation section.menus { background-color: #e6e6e6; } } /*-------------------------------------------------------------- 4.2 Accessibility --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.3 Sidebar --------------------------------------------------------------*/ /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.4 Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.5 Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.6 Captions --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.7 Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.8 Products --------------------------------------------------------------*/ mark.count { display: none; } .woocommerce-error { font-size: 1.23076923em; font-weight: 700; line-height: 1.75em; } .term-description p { padding: 0.71428571em; width: 50%; font-size: 1.14285714em; font-weight: 300; line-height: 1.57142857em; } ul.products li.product { margin-top: 2em; } .tax-product_cat ul.products li.product.product-cat-issues, .tax-product_cat ul.products li.product.product-cat-subscription, .tax-product_cat ul.products li.product.product-cat-print { width: 100%; text-align: left; } .tax-product_cat ul.products li.product.product-cat-issues .pic-box, .tax-product_cat ul.products li.product.product-cat-subscription .pic-box, .tax-product_cat ul.products li.product.product-cat-print .pic-box { float: left; padding: 0 2em 2em 0; width: 325px; height: auto; } .tax-product_cat ul.products li.product.product-cat-issues .pic-box img, .tax-product_cat ul.products li.product.product-cat-subscription .pic-box img, .tax-product_cat ul.products li.product.product-cat-print .pic-box img { min-width: 100%; } .tax-product_cat ul.products li.product.product-cat-issues :not(.pic-box) img, .tax-product_cat ul.products li.product.product-cat-subscription :not(.pic-box) img, .tax-product_cat ul.products li.product.product-cat-print :not(.pic-box) img { margin-left: 0; } .tax-product_cat ul.products li.product.product-cat-issues h3, .tax-product_cat ul.products li.product.product-cat-subscription h3, .tax-product_cat ul.products li.product.product-cat-print h3 { font-size: 1.5em; } .tax-product_cat ul.products li.product.product-cat-issues .desc-box, .tax-product_cat ul.products li.product.product-cat-subscription .desc-box, .tax-product_cat ul.products li.product.product-cat-print .desc-box { display: block; font-size: 0.92307692em; overflow: hidden; } /* Gift Card */ .giftcard { margin-top: 1em; } @media screen and (max-width: 1024px) { .tax-product_cat ul.products li.product.product-cat-subscription .pic-box, .tax-product_cat ul.products li.product.product-cat-issues .pic-box, .tax-product_cat ul.products li.product.product-cat-print .pic-box { float: left; padding: 0 2em 2em 0; width: 260px; } } @media screen and (max-width: 767px) { .term-description p { width: 100%; } .tax-product_cat ul.products li.product.product-cat-subscription .pic-box, .tax-product_cat ul.products li.product.product-cat-issues .pic-box, .tax-product_cat ul.products li.product.product-cat-print .pic-box { float: none; padding: 0; } .tax-product_cat ul.products li.product.product-cat-subscription .desc-box, .tax-product_cat ul.products li.product.product-cat-issues .desc-box, .tax-product_cat ul.products li.product.product-cat-print .desc-box { margin-top: 2em; } .tax-product_cat ul.products li.product.product-cat-subscription :not(.pic-box) img, .tax-product_cat ul.products li.product.product-cat-issues :not(.pic-box) img, .tax-product_cat ul.products li.product.product-cat-print :not(.pic-box) img { margin-left: auto; } ul.products li.product a.button { font-weight: 600; } .woocommerce-main-image img { /* margin: 0 auto; */ display: block; min-width: 99.85%; } .woocommerce .thumbnails.columns-3 img { min-width: 100%; } .giftcard { margin-top: 0; } } /*-------------------------------------------------------------- 5.0 States --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.0 States --------------------------------------------------------------*/ /*-------------------------------------------------------------- 7.0 Shame --------------------------------------------------------------*/