/* Theme Name: Accelerating Performance Site Ownership: Caitlin O'Connor Author: Aspire Digital Developer: Sean Creagh Version: 1.0 Fonts: - Default: font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 85%; - Titles, Headings: font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 120%; - Subtitle: font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 100%; - Menu Items: font-family: 'Roboto Condensed', sans-serif; font-size: 100%; */ html, body, header, footer, div, nav, ul, li, a, h1, h2, h3, h4, h5, strong, p, span, img, iframe, label, input, textarea { margin: 0; border: 0; padding: 0; outline: 0; text-decoration: none; list-style: none; } html, body { max-width: 100%; overflow-x: hidden; } body { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 95%; } .title, h1, h2, h3, h4, h5, h6 { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: bold; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #27a9e1; } .title, h1, h2 { font-size: 150%; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 12px; } h6 { font-size: 8px; } #content .title:after, #blog_container .title:after, #content h1:after, #blog_container h1:after, .widgettitle:after { content: ""; margin: 6px 0 15px 0; width: 35px; height: 0; display: block; position: relative; } #content h1:after, #blog_container h1:after { border-bottom: 3px solid #27a9e1; } .widgettitle:after { border-bottom: 3px solid #ffffff; } .menu-item { font-family: 'Roboto Condensed', sans-serif; font-size: 100%; } input, textarea { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 100%; } /*---Header Styles---*/ header { width: 100%; position: relative; z-index: 200; } #top_bar, #main_bar { width: 90%; } #top_bar { font-size: 90%; text-align:right; padding: 10px 5%; } #top_bar ul > div, #top_bar ul > li { display: inline-block; } #top_bar ul span { color: #ffffff; background-color: #27a9e1; text-align: center; width: 17px; height: 17px; border-radius: 100%; margin: 0 0 0 10px; display: inline-block; } #main_bar { padding: 30px 5%; position: relative; box-shadow: 0px 1px 5px #282a2b; } #hidden_bar { width: 90%; padding: 5px 5%; display: none; position: fixed; top: 0; z-index: 999 !important; box-shadow: 0px 1px 5px #282a2b; } #hidden_bar_inner_container { position: relative; } .navigation div { vertical-align: top; } .navigation a { cursor: pointer; } #site_logo_container { width: 166px; height: 80px; display: inline-block; } #site_logo_container img { width: 166px; height: 80px; display: block; } #site_tagline_container { text-align: center; width: 90%; position: absolute; top: 55.5px;bottom: 55.5px; } #site_tagline_container h2 { color: #27a9e1; display: inline; } #site_navigation_container { position: absolute; top: 0; right: 5%; display: inline-block; } #fixed_site_navigation_container { position: absolute; top: 0; right: 0; display: inline-block; } .navigation_container li { margin: 0 10px; display: inline-block; position: relative; } .navigation_container li:first-of-type { margin: 0 10px 0 0; } .navigation_container li:last-of-type { margin: 0 0 0 10px; } #site_responsive_navigation { width: 25px; height: 18px; display: none; position: absolute; top: 0; right: 5%; } #fixed_site_responsive_navigation { width: 25px; height: 18px; display: none; position: absolute; top: 0; right: 0; } .responsive_navigation img { width: 100%; height: 100%; display: block; cursor: pointer; } .responsive_dropdown { text-align: center; padding: 5px; display: none; position: absolute; top: 35px; right: 0; z-index: 101; } .responsive_dropdown li { width: 200px; border-bottom: 1px solid #e3e3e3; position: relative; } .responsive_dropdown li:last-of-type { border: 0; } .responsive_dropdown a { width: 100%; padding: 10px 0; display: block; } .responsive_dropdown a:hover { color: #0aad80; } .sub-menu { border-top: 3px solid #27a9e1; width: 200px; display: none; position: absolute; left: 0; } .responsive_dropdown li .sub-menu { width: 200px; margin: 0; padding: 5px; position: absolute; top: 38px; left: -6px; z-index: 102; } .responsive_dropdown li .sub-menu a { width: 100%; padding: 10px 0; } .sub-menu li { width: 100%; margin: 0 !important; display: block; } .sub-menu a { width: 90%; padding: 7% 5%; display: block; } @media screen and (max-width: 1750px) { #site_tagline_container { width: 769px; margin: 25.5px 0 25.5px 30px; display: inline-block; position: relative; top: 0; bottom: 0; } } @media screen and (max-width: 1450px) { #site_tagline_container { width: 384px; margin: 12px 0 12px 30px; } } @media screen and (max-width: 1020px) { #site_logo_container, #site_logo_container img { width: 103.75px; height: 50px; } .title { font-size: 100%; } #site_tagline_container { display: none; } #site_navigation_container, #fixed_site_navigation_container { display: none; } #site_responsive_navigation, #fixed_site_responsive_navigation { display: inline-block; } #top_bar > ul > .responsive_list_item_1 { display: none !important; } #top_bar > ul > .responsive_list_item_2 { margin: 2px 0 0 0; display: block !important; } } /*---Content Styles---*/ #content { width: 100%; } #inner_content_container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 3% 5%; display: block; } #content p { margin: 20px 0; } #content p:first-of-type { margin: 0 0 20px 0; } #content p:only-of-type { margin: 0; } #content p:last-of-type { margin: 20px 0 0 0; } #sidebar_container { font-size: 0; width: 100%; padding: 0; display: block; } #sidebar_inner_container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 50px 5% 0 5%; display: block; } #sidebar_container .widget { font-size: 1rem; width: 23.5%; margin: 0 1%; display: inline-block; vertical-align: top; } #sidebar_container .widget:first-of-type { margin: 0 1% 0 0; } #sidebar_container .widget:last-of-type { margin: 0 0 0 1%; } #sidebar_container label { display: none; } #sidebar_container input { width: 96%; padding: 2%; display: block; } #sidebar_container input[type="submit"] { width: 100%; margin: 10px 0 0 0; padding: 3% 2%; cursor: pointer; } #sidebar_container input[type="submit"]:hover { opacity: 0.8; } /*---Services Styles---*/ .pdf_container { font-size: 0; } .pdf_container .wpb_single_image { font-size: 1rem; width: 8.2% !important; min-width: 99px !important; margin: 1% 2% 0 0 !important; display: inline-block; vertical-align: top; } .pdf_container .wpb_single_image:last-of-type { margin: 1% 0 0 0 !important; } .pdf_container .wpb_single_image figure, .pdf_container .wpb_single_image figure a { width: 100%; height: 100%; display: block; } .pdf_container .wpb_single_image figure a img { height: 100%; outline: 1px solid #e3e3e3 !important; display: block; } .pdf_container .wpb_single_image figure a img:hover { opacity: .7; } /*---Post Styles---*/ #post_container { font-size: 0; } .post_wrapper { font-size: 1rem; width: 32%; margin: 0 1%; display: inline-block; vertical-align: top; } .wrapper_1, .wrapper_4 { margin: 0 1% 0 0; } .wrapper_2, .wrapper_5 { margin: 0 1% 0 1%; } .wrapper_3, .wrapper_6 { margin: 0 0 0 1%; } .post_spacer { width: 100%; height: 25px; display: block; } .responsive_post_spacer { width: 100%; height: 25px; display: none; } .post_featured_image_wrapper { width: 100%; } .post_featured_image_wrapper img { width: 100%; height: 100%; display: block; } .post_title_wrapper { width: 100%; display: block; } .post_title_wrapper a { width: 96%; height: 75px; padding: 2%; display: block; } .post_title_wrapper a > div { width: 100%; height: 100%; display: table; } .post_title_wrapper a > div > h2 { font-size: 1em; display: table-cell; vertical-align: middle; } .post_excerpt_wrapper { width: 90%; min-height: 76px; padding: 5%; } .post_excerpt_wrapper p { margin: 0 !important; } .pagination_wrapper { text-align: center; width: 100%; margin: 50px 0 0 0; display: inline-block; } .pagination_wrapper a { font-size: 90%; margin: 0 5px; padding: 15.485px 20px; display: inline-block; } .pagination_wrapper span { font-size: 90%; margin: 0 5px; padding: 15.485px 20px; } /*---Single Post Styles---*/ #the_post_container { width: 100%; display: block } #post_content_wrapper { text-align: left; width: 90%; max-width: 650px; margin: 0 auto; padding: 3% 5%; display: block; } #post_content_wrapper ul { width: 100%; margin-bottom: 20px; display: block; } #post_content_wrapper ul > li::before { content: "\f0da"; color: #4f9dd1; font-family: FontAwesome; font-style: normal; font-weight: normal; margin-right: 15px; } #post_title { text-align: center; width: 100%; margin-bottom: 20px; display: block; } #post_featured_image_container { width: 100%; display: block; } #post_featured_image_container img { width: 100%; height: 100%; display: block; } #post_details_container { font-size: 80%; text-align: center; width: 100%; display: inline-block; } #post_details_container::before { content: ""; margin: 10px 0; width: 100%; height: 0; display: block; position: relative; } #post_details_container:after { content: ""; width: 100%; height: 0; border: 1px solid #e3e3e3; margin: 10px 0 20px 0; display: block; position: relative; } #post_details_container span { white-space: pre; } #the_post_content { width: 100%; display: block; } #the_post_content a { color: #27a9e1; } #the_post_content a:hover { color: #707070; } #the_post_content img { max-width: 600px; margin: 0 auto; display: block; } #the_post_content p { margin: 0 0 20px 0; } #the_post_content p:last-of-type { margin: 0; } #clearfix { clear: both; } @media screen and (max-width: 700px) { #sidebar_container .widget { width: 100%; margin: 25px 0; padding: 0; } #sidebar_container .widget:first-of-type { margin: 0 0 25px 0; } #sidebar_container .widget:only-of-type { margin: 0; } #sidebar_container .widget:last-of-type { margin: 25px 0 0 0; } .post_wrapper { width: 75%; margin: 0 auto; display: block; } .post_spacer { display: none; } .responsive_post_spacer { display: inline-block; } .pagination_wrapper a { padding: 5.485px 10px; } .pagination_wrapper span { padding: 5.485px 10px; } #post_featured_image_container div { width: 100%; margin: 0; } } /*---Footer Styles---*/ * { margin: 0; padding: 0; } footer { width: 100%; } footer h2 { text-align: left; } #primary_footer_bar, #secondary_footer_bar { width: 90%; } .footer_spacer { width: 100%; height: 20px; display: block; } /*---Primary Bar---*/ #primary_footer_bar { font-size: 0; padding: 50px 5%; } #primary_footer_bar_inner_wrapper { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0; display: block; float: none; } .full_width { font-size: 1rem; width: 100%; } .full_width form, .full_width div, .full_width li, .full_width p, .full_width span { width: 100%; } .half_width { font-size: 1rem; width: 48%; margin: 0 1%; display: inline-block; vertical-align: top; } .half_width form, .half_width div, .half_width li, .half_width p, .half_width span { width: 100%; } .third_width { font-size: 1rem; width: 31.33333333333333%; margin: 0 1%; display: inline-block; vertical-align: top; } .third_width form, .third_width div, .third_width li, .third_width p, .third_width span { width: 100%; } #primary_footer_bar a { display: inline-block; } #primary_footer_bar input, #primary_footer_bar textarea, #primary_footer_bar input[type="submit"] { width: 96%; margin: 0 0 20px 0; padding: 2%; display: inline-block; vertical-align: top; } #primary_footer_bar textarea { max-width: 96%; height: 150px; min-height: 150px; } #primary_footer_bar input[type="submit"] { width: 100%; margin: 0; padding: 3% 2%; cursor: pointer; } #primary_footer_bar input[type="submit"]:hover { opacity: 0.8; } .tp_recent_tweets, .tp_recent_tweets > ul, .tp_recent_tweets > ul > li > span { width: 100% !important; height: auto; display: block !important; float: none !important; } .tp_recent_tweets > ul > li { width: auto !important; padding-left: 30px !important; } /*---Secondary Bar---*/ #secondary_footer_bar { font-size: 90%; text-align: center; padding: 15px 5%; } #secondary_footer_bar li, #secondary_footer_bar div { display: inline-block; vertical-align: top; } /*---Scroll To Top---*/ #scroll_to_top { color: #ffffff; font-size: 20px; font-weight: bold; padding: 10px; display: none; position: fixed; right: 50px; bottom: 50px; z-index: 9999; } @media screen and (max-width: 700px) { .half_width { width: 100%; } .half_width:first-of-type { margin: 0 0 25px 0; } .half_width:last-of-type { margin: 25px 0 0 0; } .third_width { width: 100%; margin: 25px 0; } .third_width:first-of-type { margin: 0 0 25px 0; } .third_width:last-of-type { margin: 25px 0 0 0; } } /*---WooCommerce Top Bar Styles---*/ #content > .woocommerce > .woocommerce-message, #content > .woocommerce > .woocommerce-info, #content > .woocommerce > .woocommerce-message p, #content > .woocommerce > .woocommerce-info p, #content > .woocommerce > .woocommerce-message span, #content > .woocommerce > .woocommerce-info span { color: #32cd32 !important; margin: 0 !important; } #content > .woocommerce-message a, #content > .woocommerce > .woocommerce-message a, #content > .woocommerce > .woocommerce-info a { color: #4f9dd1; } #content > .woocommerce-message a:hover, #content > .woocommerce > .woocommerce-message a:hover, #content > .woocommerce > .woocommerce-info a:hover { color: #333333; } #content > .woocommerce > .checkout_coupon, #content > .woocommerce > .checkout_coupon > p { margin: 0 !important; padding: 0 !important; float: none !important; } #content > .woocommerce > .checkout_coupon { background-color: #f5f5f5; width: auto !important; border: 0; border-radius: 0; padding: 10px !important; outline: 0; display: inline-block; } #content > .woocommerce > .checkout_coupon > p { width: auto; display: inline-block; } #content > .woocommerce > .checkout_coupon > .form-row-first { margin: 0 5px 0 0 !important; } #content > .woocommerce > .checkout_coupon > .form-row-first > #coupon_code { padding: 3px; outline: 1px solid #e3e3e3; } #content > .woocommerce > .checkout_coupon > .form-row-last > .button { color: #ffffff; background-color: #32cd32; text-align: center; } #content > .woocommerce > .checkout_coupon > .form-row-last > .button:hover { background-color: #38ea38; opacity: 1; } /*---Shop Styles---*/ #container > #content > .page-title { display: none; } #container > #content > .woocommerce-result-count { text-align: right; width: 90%; max-width: 1200px; margin: 0 auto; padding: 3% 5% 0 5%; display: block; } #container > #content > .woocommerce-ordering { text-align: right; width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 5%; display: block; } #container > #content > .woocommerce-ordering > select { border: 1px solid #e3e3e3; margin-top: 5px; padding: 5px; } #container > #content > .products { font-size: 0; width: 90%; max-width: 1200px; margin: 0 auto; padding: 1% 5% 3% 5%; display: block; } #container > #content > .products > .product { background-color: #f5f5f5; font-size: 1rem; width: 23%; margin: 1%; display: inline-block; vertical-align: top; position: relative; } #container > #content > .products > .product > a { width: 100%; display: block; position: relative; } #container > #content > .products > .product > a:hover { opacity: 0.7; } #container > #content > .products > .product > a > .onsale { color: #ffffff; background-color: #77a464; font-size: .857em; font-weight: 700; text-align: center; line-height: 3.236; min-height: 3.236em; min-width: 3.236em; border-radius: 100%; margin: -.5em -.5em 0 0; padding: .202em; position: absolute; top: 0; left: auto; right: 0; -webkit-font-smoothing: antialiased; } #container > #content > .products > .product > a > img { width: 100%; height: 100%; display: block; } #container > #content > .products > .product > a > h3 { color: #4f9dd1; font-size: 120%; width: 98%; padding: 1%; display: block; } #container > #content > .products > .product > a > h3:after { border-color: #4f9dd1 !important; } #container > #content > .products > .product > a > .price { color: #333333; width: 98%; margin-bottom: 15px; padding: 1%; display: block; } #container > #content > .products > .product > .button, #container > #content > .products > .product > .added_to_cart { color: #515151; background-color: #32cd32; text-align: center; width: 94%; padding: 3%; display: block; } #container > #content > .products > .product > .button { color: #515151; background-color: #ebe9eb; } #container > #content > .products > .product > .button:hover { background-color: #dad8da; opacity: 1; } #container > #content > .products > .product > .added_to_cart { color: #ffffff; background-color: #32cd32; } #container > #content > .products > .product > .added_to_cart:hover { background-color: #38ea38; opacity: 1; } @media screen and (max-width: 1100px) { #container > #content > .products > .product { width: 31.33333333333333% !important; margin: 1% !important; } } @media screen and (max-width: 900px) { #container > #content > .products > .product { width: 48% !important; margin: 1% !important; } } @media screen and (max-width: 550px) { #container > #content > .products > .product { width: 90% !important; margin: 2% 5% !important; } } /*---Products Styles---*/ #content > .woocommerce-breadcrumb { display: none; } #content > .woocommerce-message { margin: 0 !important; } #content > .product { font-size: 0; width: 90%; max-width: 1200px; margin: 0 auto; padding: 3% 5%; display: block; } #content > .product > .onsale { display: block; } #content > .product > .images { width: 30%; margin: 0 1% 1% 0; display: inline-block; vertical-align:top; } #content > .product > .images img { width: 100%; height: 100%; display: block; } #content > .product > .summary { width: 69%; display: inline-block; vertical-align: top; } #content > .product > .summary .product_title { color: #4f9dd1 !important; font-size: 24px; } #content > .product > .summary .product_title:after { border-color: #4f9dd1 !important; } #content > .product > .summary input { background-color: #f5f5f5; font-size: 16px; border: 1px solid #e3e3e3; margin: 5px 0; padding: 5px; } #content > .product > .summary button { color: #ffffff; background-color: #32cd32; border: 0 !important; padding: 10px; display: block !important; } #content > .product > .summary button:hover { background-color: #38ea38 } #content > .product > .summary > .product_meta { margin-top: 5px; } #content > .product > .summary > .product_meta > span { display: block; } #content > .product > .summary > .product_meta > span > a { color: #4f9dd1; } #content > .product > .summary > .product_meta > span > a:hover { color: #333333; } #content > .product > .summary > div > p > a { color: #27a9e1; } #content > .product > .summary > div > p > a:hover { color: #707070; } #content > .product > div { font-size: 16px; } .wc-tabs > li { display: inline-block; vertical-align: top; } .wc-tabs > li > a { color: #4f9dd1; display: inline-block; vertical-align: top; } .wc-tabs > li > a:hover { color: #333333 } .woocommerce-tabs > .wc-tab { background-color: #e3e3e3; width: 98%; margin: 20px 0 0 0; padding: 1%; display: block; } .woocommerce-tabs > .wc-tab h2 { color: #4f9dd1 !important; } .woocommerce-tabs > .wc-tab h2:after { border-color: #4f9dd1 !important; } .woocommerce-tabs > .wc-tab h3 { font-size: 16px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: bold; margin: 5px 0 } .woocommerce-tabs > .wc-tab .stars { margin: 0 0 0 5px !important; display: inline-block; } .woocommerce-tabs > .wc-tab .stars a { color: #4f9dd1; margin: 0 2px !important; } .woocommerce-tabs > .wc-tab .stars a:hover { color: #333333; } .woocommerce-tabs > .wc-tab #comment { width: 50%; max-width: 100%; margin: 10px 0 0 0; display: block; } .woocommerce-tabs > .wc-tab input[type="submit"] { color: #ffffff; background-color: #32cd32; width: 15%; border: 0 !important; padding: 1%; } .woocommerce-tabs > .wc-tab input[type="submit"]:hover { background-color: #38ea38 } #content > .product > .related { background-color: #fffff; width: 100%; margin: 20px 0 0 0; padding: 0; display: block; } #content > .product > .related h2 { color: #4f9dd1 !important; } #content > .product > .related h2:after { border-color: #4f9dd1 !important; } #content > .product > .related > .products { font-size: 0; width: 100%; display: block; } #content > .product > .related > .products > li { background-color: #f5f5f5; font-size: 1rem; width: 23.5%; margin: 0 1%; display: inline-block; vertical-align: top; } #content > .product > .related > .products > li:nth-of-type(1) { margin: 0 1% 0 0; } #content > .product > .related > .products > li:nth-of-type(4) { margin: 0 0 0 1%; } #content > .product > .related > .products > li a { width: 100%; height: 100%; display: block; } #content > .product > .related > .products > li a:hover { opacity: 0.7; } #content > .product > .related > .products > li img { width: 100%; height: 100%; display: block; } #content > .product > .related > .products > li h3 { color: #4f9dd1 !important; width: 98%; padding: 1%; display: block; } #content > .product > .related > .products > li h3:after { border-color: #4f9dd1 !important; } #content > .product > .related > .products > li .price { color: #333333; width: 98%; padding: 1%; margin-bottom: 15px; display: block; } #content > .product > .related > .products > li .button, #content > .product > .related > .products > li .added_to_cart { color: #515151; background-color: #32cd32; text-align: center; width: 94%; padding: 3%; display: block; } #content > .product > .related > .products > li .button { color: #515151; background-color: #ebe9eb; } #content > .product > .related > .products > li .button:hover { background-color: #dad8da; opacity: 1; } #content > .product > .related > .products > li .added_to_cart { color: #ffffff; background-color: #32cd32; } #content > .product > .related > .products > li .added_to_cart:hover { background-color: #38ea38; opacity: 1; } body > #sidebar { display: none; } @media screen and (max-width: 740px) { #content > .product > .images { width: 50%; margin: 0 auto; display: block; } #content > .product > .summary { width: 100%; margin: 20px 0; display: block; } #content > .product > .summary input { margin: 10px 0; } .woocommerce-tabs > .wc-tab { width: 96%; padding: 2%; } #content > .product > .related > .products > li { width: 48%; } #content > .product > .related > .products > li:nth-of-type(1) { margin: 0 1% 1% 0; } #content > .product > .related > .products > li:nth-of-type(2) { margin: 0 0 1% 1%; } #content > .product > .related > .products > li:nth-of-type(3) { margin: 1% 1% 0 0; } #content > .product > .related > .products > li:nth-of-type(4) { margin: 1% 0 0 1%; } } @media screen and (max-width: 450px) { #content > .product > .related > .products > li { width: 100%; margin: 1% 0; } #content > .product > .related > .products > li:first-of-type { margin: 0 0 1% 0; } #content > .product > .related > .products > li:last-of-type{ margin: 1% 0 0 0; } } /*---Cart Styles---*/ #content > .woocommerce > .checkout > #order_review .place-order { margin: 0 !important; } #content > .woocommerce > .cart-empty { width: 90%; max-width: 1200px; margin: 0 auto !important; padding: 3% 5%; display: block; } #content > .woocommerce > .return-to-shop { width: 90%; max-width: 1200px; margin: 0 auto !important; padding: 0 5%; display: block; } #content > .woocommerce > form { width: 90%; max-width: 1200px; margin: 0 auto !important; padding: 3% 5% 0 5%; display: block; } #content > .woocommerce > .checkout { width: 90%; max-width: 1200px; margin: 0 auto !important; padding: 3% 5%; display: block; } #content > .woocommerce > form > table { background-color: #f5f5f5; } #content > .woocommerce > form > table .product-name a { color: #333333; } #content > .woocommerce > form > table .qty { outline: 1px solid #e3e3e3; padding: 3px; } #content > .woocommerce > form > table #coupon_code { width: 150px; outline: 1px solid #e3e3e3; margin: 0 5px 0 0; padding: 3px; } #content > .woocommerce > .cart-collaterals { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 5% 3% 5%; display: block; } #content > .woocommerce > .cart-collaterals .checkout-button, #content > .woocommerce > form > table .button { color: #ffffff; background-color: #32cd32; opacity: 1; } #content > .woocommerce > .cart-collaterals .checkout-button:hover, #content > .woocommerce > form > table .button:hover { background-color: #38ea38 !important; } #content > .woocommerce > .return-to-shop > a { text-align: center; width: 110px; display: block !important; } @media screen and (max-width: 770px) { #content > .woocommerce > form > table .button { width: 150px; height: 25px; padding: 3px !important; } #content > .woocommerce > form > table input[name="update_cart"] { margin: 0 auto; display: block; } } /*---Checkout Styles---*/ #content > .woocommerce > #customer-details { font-size: 0; width: 100%; display: block; } #content > .woocommerce > .checkout .col-1, #content > .woocommerce > .checkout .col-2 { font-size: 1rem; background-color: #f5f5f5; width: 43%; margin-bottom: 3%; padding: 3%; display: inline-block; vertical-align: top; } #content > .woocommerce > .checkout .col-1 { margin-right: 1% } #content > .woocommerce > .checkout .col-2 { margin-left: 1%; } #content > .woocommerce > .checkout .woocommerce-billing-fields > p { margin: 0 0 10px 0 !important; } #content > .woocommerce > .checkout input, #content > .woocommerce > .checkout textarea { width: 100%; padding: 5px; outline: 1px solid #e3e3e3; } #content > .woocommerce > .checkout input[type="radio"] { width: auto; outline: 0; display: inline-block; } #content > .woocommerce > .checkout > #order_review_heading { background-color: #f5f5f5; width: 94%; padding: 3% 3% 0 3%; display: block; } #content > .woocommerce > .checkout > #order_review_heading:after { margin: 6px 0 0 0; } #content > .woocommerce > .checkout > #order_review { background-color: #f5f5f5; width: 94%; padding: 15px 3% 3% 3%; display: block; } #content > .woocommerce > .checkout > #order_review > table { background-color: #ffffff; } #content > .woocommerce > .checkout > #order_review .about_paypal { color: #4f9dd1; font-size: .8rem !important; margin-left: .5em; line-height: 0 !important; display: inline-block; float: none; } #content > .woocommerce > .checkout > #order_review .about_paypal:hover { color: #333333; } #content > .woocommerce > .checkout > #order_review .place-order { margin: 0 !important; } #content > .woocommerce > .checkout > #order_review .place-order > #place_order { color: #ffffff; background-color: #32cd32; text-align: center; width: 200px; margin: 0 auto !important; padding: 15px; display: block; float: none; } #content > .woocommerce > .checkout > #order_review .place-order > #place_order:hover { background-color: #38ea38; opacity: 1; } @media screen and (max-width: 768px) { #content > .woocommerce > .checkout .col-1, #content > .woocommerce > .checkout .col-2 { width: 94%; margin: 0 0 3% 0 !important; display: block; } } /*—Sensei Styles---*/ article.post, article.lesson {padding: 5% 100px 50px 100px !important; margin: 0 50px 50px 50px !important;} .sensei-breadcrumb {margin: 20px 100px 20px 100px !important} article.course header {clear:both;} article.course header h2 {margin: 0 0 10px 0;} article.course header h2::after { border-bottom: 3px solid #27a9e1; content: ""; margin: 6px 0 15px 0; width: 35px; height: 0; display: block; position: relative; } article.course article.module header h3 {padding:5px;} article.course article.module header h3 a { pointer-events: none; cursor: default; color: #333 !important;} article.module section.module-lessons ul.lessons-list li a {color: #27a9e1;} div.status.in-progress {margin: 0 0 20px 0;} section.course-lessons header h2 a {color: #27a9e1;} div.nav-next.fr, div.nav-prev.fl {margin: 0px 100px 5px 100px !important;} /*—WooCommerce Account Styles---*/ nav.woocommerce-MyAccount-navigation ul {margin: 5% 0 0 100px !important; display:inline-block;}