/* Theme Name: bangla bazar Theme URI: http://www.doctorerbari.com/Themes/bangla-bazar Author: Rakib Author URI: http://www.portfolio.doctorerbari.com Description: bangla bazar is a compatible WooCommerce theme made with WordPress. It is the best theme for you to sell anything online, beautifuly designed and fully responsive. Version: 1.0 Requires at least: 4.9.6 Requires PHP: 7.4 Tested up to: 5.0S Text Domain: bangla-bazar License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: e-commerce, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, translation-ready, blog, right-sidebar, sticky-post, threaded-comments */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Home Page Template ## Header - Main Menu ## Search Box ## Cart ## Flex Slider ## Frontend Product Lists ## Footer - Footer Menu # WooCommerce ## Grid System ## Shop ## Single Product ## Cart ## Checkout ## My Account ## Store Notice # Blog and Archive Pages ## Single ## Seacrh ## Comments # WooCommerce Widgets # General Widgets # Content Adjustments # General # WordPress Core # Media Queries --------------------------------------------------------------*/ body{ font-family: 'Roboto', sans-serif; } .content-area{ min-height: 500px; padding: 3rem 0; } .page-template-template-home-php .content-area{ padding: 0; } /* Home Page Template */ /* Header - Main Menu */ body #page > header{ border-top: 4px solid #f06400; background-color: #fdfdfd; border-bottom: 1px solid #eee; } header .search{ padding: 0.7rem 0; background-color: #0000000a; } header .top-bar{ padding: 1rem 0 0 0; } header p.site-title{ font-size: 1.5rem; line-height: 1.5rem; color: #000; font-weight: 600; margin: 0; } header p.site-title~span { color: #000; } header .brand{ padding-bottom: 15px; word-break: break-word; -ms-word-wrap: break-word; } header .brand img{ max-width: 160px; height: auto; } .account{ font-weight: 700; } .account ul li a{ padding: 0 1rem 0 0 !important; } .main-menu{ padding: 0; } .main-menu ul{ padding: 0; margin: 0; font-size: 18px; font-weight: 500; border-radius: 0; } .main-menu ul li{ display: inline; margin: 0 5px 0 0; } .main-menu ul li:last-child{ margin: 0; } .main-menu > ul li a, .navbar-light .navbar-nav .nav-link{ color: #303030; text-decoration: none; padding: 7px 15px 20px; } .main-menu ul li a.nav-link:first-child{ padding-left: 0 !important; } .main-menu ul li ul{ background-color: #000; } .main-menu ul li ul li{ margin: 0; } .main-menu ul li ul li a{ padding: 0.5rem; color: #fff; } .main-menu .navbar-nav .active>.nav-link{ color: #CA2424; } .main-menu .dropdown-item:focus, .main-menu .dropdown-item:hover { color: #fff; background-color: #272c33; } .main-menu .dropdown:hover>.dropdown-menu, .main-menu .dropup:hover>.dropdown-menu { display: block; } .main-menu .dropdown-item.active, .main-menu .dropdown-item:active { background-color: #d2335b; } .main-menu .navbar-toggler{ border: none; padding-right: 0; } .main-menu .dropdown-toggle::after { vertical-align: 0.155em; } .main-menu .navbar-toggler-icon { background-image: url('img/hamburger-menu.svg'); } .main-menu ul li .dropdown-menu .dropdown > a::after{ display: inline-block; margin-left: 0.355em; vertical-align: 0.2em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .main-menu .dropdown-menu li { display: block; margin: 0px; padding: 0px; } .main-menu .dropdown-menu .dropdown-menu { top: -1px; left: 100%; } /* Search Form */ .search-form button{ background-image: url('img/search.svg'); height: 23px; width: 23px; background-repeat: no-repeat; background-color: transparent; border: none; } .search-form input[type="search"]{ background-color: #fff; border: none; font-weight: 500; font-size: 110%; padding: 0.3rem 1rem; margin-right: 0.3rem; } /* Cart */ .cart .cart-icon{ background: url('img/cart.svg'); background-repeat: no-repeat; height: 25px; width: 25px; display: inline-block; vertical-align: bottom; } .cart .items{ background: #CA2424; color: #fff; width: 20px; height: 20px; border-radius: 50%; display: inline-block; text-align: center; } /* Flex Slider */ .flexslider{ border: 0 !important; } .flex-control-nav { bottom: 10px !important; } .slider-details-container { color: #FFF; top: 50%; transform: translateY(-50%); position: absolute; width: 800px; } .slider-details-container h1{ font-family: 'Seaweed Script'; font-size: 3.7rem; } .slider-details-container .subtitle{ font-size: 1.3em; margin-bottom: 15px; } .slider-details-container .slider-title{ color: #FFF; font-weight: 700; } .slider-details-container a{ background-color: #D2335B; color: #fff; border-radius: 5px; text-transform: uppercase; padding: 0.8em; display: inline-block; font-size: 1.2em; } .slider-details-container a:hover{ color: #fff; } .flexslider .slides { padding: 0 !important; } .flex-control-paging li a { background: rgba(189, 189, 189, 0.5) !important; height: 10px !important; width: 15px !important; } .flex-control-paging li a.flex-active { background: #D2335B !important; width: 25px !important; } .flex-control-nav li { margin: 0 2px !important; } /* Frontend Product Lists */ .home main .section-title{ position: relative; margin-bottom: 20px; } .home main .section-title::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 1px; width: 100%; background: #ddd; } .home main .section-title h2{ font-family: 'Seaweed Script'; font-size: 3rem; position: relative; display: inline-block; background: #fff; vertical-align: top; padding: 0 20px 0 0; margin: 0; } .home section.lab-blog{ padding: 40px 0; } .home .woocommerce ul.products { border-top: none; } .home .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.3rem; font-weight: 500; color: #868686; margin: 0; padding: 0; display: table; } .home .popular-products .woocommerce ul.products li.product .button, .home .new-arrivals .woocommerce ul.products li.product .button { background-color: transparent; color: #d83a65; padding: 0; margin: 0; transition: 0.5s; } .home .popular-products .woocommerce ul.products li.product .button:hover, .home .new-arrivals .woocommerce ul.products li.product .button:hover { color: #666; } .home .woocommerce ul.products li.product .button { margin-top: 0; } .deal-of-the-week { background: #f7f7f7; padding: 60px 0; } .deal-of-the-week .row{ padding: 30px 0; } .deal-of-the-week .discount{ background: #ff1010; color: #fff; padding: 0.5rem; display: inline-block; margin: 20px 0; position: relative; } .deal-of-the-week .discount:before{ content: ''; position: absolute; top: 6%; left: 0; height: 1px; width: 100%; border: 1px dashed #ffc8d8; } .deal-of-the-week .discount:after{ content: ''; position: absolute; bottom: 5%; left: 0; height: 1px; width: 100%; border: 1px dashed #ffc8d8; } .deal-of-the-week .section-title{ margin: 0 !important; } .deal-of-the-week h2{ background: #f8f8f8 !important; } .deal-of-the-week h3{ margin: 0 0 20px 0; padding: 0; } .deal-of-the-week h3 a{ font-size: 2rem; font-weight: 700; color: #000; transition: 0.5s; } .deal-of-the-week h3 a:hover{ color: #777; } .deal-of-the-week p{ color: #aeaeae; font-size: 1.2rem; } .deal-of-the-week .prices .regular{ font-size: 1.4rem; font-weight: 600; opacity: 0.4; text-decoration: line-through; } .deal-of-the-week .prices .sale{ font-size: 2rem; font-weight: 700; } .deal-of-the-week a.add-to-cart{ background-color: #ff1010; color: #fff; text-decoration: none; line-height: 1; padding: 0.618em 1em; font-weight: 700; border-radius: 3px; display: inline-block; margin-top: 10px; } .lab-blog img{ margin: 15px 0; } .lab-blog h3{ margin-bottom: 0; } .lab-blog h3 a{ color: #d83a65; font-weight: 700; } .lab-blog .pub-date{ margin-bottom: 0.6rem; display: block; } .lab-blog .excerpt{ color: #848484; } /* Footer - Footer Menu */ .footer-widgets{ padding: 35px 0; background: #515151; color: #aeaeae; } .footer-widgets h4{ color: #fff; text-transform: uppercase; } .footer-widgets p{ margin-bottom: 0.5rem; } .footer-widgets strong{ color: #fff; } .footer-widgets ul li a{ color: #aeaeae; } .copyright{ background-color: #000000; color: #939393; padding: 20px 0; } .copyright p{ margin: 0; } .footer-menu ul, .footer-widgets ul{ list-style: none; padding: 0; margin: 0; font-size: 16px; } .footer-menu ul li{ display: inline; margin: 0 10px 0 0; } .footer-menu ul li:last-child{ margin: 0; } .footer-menu ul li a{ color: #939393; text-decoration: none; } .footer-menu ul li.current-menu-item a{ color: #ff9292; } /* WooCommerce */ /* Grid System */ .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{ flex: 0 0 50%; max-width: 50%; } /* Shop */ .shop-content{ padding: 3rem 0; } .shop-content .row{ margin-left: 0; margin-right: 0; } .post-type-archive-product .content-area, .product-template-default .content-area, .tax-product_cat .content-area{ padding: 0; } .woocommerce .woocommerce-breadcrumb a { font-weight: 700; } .woocommerce ul.products.columns-1 li.product:first-child, .woocommerce-page ul.products.columns-1 li.product:first-child { margin-top: 20px; } .woocommerce .products ul, .woocommerce ul.products { border-top: 1px solid #eee; } .woocommerce ul.products li.product a img { width: 255px; height: auto; display: block; margin: 0 1em 1em 0; box-shadow: none; float: left; } .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 25px; font-weight: 700; color: #000; margin: 0; padding: 0; display: table; } .post-type-archive-product .woocommerce-loop-product__title{ margin-bottom: 0.5rem !important; } .woocommerce ul.products li.product .button { margin-top: 0; } .woocommerce ul.products li.product p{ color: #000; } .woocommerce ul.products li.product .price{ color: #000; font-weight: 600; } .woocommerce ul.products li.product .price ins { font-size: 140%; } .woocommerce ul.products li.product .onsale{ top: 16px; left: 0; right: 0; transform: rotate(90deg); border-radius: 0; width: 83px; padding: 0; background-color: #D2335B; margin: 0; font-weight: 400; } .woocommerce ul.products li.product .onsale:before { content: ""; position: absolute; top: 0; left: 83px; width: 0; height: 0; border-style: solid; border-width: 24px 22px 0 0; border-color: #D2335B transparent transparent transparent; } .woocommerce ul.products li.product .onsale:after { content: ""; position: absolute; bottom: 0; left: 83px; width: 0; height: 0; border-style: solid; border-width: 0 22px 24px 0; border-color: transparent transparent #D2335B transparent; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ color: #000; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 12px; } /* Single Product */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce ul.products li.product .button { background-color: #D2335B; color: #fff; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce ul.products li.product .button:hover { background-color: #bd3759; } .product_meta > span{ display: block; } .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del .woocommerce-Price-amount{ color: #000; font-size: 20px; font-weight: 500; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce-Price-amount { font-size: 25px; color: #000; font-weight: 700; } .woocommerce span.onsale{ top: 19px; left: 35px; transform: rotate(90deg); border-radius: 0; width: 84px; padding: 0; background-color: #D2335B; margin: 0; font-weight: 400; } .woocommerce span.onsale:before { content: ""; position: absolute; top: 0; left: 83px; width: 0; height: 0; border-style: solid; border-width: 23px 22px 0 0; border-color: #D2335B transparent transparent transparent; } .woocommerce span.onsale:after { content: ""; position: absolute; bottom: 0; left: 83px; width: 0; height: 0; border-style: solid; border-width: 0 22px 23px 0; border-color: transparent transparent #D2335B transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs{ padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border-radius: 0; margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content: none; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background-color: #ffeb8a; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background-color: #ffe252; } /* Cart */ .woocommerce-cart table.cart td.actions .coupon .input-text{ width: 150px; } /* Checkout */ .woocommerce form .form-row { display: block; } .woocommerce-checkout #customer_details{ margin-bottom: 20px; } .woocommerce table.shop_table{ border-collapse: collapse; } .woocommerce table.shop_table thead{ background-color: #D2335B; color: #fff; } /* My Account */ .woocommerce-MyAccount-navigation a{ color: #000000; } .woocommerce-MyAccount-navigation .is-active{ font-weight: 700; background-color: #000000; } .woocommerce-MyAccount-navigation .is-active a{ color: #fff; } .woocommerce-MyAccount-navigation ul{ list-style: none; padding: 0; border: 1px solid #f3f3f3; } .woocommerce-MyAccount-navigation ul li{ border-bottom: 1px solid #f3f3f3; padding: 0.3rem 0.7rem; } .woocommerce-MyAccount-navigation ul li:last-child{ border-bottom: 0; } .woocommerce table.my_account_orders { font-size: inherit; } /* Store Notice */ .woocommerce-store-notice, p.demo_store { background-color: #750000; } /* Blog and Archive Pages */ .blog article, .archive article{ margin-bottom: 3rem; } .blog article .title, .archive article .title{ font-weight: 600; } .blog article .meta, .archive article .meta{ font-weight: 700; margin: 1rem 0; } .archive-title{ font-size: 2rem; font-weight: 700; border-bottom: 1px solid #efefef; padding: 0 0 0.7rem 0; margin-bottom: 1rem; } .archive-title span{ color: #b58e8e; font-weight: normal; } .blog .post-thumbnail, .archive .post-thumbnail{ margin: 1rem 0; } .nav-links{ font-weight: 700; } .nav-links span, .nav-links a{ padding: 0.4rem; } /* Single */ .single header h1{ font-weight: 700; } .single .post-thumbnail{ margin: 1rem 0; } .comments-area{ border-top: 1px solid #eee; padding: 1rem 0 2rem; margin-top: 2rem; } .comment-form label{ display: block; } .comment-form input[type="submit"]{ background-color: #D2335B; color: #fff; border-radius: 5px; text-transform: uppercase; padding: 0.8em; display: inline-block; } /* Search */ .search .content-area .search-form{ margin: 0 0 1rem; } /* Comments */ #comments ol, #comments ul{ list-style: none; padding: 0; } #comments .depth-1{ padding: 2rem 0; } #comments .nav-links a{ padding: 0; } #comments .bypostauthor{ background-color: #bf95941a; } .entry-pings, .entry-comments { color: #444; padding: 20px 45px 40px 45px; border: 1px solid #ccc; overflow: hidden; background: #fff; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); border-left: 4px solid #444; } .entry-comments h3{ font-size: 30px; margin-bottom: 30px; } .comment-respond h3, .entry-pings h3{ font-size: 20px; margin-bottom: 30px; } .comment-respond { margin: 1.5rem 0; } .comment-header { color: #adaeb3; font-size: 14px; margin-bottom: 20px; } .comment-header cite a { border: none; font-style: normal; font-size: 16px; font-weight: bold; } .comment-header .comment-meta a { border: none; color: #adaeb3; } li.comment { background-color: #fff; border-right: none; } .comment-content { clear: both; overflow: hidden; } .comment-list li { font-size: 14px; padding: 20px 30px 20px 25px; } .comment-list .children { margin-top: 40px; border: 1px solid #cccccc40; margin-left: 1rem; } .comment-list li li { background-color: #f5f5f6; } .comment-list li li li { background-color: #fff; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; position: relative; } .entry-comments .comment-author img { border-radius: 50%; border: 5px solid #fff; left: -80px; top: -5px; position: absolute; width: 60px; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 16px; padding: 24px; } .comment-reply-link{ cursor: pointer; background-color: #444; border: none; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 300; letter-spacing: 1px; padding: 4px 10px 4px; text-transform: uppercase; width: auto; } .comment-reply-link:hover{ color: #fff; } .comment-notes{ display:none; } /* WooCommerce Widgets */ .woocommerce .shop-content .widget-wrapper{ margin: 0 0 2rem; border-bottom: 1px solid #eee; padding: 0 1em 2em 0; } .woocommerce .shop-content .widget-wrapper h4{ padding: 0 0 0.7rem 0; } .woocommerce .shop-content .widget-wrapper > ul{ list-style: none; padding: 0; margin: 0; } .woocommerce .shop-content .widget-wrapper > ul li ul{ list-style: none; } .woocommerce .shop-content .widget-wrapper ul li span, .woocommerce .shop-content .widget-wrapper ul li ul li span{ float: right; } .no-sidebar-shop .sidebar-shop{ display: none; } .no-sidebar-shop .main-content{ flex: 0 0 100%; max-width: 100%; } /* General Widgets */ .widget{ margin-bottom: 1rem; } .content-area .widget h4{ border-bottom: 1px solid #f5f5f5; padding: 0.4rem 0; font-weight: 700; } .widget > ul, .widget > ol, .widget_nav_menu div > ul{ padding: 0; list-style: none; } .widget_nav_menu div > ul li ul, .widget_product_categories ul li ul{ padding: 0 0 0 0.7rem; list-style: none; } .widget_product_categories ul li ul, .widget_categories ul li ul, .widget_pages ul li ul{ padding: 0 0 0 0.7rem; list-style: none; } .widget select, .widget img{ max-width: 100%; } .widget_calendar table{ width: 100%; text-align: center; } .widget_calendar table tbody td a{ font-weight: 700; background-color: #d35758; width: 25px; height: 25px; border-radius: 50%; display: inline-block; color: #fff; text-align: center; } .widget_calendar tfoot{ background-color: #d46562; } .widget_calendar tfoot a{ color: #fff; } .widget_calendar tfoot tr td{ padding: 0.3rem 0.7rem; } .widget_calendar tfoot tr .pad{ padding: 0; } .widget_calendar tfoot tr #next{ text-align: right; } .widget_calendar table caption{ text-align: center; background-color: #a7524b; color: #fff; padding: 0.3rem; } .widget_recent_comments .recentcomments{ padding: 0 0 0.5rem; } .widget_recent_comments .recentcomments .comment-author-link{ font-weight: 700; } .widget_recent_comments .recentcomments .comment-author-link a{ color: #000; font-size: inherit; } .widget_rss ul{ background-color: #f9f9f9; padding: 1rem; } .widget_rss ul li{ padding: 0 0 0.8rem; } .widget_rss ul li .rss-date{ font-weight: 500; display: block; } .widget .tagcloud{ font-weight: 500; } .widget .search-form, .search .content-area .search-form { display: flex; max-width: 300px; } .widget .search-form button, .search .content-area .search-form button { flex: 0; height: 38px; width: 38px; background-color: #a5a5a5; border-top: 6px solid #a5a5a5; border-right: 0; border-bottom: 6px solid #a5a5a5; border-left: 6px solid #a5a5a5; } .widget .search-form input[type="search"], .search .content-area input[type="search"] { margin-right: 0; flex: 1; max-width: 172px; } .content-area .widget .search-form input[type="search"], .shop-content .widget .search-form input[type="search"], .search .search-form input[type="search"] { background-color: #f1f1f1; } .shop-content .widget_rss ul{ padding: 1rem !important; } .shop-content .widget_recent_comments .recentcomments .comment-author-link, .shop-content .widget_rss ul li .rss-date { float: none !important; } .footer-widgets a:hover{ color: #ddd; } .footer-widgets .widget_calendar tfoot { background-color: #737070; } .footer-widgets .widget_calendar table caption { text-align: center; background-color: #2b2b2b; color: #fff; padding: 0.3rem; } .footer-widgets .widget_rss ul { background-color: #f9f9f91c; } .footer-widgets .widget_rss ul li a, .footer-widgets .tagcloud a { color: #ffb4b4d4; } .footer-widgets .widget_rss ul li a:hover, .footer-widgets .tagcloud a:hover { color: #ff9191d4; } .footer-widgets .widget_recent_comments .recentcomments .comment-author-link, .footer-widgets .widget_recent_comments .recentcomments .comment-author-link a { color: #f1b7b7; } .no-sidebar .sidebar-1{ display: none; } .no-sidebar .blog-area{ flex: 0 0 100%; max-width: 100%; } .no-sidebar-footer .footer-widgets{ display: none; } /* Content Adjustments */ .content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6, .content-area p{ -ms-word-wrap: break-word; word-wrap: break-word; } .content-area .sticky{ background-color: #fbed350d; padding: 2rem; border: 1px dashed #f1dc3d; } .content-area ul, .comment-body ul{ padding: 0 0 0 1rem; list-style: square; } .page .content-area .woocommerce ul{ padding: 0; list-style: none; } .content-area ol, .comment-body ol{ padding: 0 0 0 1rem; } .content-area ul li, .comment-body ul li, .content-area ol li, .comment-body ol li{ font-size: 1.15rem; } .content-area blockquote, .comment-body blockquote, .content-area q, .comment-body q{ background-color: #f5f5f5; border-left: 5px solid #000; } .content-area blockquote p, .comment-body blockquote p{ margin: 0; padding: 1rem; } .content-area q, .comment-body q{ margin: 0; padding: 0.5rem; display: inline-block; } .content-area table, .comment-body table{ width: 100%; margin: 0 0 1rem; font-size: 1.15rem; } .content-area table thead, .comment-body table thead, .comment-body table tbody tr:first-child, .page .content-area table tbody tr:first-child{ background-color: #D2335B; color: #fff; } .page .content-area .woocommerce table tbody tr:first-child{ background-color: transparent; color: initial; } .comment-body table tbody tr:first-child th, .content-area table tbody tr:first-child th{ border: none; } .content-area table thead th, .comment-body table thead th { padding: 0.5rem 1rem; vertical-align: middle; border: 1px solid #D2335B; } .content-area table tbody th, .comment-body table tbody th, .content-area table tbody td, .comment-body table tbody td{ padding: 0.4rem; vertical-align: middle; border: 1px solid #ececec; text-align: center; font-weight: 500; } .content-area table tbody tr:hover, .comment-body table tbody tr:hover{ background-color: #f5f5f5; } .comment-body table tbody tr:first-child:hover{ background-color: #D2335B; } .content-area dl, .comment-body dl { font-size: 1.15rem; } .content-area dt, .comment-body dt { font-weight: bold; padding: 0.5rem; background: #333; color: #fff; } .content-area dd, .comment-body dd { margin: 0; padding: 0.5rem; } .content-area address, .comment-body address{ font-size: 1.15rem; font-style: italic; } .content-area code, .comment-body code{ font-size: 0.95rem; font-style: italic; } .content-area img{ max-width: 100%; height: auto; } .content-area .wp-caption.alignleft { margin: 5px 20px 10px 0; } .content-area .more-link, .post-password-form input[type="submit"] { background-color: #D2335B; color: #fff; text-decoration: none; line-height: 1; padding: 0.558em 1em; font-weight: 700; border-radius: 3px; display: inline-block; } .content-area .inner-pagination{ font-weight: 700; } .comment-body ul{ padding: 0 0 0 1.5rem !important; list-style: square !important; } .comment-body ol{ padding: 0 0 0 1.5rem !important; } .comment-body > ul, .comment-body > ol{ margin: 0 0 1rem 0; } .comment-body ul li, .comment-body ol li{ font-size: 1.15rem; background-color: transparent !important; padding: 0 !important; } .comment-body ol { list-style: decimal !important; } #comments .pingback{ font-size: 1.15rem; padding: 0; } .gallery-item dt{ padding: 2rem; } .gallery-item img{ border: 2px solid #fff !important; } /* General */ embed, iframe, object { max-width: 100%; } button, input, optgroup, select, textarea { background-color: #F6F6F6; padding: 5px 15px; border: 1px solid #e2e2e2; max-width: 100%; } a{ color: #d35758; } a:hover { color: #af4142; text-decoration: none; } p, ul li a, .nav-links a, .nav-links span{ font-size: 1.15rem; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .gallery-caption { display: block; font-size: 0.71111em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0.5rem; } .bypostauthor { display: block; } /* Media Queries */ @media all and (max-width: 768px){ .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; } } @media all and (max-width: 767px) { .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{ flex: 0 0 100%; max-width: 100%; } .footer-widgets .col-12{ margin-bottom: 25px; } .footer-widgets .col-12:last-child{ margin-bottom: 0; } .copyright-text{ margin-bottom: 10px; } .brand{ margin-bottom: 15px; } .main-menu{ border-top: 2px solid #f2f2f2; padding: 10px; margin-top: 10px; } .main-menu ul li{ margin: 0; } .main-menu .dropdown-menu{ display: block; margin-left: 1rem; } .main-menu ul li .dropdown-menu .dropdown > a::before{ display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .main-menu ul li .dropdown-menu .dropdown > a::after{ display: none; } .main-menu .dropdown-menu .dropdown-menu{ margin-left: 0; } .main-menu .dropdown-menu .dropdown-menu a{ padding-left: 1rem; } .main-menu ul li a, .navbar-light .navbar-nav .nav-link{ padding: 10px 0; } .search input[type="search"]{ width: 75px; } .search-form input[type="search"]{ width: 45%; } .slider-details-container{ margin: 0 25px; max-width: 400px; } .slider-title h3 { font-size: 2em; } .slider-details-container .subtitle { font-size: 1em; } .slider-details-container a { padding: 0.5em; } } @media all and (max-width: 575px) { .slider-details-container{ max-width: 300px; } .slider-details-container a { padding: 0.7em; font-size: 1em; } .flexslider img{ height: 500px !important; object-fit: cover; object-position: center; } } @media all and (max-width: 500px){ .woocommerce ul.products li.product a img { width: 100%; } }