/* custom css */ .container { margin-left: auto; margin-right: auto; } a { text-decoration: none !important; color: #222; outline: none !important; } .clearfix:after { content: ""; clear: both; display: block; } .home article, .archive article, .blog article, .search article { background: #fff; padding: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; } .home article:hover , .blog article:hover , .archive article:hover, .search article:hover { padding: 20px; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .home article:hover { background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); box-shadow: none; } .single-post article, .page article, .blog article { background: #fff; padding: 20px; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .single-post article.comment-body, .page article.comment-body { background: none; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); box-shadow: none; margin: 20px 0; } /* sticky menu */ .main-navigation { width: 100%; transition: .5s; } .nav-sticky { position: fixed !important; top: 0; height: fit-content; line-height: 15px; z-index: 999; transition: .5s; } .main-navigation { box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 -20px 20px rgba(0,0,0,0.3), 0 5px 20px rgba(0,0,0,0.2); background: #fff; bottom: 0; left: 0; } .admin-bar .nav-sticky { top: 32px; } /* layout_style */ .uni_list-layout { width: 100%; } .uni_masonry-layout article { width: 46%; display: inline-grid; } .uni_masonry-layout article:nth-child(odd) { margin-right: 30px; } .uni_masonry-layout article:nth-child(even){ margin-right: 0; } /* fancy-layout */ .uni_fancy-layout article { width: 100%; } .unique_row { margin-right: -15px; margin-left: -15px; } .unique_col { padding-left: 15px; padding-right: 15px; width: 100%; } header#masthead { background-size: cover !important; background: #222; margin: 0; position: relative; min-height: 300px; } .site-branding h1.site-title { margin: 2rem 0 .5rem; } .site-branding h1.site-title a, .site-branding p.site-title a { font-family: 'Merienda', cursive; color: #fff; display: block; text-align: center; font-size: 60px; outline: none; text-decoration: none; } .site-branding p.site-description { text-align: center; color: #fff; } .site-main article { position: relative; } .posted-on a { border-radius: 10px 0; background: #fff; font-weight: 500; } .entry-meta span.author.vcard a, span.cat-links a, span.comments-link a { text-transform: capitalize; color: #222; margin: 0 5px; font-weight: 600; } span.cat-links a { color: #ff3030; } span.comments-link { margin-left: 10px; } span.edit-link { display: none; } .comments-link a { position: relative; } .author a { position: relative; } span.byline { text-transform: capitalize; float: right; } h2.entry-title a:hover { color: #ff3030; transition: .5s; } article a.post-thumbnail img { border-radius: 10px; height: 300px; object-fit: cover; } .post-thumbnail img { border-radius: 10px; } .form-submit input#submit { background: #222; padding: 15px 30px !important; color: #fff; font-size: 14px; } .comment-form-comment textarea { padding: 15px; } .main-navigation ul { border-radius: 10px 10px 0 0; background: #fff; text-align: center; } .main-navigation li { padding: 22px; float: none; text-align: left; display: inline-block; } .main-navigation li a { font-size: 16px; font-weight: bold; color: #222; text-transform: uppercase; } .main-navigation ul ul { border-radius: 0; } .main-navigation li ul li { padding: 10px; border-bottom: 1px #ccc dashed; } .main-navigation li ul li:last-child { border-bottom: none; } .main-navigation li ul li a { font-size: 14px; transition: .5s; color: #222; } .main-navigation li ul li a:hover { transition: .5s; padding-left: 10px; } .main-navigation li:hover { background: #f6f6f6; } .main-navigation .mini-cart li a:hover { padding-left: 0; } .main-navigation .mini-cart li:hover { background: none; } .uni_fancy-layout article:nth-child(n+2) { width: 100%; margin: 0; } .comment-list { margin: 0; } .comment-list article { padding: 20px; } .comment-list li:nth-child(odd) { background: #f6f6f6; } .comment-list li:nth-child(even) { background: #fff; } .comment-author img { border-radius: 100%; height: 50px; width: 50px; vertical-align: middle; margin-right: 10px; margin-bottom: 10px; } .comment-content p { margin-bottom: 0.5rem; } .reply a { color: #4692fc; } .right-sidebar div#primary { width: 67%; float: left; margin-right: 30px; margin-top: 32px; margin-bottom: 32px; } .right-sidebar aside#secondary { width: 30%; float: left; position: sticky; top: 99px; } .left-sidebar div#primary { float: right; margin-right: 0; width: 67%; margin-top: 32px; } .left-sidebar aside#secondary { width: 30%; float: left; position: sticky; top: 99px; } .no-sidebar { display: none; } .widget-area .widget { width: 100%; padding: 15px; display: inline-block; border: 1px #ccc solid; margin: 30px 0; } .widget-area .widget .calendar_wrap, .widget-area .widget .widget_media_image img { padding-top: 20px; } .widget-area .widget_search input.search-submit { float: right; background: #ff9c00; padding: 15px 20px; color: #fff; font-size: 14px; width: 27%; border-radius: 0; border: none; } .widget-area .widget_search input.search-field { float: left; padding: 10px; border-radius: 0; border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; border-right: none; width: 100%; } .widget-area .widget ul { margin: 15px 0 10px; padding-left: 15px; } .widget-area .widget li { list-style: none; transition: .5s; } .widget-area .widget li a { list-style-type: none; text-decoration: none; font-size: 14px; color: #222; transition: .5s; font-weight: 500; text-transform: capitalize; position: relative; } .widget-area .widget li a:before { content: "\f054"; font-family: FontAwesome; left: 0; top: 0; margin-right: 10px; } .widget-area .widget li:hover a { margin-left: 10px; transition: .5s; } .widget-area .widget h2.widget-title { font-weight: 500; font-size: 20px; background: #ff9c00; text-align: center; padding: 10px; margin-top: -40px; color: #fff; } .site-main h2.entry-title { padding: 0; text-transform: capitalize; font-size: 20px; } .site-main .entry-meta { padding: 10px 0 20px; } .site-main .entry-meta span.posted-on { font-size: 14px; } .post-thumbnail a.post-thumbnail img { height: 400px; object-fit: cover; } span.author.vcard img { border-radius: 100%; vertical-align: middle; margin-right: 5px; } .tagcloud { margin: 10px 0 0; } .tagcloud a { font-size: 14px !important; display: inline-block; border: 1px #222 solid; padding: 5px 7px; margin: 5px; border-radius: 5px; } .tagcloud a:hover { background: #222; color: #fff; transition: .5s; } /* footer */ .site-footer { padding: 20px 0; background: #222; margin: 0; } .site-info { text-align: center; color: #fff; } .site-info a, .site-info a:visited { color: #fff; } .site-info a:hover { color: #999; } /* social-share */ .social-share { margin-bottom: 15px; } .social-share ul { text-align: center; margin: 0; padding: 0; } .social-share li { list-style: none; display: inline-block; height: 50px; line-height: 50px; } .social-share li a { padding-left: 20px; text-transform: uppercase; display: inline-block; color: #fff; font-size: 14px; } .social-share li a i { padding-right: 10px; } /* unique_slider */ .unique_slider { overflow: hidden; margin: 0 0 40px; } .article-img { position: relative; } .article-img:before { background: rgba(0, 0, 0, 0.5); content: ''; position: absolute; left: 0; width: 100%; height: 100%; } .buzz-ecommerce-content { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .article-img img { width: 100% !important; height: 450px; object-fit: cover; } .buzz-ecommerce-content ul { margin: 0; padding: 0; text-align: center; } .buzz-ecommerce-content ul li { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; color: #fff; } .buzz-ecommerce-content h2.article-title { text-align: center; padding: 10px 0; } .buzz-ecommerce-content ul li i { color: #fff; margin-right: 5px; } .buzz-ecommerce-content ul li a, .buzz-ecommerce-content h2.article-title a, h2.article-title { color: #fff; } .buzz-ecommerce-content ul li a { background: #ff3030; padding: 5px 10px; border-radius: 5px; } /* section.breadcrumb */ section.breadcrumb { padding: 0; margin: 0; color: #fff; background: #222; border-radius: 0; } .breadcrumb_wrap { margin: 0 20px; padding: 30px 0; } section.breadcrumb i.fa.fa-home { margin-right: 10px; font-size: 20px; color: #ff9c00; } section.breadcrumb a { display: inline-block; font-weight: 600; color: #ff9c00; text-transform: uppercase; } section.breadcrumb span.separator { margin: 0 8px; } .widget_media_image img { width: 100%; margin-top: 20px; } section#calendar-2 { background: #f6efe5; } .calendar_wrap caption { font-weight: 600; font-size: 20px; padding-bottom: 10px; border-bottom: 1px #222 solid; margin-bottom: 10px; } /* owl-carousel */ .owl-nav { position: absolute; left: 0; top: 45%; width: 100%; margin: 0 auto; } .owl-nav .owl-prev { background: #ff3030; border-radius: 0; height: 60px; line-height: 70px; width: 60px; text-align: center; position: absolute; left: -50px; opacity: 0; border-radius: 100%; transition: .5s; } .owl-nav .owl-prev i, .owl-nav .owl-next i { font-size: 30px; color: #fff; } .owl-nav .owl-next { background: #ff3030; border-radius: 0; height: 60px; line-height: 70px; width: 60px; text-align: center; position: absolute; right: -50px; opacity: 0; border-radius: 100%; transition: .5s; } .unique_slider:hover .owl-prev { left: -30px; opacity: 1; transition: .5s; } .unique_slider:hover .owl-next { right: -30px; opacity: 1; transition: .5s; } .owl-nav .owl-prev i { margin-left: 12px; } .owl-nav .owl-next i { margin-right: 10px; } /** *Buzz ecommerce Single Page * */ body.single .post-next { width: 48%; float: right; } body.single .post-previous { width: 48%; float: left; } .single-post-nav { width: 100%; margin-top: 60px; border-top: 3px solid #45A3D6; background: #fff; } .single-post-nav a { text-decoration: none; } .single-post-nav > div { width: 50%; float: left; padding: 30px 50px; text-align: right; } .single-post-nav > div:first-child { border-right: 3px solid #45A3D6; text-align: left; } .single-post-nav > div h4 { margin: 0; } .single-post-nav > div:nth-of-type(1) img { float: left; margin-right: 16px; } .single-post-nav > div:nth-of-type(2) img { float: right; margin-left: 16px; } /* pagination */ .pagination.wraper-pagination { padding: 15px 0 0; clear: both; text-align: center; } .nav-links a.prev.page-numbers, .nav-links a.page-numbers, .nav-links a.page-numbers, .nav-links span.page-numbers.current, .nav-links span.page-numbers.dots { background: #222; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 5px; margin-bottom: 15px; transition: .5s; } .nav-links span.page-numbers.current { background: red; } .nav-links a.page-numbers:hover { background: red; transition: .5s; } /* backtotop */ .backtotop { position: fixed; font-size: 22px; bottom: 12px; right: 15px; display: none; background: #ff3030; width: 40px; height: 40px; line-height: 30px; text-align: center; cursor: pointer; border-radius: 0; padding: 5px 0; color: #fff; z-index: 9999; } .post-previous, .post-next { margin-bottom: 30px; } .post-previous img { width: 100%; } .post-previous a.previous { float: left; background: #ff3030; color: #fff; padding: 10px 20px; border-radius: 30px 0 0 30px; } .post-next a.previous { float: right; background: #ff3030; color: #fff; padding: 10px 20px; border-radius: 0 30px 30px 0; } /** *custom logo */ .site-branding { text-align: center; margin: 50px 0 0; } .uni_list-layout .enique_blog_grid { position: inherit !important; height: auto !important; } /* buzz-ecommerce */ /* category-list */ .sidebar-content .title { background: #ff9c00; padding: 15px 0 5px; border-radius: 10px 10px 0 0; } .sidebar-content .title h5 { text-transform: uppercase; padding: 0 0 0 45px; position: relative; color: #fff; } .sidebar-content .title h5:before { font-family: FontAwesome; content: '\f0c9'; position: absolute; margin-left: -25px; color: #fff; } .sidebar-content ul.sidebar-menu { background: #1b1d1f; margin: 0; border-radius: 0 0 10px 10px; overflow: overlay; height: 387px; } .sidebar-content ul.sidebar-menu li { border-bottom: 1px #2b2b2b solid; padding: 12px 0; position: relative; } .sidebar-content ul.sidebar-menu li:last-child { border-bottom: none; } /* .sidebar-content ul.sidebar-menu li:hover { background: #2b2b2b; transition: .5s; } */ .sidebar-content ul.sidebar-menu li a { text-transform: capitalize; font-size: 15px; color: #fff; padding-left: 40px; } .buzz-ecommerce-sub-cate { float: right; padding-right: 20px; cursor: pointer; } ul.sub-category.buzz-ecommerce-sub-category-sec { display: none; } .sidebar-content ul.sidebar-menu li a:before { font-family: FontAwesome; content: '\f114'; position: absolute; margin-left: -25px; } .sidebar-content ul.sidebar-menu li a:first-child:nth-last-child(2):after { font-family: FontAwesome; content: '\f105'; position: absolute; right: 40px; } .sidebar-content ul.sidebar-menu li ul.sub-category li ul.sub-category, .sidebar-content ul.sidebar-menu li ul.sub-category li ul.sub-category li ul.sub-category { display: none; } .sidebar-content ul.sidebar-menu li ul.sub-category li:hover ul.sub-category, .sidebar-content ul.sidebar-menu li ul.sub-category li ul.sub-category li:hover ul.sub-category { display: block; } /* sidebar-slider */ .sidebar-slider .item-img { position: relative; width: 100%; object-fit: cover; margin: 0; } .sidebar-slider .item-img img { border-radius: 10px; width: 100%; height: 438px; object-fit: cover; } .sidebar-slider .item-text { position: absolute; top: 40%; left: 10%; } .sidebar-slider .item-text h2 { font-size: 30px; width: 70%; color: #fff; } .sidebar-slider .item-text a.shop { text-transform: capitalize; border: 1px #ff9c00 solid; color: #fff; margin: 10px 0; display: inline-block; padding: 10px 30px 10px; border-radius: 5px; } .sidebar-slider .item-text a.shop:hover { background: #ff9c00; color: #fff; transition: .5s; } /* owl-carousel */ .sidebar-slider .owl-controls { position: absolute; left: 0; top: 45%; width: 100%; } .sidebar-slider .owl-buttons { margin: 0 auto; } .sidebar-slider .owl-buttons .owl-prev { background: #ff3030; border-radius: 0; padding: 15px; position: absolute; left: 0; opacity: .8; } .sidebar-slider .owl-buttons .owl-next { background: #ff3030; border-radius: 0; padding: 15px; position: absolute; right: 0; opacity: .8; } .sidebar-slider .owl-buttons .owl-prev:hover, .sidebar-slider .owl-buttons .owl-next:hover { background: #000; opacity: .9; } /* support */ #frontpage_service_box_section { margin-top: 90px; } .support { margin: 30px 0 0 0; } .feature-box { background: #fff; text-align: center; padding: 0 20px 20px; border-radius: 5px; -webkit-box-shadow: 0px 1px 14px 1px rgba(0,0,0,0.24); -moz-box-shadow: 0px 1px 14px 1px rgba(0,0,0,0.24); box-shadow: 0px 1px 14px 1px rgba(0,0,0,0.24); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; position: relative; } .feature-box:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .service-icon { width: 100px; height: 100px; line-height: 100px; position: relative; overflow: hidden; transition: background 0.3s, color 0.3s, box-shadow 0.3s; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; color: #fff; font-size: 36px; margin: 0 auto 0; border-radius: 100%; top: -50px; -moz-box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.75); background: -webkit-gradient(linear, right top, left bottom, from(#f69259), to(#f16975)); background: linear-gradient(to bottom left, #f69259, #f16975); background-size: cover; -webkit-transition: 0.9s; -moz-transition: 0.9s; -ms-transition: 0.9s; -o-transition: 0.9s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .service-icon:hover { -webkit-transition: 0.9s; -moz-transition: 0.9s; -ms-transition: 0.9s; -o-transition: 0.9s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .service-icon i { font-size: 40px; } .service-text { margin-top: -30px; display: block; } .support .feature-box:hover .ser-title, .support .service-box:hover .ser-subtitle { color: #ff9c00; transition: .5s; cursor: pointer; } .feature-box img { float: left; } .feature-icon { margin: 0; } .feature-detail { padding-left: 80px; padding-right: 40px; } .support .service-box .ser-title { font-size: 18px; font-weight: 600; color: #1b2839; text-transform: uppercase; transition: .5s; } .support .service-box .ser-subtitle { font-weight: 600; font-size: 14px; transition: .5s; } .catagory-img img { width: 100%; object-fit: cover; border-radius: 10px; height: 450px; } .catagory-img.category-small-img img { height: 205px; } .catagory-img figcaption a { color: #fff !important; border: 1px #ff9c00 solid !important; border-radius: 5px !important; transition: .5s; } .catagory-img figcaption a:hover { background: #ff9c00; transition: .5s; } .catagory-img { background: #f6f6f6; margin: 27px 0 0 0; position: relative; } figure { position: relative; overflow: hidden; } figure figcaption { background: rgba(0, 0, 0, 0.5); padding: 15px 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } figure figcaption a { border: 1px #fff solid !important; border-radius: 0 !important; color: #fff; } figure img { transform: scale(1); transition: transform .5s; } figure:hover img { transition: transform .5s; transform: scale(1.1); border-radius: 10px; } figcaption h3 { text-transform: capitalize; text-align: center; color: #fff; } .btn, a.added_to_cart.wc-forward { padding: 12px 30px 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 20px; display: block; text-align: center; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } a.btn.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added { display: none; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { background: #222; color: #fff; height: 40px; line-height: 40px; width: 40px; overflow: hidden; float: right; border-radius: 5px; margin-right: 5px; margin-top: 5px; text-align: center; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before { content: "\f07a"; font-family: FontAwesome; display: block; } a.added_to_cart.wc-forward, a.compare.added, a.button.product_type_external, .product_type_variable { background: #222; color: #fff; height: 40px; line-height: 40px; width: 40px; padding: 0; overflow: hidden; font-size: 15px; float: right; margin-top: 5px; border-radius: 5px; margin-right: 5px; text-align: center; } a.compare.added:before, a.added_to_cart.wc-forward:before { content: "\f00c"; font-family: FontAwesome; display: block; text-align: center; } .be-action{ float: right; width: fit-content; } a.button.product_type_external:before, .product_type_variable:before { content: "\f0b0"; font-family: FontAwesome; display: block; color: #fff; text-align: center; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover, a.added_to_cart.wc-forward:hover { background: #ff9c00; } .reveal .ribbon { position: absolute; top: 20px; left: 0; } .reveal .ribbon span, span.onsale { background: #ff9c00; color: #fff; padding: 7px; position: relative; } .reveal .ribbon span:before, span.onsale:before { content: ''; position: absolute; right: -15px; top: 0; border-top: 15px #ff9c00 solid; border-bottom: 15px transparent solid; border-left: 15px transparent solid; border-right: 15px transparent solid; } .reveal .ribbon span:after, span.onsale:after { content: ''; position: absolute; right: -15px; bottom: 0; border-top: 15px transparent solid; border-bottom: 15px #ff9c00 solid; border-left: 15px transparent solid; border-right: 15px transparent solid; } /* product */ .product { padding: 40px 0; list-style: none;/* margin: 60px 0; */ } #products_tab_section { background-color: #fff !important; min-height: 600px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .product .product-tab li, .products li { border: 1px #ccc solid; padding: 0 15px; -webkit-box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); -webkit-box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); -ms-flex-box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); } .product .product-tab li:hover, .products li:hover { box-shadow: none; } .product .product-tab li.product { padding: 0; margin: 30px 0 0; min-height: 380px; } .products li .woocommerce-product-details__short-description ul li { box-shadow: none; border: none; padding: 0; } .product-tab-list { padding: 20px 0 0; } .product-tab-list h6 { padding: 10px 0 0 0; float: left; } .product-tab-list ul.tabs { margin: 40px 0 0 0; text-align: center; } .product-tab-list ul.tabs li { text-transform: uppercase; padding: 10px 20px; display: inline-block; position: relative; } section#products_category_section { background: #fff; margin: 40px 0; padding: 20px 0; } .addcart a { background: #222; padding: 12px 0; color: #fff; margin-bottom: 0; border: none; border-radius: 0; } .addcart a:hover { background: #222; color: #fff; } .button:enabled:hover { background: #222; } /* hover img */ .reveal .hidden { display: block !important; visibility: visible !important; } .product:hover .reveal img { opacity: 1; } .reveal { text-align: center; position: relative; } .reveal .hidden { position: absolute; z-index: -1; top: 0; overflow: hidden; width: 100%; height: 100%; opacity: 0; text-align: center; -webkit-transition: opacity 0.9s ease-in-out; -moz-transition: opacity 0.9s ease-in-out; -o-transition: opacity 0.9s ease-in-out; transition: opacity 0.9s ease-in-out; } .reveal:hover .hidden { background: #fff; z-index: 99; opacity: 1; } .reveal .cart-icon { position: absolute; top: 0; display: table; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); text-transform: uppercase; letter-spacing: 1px; text-align: center; } .reveal .cart-icon a { display: block; text-align: right; transition: 0.70s; } .reveal .cart-icon a i { -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; } .reveal .cart-icon a i:hover { background: #ff9c00; } .reveal .cart-icon a i { background: #222; margin: 5px; color: #fff; padding: 13px; height: 40px; width: 40px; border-radius: 5px; } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; right: 100%; } .tooltip:hover .tooltiptext { visibility: visible; } .reveal .addcart { position: absolute; bottom: 0; left: 0; width: 100%; transition: .5s; margin-bottom: -56px; } .addcart a { text-align: center !important; } .reveal:hover .addcart { margin-bottom: 0; transition: .5s; } .cart-icons-wrapper { transition: .5s; margin-top: 30px; margin-right: -45px; } .reveal:hover .cart-icons-wrapper { margin-right: 0; transition: .5s; } /* owl-carousel */ .owl-carousel { position: relative; overflow: hidden; } .owl-controls { position: absolute; right: 88px; top: -54px; } .products-tab-wraper .owl-controls, .selling-product .owl-controls { top: -46px; } .owl-buttons { margin: 0 auto; padding: 0; } .owl-buttons .owl-prev { background: #ff3030; border-radius: 0; padding: 6px 12px; border-radius: 2px; position: absolute; left: 0; } .owl-buttons .owl-prev i, .owl-buttons .owl-next i { color: #fff; } .owl-buttons .owl-next { background: #ff3030; border-radius: 0; padding: 6px 12px; border-radius: 2px; position: absolute; margin-left: 40px; } .owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover { background: #222; } .product-tab-list ul.tabs li.current, ul.tabs.wc-tabs li.active { border-right: 2px #e9e9e9 solid; border-left: 2px #e9e9e9 solid; background: #fff; color: #222; display: inline-block; } .single-product .product-tab-list ul.tabs li.current, .single-product ul.tabs.wc-tabs li.active { border-top: 2px #e9e9e9 solid; border-bottom: 2px #fff solid; margin-bottom: -2px; } .product-tab-list ul.tabs li:hover { color: #222; } .product-tab-list ul.tabs li a { color: #222; font-size: 16px; display: block; font-weight: 600; } .product-tab-list ul.tabs li.current a { color: #ff9c00; outline: none; } .product-item { box-shadow: 0 0 15px rgba(0,0,0,0.1); border: 1px solid #eee; margin: 20px 5px 0; } .product-item .product-detail { padding: 10px; } .product-item .product-title { margin: 0; } .product-title { } .product-title h6 { line-height: 22px; font-weight: 600; } .product-item .product-title h6 a { font-size: 18px; font-weight: 500; text-transform: capitalize; } .product-item .choose { float: right; margin: 0; } .product-item .choose span { cursor: pointer; height: 12px; width: 12px; border-radius: 100px; display: inline-block; } .product-item .price { float: left; margin: 5px 0; } .product-item .price span { font-size: 14px; } .product-detail .price { float: left; } .product-detail .price ins { background: none; } a.button.yith-wcqv-button { display: none !important; } .rating { float: right; color: #f5c136; } .tab-content { display: none; } .current { display: block; } /* owl-carousel */ .product-item .owl-controls { position: absolute; left: 0; top: 200px; width: 100%; } .product-item .owl-buttons { margin: 0 auto; } .product-item .owl-buttons .owl-prev { background: #34aba9; border-radius: 0; padding: 15px 15px 15px 15px; position: absolute; left: 0; opacity: .8; } .product-item .owl-buttons .owl-next { background: #34aba9; border-radius: 0; padding: 15px 15px 15px 15px; position: absolute; right: 0; opacity: .8; } .product-item .owl-buttons .owl-prev:hover, .product-item .owl-buttons .owl-next:hover { background: #34aba9; opacity: .9; } /* buzz-ecommerce-product-ads */ .buzz-ecommerce-product-ads { margin: 15px 0; } .buzz-ecommerce-product-ads-item { margin: 15px 0; text-align: center; } .buzz-ecommerce-product-ads-item img { border-radius: 5px; height: 300px; width: 100%; object-fit: cover; } .woocommerce-form input#username, .woocommerce-form input#password { padding: 10px; } body.archive ul.products { margin-top: 40px; } body.archive ul.products .product-detail { padding: 15px 0; } .spacial-product .buzz-ecommerce-product-ads-item img { object-fit: cover; } a.added_to_cart.wc-forward, a.compare.added, a.button.product_type_external, .product_type_variable, a.button.product_type_grouped { background: #222; color: #fff; height: 40px; line-height: 40px; width: 40px; padding: 0; overflow: hidden; font-size: 15px; float: right; margin-top: 5px; border-radius: 5px; margin-right: 5px; text-align: center; } a.button.product_type_external:before, .product_type_variable:before, a.button.product_type_grouped:before { content: "\f0b0"; font-family: FontAwesome; display: block; color: #fff; text-align: center; } .type-post table { background: #f6f6f6; border: 1px #ccc solid; padding: 10px; display: block; line-height: 30px; } .type-post td { margin-left: 10px; display: inline-block; } .product-detail { padding: 15px; width:100%; } .list .product-detail { padding: 15px 0; } .product-tab { margin-top: 30px; } .product-tab-list h4 { text-align: center; position: relative; } .product-tab-list h4:before{ content: ''; background: #ff9c00; height: 3px; width: 60px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 100%; margin-top: 10px; } .gridlist-toggle a.active { background-color: #222 !important; } .dashicons-grid-view:before { content: "\f009"; font-family: FontAwesome; color: #fff; } .dashicons-excerpt-view:before, .dashicons-exerpt-view:before { content: "\f03a"; font-family: FontAwesome; color: #fff; } .mini-cart { position: relative; } .mini-cart .top-cart-content { position: absolute; top: 100%; right: 0; display: none; width: 300px; z-index: 9999; background: #fff; border: none; height: 300px; overflow: overlay; } body:not(.woocommerce-checkout):not(.woocommerce-cart) .buzz-ecommerce-header-cart:hover .top-cart-content { display: block; } .woocommerce-cart .wc-proceed-to-checkout { display: inline-grid; } .mini-cart .top-cart-content { -webkit-box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); -webkit-box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); -ms-flex-box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); box-shadow: 0px 0px 15px 0px rgba(14, 14, 14, 0.15); } .buzz-ecommerce-header-cart { float: right; } .mini-cart a span { position: absolute; top: -10px; left: 10px; height: 25px; width: 25px; line-height: 25px; border-radius: 100%; background: #ff9c00; color: #fff; text-align: center; font-weight: normal; } .main-navigation .mini-cart li { padding: 5px 10px; border-bottom: none; width: 100%; } .main-navigation .mini-cart li:nth-child(even) { background: #f6f6f6; } p.woocommerce-mini-cart__buttons.buttons { background: #ff9c00; margin-bottom: 0; padding: 20px; } p.woocommerce-mini-cart__buttons.buttons a { background: #222; display: block; margin: 5px; padding: 10px; border-radius: 5px; color: #fff; font-weight: 500; font-size: 14px; text-align: center; } p.woocommerce-mini-cart__total.total { padding: 10px 10px 0; } .top-cart-content span.woocommerce-Price-amount.amount { float: right; margin-right: 10px; } .top-cart-content .mini_cart_item a { margin-top: 10px; line-height: 20px; } .top-cart-content .widget { margin: 0; } .mini-cart a.remove.remove_from_cart_button { background: #ff9c00; display: inline-block; height: 20px; width: 20px; color: #fff; border-radius: 100%; text-align: center; float: right; margin-right: 10px; margin-left: 10px; } .mini_cart_item img { width: 90px; float: right; } /* .mini-cart .top-cart-content li a { color: #fff; } */ .top-add-cart .widget { border: none; } section#frontpage_slider_section { margin-top: 40px; } /** * macnory file */ .enique_blog_grid_item { width: 200px; } h1.buzz-ecommerce-nevigation { margin: 0; float: right; } h1.buzz-ecommerce-nevigation a { color: #fff; font-size: 20px; font-weight: 500; } b.fn { text-transform: capitalize; } .comment-respond label { display: block; padding-bottom: 5px; font-weight: 600; } .comment-respond input { width: 100%; padding: 10px !important; } .widget_search label { width: 73%; } .ajax-call-buzz-ecommerce { text-align: center; } .ajax-call-buzz-ecommerce svg { width: 100px; } /* added */ /* spacial-product */ .toggle { float: right; display: none; } .toggle i { font-size: 30px; margin: 5px 0 0 20px; } .sidenav { display: none; } .ajax-loader { position: relative; left: 45%; } .home .woocommerce a.button.loading { padding-right: 2em; padding-left: 0; } .addcart #respond input#submit.loading::after, .addcart a.button.loading::after, .addcart button.button.loading::after, .addcart input.button.loading::after { font-family: WooCommerce; content: '\e01c'; vertical-align: top; font-weight: 400; position: absolute; right: 2.5em; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .widget_price_filter .price_slider_amount .button { background: #222; color: #fff; padding: 10px 25px; border-radius: 100px; font-size: 14px; font-family: 'Poppins', sans-serif; } .price_label { font-size: 14px; } .mc4wp-form-fields input[type="email"] { width: 100%; padding: 8px; border-radius: 0; } .mc4wp-form-fields input[type="submit"] { width: 100%; border-radius: 0; font-size: 14px; } form#mc4wp-form-1 { margin-top: 15px; } .product .columns-3 { margin-top: 30px; background: #fff; width: 100%; padding: 20px 20px 0; } p.woocommerce-result-count { display: inline-block; margin-bottom: 0; } form.woocommerce-ordering { display: inline-block; margin-left: 30px; } nav.woocommerce-breadcrumb { background: #222; padding: 15px; color: #fff; } .woocommerce-breadcrumb a { text-transform: uppercase; color: #ff9c00 !important; } .gridlist-toggle a { width: 40px; height: 40px; line-height: 40px; } .gridlist-toggle .dashicons { font-size: 18px !important; } ul.products { width: 100%; } ul.products li.product { background: #fff; } ul.products li.product img { margin: 0 auto; } ul.products li.product { margin-right: 30px; float: left; } ul.products.columns-2 li.product { width: 48%; } .product-detail { display: inline-block; } ul.products.list li.product .price { float: none !important; width: 100% !important; } ul.products li.product .button { display: none; } .list .rating { float: none; margin-top: 10px; } .woocommerce-product-details__short-description ul { margin: 0; } .berocket_lgv_widget { float: right !important; margin: -30px 0 0; padding: 0; } .br_lgv_product_count_block a { color: #222; } .berocket_lgv_widget .br_lgv_product_count_block { margin-right: 60px; } .shop-products .row { margin-right: 0; margin-left: 0; } .product_meta { padding: 10px 0; } .berocket_lgv_additional_data { margin-left: 15px; } .woocommerce ul.products .product.berocket_lgv_list div, .woocommerce-page ul.products .product.berocket_lgv_list div { margin-bottom: 0; } .berocket_lgv_list .rating { float: none; } .single-product a.add_to_wishlist, .single-product a.compare.button { background: #222; padding: 12px 30px; display: inline-block; border-radius: 5px !important; color: #fff; margin: 10px 0; } .related a.add_to_wishlist, .related a.compare.button { background: none; padding: 0; display: inline-block; border-radius: 100px !important; color: #fff; margin: 0; } .single-product .entry-summary { padding: 0 30px; } .single-product h1.product_title.entry-title { font-size: 35px; font-weight: 600; } h2.woocommerce-Reviews-title { font-size: 24px; margin-bottom: 20px !important; } .form-submit input#submit, button.woocommerce-Button.button { background: #222; color: #fff; padding: 12px 30px; width: auto; text-align: center; margin: 10px 0 0; } .comment-respond .form-submit input#submit { margin: 10px 0; } .related h2 { margin: 20px 0 0; font-size: 24px; } .related .product-item { margin: 0; } .woocommerce input { display: block; padding: 8px; border-radius: 0; width: 100%; } .woocommerce-billing-fields h3 { padding-top: 10px; } .woocommerce h2, .woocommerce-billing-fields h3, .woocommerce-checkout h3 { font-size: 22px; } .woocommerce input#rememberme { display: inline-block; width: auto; margin: 22px 2px 0 5px; } .coupon { padding: 10px 0; } .checkout-button, .coupon input.button, button.button { background: #222; border-radius: 5px; padding: 15px 30px; font-size: 14px; color: #fff !important; text-transform: capitalize; } .cart_totals h2 { padding-bottom: 10px; } .woocommerce-checkout .col-1, .woocommerce-checkout .col-2 { padding-right: 0; padding-left: 0; max-width: 100%; } .col2-set .form-row-first, .col2-set .form-row-last { width: 100% !important; float: none !important; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered { border-radius: 0; height: 40px; line-height: 40px; } .woocommerce-checkout .blog-detail span { padding: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; right: 5px; } textarea { padding: 8px; } .woocommerce-checkout-payment input { width: auto; display: inline-block; } table.shop_table.woocommerce-checkout-review-order-table { line-height: 40px; background: #f6f6f6; border: 1px #ccc solid; padding-left: 15px; display: block; } .checkout_coupon p { display: inline-block; } .create-account input#createaccount, input#ship-to-different-address-checkbox { width: auto; display: inline-block; } .woocommerce-error li, .woocommerce-Message--info a.woocommerce-Button.button { color: #fff; padding: 3px 10px; } nav.woocommerce-MyAccount-navigation { display: inline-grid; width: 30%; } .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1, .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 { display: inline-grid; max-width: 49%; padding-left: 0; } .woocommerce-MyAccount-content { display: inline-grid; width: 69%; } .best-selling .buzz-ecommerce-product-ads-item img { min-height: 444px; width: 100%; object-fit: cover; } .post-navigation .nav-previous, .post-navigation .nav-next { margin: 10px; width: 45%; } .post-navigation .nav-previous a, .post-navigation .nav-next a { position: relative; display: inline-block; font-weight: 600; } .post-navigation .nav-previous a { margin-left: 20px; } .post-navigation .nav-next a { margin-right: 20px; } .post-navigation .nav-previous a:after { content: "\f060"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 14px; padding-right: 0.5em; position: absolute; top: 0; left: -20px; } .post-navigation .nav-next a:after { content: "\f061"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 14px; padding-right: 0.5em; position: absolute; top: 0; right: -30px; } h3#reply-title { font-size: 24px; } .comment-metadata, .comment-author.vcard { display: inline-block; } .u-column1.col-1.woocommerce-Address { max-width: 49%; display: inline-grid; } .u-column2.col-2.woocommerce-Address { max-width: 49%; display: inline-grid; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { color: #fff; padding: 5px; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 0 !important; } .single-product ol.flex-control-nav.flex-control-thumbs { background: #fff; width: 100%; } header.woocommerce-Address-title h3, .woocommerce-MyAccount-content h3 { font-size: 22px; } nav.woocommerce-pagination { width: 100%; margin-top: 30px; } .page-numbers li { display: inline-block; } .page-numbers span.page-numbers.current { color: #fff; background: #ff9c00; padding: 5px 30px; border-radius: 5px; } .page-numbers a.page-numbers { color: #fff; padding: 9px 30px; border-radius: 5px; background: #222; } nav.gridlist-toggle { text-align: right; margin-top: -50px !important; } .widget_product_search button { width: 100%; border-radius: 0; padding: 12px; background: #222; color: #fff; font-size: 14px; border: none; margin-top: 1px; } .shop-products .reveal .cart-icon { width: 30%; } .shop-products .reveal .addcart { margin-top: 30px; top: 100%; } .shop-products .product-item .product-detail { display: inline-grid; padding: 10px 0; } .shop-products .woocommerce-product-details__short-description { display: inline-grid; width: 60%; } .shop-products ul.products.list li.product .price { width: 100%; float: none; } .shop-products .rating { float: none; } .tagcloud a { font-size: 14px !important; } div#tab-additional_information { background: #fff; padding: 15px; } ul.products.list li.product .woocommerce-product-details__short-description { float: none !important; width: 100% !important; } .woocommerce-tabs ul.tabs li { display: inline-block !important; padding: 0 30px; } .woocommerce-Tabs-panel { border: 2px #e9e9e9 solid; margin: 0 !important; background: #fff; } .woocommerce-Tabs-panel ul { margin-left: 40px; } .woocommerce-Tabs-panel ul li { list-style-type: square; } .woocommerce-product-details__short-description { margin-left: 30px; display:none; } .single-product form.cart { display: inline-block; } .single-product .yith-wcwl-add-to-wishlist { display: inline-block; } .woocommerce-message { background: #ff9c00 !important; padding: 10px; width: 100%; } .woocommerce-message a { color: #fff !important; } .button:enabled:hover { background: none; font-weight: 600; } .woocommerce-product-details__short-description ul li { list-style-type: square; line-height: 30px; } .social-icon { margin: 10px 0; clear: both; } .social-icon ul { display: inline-block; } .social-icon ul li { display: inline-block; } .social-icon ul li a { background: #222; height: 50px; width: 50px; line-height: 50px; display: inline-block; color: #fff; text-align: center; border-radius: 100%; } .quantity { display: inline-block; } .quantity input { width: 100%; padding: 10px 5px !important; } .top-cart-content .quantity { margin: 10px 0; } .woocommerce-cart-form__cart-item .quantity input { width: 30%; padding: 10px 5px !important; } .woocommerce-tabs.wc-tabs-wrapper { margin: 40px 0; } .woocommerce-Tabs-panel { padding: 30px; } .related .product { margin: 0; } .woocommerce-product-gallery__image.flex-active-slide { background: #fff; } .single-product .product { margin: 0; } .yith-wcwl-add-button.show { text-align: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { display: inline-block; padding: 15px; } .single-product a.compare.added { width: auto; padding: 2px 15px; float:left } .single-product a.compare.added:before{ content:"" } .input-text.qty.text { text-align:center; } form.search-form { margin-bottom: -5px; line-height: 0; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added { display: none; } input#coupon_code { padding: 10px; width: 20%; display: inline-block; } span.woocommerce-input-wrapper { width: 100%; } span.woocommerce-input-wrapper input { padding: 10px; } tr.woocommerce-cart-form__cart-item.cart_item:nth-child(even) { background: #f6f6f6; } table.shop_table_responsive thead { background: #ff9c00; color: #fff; } table.shop_table_responsive thead tr { height: 45px; line-height: 45px; } td.product-thumbnail img { width: 150px; } table.shop_table_responsive tr td.product-remove a { text-align: left; background: #ff9c00; height: 20px; width: 20px; line-height: 20px; display: block; border-radius: 100%; color: #fff; margin-left: 10px; margin-right: 10px; text-align: center !important; } div#buzz_ecommerce_search { width: 50%; margin: 0 auto; margin-bottom: 35px; } /* Top header Settings */ form.main-form { border-radius: 0; border: 1px #ff9c00 solid; } header .main-form input { font-size: 14px; border: none; display: inline-block; background: none; padding-left: 15px; padding-top: 15px; width: 67%; color: #fff !important; outline: none; } header .main-form select { border-top: none; border-right: 0; border-bottom: none; width: 20%; color: #ff9c00; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; outline: none; border: none; padding: 2px 2px 2px 2px; background: transparent url("../images/down-arrow-arrow.svg") no-repeat 75px center; } header .main-form button { background: #ff9c00; float: right; border-radius: 0 2px 2px 0; padding: 16px 20px; border: none; box-shadow: none; width: 12%; } header .no-category input { width: 88%; } header .no-category button { width: 12%; } ul.sub-category { top: 100%; left: 0; } .sidebar-content ul.sidebar-menu li a:first-child:nth-last-child(2):after { transform: rotate(90deg); } ul.sidebar-menu li:hover ul.sub-category { background: #333; } .sidebar-content ul.sidebar-menu li a:first-child:nth-last-child(2):after { font-family: FontAwesome; content: '\f105'; position: absolute; right: 40px; } .sidebar-content ul.sidebar-menu li ul.sub-category li ul.sub-category, .sidebar-content ul.sidebar-menu li ul.sub-category li ul.sub-category li ul.sub-category { display: none; } .sidebar-content ul.sidebar-menu li ul.sub-category li:hover ul.sub-category, .sidebar-content ul.sidebar-menu li ul.sub-category li ul.sub-category li:hover ul.sub-category { display: block; } .cart-icon span.feedback { display: none; } @media screen and (max-width: 1200px) { .site-info, .site-branding, .menu-menu-container, .site-content { max-width: 1140px; margin: 0 auto; } .site-branding h1.site-title a, .site-branding p.site-title a { padding-top: 50px; } header .main-form select { display: none; } header .main-form input { width: 85%; } header .main-form button { width: 15%; } } @media screen and (max-width: 1040px) { .right-sidebar div#primary, .left-sidebar div#primary { width: 66%; } .uni_fancy-layout article:nth-child(n+2) { width: 44%; } span.byline { float: none; display: block; } } @media screen and (max-width: 992px) { .uni_fancy-layout article:nth-child(n+2) { width: 43%; } .feature-box { margin-bottom: 80px; } } @media screen and (max-width: 840px) { .right-sidebar div#primary, .right-sidebar aside#secondary, .left-sidebar div#primary, .left-sidebar aside#secondary { width: 100%; float: none; display: block; } } @media screen and (max-width: 768px) { button.menu-toggle { width: 100%; color: #fff; border-radius: 0; height: 60px; padding: 10px; border: none; background: #222; text-align: left; outline: none; } button.menu-toggle:before { background: #222; content: "\f0c9"; font-size: 25px; font-family: FontAwesome; } ul.products li.product { width: 100%; } header .main-form input { width: 80%; } header .main-form button { width: 20%; } .sidebar-slider .item-img { margin: 30px 0 0; } .site-branding h1.site-title a, .site-branding p.site-title a { padding-top: 40px; font-size: 30px; } } @media screen and (max-width: 600px) { .admin-bar .nav-sticky { top: 0; } .main-navigation li { float: none !important; display: block; } .site-branding h1.site-title { margin: 1rem 0 .5rem; } header#masthead { min-height: auto; } .main-navigation { bottom: auto; z-index: 9999; } form.woocommerce-ordering { display: none !important; } .site-main ul.products.list li.product img { width: 100% !important; margin-right: 0 !important; } .list .product-detail{ margin-left: 30px; } .buzz-ecommerce-header-cart { float: right; position: absolute; top: auto; right: 2%; margin-top: -55px; } div#buzz_ecommerce_search { width: 80%; } header .main-form input { width: 80%; } header .main-form button { width: 20%; } .main-navigation #cart_new a { color: #fff; } } @media screen and (max-width: 480px) { .widget_search input.search-field { width: 60%; } .widget_search input.search-submit { width: 40%; } ul.products.list li.product img { width: 100% !important; float: none !important; margin-right: 0 !important; } .site-branding h1.site-title a, .site-branding p.site-title a { font-size: 30px; } .mini-cart .top-cart-content { width: 280px; } .product-tab-list ul.tabs li { width: 100%; } } select.orderby { height: calc(2.25rem + 2px); font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }