.blog-town-user{ margin-top: 32px !important; } blockquote { margin: 0 0 30px; padding-left: 20px; border-left: 5px solid #fa346e; } /*widget design*/ .widget h2, .footer-widget .widget-title, .widget-area .widget_search .wp-block-search__label, .widget_meta .widget-title, .widget-area .widget_nav_menu h2, .widget-area .widget_block .wp-block-group h2, .footer-widget h2{ font-size: 20px; margin-bottom: 0; color: #010f2e; line-height: 1; text-align: left; font-weight: 600; margin-bottom: 30px; border-left: 4px solid #fa346e; padding-left: 15px; } .widget_search .search-form{ display: flex; align-items: flex-start; } .widget-area .widget{ padding: 25px; overflow: hidden; margin-bottom: 40px; border: 2px solid #f5f5f5; } .inner-blog .search-form .search-submit, .widget_search .search-form .search-submit, .wp-block-search .wp-block-search__button{ background: #fa346e; padding: 0.675em !important; color: #ffffff; } .inner-blog .search-form .search-field, .widget_search .search-form .search-field, .wp-block-search .wp-block-search__input{ padding: 0.375em 0.675em; } .wp-block-search .wp-block-search__button svg{ fill: #fff; } .footer-widget li, .widget_block li { padding-bottom: 5px; border-bottom: 1px solid #e4e4e4; padding-top: 5px; float: left; width: 100%; } .widget_nav_menu .menu-all-pages-container ul li a:hover, .widget_block li a:hover, .footer-widget li a:hover { color: #fa346e; padding-left: 10px !important; } .footer-bg .footer-widget{ margin-bottom: 40px; } .footer-widget .wp-block-audio audio { min-width: 180px; } .widget_block ul li ul.children li:last-child, .widget_categories ul li ul.children li:last-child, .widget_pages ul li.page_item_has_children li:last-child, .wp-block-page-list li.has-child ul li:last-child, .widget_nav_menu ul li.menu-item-has-children ul li:last-child { border-bottom: none; } .widget_tag_cloud .wp-block-tag-cloud a:hover { color: #fa346e; } .wp-block-calendar table th, .wp-block-calendar table td, .widget_calendar table th, .widget_calendar table td { /*padding: 0.5rem;*/ line-height: 1.5; vertical-align: top; border: 1px solid #404040; } .wp-block-calendar table th { font-weight: 600; background: transparent; color: #000; } .widget_calendar nav.wp-calendar-nav, .wp-block-calendar nav.wp-calendar-nav{ display: none; } .wp-calendar-table tbody tr td#today{ background: #fa346e; } .wp-calendar-table tbody tr td#today a{ color: #fff; } /*end of widget design*/ .inner-blog .page-header{ margin-bottom: 40px; } #primary-menu li.current-menu-item > a, #primary-menu li.current_page_item > a, #primary-menu li.current-menu-item > .submenu-toggle i, #primary-menu li.current_page_item > .submenu-toggle i, #primary-menu li.current_page_ancestor > a, #primary-menu li.current_page_ancestor > .submenu-toggle i{ color: #fa346e; } #primary-menu .logo{ margin-top: 15px; } .widget_block a{ color: #333333; } .header-trending .slick-slider span a{ color: #fff; } .posts_navigation .prev-link a, .posts_navigation .prev-link h4{ float: left; } .posts_navigation .next-link a, .posts_navigation .next-link h4{ float: right; } .posts_navigation .prev-link a, .posts_navigation .next-link a{ color: #000; } .comments-area .comment-list li{ list-style: none; } .comments-area .comment-list li img { position: absolute; top: 24px; left: 15px; max-width: 107px; height: 72px; width: 72px; border-radius: 50%; } .comments-area .comment-body div.reply { position: absolute; top: 30px; right: 30px; font-weight: 700; transition: all 0.3s; } .comments-area .children li { position: relative; } li > ul, li > ol { margin-bottom: 0; margin-left: 0.5em; } .comments-area .depth-2 .comment-body div.reply { top: 0px; right: 0px; } .comments-area .comment-body div.reply a { color: #fa346e; } .comments-area .comment-list .thread-even, .comments-area .comment-list .thread-odd{ position: relative; padding: 15px; padding-left: 110px; } .comments-area .children .comment-author img { position: absolute; top: 3px; left: -90px; max-width: 107px; height: 72px; width: 72px; } .comments-area .children { margin-top: 25px; } h2 { font-size: 1.75rem; margin: 0.83em 0; } h3 { font-size: 1.5rem; margin: 1em 0; } h4 { font-size: 1.25rem; margin: 1.33em 0; } h5 { font-size: 1rem; margin: 1.67em 0; } h6 { font-size: 0.75rem; margin: 2em 0; } /*boxed layout*/ .has-box-layout .site-wrapper { background-color: #f8f8f8 !important; } @media (min-width: 1200px) { .has-box-layout .site-wrapper { width: 1170px; margin: 15px auto; margin: 0.9375rem auto; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.175); } .has-box-layout .sticky-nav .main-nav{ width: 1170px; } } @media (min-width: 1380px) { .has-box-layout .site-wrapper { width: 1360px; margin: 50px auto; margin: 3.125rem auto; } .has-box-layout .sticky-nav .main-nav{ width: 1360px; } } .primary-menu .logo{ margin-top: 10px; } /*sidebar position*/ @media screen and (min-width: 992px) { .row.has-left-sidebar [class*="col-"]:first-child { order: 2; } .row.has-left-sidebar [class*="col-"]:last-child { order: 1; } } .row.no-sidebar [class*="col-"] { flex-basis: 100%; max-width: 100%; } .inner-blog .blog-town-details-wrap .category-name a { margin-right: 4px; border: 1px solid #fa346e; width: 100px; text-align: center; padding: 10px; line-height: 3em; margin-bottom: 10px; background-color: #fa346e; color: #fff; text-decoration: none; } h3.heading-title{ margin: 1em 0 0 0; } .header-social .fa-facebook-f, .header-social .fa-twitter, .header-social .fa-instagram { color: #fff; } .header-social a[title="Facebook"]{ background-color: #4267B2; } .header-social a[title="Twitter"]{ background-color: #1DA1F2; } .header-social a[title="Instagram"]{ background-color: #C13584; } .site-main .inner-blog .fal{ font-weight: 800; } .header-top .carousel-indicators li{ width: 8px; height: 8px; border-radius: 50%; position: relative; left: 80%; top: 25px; } .header-top .carousel-inner .carousel-item a, .header-top .carousel-inner .carousel-item a:hover{ color: #fff; } .posts_navigation .row{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .box-slider-post .post-tags span{ color: #fff; } .box-slider-post h3{ margin: 0; } /*breadcrumb-trail*/ .breadcrumb-trail .trail-browse{ display: none; } .breadcrumb-trail .trail-items .trail-item{ list-style: none; margin-left: 20px; float: left; } .breadcrumb-trail .trail-items .trail-item a{ color: #fff; font-weight: 600; } .breadcrumb-trail .trail-items .trail-end span{ color: #fa346e; font-weight: 600; } .breadcrumb-trail .trail-items .trail-item:after{ content: '/'; position: relative; left: 10px; color: #fff; } .breadcrumb-trail .trail-items .trail-item:last-child:after{ display: none; } /*end of breadcrumb-trail*/ /*focus*/ .inner-blog .comment-content a:focus, .inner-blog a:focus{ color: #fa346e; text-decoration: underline; } footer .widget_block a:focus{ color: #fa346e; } .inner-blog .blog_town_detail_content .posted-on a, .inner-blog .comments-area a, .inner-blog .posts_navigation a, .inner-blog .post__tag a{ text-decoration: none; } .inner-blog a, .inner-blog .comment-content a{ text-decoration: underline; } .widget_block a{ text-decoration: none; } .widget_block a:focus{ text-decoration: none; } .inner-blog .blog_town_single_content .posted-on a, .inner-blog .blog_town_single_content .read-more-btn a, .inner-blog .blog_town_single_content .admin a, .inner-blog .blog_town_single_content h2 a{ text-decoration: none; } /*end of focus*/ .inner-blog table th, .inner-blog table td{ border: 1px solid #ddd; padding: 10px; text-align: center; } .widget_block .wp-block-categories-dropdown select, .widget_block .wp-block-archives-dropdown select{ width: 100%; padding: 6px; } /*WooCommerce*/ .woocommerce-MyAccount-navigation li { background: #010f2e; padding: 15px 25px; margin-bottom: 3px; } .woocommerce-MyAccount-navigation li:hover { background: #fa346e; padding: 15px 25px; margin-bottom: 10px; } .woocommerce-MyAccount-navigation li a{ color: #fff; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 68%; background: #f5f5f5; padding: 32px; min-height: 500px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #010f2e; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #fa346e; color: #fff; } .wc-prodcut{background: #fff;transition: .3s;} .wc-prodcut:hover {box-shadow: 0px 10px 80px 0px rgba(193, 193, 193, 0.41);} .wc-prodcut.active {box-shadow: 0px 10px 80px 0px rgba(193, 193, 193, 0.41);} .wc-content { background: #fff; padding: 40px 30px; text-align:center; z-index: 1; } /* 0. Woocommcrece Theme default css */ .woocommerce ul.products li.product .price ins { background: 0 0; font-weight: 400; display: inline-block; } .short-ul { margin-bottom: 50px; } .woocommerce .cst-woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce .cst-woocommerce #respond input#submit.alt, .woocommerce .cst-woocommerce a.button.alt, .woocommerce .cst-woocommerce button.button.alt, .woocommerce .cst-woocommerce input.button.alt, .woocommerce .cst-woocommerce #respond input#submit, .woocommerce .cst-woocommerce a.button, .woocommerce .cst-woocommerce button.button, .woocommerce .cst-woocommerce input.button,.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-transform: uppercase; -moz-user-select: none; background: #fa346e; border: none; border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 1; margin-bottom: 0; padding: 15px 30px; text-align: center; text-transform: unset; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; position: relative; } .woocommerce-cart .page,.woocommerce-account .page,.woocommerce-checkout .page{ width:100%; } .cst-woocommerce .columns-3 .button.product_type_simple.add_to_cart_button.ajax_add_to_cart { left: 30%; } .cst-woocommerce .columns-3 .button.product_type_variable.add_to_cart_button { left: 28%; } .woocommerce div.product div.images .flex-control-thumbs { margin-top: 30px; } .woocommerce div.product div.images .flex-control-thumbs img { width: auto; } .woocommerce .summary .price { font-size: 18px !important; font-weight: 500; } .woocommerce-review-link .count,.woocommerce-review-link{ font-size: 14px; color: #ababab; } .woocommerce .star-rating { color: #f1d700; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 48%; overflow: hidden; } .woocommerce .button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .woocommerce .button.product_type_variable.add_to_cart_button, .woocommerce .button.product_type_grouped { top: 37%; opacity: 0; position: absolute !important; left: 21%; } .woocommerce .products li:hover .button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .woocommerce .products li:hover .button.product_type_variable.add_to_cart_button, .woocommerce .products li:hover .button.product_type_grouped { opacity:1; margin-top:0px; } .woocommerce ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: 0.5em 0.5em 0 0; min-height: 2.236em; min-width: 5.236em; background-color: #f00; border-radius: 0; line-height: 2.236; font-weight: 500; text-transform: uppercase; } .woocommerce span.onsale { margin: 15px; min-height: 2.236em; min-width: 5.236em; background-color: #f00; border-radius: 0; line-height: 2.236; font-weight: 500; text-transform: uppercase; } .posted_in a { color: #444d69; font-weight: 400; } .woocommerce div.product form.cart { margin: 2em 0; } .woocommerce .quantity .qty { width: 90px; line-height: 30px; border: 1px solid #ccc; padding: 3px 8px; margin-top: 3px; margin-bottom: 7px; margin-right: 7px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 18px; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { vertical-align: middle; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label label a{ margin-top: 10px; color: #010f2e; display: inline-block; } .woocommerce ul li { list-style: none !important; } .woocommerce div.product form.cart .group_table td { border: 0; vertical-align: middle; } .woocommerce .orderby { width: 200px; line-height: 44px; border: 1px solid #ccc; padding: 8px 10px; margin-top: -14px; background: #f5f5f5; color: #5a5a5a; } .woocommerce .product_meta { font-weight: 500; color: #010f2e; } .woocommerce .sku { font-weight: 400; color: #444d69; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { box-shadow: inherit !important; border-radius: 0; border: none; } .woocommerce .sku_wrapper { display: block; margin-bottom: 10px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background:#f5f5f566; text-align: center; padding-bottom:20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 0 0; margin: 0 0 30px 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background: none; border-radius: 0 0 0 0; margin: 0 0px; padding: 10px 3em; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fa346e; z-index: 2; border-bottom-color: #fa346e; border: none; color: #fff; border-radius: 0; } .woocommerce-tabs.wc-tabs-wrapper { margin-top: 50px; display: inline-block; width: 100%; } .woocommerce div.product p.price, .woocommerce div.product span.price,.woocommerce ul.products li.product .price { color: #fa346e; font-size: 12px; } .woocommerce-tabs.wc-tabs-wrapper h2 { font-size: 20px; font-weight: 600; margin-bottom: 10px; transition: .3s; } .related.products h2,.woocommerce-order-details h2,.woocommerce-customer-details h2 { font-size: 24px; font-weight: 600; margin-bottom: 30px; transition: .3s; } .woocommerce-cart-form th,.shop_table.woocommerce-checkout-review-order-table th,.shop_table.order_details th,.account-orders-table th{ background: #010f2e; padding:10px 0; color: #fff; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 173px; padding: 12px; border-radius: 30px; } .woocommerce ul.products li.product .star-rating { font-size: .857em; position: absolute; top: 15px; left: 15px; } .cst-woocommerce .page-title { display: none; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; overflow: visible; } .woocommerce form .form-row label { line-height: 2; width: 100%; } .woocommerce-input-wrapper { width: 100%; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { box-sizing: border-box; width: 100%; margin: 0; /*outline: 0;*/ line-height: normal; float: left; padding: 10px; border: 1px solid #ccc; } .col2-set { margin-bottom: 50px; } .wc-content h4 { font-size: 19px; line-height: 1.3; } .wc-prodcut .product-buttons a { background: #fa346e; color: #fff; padding: 15px 30px; float: left; position: absolute; top: 30%; left: 32%; border-radius: 30px; font-size: 16px; font-weight: 500; opacity:0; } .wc-prodcut:hover .product-buttons a { opacity:1; top: 40%; } .woocommerce-Price-amount.amount { color: #fa346e; font-size: 1.25em; font-weight: 500; } .woocommerce nav.woocommerce-pagination ul li { border-right: none; } .woocommerce nav.woocommerce-pagination ul { border: none; } .button.product_type_external { display: none !important; } /* pagination */ .woocommerce-pagination .page-numbers { display: -webkit-box; display: -ms-flexbox; display: block; padding-left: 0; list-style: none; border-radius: 0; } .woocommerce-pagination .page-numbers .page-numbers { display: inline-block; margin: 0 5px; } .woocommerce-pagination .page-numbers .page-numbers { border: none; height: 50px; width: 50px; display: block; line-height: 38px; background: #fa346e; border-radius: 50%; color: #fff; font-size: 14px; text-align: center; } .woocommerce-pagination .page-numbers .page-numbers:hover { box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2); background: #010f2e; color: #fff; } .woocommerce-pagination .page-numbers .page-numbers.current { background: #010f2e; color: #ffffff; } .pagination-wrap .pagination { display: flex; border-radius: unset; } .pagination-wrap .pagination span, .pagination-wrap .pagination a { display: inline-block; margin-right: 6px; margin-left: 0; margin-bottom: 0; } .pagination-wrap .pagination span, .pagination-wrap .pagination a { border: none; height: 50px; width: 50px; line-height: 50px; background: #252525; box-shadow: 0px 8px 16px 0px rgba(26, 35, 126, 0.32); border-radius: 0 !important; color: #fff; font-size: 14px; text-align: center; text-decoration: none; } .pagination-wrap .pagination span.current, .pagination-wrap .pagination a:hover { color: #ffffff; background: #fa346e; } /*End of WooCommerce*/ /* preloader css */ .preloader { height: 100%; width: 100%; background-color: #fff; top: 0; left: 0; position: fixed; z-index: 99999; text-align: center; } .loader-inner { display: -webkit-box; display: -ms-flexbox; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader-inner .text { text-align: center; color: #232323; font-weight: 300; -webkit-animation: fadeAnim 1s linear infinite; animation: fadeAnim 1s linear infinite; fill: #232323; font-weight: 800; margin-top: 10px; margin-left: 10px; } .loader-inner img { -webkit-animation: fadeAnim 1s linear infinite; animation: fadeAnim 1s linear infinite; } @-webkit-keyframes fadeAnim { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeAnim { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* end of preloader css */