/* Theme Name: Boka Theme URI: Author: themetim Author URI: Description: Boka is created with latest bootstrap focusing with modern websites look. Any agency or personal blogger can easily start with elegant design. As a free theme Boka has ultimate customization area where any user can easily play with color & font even go with box or full width layout. One of the best offer for the user is demo installation & a complete guide to use this theme. Designed with most easiest page builder to make it more easy to change any sections & has 12+ custom widgets to make it more flexible. Boka is fully compatible with woo commerce & with it's custom look to make the shop more attractive. Demo is already created with it's shop look as well to make it more easy who want to go with shop. Version: 1.0.11 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: boka Tags: blog, custom-background, custom-colors, custom-menu, translation-ready, theme-options, threaded-comments, custom-logo, footer-widgets, sticky-post, custom-header, featured-image-header, full-width-template, left-sidebar, right-sidebar */ /******************************************************** ## 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; } h5{ font-size: 16px; } h6{ font-size: 14px; } .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; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background-color: #f93759; color: #fff; } .dropdown-menu{ border: 0; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #f93759; } .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, .3); } .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 ********************************************************/ .pricing-details ul{ list-style: none; padding: 0; margin: 0; } .pricing-details li{ border-bottom: 1px solid #eee; padding: 12px 0; letter-spacing: 1px; } .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: 85px; } .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,.post-navigation{ text-align: center; border: 2px solid #eee; padding: 15px 35px; display: inline-block; margin-top: 20px; width: 100%; } .nav-previous { float: left; } .nav-next { float: right; } .sticky-post a:before{ content: "\f08d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 15px; font-size: 19px; color: #f93759; } /******************************************************** ## 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 ********************************************************/ #container{ max-width: 1170px; margin: 20px auto 0; padding: 0 15px; overflow: hidden; } .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; } /******************************************************** ## 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{} /******************************************************** ## Accessibility ********************************************************/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }