/* Theme Name: Boka Theme URI: http://demo.themetim.com/boka Author: themetim Author URI: http://themetim.com/ Description: Boka is responsive woocommerce integrated theme which is designed subtle and prevailing. Ideal for featuring Boka products and techniques. It has Boka optimized for best practice SEO with visual page builder integration. Version: 1.0.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: boka Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, translation-ready, theme-options, threaded-comments, custom-logo, footer-widgets, sticky-post */ /******************************************************** ## Common ********************************************************/ a,.btn,input,button,.woocommerce .product-fix .compare,.woocommerce .product-fix .yith-wcqv-button,.woocommerce ul.products li.product .thumbs,.team-image::after,.team-social,.pricing-list{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a:hover{ text-decoration: none; } a,.btn,.woocommerce ul.products li.product .button,.form-control,.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce-cart table.cart td.actions .coupon .input-text,.select2-container .select2-choice, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce table.shop_table,.woocommerce #payment #place_order,#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,.navbar-default .navbar-toggle{ border-radius: 0; } h1, h2, h3, h4, h5, h6{ letter-spacing: 2px; font-weight: 700; } a,p,.woocommerce input.button,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce .cart th,.woocommerce table.shop_table th,.woocommerce-Address address { letter-spacing: 1px; } p,.woocommerce-Address address { line-height: 29px; } table { width: 100%; } th, td { border: 1px solid #eee; padding: 6px; text-align: center; } .widget_calendar caption{ padding-top: 0; font-size: 18px; } .panel,.navbar-default .navbar-collapse, .navbar-default .navbar-form,.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border: 0; box-shadow: none; } .text-uppercase,.page-header,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce .cart th,.woocommerce table.shop_table th{ text-transform: uppercase; } .woocommerce ul.products li.product .button,.woocommerce input.button,.btn{ text-transform: capitalize; } .page-header{ margin:0 0 20px; border: 0; text-align: center; } .text-left-heading .page-header{ text-align: left; } .text-right-heading .page-header{ text-align: right; } .margin-null,.header-social,.header-info,.woocommerce .products ul, .woocommerce ul.products,.footer-social,.newsletter h3,.woocommerce div.product .woocommerce-tabs .panel,.woocommerce div.product div.images, .woocommerce div.product div.summary,.woocommerce .woocommerce-breadcrumb,.woocommerce ul.products li.product .button{ margin: 0; } .badge{ padding: 0; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; font-size: 10px; font-weight: normal; } .breadcrumb{ background-color: transparent; border-radius: 0; font-size: 12px; letter-spacing: 1px; padding: 6px 0 5px 0; } img{ height: auto; max-width: 100%; } .breadcrumb-wrap{ border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; padding: 9px 0; text-transform: capitalize; letter-spacing: 1px; font-size: 12px; } .breadcrumb>li+li:before { padding: 0 10px; color: #000; content: "\f105"; font-family: FontAwesome; } .padding-null{ padding: 0; } .padding-gap-1,.parallax,.footer{ padding-top: 90px; } .padding-gap-2,.up-sells,.related,.woocommerce-tabs,.woocommerce div.product div.images, .woocommerce div.product div.summary{ padding-bottom:90px; } .padding-gap-3,.woocommerce-pagination{ padding-top:50px; } .padding-gap-4{ padding-bottom: 50px; } .padding-gap-5{ padding-top: 40px; } .padding-gap-6{ padding-bottom: 40px; } .padding-top-10 { padding-top: 10px; } .padding-bottom-10,.footer-top{ padding-bottom: 10px; } .margin-bottom-0{ margin-bottom: 0; } .margin-top-10{ margin-top: 10px; } .margin-top-20,.woocommerce .woocommerce-breadcrumb{ margin-top: 20px; } .margin-bottom-20 ,.product_meta{ margin-bottom:20px; } .margin-top-30{ margin-top: 30px; } .margin-bottom-30,.woocommerce .woocommerce-breadcrumb,.cat-description .term-description{ margin-bottom: 30px; } .margin-top-40{ margin-top: 40px; } .woocommerce ul.products li.product .price del,.margin-right-10{ margin-right: 10px; } .display-inline-b,.header-top .header-social a,.social-media a a,.footer-top li a,.woocommerce ul.products li.product .price del,.owl-nav>div,.wpcf7-form-control-wrap{ display: inline-block; } .overflow,.woocommerce ul.products li.product .price{ overflow: hidden; } .full-width,.footer-top li a,.woocommerce .related .products .product-fix,.blog-article .calendar_wrap,.woocommerce-Reviews input,.wpcf7 label, .wpcf7 input, .wpcf7 select, .wpcf7 textarea,.wpcf7-form-control-wrap,.woocommerce .product-fix a.compare:before,.woocommerce .product-fix a.yith-wcqv-button:before,.widget-area .search-form label,.widget-area .search-form .search-field,.reply,.product-fix .product-hover,.product-fix .product-image .background-overlay,.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations td.label,.woocommerce div.product form.cart .variations select,.sku_wrapper,.posted_in{ width: 100%; } .position-relative{ position: relative; } .entry-footer{ background: transparent !important; } /******************************************************** ## Header ********************************************************/ .logo .site-title{ margin: 0; } .header-social ul{ margin-bottom: 0; } .header-social a{ padding: 9px 5px; } .header-top{ padding: 25px 0; } .header-bottom{ background: #fafafa; } .header-bottom .navbar-default{ margin-bottom: 0; height: inherit; background: transparent; border: 0; } .header-search{ margin-top: 4px; margin-bottom: 0; } .header-search .form-control{ box-shadow: none; border: 0; padding: 11px 15px; width: 320px; height: inherit; } .header-search .btn{ position: absolute; top: 4px; right: 19px } /******************************************************** ## Menu, Slider ********************************************************/ .primary-menu{ padding: 5px 0; } .primary-menu ul li a{ padding: 15px; font-size: 16px; text-transform: capitalize; } .primary-menu ul li:first-child a{ padding-left: 0; } .main-slider{ margin: 0 !important; } .camera_wrap .camera_pag .camera_pag_ul{ text-align: center; } .camera_pag{ margin-top: -40px; display: none; } .primary-menu ul .xs-dropdown-menu li a{ padding: 10px 15px; width: 100%; display: block; } .primary-menu .dropdown-submenu:hover>.dropdown-menu, .primary-menu ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; padding: 0; border-radius: 0; margin: 0; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: transparent; } .primary-menu .dropdown-menu>li>a { padding: 12px 25px; } .primary-menu .dropdown-menu>.dropdown>.dropdown-menu { top: 0; left: 100%; } .camera_wrap{ height: 600px; } .camera_overlayer { background: rgba(0, 0, 0, .5); } .camera-slider-inner{ max-width: 700px; } .camera_target_content{ top: 30%; } .camera-slider-inner.text-right{ padding-right: 90px; } .camera-slider-inner.text-left{ padding-left: 90px; } .camera-slider-inner.text-center{ padding: 0 90px; } .camera_wrap .slider-button .btn{ display: inline-block; padding: 8px 30px; font-size: 18px; line-height: 1.82857143; font-weight: 700; text-align: center; white-space: nowrap; border: 1px solid; } .camera-slider-inner h1{ text-transform: uppercase; font-size: 55px; } .camera-slider-inner h3{ font-size: 36px; text-transform: capitalize; } .slider-button,.slider-details{ margin-top: 20px; } /******************************************************** ## Home ********************************************************/ .team-image::after{ content: ''; background: rgba(0,0,0,.5); top: -100%; left: 0; width: 100%; height: 100%; position: absolute; visibility: hidden; } .team-list:hover .team-image::after{ top: 0; } .team-image:hover:after,.team-image:hover .team-social{ visibility: visible; } .team-list:hover .team-social{ top: 50%; } .team-social{ z-index: 1; position: absolute; top: -10%; text-align: center; width: 100%; margin: 0; visibility: hidden; } .team-social a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid; color: #fff; } .fact-list li{; width: 25%; } .fact-list li h1,.fact-list li h4{ color: #fff; } .featured-image-page{ margin-bottom: 30px; } .service-url{ border-bottom: 1px solid #f93759; font-weight: 700; margin-top: 10px; display: inline-block; } .testimonial .carousel-inner>.item>img{ max-width: 100px; } .testimonial .carousel-indicators { bottom: 0; position: relative; margin: 0; left: auto; right: auto; width: inherit; text-align: center; } .testimonial .carousel-indicators li{ border-color: #000; width: 30px; height: 30px; border-radius: 100%; margin: 0 5px; } .testimonial .carousel-indicators .active{ background: #000; } .pricing-list{ border: 2px solid #f9f9f9; background: #f9f9f9; padding: 45px; } .pricing-list h1 { font-size: 60px; background: #eee; padding: 15px 0; } .pricing-list:hover{ background: #fafafa; border-color: #ddd; } .portfolio-url { font-size: 30px; } .portfolio-url::after { visibility: hidden; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .portfolio-url:hover::after ,.portfolio-url:hover span { visibility: visible; } .portfolio-url span { color: #fff; width: 100%; z-index: 1; position: absolute; top: 50%; visibility: hidden; } .brand img { max-height: 30px; } .brand li { padding: 0 35px; } /******************************************************** ## Contact Form ********************************************************/ .form-control{ min-height: inherit; height: inherit; } .wpcf7-form-control-wrap{ margin-top: 5px; } .wpcf7 .wpcf7-submit{ width: auto; padding: 7px 25px; height: inherit; letter-spacing: 1px; border: 1px solid; font-size: 18px; } /******************************************************** ## Blog ********************************************************/ .widget-area ul{ padding: 0; list-style: none; } .widget-area ul li{ padding-bottom: 10px; } .widget-area ul li:last-child{ padding-bottom: 0; } .widget-area section{ padding: 15px; margin-bottom: 30px; } .widget-area section .widget-title::after{ content: ''; width: 35px; border: 2px solid #f93759; display: block; position: relative; top: 12px; } .widget-area section:first-child{ padding-top: 0; } .widget-area section:first-child .widget-title{ margin-top: 0; } .widget-area section .widget-title{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; } .widget-area .search-form .search-field{ border-radius:0 ; display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .widget-area .search-form .search-submit{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; } .widget-area .search-form .screen-reader-text{ display: none; } .entry-meta { font-size: 12px; } .byline{ padding: 0 8px; } .posts-navigation{ text-align: center; } .posts-navigation a{ border: 1px solid; padding: 10px 35px; display: inline-block; margin-top: 20px; } /******************************************************** ## Article ********************************************************/ .comments img{ max-width: 100%; border-radius: 50%; margin-right: 10px; } .comment-content,.comment-metadata,.comment-awaiting-moderation{ margin-left: 105px; } .comment-metadata{ margin-left: 105px; margin-top: -34px; margin-bottom: 20px; } .comments .fn{ font-size: 16px; font-weight: normal; } .reply{ text-align: right; } /******************************************************** ## WooCommerce ********************************************************/ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin-bottom: 25px; margin-top: 25px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ padding: 12px 17px; margin: 0 2px; } .woocommerce nav.woocommerce-pagination ul li,.woocommerce nav.woocommerce-pagination ul{ border: 0; } .woocommerce .woocommerce-ordering select { vertical-align: top; border: 1px solid; padding: 7px 10px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 82px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin: 10px 0; display: block; } .woocommerce ul.cart_list li:first-child, .woocommerce ul.product_list_widget li:first-child{ padding-top: 4px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{ padding: 13px 0; } .widget-area .product-categories .children{ padding-left: 15px; padding-top: 10px; padding-bottom: 10px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fafafa; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #000; } .woocommerce ul.products li.product .price{ font-size: inherit; } .woocommerce ul.products li.product .onsale{ padding: 0; width: 50px; height: 50px; line-height: 50px; background-color: #000; } .cart .label{ font-size: inherit; } .woocommerce .quantity .qty { width: 90px; margin: 0 10px; padding: 4px 0; } .woocommerce div.product form.cart .button{ width: 100%; margin-top: 25px; padding: 15px; font-size: 24px; display: block; } .woocommerce table.shop_table th { padding: 25px 12px; } .woocommerce table.shop_table td { padding: 15px 12px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 60px; } .woocommerce-cart table.cart td.actions .coupon .input-text{ width: 110px; padding: 7px; margin-right: 15px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ padding: 8px 15px; } /******************************************************** ## Quick View, Compare, Wishlist ********************************************************/ /******************************************************** ## Footer ********************************************************/ .footer-social a{ padding: 5px; } .footer-social li:last-child a,.footer-social li:last-child { padding-right: 0; } .footer-top{ padding-bottom: 40px; } .footer-top h4{ margin-bottom: 30px; margin-top: 40px; } .footer-top .menu{ list-style: none; padding: 0; margin: 0; } .footer-top .menu li:first-child a{ padding-top: 0; } .footer-top .menu li a{ padding: 5px 0; text-transform: capitalize; } .footer-bottom{ padding-top: 20px; background: #f93759; } .footer-top .widget_text .fa{ color: #f93759; margin-right: 10px; } .newsletter .form-control{ padding: 9px 15px; background: none; border-color: #333; color: #fff; } .newsletter .btn{ position: absolute; top: 4px; right: 3px; } .footer-top .social-media{ margin-top: 20px; } .social-media a,.footer-top .social-media a{ border:1px solid; width: 40px; height: 40px; line-height: 40px; text-align: center; padding: 0; margin-top: 10px; color: #333; } /******************************************************** ## Miscellaneous ********************************************************/ .post-edit-link{ padding: 6px 12px; border: 1px solid; display: inline-block; margin-bottom: 90px; margin-left: 15px; margin-top: 90px; } .breadcrumb .separator { padding: 0 5px 0 8px; } .alignleft { display: inline; float: left; margin: 0 15px 15px 0; } .alignright { display: inline; float: right; margin: 0 0 15px 15px; } .aligncenter { display: block; margin: 0 auto; } .wp-caption { margin-bottom: 30px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; background: #f9f9f9; padding: 15px; } .wp-caption .wp-caption-text { margin: 0; } .gallery { margin-bottom: 30px; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-caption { display: block; } .bypostauthor{} .sticky{}