/* Custom style for typography section */ @import url("https://fonts.googleapis.com/css?family=Montserrat"); @import url("https://fonts.googleapis.com/css?family=Poppins"); body { font-family: 'Poppins', sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; } /* Style for Theme header */ header#site-header { width: 100%; background: #fff; border-bottom: 1px solid #f5f5f5; } header#site-header .site-menu ul { list-style: none; float: right; margin-bottom: 0px; } header#site-header .site-menu ul li { display: inline-block; } header#site-header .site-menu ul li a { padding: 25px 10px; color: #333; font-size: 15px; display: inline-block; text-align: center; line-height: 15px; } header#site-header .site-menu ul li a:hover { text-decoration: none; } header#site-header .site-menu ul li a.btn { padding: 15px 25px; } header#site-header .site-menu ul li ul.sub-menu { padding: 0; width: 200px; } header#site-header .site-menu ul li ul.sub-menu li { display: block; width: 100%; } header#site-header .site-menu ul li ul.sub-menu li a { display: block; padding: 15px 10px; text-align: left; background: none; } header#site-header .site-menu ul li ul.sub-menu li ul.sub-menu { top: -3px; left: 190px; } header#site-header .site-menu ul li ul.sub-menu li:hover ul.sub-menu { display: block; } header#site-header .site-menu ul li.active a { font-weight: bold; border-bottom: 3px solid #1f8bf3; color: #1f8bf3; } header#site-header .site-menu ul li.active a.btn { border-width: 1px; color: auto; } header#site-header .site-menu #cart .dropdown-toggle { font-size: 20px; display: inline-block; padding: 15px; cursor: pointer; padding-top: 20px; float: right; } header#site-header .site-menu #cart .dropdown-toggle { position: relative; } header#site-header .site-menu #cart .dropdown-toggle .cart { background: url("../images/cart.png") no-repeat center center; padding: 0px 20px; } header#site-header .site-menu #cart .dropdown-toggle .cart .notify { width: 20px; height: 20px; border-radius: 50%; background: #f00; position: absolute; top: 15px; right: 15px; color: #fff; text-align: center; font-size: 15px; font-weight: bold; } header#site-header .site-menu #cart .dropdown-toggle .cart .notify.nocart { background: #333; } header#site-header .site-menu #cart .dropdown-menu { padding: 0px; width: 250px; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); } header#site-header .site-menu #cart .dropdown-menu .no-cart-item { padding: 10px; text-align: center; } header#site-header .site-menu #cart .dropdown-menu .cart-details .cart-details-header { background: #f9f9f9; padding: 10px; text-align: center; } header#site-header .site-menu #cart .dropdown-menu .cart-details .cart-details-body { padding: 10px; overflow: hidden; max-height: 350px; overflow: hidden; overflow: auto; } header#site-header .site-menu #cart .dropdown-menu .cart-details .cart-details-body ul.cart-items { padding: 0px; width: 100%; } header#site-header .site-menu #cart .dropdown-menu .cart-details .cart-details-body ul.cart-items li { padding: 10px 0px; width: 100%; } header#site-header .site-menu #cart .dropdown-menu .cart-details .cart-details-body ul.cart-items li span { display: inline-table; } header#site-header .site-menu #cart .dropdown-menu .cart-details .cart-details-body ul.cart-items li span.product-name { width: 70%; } header#site-header .site-menu #cart .dropdown-menu .cart-details .cart-details-footer { background: #f9f9f9; padding: 10px; } header#site-header .site-menu #cart .dropdown-menu::before { position: absolute; top: -7px; right: 15px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: #cccccc; border-left: 7px solid transparent; border-bottom-color: #b0b0b0; content: ''; } header#site-header .site-logo { position: relative; z-index: 1; } header#site-header .site-logo a { text-decoration: none; } header#site-header .site-logo img { width: 100%; } header#site-header .site-logo .site-title { margin-top: 15px; color: #333; } header#site-header .btn-toogle { display: none; width: 40px; cursor: pointer; font-size: 18px; padding: 0px 15px; text-align: center; margin-top: 15px; } header#site-header .search-box { margin: 20px 0px 0px 10px; position: relative; z-index: 1; cursor: pointer; float: right; } .search-form { width: 60%; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); padding: 20px; text-align: center; margin-left: 20%; position: absolute; z-index: 1000; display: none; } .search-form label { width: 90%; float: left; } .search-form label input { border: 1px solid #e8e8e8; padding: 7px 10px 7px 25px; width: 100%; background: url("../images/search.png") no-repeat 5px 10px; } header#site-header.header-is-sticky { position: fixed; z-index: 1000; width: 100%; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1); top: 0px; } @media only screen and (max-width: 767px) { header#site-header .search-box { margin-bottom: 15px; margin-top: 10px; float: none; text-align: center; } header#site-header .btn-toogle { display: block; text-align: center; margin-left: 43%; } header#site-header .site-menu { display: none; position: absolute; background: #fff; width: 100%; z-index: 1000; } header#site-header .site-menu ul { float: left; padding: 0px; width: 100%; } header#site-header .site-menu ul li { display: block; border-bottom: 1px solid #e8e8e8; } header#site-header .site-menu ul li a { width: 100%; padding: 20px 10px; } header#site-header .site-menu ul li.active a { border-bottom: none; } header#site-header .site-menu #cart { text-align: center; float: none !important; } header#site-header .site-menu #cart .dropdown-toggle { float: none; text-align: center; } header#site-header .site-logo .site-title { text-align: center; } header#site-header.header-is-sticky { position: relative; } .search-form { width: 80%; margin-left: 10%; } } @media only screen and (min-width: 400px) and (max-width: 550px) { header#site-header .site-logo { text-align: center; } header#site-header .site-logo img { width: 70%; } header#site-header .site-logo .site-title { text-align: center; } } @media only screen and (min-width: 550px) and (max-width: 767px) { header#site-header .site-logo { text-align: center; } header#site-header .site-logo img { width: 50%; } header#site-header .site-logo .site-title { text-align: center; } } /* Style for Theme footer */ footer#site-footer { padding: 25px 0px; background: #2c2c2c; position: relative; } footer#site-footer .widget-area { color: #777; } footer#site-footer .widget-area .widget-title { color: #eee; } footer#site-footer .widget-area a { color: #777; } footer#site-footer .widget-area a:hover { text-decoration: none; color: #eee; } footer#site-footer .widget-area img { width: 100%; } footer#site-footer .widget-area .widget_nav_menu ul, footer#site-footer .widget-area .widget_meta ul, footer#site-footer .widget-area .widget_pages ul, footer#site-footer .widget-area .widget_recent_comments ul, footer#site-footer .widget-area .widget_recent_entries ul, footer#site-footer .widget-area .widget_archive ul, footer#site-footer .widget-area .widget_categories ul { padding: 0px; } footer#site-footer .widget-area .widget_nav_menu ul li, footer#site-footer .widget-area .widget_meta ul li, footer#site-footer .widget-area .widget_pages ul li, footer#site-footer .widget-area .widget_recent_comments ul li, footer#site-footer .widget-area .widget_recent_entries ul li, footer#site-footer .widget-area .widget_archive ul li, footer#site-footer .widget-area .widget_categories ul li { list-style: none; margin: 5px 0px; } footer#site-footer .widget-area .widget_search input[type="text"] { border: 1px solid #e8e8e8; border-radius: 4px; padding: 5px 10px; width: 100%; color: #333; } footer#site-footer .widget-area .widget_search input[type="submit"] { border: 1px solid #e8e8e8; border-radius: 4px; padding: 5px 10px; background: #e8e8e8; color: #333; margin: 15px 0px 0px 35%; } footer#site-footer .widget-area .widget_calendar .calendar_wrap table caption { color: #eee; } footer#site-footer .widget-area .widget_calendar .calendar_wrap table tr td, footer#site-footer .widget-area .widget_calendar .calendar_wrap table tr th { padding: 5px; } footer#site-footer .widget-area .widget_calendar .calendar_wrap table tr td#today { color: #eee; } @media only screen and (max-width: 768px) { footer#site-footer .widget-area { margin-top: 15px; } } @media only screen and (min-width: 400px) and (max-width: 550px) { footer#site-footer .widget-area img { width: 70%; } } @media only screen and (min-width: 550px) and (max-width: 768px) { footer#site-footer .widget-area img { width: 50%; } } /* custom style for woocommerce product */ .woocommerce-page .woocommerce ul.products li.product { padding-bottom: 20px; } .woocommerce { margin-top: 30px; } .woocommerce #breadcrumbs { display: none; } .woocommerce p.woocommerce-result-count { float: none; text-align: right; } .woocommerce ul.products li.product { text-align: center; border: 1px solid #e8e8e8; padding: 10px; transition: all 0.5s; } .woocommerce ul.products li.product span.onsale { background: none; color: #333; border-radius: 4px; border: 1px solid; padding: 0px 10px; font-size: 15px; min-height: auto; height: auto; min-width: auto; width: auto; line-height: 30px; top: 15px; right: 15px; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title { font-size: 1.5em; color: #333; } .woocommerce ul.products li.product span.price { font-size: 18px; color: #333; } .woocommerce ul.products li.product span.price ins { text-decoration: none; } .woocommerce ul.products li.product span.price ins, .woocommerce ul.products li.product span.price del { margin: 0px 5px; } .woocommerce ul.products li.product .star-rating { margin: 10px auto; position: absolute; top: 10px; left: 15px; } .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product a.added_to_cart { opacity: 0; } .woocommerce ul.products li.product:hover a.button, .woocommerce ul.products li.product:hover a.added_to_cart { opacity: 1; animation: animateslide .3s 0s; } .woocommerce .single-product span.onsale { background: none; color: #333; border-radius: 4px; border: 1px solid; padding: 0px 10px; font-size: 15px; min-height: auto; height: auto; min-width: auto; width: 60px; line-height: 30px; top: 15px; left: 15px; } .woocommerce .single-product input.qty { border: 1px solid #e8e8e8; border-radius: 0px; padding: 8px 3px; width: 5em; } .woocommerce .single-product .price ins { text-decoration: none; } .woocommerce .single-product .price del, .woocommerce .single-product .price ins { margin: 0px 5px; } .woocommerce .single-product .woocommerce-review-link { pointer-events: none; } .woocommerce .single-product table.variations { margin-top: 10px; } .woocommerce .single-product table.variations tr td label { color: #333; font-size: 15px; display: table; } .woocommerce .single-product div.product div.images .flex-control-thumbs { margin-top: 10px; } .woocommerce .single-product div.product div.images .flex-control-thumbs li { width: 24%; margin: 0.5% .5%; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs { width: 100%; list-style: none; margin-top: 30px; border-color: #e8e8e8; margin-bottom: 0; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li { border-radius: 0px; border-color: #e8e8e8; background: none; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li a { color: #333; font-size: 16px; display: block; padding: 10px; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li.active { border-bottom-color: transparent; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li.active a { color: #1f8bf3; outline: none; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs::before { border-color: #e8e8e8; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel { width: 100%; box-shadow: none; border: 1px solid #e8e8e8; border-top-color: transparent; padding: 20px; border-radius: 0px; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel ol.commentlist { width: 60%; display: inline-table; list-style: none; padding: 0; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel ol.commentlist li { margin: 30px 0px; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel ol.commentlist li .comment-body { line-height: 20px; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond { width: 38%; display: inline-table; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond .comment-form-comment label { display: block; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond .comment-form-comment textarea { width: 100%; border: 1px solid #e8e8e8; border-radius: 4px; padding: 10px; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond .comment-form-comment textarea:focus { border: 2px solid #1f8bf3; outline: none; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p label { display: block; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input { width: 100%; border: 1px solid #e8e8e8; padding: 7px 10px; border-radius: 4px; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input:focus { border: 2px solid #1f8bf3; outline: none; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit { width: auto; float: right; border: 1px solid #1f8bf3; padding: 10px 15px; background: #1f8bf3; color: #fff; display: inline-block; border-radius: 4px; margin: 10px 0px; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit:hover, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit:focus, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit:active { background: #0b71d4; border-color: #0b71d4; text-decoration: none; color: #fff; outline: none; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .navigation { display: none; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-message { border-top-color: #1f8bf3; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-message::before { color: #1f8bf3; } .woocommerce .single-product .product_meta span { display: block; margin: 10px 0px; } .woocommerce .single-product .product_meta span span { display: inline-block; } .woocommerce nav.woocommerce-pagination ul.page-numbers { float: right; margin-bottom: 10px; border: none; } .woocommerce nav.woocommerce-pagination ul.page-numbers li { border: 1px solid #1f8bf3; margin: 0px 5px; } .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .woocommerce nav.woocommerce-pagination ul.page-numbers li a { padding: 8px 10px; color: #fff; background: #1f8bf3; } .woocommerce nav.woocommerce-pagination ul.page-numbers li span:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover { background: #1f8bf3; color: #fff; } .woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current { background: none; color: #1f8bf3; } .woocommerce form.woocommerce-cart-form table.shop_table { border: none; } .woocommerce form.woocommerce-cart-form table.shop_table th { width: 20%; } .woocommerce form.woocommerce-cart-form table.shop_table th:first-child { width: 5%; } .woocommerce form.woocommerce-cart-form table.shop_table td { border: none; padding: 20px; border-bottom: 1px solid #e8e8e8; font-size: 15px; } .woocommerce form.woocommerce-cart-form table.shop_table td input.qty { border: 1px solid #e8e8e8; border-radius: 0px; padding: 8px 3px; width: 5em; } .woocommerce form.woocommerce-cart-form table.shop_table td.product-name a { color: #333; font-size: 16px; text-decoration: none; } .woocommerce form.woocommerce-cart-form table.shop_table td.product-thumbnail img { width: 60%; } .woocommerce form.woocommerce-cart-form table.shop_table tr:last-child td { border: none; } .woocommerce form.woocommerce-cart-form table.shop_table tr:last-child .coupon input[type="text"] { border: 1px solid #e8e8e8; border-radius: 4px; padding: 7px 10px; width: auto; } .woocommerce .cart-collaterals div.cart_totals { width: 40%; } .woocommerce .cart-collaterals div.cart_totals table.shop_table { margin-top: 25px; border: none; } .woocommerce .cart-collaterals div.cart_totals table.shop_table th, .woocommerce .cart-collaterals div.cart_totals table.shop_table td { border: none; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; } .woocommerce .cart-collaterals div.cart_totals table.shop_table tbody th { background: #f1f1f1; } .woocommerce .cart-collaterals div.cart_totals table.shop_table tbody td { background: #f9f9f9; } .woocommerce .cart-collaterals div.cart_totals .form-row .input-text { border: 1px solid #e8e8e8; border-radius: 5px; padding: 7px 10px; } .woocommerce .cart-collaterals div.cart_totals .form-row .input-text:focus { border: 2px solid #1f8bf3; } .woocommerce .cart-collaterals div.cart_totals .form-row .select2-selection { border-color: #e8e8e8; } .woocommerce .woocommerce-additional-fields { margin: 10px 0px 30px; } .woocommerce .wc-proceed-to-checkout { margin: 10px 0px; overflow: hidden; } .woocommerce .wc-proceed-to-checkout .button { float: right; width: 100%; text-align: center; margin: 10px 0px; } .woocommerce form.checkout_coupon { width: 50%; } .woocommerce form.checkout.woocommerce-checkout { width: 100%; margin: 10px 0px; } .woocommerce form.checkout.woocommerce-checkout .col2-set { width: 45%; display: inline-block; float: left; margin-right: 4%; } .woocommerce form.checkout.woocommerce-checkout .col2-set .col-1, .woocommerce form.checkout.woocommerce-checkout .col2-set .col-2 { width: 100%; } .woocommerce form.checkout.woocommerce-checkout table.shop_table { border: none; width: 80%; margin: 20px auto; } .woocommerce form.checkout.woocommerce-checkout table.shop_table thead th, .woocommerce form.checkout.woocommerce-checkout table.shop_table thead td, .woocommerce form.checkout.woocommerce-checkout table.shop_table tfoot th, .woocommerce form.checkout.woocommerce-checkout table.shop_table tfoot td { border: none; } .woocommerce form.checkout.woocommerce-checkout table.shop_table thead th:last-child, .woocommerce form.checkout.woocommerce-checkout table.shop_table thead td:last-child, .woocommerce form.checkout.woocommerce-checkout table.shop_table tfoot th:last-child, .woocommerce form.checkout.woocommerce-checkout table.shop_table tfoot td:last-child { text-align: right; } .woocommerce form.checkout.woocommerce-checkout table.shop_table tbody td { border: none; } .woocommerce form.checkout.woocommerce-checkout table.shop_table tbody td:last-child { text-align: right; } .woocommerce form.checkout.woocommerce-checkout h3#order_review_heading { width: 50%; text-align: center; float: right; clear: right; } .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order { width: 45%; margin: 20px 20px; display: inline-block; float: right; clear: right; background: #fff; border: 1px solid #e8e8e8; box-shadow: 0px 0px 8px 1px rgba(56, 56, 56, 0.05); border-radius: 10px; } .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order #payment { background: none; width: 80%; margin: 20px auto; } .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order #payment button#place_order { float: none; width: 100%; margin: auto; } .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_box { background: none; border: 2px solid #1f8bf3; } .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_box:before { display: none; } .woocommerce form.woocommerce-cart-form table.shop_table tr:last-child .coupon input[type="text"]:focus { border: 2px solid #1f8bf3; } @keyframes animateslide { 0% { transform: translateY(15px); } 100% { transform: translateY(0); } } .container .woocommerce a.button, .container .woocommerce input.button, .container .woocommerce button.button, .container .woocommerce button.button.alt, .container .woocommerce a.button.alt { border: 1px solid #1f8bf3; padding: 10px 15px; background: #1f8bf3; color: #fff; display: inline-block; border-radius: 4px; margin: 0px 10px; } .container .woocommerce a.button:hover, .container .woocommerce a.button:focus, .container .woocommerce a.button:active, .container .woocommerce input.button:hover, .container .woocommerce input.button:focus, .container .woocommerce input.button:active, .container .woocommerce button.button:hover, .container .woocommerce button.button:focus, .container .woocommerce button.button:active, .container .woocommerce button.button.alt:hover, .container .woocommerce button.button.alt:focus, .container .woocommerce button.button.alt:active, .container .woocommerce a.button.alt:hover, .container .woocommerce a.button.alt:focus, .container .woocommerce a.button.alt:active { background: #0b71d4; border-color: #0b71d4; text-decoration: none; color: #fff; outline: none; } .container .woocommerce button.button.alt.disabled { background: #3798f4; } .container .woocommerce button.button.alt.disabled:hover { background: #2990f4; } .container .woocommerce-message { border-top-color: #1f8bf3; } .container .woocommerce-message::before { color: #1f8bf3; } .container .woocommerce-info { border-top-color: #0a64bb; } .container .woocommerce-info::before { color: #0a64bb; } .container .woocommerce-info a { color: #0a64bb; } .container .woocommerce-additional-fields textarea { padding: 15px; } .container .woocommerce-additional-fields textarea:focus { border: 2px solid #1f8bf3; } .container .woocommerce-account-fields label.woocommerce-form__label-for-checkbox input[type="checkbox"] { width: 20px; height: 20px; vertical-align: middle; } .container .woocommerce-account-fields label.woocommerce-form__label-for-checkbox span { margin-left: 25px; } .container .woocommerce-shipping-fields { padding-left: 25px; } @media only screen and (max-width: 768px) { .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs { width: 100%; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel { width: 100%; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond { width: 100%; } .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel ol.commentlist { width: 100%; } .woocommerce form.checkout.woocommerce-checkout .col2-set, .woocommerce form.checkout.woocommerce-checkout h3#order_review_heading, .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order { width: 100%; margin: 20px auto; } } /* custom style for form section */ /* Style for woocommerce checkout form */ .woocommerce form.checkout.woocommerce-checkout .form-row input.input-text, .woocommerce form.checkout_coupon .form-row input.input-text, .woocommerce .woocommerce-MyAccount-content .form-row input.input-text, .woocommerce form.woocommerce-form-login .form-row input.input-text { border: 1px solid #e8e8e8; padding: 10px; border-radius: 5px; } .woocommerce form.checkout.woocommerce-checkout .form-row input.input-text:focus, .woocommerce form.checkout_coupon .form-row input.input-text:focus, .woocommerce .woocommerce-MyAccount-content .form-row input.input-text:focus, .woocommerce form.woocommerce-form-login .form-row input.input-text:focus { border: 2px solid #1f8bf3; outline: none; } .woocommerce form.checkout.woocommerce-checkout .form-row .select2-selection, .woocommerce form.checkout.woocommerce-checkout .form-row .select2-results__options, .woocommerce form.checkout_coupon .form-row .select2-selection, .woocommerce form.checkout_coupon .form-row .select2-results__options, .woocommerce .woocommerce-MyAccount-content .form-row .select2-selection, .woocommerce .woocommerce-MyAccount-content .form-row .select2-results__options, .woocommerce form.woocommerce-form-login .form-row .select2-selection, .woocommerce form.woocommerce-form-login .form-row .select2-results__options { height: auto; border-color: #e8e8e8; } .woocommerce form.checkout.woocommerce-checkout .form-row .select2-container--open .select2-dropdown, .woocommerce form.checkout_coupon .form-row .select2-container--open .select2-dropdown, .woocommerce .woocommerce-MyAccount-content .form-row .select2-container--open .select2-dropdown, .woocommerce form.woocommerce-form-login .form-row .select2-container--open .select2-dropdown { border: 1px solid #e8e8e8; } /* custom style for contact form 7 */ form.wpcf7-form input { border: 1px solid #e8e8e8; border-radius: 4px; padding: 7px 10px; margin: 10px 0px; } form.wpcf7-form input:focus { border: 2px solid #1f8bf3; outline: none; } form.wpcf7-form input.wpcf7-submit { border: 1px solid #1f8bf3; background: #1f8bf3; color: #fff; padding: 7px 10px; } form.wpcf7-form textarea { border: 1px solid #e8e8e8; border-radius: 4px; padding: 7px 10px; margin: 10px 0px; } form.wpcf7-form textarea:focus { border: 2px solid #1f8bf3; outline: none; } /* custom style */ .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. */ } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .gallery-caption, .sticky { display: block; } .dropdown-menu { border-radius: 0px; box-shadow: none; } .blog-navigation ul { float: right; margin-bottom: 10px; border: none; padding: 0; list-style: none; } .blog-navigation ul li { border: 1px solid #1f8bf3; margin: 0px 5px; display: inline-block; padding: 7px 10px; background: #1f8bf3; } .blog-navigation ul li a { color: #fff; } .blog-navigation ul li.active { background: none; } .blog-navigation ul li.active a { color: #1f8bf3; } #breadcrumbs { margin: 40px 0px 20px 0px; font-size: 14px; width: 30%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content-area .container .secondary-area input[type="search"] { border: 1px solid #e8e8e8; border-radius: 5px; padding: 7px 15px; width: 100%; } .content-area .container .secondary-area input[type="search"]:focus { border: 2px solid #1f8bf3; outline: none; } .content-area .container .secondary-area .widget-container h3 { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; } .content-area .container .secondary-area .widget-container ul { padding: 0px; } .content-area .container .secondary-area .widget-container ul li { list-style: none; margin: 5px 0px; font-size: 15px; } .content-area .container .secondary-area .widget-container form.woocommerce-product-search input { width: 80%; } .content-area .container .secondary-area .widget-container form.woocommerce-product-search button { background: #1f8bf3; border-color: #1f8bf3; color: #fff; } .content-area .container .secondary-area .widget-container form.woocommerce-product-search button:hover, .content-area .container .secondary-area .widget-container form.woocommerce-product-search button:focus, .content-area .container .secondary-area .widget-container form.woocommerce-product-search button:active { background: #0b71d4; border-color: #0b71d4; color: #fff; outline: none; } .content-area .container .secondary-area button[type="submit"] { border: 1px solid #e8e8e8; padding: 7px 10px; border-radius: 4px; } .container a { color: #1f8bf3; } .container .secondary-area { margin: 70px 0px; } .container .no-results.not-found { margin: 40px 0px; } .container .no-results.not-found .page-content { margin: 30px auto; width: 60%; text-align: center; } .container .no-results.not-found .page-content form label { width: 60%; } .container .no-results.not-found .page-content form label input[type="search"] { width: 100%; border: 1px solid #e8e8e8; padding: 7px 10px; border-radius: 5px; } /* custom style for 404 page */ .error-404 { padding: 50px 30px; } .error-404 .error-message { width: 800px; margin: 30px auto; text-align: center; } .error-404 .error-message h2 { line-height: 50px; } .error-404 .error-message h2 .error-highlight { color: #f95c49; } .error-404 .search-box { padding: 30px; margin: 30px auto; width: 800px; background: #f9f9f9; position: relative; } .error-404 .search-box .form-group label { width: 100%; } .error-404 .search-box .form-group input[type="search"] { width: 100%; border: 1px solid #e8e8e8; border-radius: 4px; background: #fff; padding: 10px; padding-left: 40px; } .error-404 .search-box .form-group::before { content: "\1F50E"; color: #333; position: absolute; left: 45px; top: 35px; font-size: 20px; } /* custom style for archives */ .archives li { display: inline-block; margin: 10px; } /* custom style for search page */ ul.search-result { padding: 0; list-style: none; } ul.search-result li { width: 30%; display: inline-table; margin: 2% 1%; } /* custom style for single post page */ .single-post article header { padding: 10px; } .single-post article .entry-content { padding: 10px; line-height: 25px; } .single-post article .entry-content img { width: 100%; height: auto; } .single-post article .entry-content p { margin: 15px 0px; } .single-post article .entry-content .post-time { margin: 10px 0px 10px 0px; } .single-post article .entry-content .post-time .date { color: #333; margin-right: 10px; } .single-post article .entry-content .post-time .author { color: #d74b25; margin-right: 10px; } .single-post article footer { padding: 10px; margin: 20px 0px; } .single-post article footer #comments { margin: 20px 0px; } .single-post article footer .comment-respond { width: 45%; display: inline-table; overflow: hidden; margin: 0px 0px 30px; } .single-post article footer .comment-respond p textarea { display: block; padding: 10px; width: 100%; } .single-post article footer .comment-respond p textarea:focus { border: 2px solid #1f8bf3; } .single-post article footer .comment-respond p.form-submit .submit { float: right; width: auto; } .single-post article footer .comment-respond p label { display: block; } .single-post article footer .comment-respond p input { border: 1px solid #e8e8e8; border-radius: 4px; padding: 7px 15px; width: 100%; } .single-post article footer .comment-respond p input:focus { border: 2px solid #1f8bf3; } .single-post article footer .commentlist { width: 50%; margin-right: 3%; display: inline-table; padding: 0; list-style: none; } .single-post article footer .commentlist li { margin: 15px 0px; } .single-post article footer .commentlist li .comment-body { line-height: 20px; } .single-post article footer .navigation { display: none; } /* custom style for blog page */ .blog-page article { margin: 20px 0px; border-bottom: 1px solid #e8e8e8; } .blog-page article .entry-title { margin: 15px 0px; } .blog-page article .entry-title a { color: #333; text-decoration: none; } .blog-page article .entry-content { margin: 20px 0px; line-height: 25px; } .blog-page article .entry-content img { width: 100%; height: auto; margin-bottom: 20px; } .blog-page article .entry-content .post-time { margin: 10px 0px 10px 0px; } .blog-page article .entry-content .post-time .date { color: #333; margin-right: 10px; font-size: 15px; } .blog-page article .entry-content .post-time .author { color: #d74b25; margin-right: 10px; font-size: 15px; } @media only screen and (max-width: 768px) { #breadcrumbs { width: 70%; } .single-post article footer .comment-respond { width: 100%; } .single-post article footer .commentlist { width: 100%; margin-right: 0; } } /* custom style for my account page */ .woocommerce .woocommerce-MyAccount-navigation { width: 30%; display: inline-table; margin-right: 2%; } .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; } .woocommerce .woocommerce-MyAccount-navigation ul li { position: relative; } .woocommerce .woocommerce-MyAccount-navigation ul li a { display: block; padding: 10px 5px; font-size: 16px; border-bottom: 1px solid #e8e8e8; text-decoration: none; } .woocommerce .woocommerce-MyAccount-navigation ul li:first-child a { border-top: 1px solid #e8e8e8; } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active::before { content: ">"; position: absolute; right: 15px; top: 10px; } .woocommerce .woocommerce-MyAccount-content { width: 60%; display: inline-table; } /* custom style for buttons */ button { padding: 10px 15px; border-radius: 4px; border-width: 1px; text-shadow: none; outline: none; text-decoration: none; } .btn { padding: 10px 15px; border-radius: 4px; border-width: 1px; text-shadow: none; outline: none; text-decoration: none; } .btn-primary { background: #1f8bf3; border-color: #1f8bf3; color: #fff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #0b71d4; border-color: #0b71d4; color: #fff; } .btn-secondary { background: none; border-color: #1f8bf3; color: #333; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background: #1f8bf3; color: #fff; } .primary-area article footer .comment-respond p.form-submit .submit { padding: 7px 15px; border-radius: 4px; border-width: 1px; text-shadow: none; text-decoration: none; background: #1f8bf3; border-color: #1f8bf3; color: #fff; } .primary-area article footer .comment-respond p.form-submit .submit:hover, .primary-area article footer .comment-respond p.form-submit .submit:focus, .primary-area article footer .comment-respond p.form-submit .submit:active { background: #0b71d4; border-color: #0b71d4; color: #fff; } /*# sourceMappingURL=theme-style.css.map */