/*! Theme Name: Amazica Theme URI: http://www.themefarmer.com/free-themes/amazica/ Author: ThemeFarmer Author URI: http://www.themefarmer.com Description: Amazica is a lightweight, clean, elegant, simple and responsive free WordPress theme. multipurpose WordPress theme that can help you create an amazing website, using pagebuilder create website by drag and drop. fully customizable & beautiful theme suitable for blog, personal portfolio, business website and WooCommerce storefront. Amazica help you create any type of website like creative business, mobile shop, restaurants, wedding planners, sport/medical shops, startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. compatible with popular plugins Jetpack, Contact Form 7, Yoast SEO and many more. fully responsive for tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Visual Composer, Divi, SiteOrigin, etc. You can set menu icons and use Mega Menu. The theme is Responsive, Translation, WPML , SEO friendly, and uses Bootstrap 4 and FontAwesome for design. check DEMO: https://demo.themefarmer.com/amazica/ Version: 1.0.4 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: amazica Tags: blog, portfolio, e-commerce, custom-logo, custom-menu, featured-images, full-width-template, right-sidebar, left-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support, grid-layout, one-column, two-columns This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Amazica is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ body { font-family: 'Lato', sans-serif; font-size: 14px; margin: 0; } h1, h2, h3, h4, h5, h6 {} a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a, a:hover, a:focus { color: #0186f0; text-decoration: none; outline: none; } .form-control { border-radius: 1px; color: #090b0e; } .img-thumbnail { padding: 0; display: block; border: none; position: relative; } .img-responsive { width: 100%; height: auto; } img { max-width: 100%; height: auto; } .site-title { font-size: 30px; font-family: sans-serif; font-weight: bold; margin: 0; } .site-description { margin-bottom: 0; } .space { padding: 35px 0; } .btn.focus, .btn:focus { box-shadow: none; } .row:before, .row:after { display: none !important; } .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.56); background-color: #0000008f; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } ol, ul { padding-left: 15px; } .btn-theme {} .btn-theme-border { border: 1px solid #0186f0; border-radius: 2px; } .btn-theme-border.btn-checkout { margin-left: 10px; } #site-header-block { text-align: center; padding: 100px 0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: top; color: #FFF; } .header-page-title { font-weight: 900; font-size: 50px; } #add-a-menu34:hover{ color: #FFF !important; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input, select, textarea { border: none; outline: none; padding: 6px 12px; border-radius: 1px; border: 1px solid #f3f3f3; } button, input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 1px; background-color: #0186f0; color: #FFF; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {} button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { outline: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { /* color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; */ } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { /* color: #111; */ } select { /* border: 1px solid #ccc; */ } textarea { /* width: 100%; */ } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; 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. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget .form-group { margin: 0; padding: 0 5px; } .widget-heading .widget-title, .widget-heading .widget-title a { /* color: #FFF; */ } .widget-heading .widget-title { font-size: 18px; } .widget ul { list-style: none; padding-left: 10px; } .widget li { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .widget li:before { font-family: "FontAwesome"; content: "\f101"; margin-right: 10px; font-size: 14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; } .widget ul li a { font-size: 14px; } .widget ul li:hover a, .widget ul li:hover:before { color: #0186f0; } .widget li.cat-item:before { content: "\f07b"; } .widget#widget_archive ul li:before { content: "\f187"; } .widget.widget_pages ul li:before, .widget.widget_recent_entries ul li:before { content: "\f0f6"; } .widget.widget_recent_comments ul li:before { content: "\f0e6"; } .widget.widget_search .search-label { width: 100%; } .widget li.woocommerce-mini-cart-item.mini_cart_item:before { content: none; } .tagcloud { float: left; } .tagcloud a { border: 1px solid #0186f0; display: inline-block; font-size: 14px !important; margin: 2px 0; padding: 5px 10px; text-transform: uppercase; background-color: #0186f0; color: #FFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tagcloud a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); color: #FFF; } .calendar_wrap { margin: 10px 0 0; } #wp-calendar { width: 100% !important; } .calendar_wrap caption { color: #fff; text-align: center; text-transform: uppercase; background-color: #0186f0; caption-side: top; } .calendar_wrap table { text-align: center; width: 100%; border: 1px solid #ddd; background-color: #fff; } .calendar_wrap thead th { padding: 3px 5px; text-align: center; border: 1px solid #252525; background-color: #2c3e50; color: #FFF; } .calendar_wrap tbody td, .calendar_wrap tfoot td { color: #000; padding: 0 5px; border: 1px solid #ddd; } .calendar_wrap td a { font-weight: bold; text-decoration: none; } .calendar_wrap tfoot td:hover, .calendar_wrap tfoot td:hover a, .calendar_wrap tbody td:hover { color: #0186f0; } .calendar_wrap td a:hover { color: #0186f0; } .widget input, .widget select, .widget textarea { width: 100%; } .widget img { max-width: 100%; height: auto; } .widget-heading:before { content: ""; border-bottom: 1px solid #0186f0; width: 40%; position: absolute; bottom: 0; left: 0; z-index: 1; } .widget-heading:after { content: ""; border-bottom: 1px solid #dddddd; position: absolute; right: 0; bottom: 0; left: 0; } .widget:not(.woocommerce-widget) ul li:hover { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .widget:not(.woocommerce-widget) ul li:hover:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* sidebar widget start*/ .sidebar-widget { margin-bottom: 30px; padding: 10px; float: right; width: 100%; background-color: #f9f9f9; border: 1px solid #ddd; } .sidebar-widget .widget-heading { position: relative; padding: 10px 12px; margin: -11px; margin-bottom: 20px; } .sidebar-widget .widget-heading .widget-title { margin: 0; padding: 0; color: #000; } .sidebar-widget .search-submit { display: none; } .sidebar-widget ul { list-style-type: none; padding: 0 0 0 15px; margin: 0; } .sidebar-widget, .sidebar-widget ul li::before, .sidebar-widget ul li a { color: #1e364e; } .sidebar-widget ul li a { text-decoration: none; } /* sidebar widget end*/ /*footer widgets*/ .footer-widgets { margin-top: 30px; color: #FFF; } .footer-widget ul li a, .footer-widget li:before, .footer-widget ul li { color: #FFF; } .footer-widget .widget-heading { color: #FFF; font-size: 20px; font-weight: normal; margin-bottom: 22px; margin-top: 0; position: relative; padding-bottom: 3px; /* text-transform: uppercase; */ } .footer-widget .widget-heading:after { border-bottom: 1px solid #1f3040; } .footer-widget .tagcloud a { color: #FFF; } .footer-widget input, .footer-widget select, .footer-widget textarea { /*color: #212121;*/ } /*footer widgets*/ /* wocommerce widgets */ .woocommerce-widget.widget ul li:before { content: none; } .widget .product-title { display: inline-block; } .woocommerce-widget.widget li del, .woocommerce-widget.widget li ins { display: inline-block; float: left; } .woocommerce-widget.widget li img { float: left; } .woocommerce-widget.widget li { clear: both; margin-bottom: 14px; } /* wocommerce widgets */ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .comment-respond { width: 100%; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; 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-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* pagination */ .pagination { display: block; text-align: center; margin-top: 50px; margin-bottom: 50px; } .pagination .page-numbers { display: inline-block; padding: 8px 16px; border: 1px solid #e0e0e0; border-radius: 3px; color: #474747; float: left; margin-right: 5px; } .pagination .page-numbers.next { float: right; margin-right: 0; } .pagination .page-numbers.current, .pagination .page-numbers:hover { border-color: #0186f0; color: #0186f0; } /* pagination */ /* Header */ #masthead.site-header { background-color: #FFFFFF; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.57); position: relative; z-index: 999; } #masthead.site-header.sticky-head { position: fixed; width: 100%; margin: 0 auto; z-index: 1000; box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.4); } /* Header */ /* topbar */ .header-topbar { background-color: #1e364e; padding: 5px 0; } .header-topbar-links { margin: 0; padding: 0; list-style: none; } .header-topbar-links li { display: inline-block; } span.contact-link a { color: #FFF; } .header-topbar-links li a, span.contact-link > a > i { background-color: #0186f0; width: 25px; display: block; height: 25px; text-align: center; padding-top: 3px; border-radius: 2px; color: #fff; } .header-topbar-links li a:hover { background-color: white; color: #0186f0; transform: scale(1.05); } span.contact-link > a > i { display: inline-block; padding-top: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } span.contact-link > a:hover > i { background-color: #FFF; color: #0186f0; } .sticky-head .header-topbar { display: none; } /* topbar */ /*-------------------------------------------------------------- ## Home Page --------------------------------------------------------------*/ /* button effects */ /* Sweep To Left */ .sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0186f0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sweep-to-left:hover, .sweep-to-left:focus, .sweep-to-left:active { color: white; } .sweep-to-left:hover:before, .sweep-to-left:focus:before, .sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Right */ .sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0186f0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sweep-to-right:hover, .sweep-to-right:focus, .sweep-to-right:active { color: white; } .sweep-to-right:hover:before, .sweep-to-right:focus:before, .sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0186f0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sweep-to-bottom:hover, .sweep-to-bottom:focus, .sweep-to-bottom:active { color: white; } .sweep-to-bottom:hover:before, .sweep-to-bottom:focus:before, .sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0186f0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sweep-to-top:hover, .sweep-to-top:focus, .sweep-to-top:active { color: white; } .sweep-to-top:hover:before, .sweep-to-top:focus:before, .sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /*button effects */ /* home commons */ .section-heading { text-align: center; margin-bottom: 50px; /* text-shadow: 1px 1px 1px #000; */ color: #1e364e; } .section-title { margin-bottom: 20px; font-weight: bold; text-transform: uppercase; font-size: 30px; text-shadow: 1px 1px 1px #000; } .section-description { font-size: 14px; /* text-shadow: 0px 0px 1px #000; */ } .color-light, .color-light .section-title, .color-light .section-description { color: #FFF; text-shadow: 1px 1px 1px #000; } .sub-section-title { font-size: 20px; margin-bottom: 10px; font-family: Georgia, serif; font-style: italic; } .sub-section-description { color: #5d5d5d; } .bottom-shadow { position: absolute; left: 0; right: 0; background: url(images/shadow-bottom.png) no-repeat top center; background-size: 100% 100%; width: 100%; height: 60px; bottom: -60px; z-index: 100; } .fill-to-top { position: relative; } .fill-to-top:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; background-color: #0186f0; } .fill-to-top-action:hover .fill-to-top:before { top: 0; } .home-section .owl-next, .home-section .owl-prev { position: absolute; top: 39%; font-size: 28px; background-color: #0186f0; color: #fff; padding: 5px 16px; border-radius: 2px; } .home-section .owl-prev { left: 0; } .home-section .owl-next { right: 0; } /* home commons */ /* home slider */ .home-slider { position: relative; } .owl-slide { position: relative; } .carousel-caption { position: absolute; top: 25%; bottom: auto; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .slider-heading { color: #FFF; text-transform: uppercase; font-weight: 900; font-size: 50px; line-height: 60px; margin: 0; text-shadow: 1px 4px 2px rgba(0, 0, 0, .7); background-color: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 2px 2px 0 0; } .slider-heading { color: #FFF; text-transform: uppercase; font-weight: 900; font-size: 50px; line-height: 60px; margin: 0; text-shadow: 1px 4px 2px rgba(0, 0, 0, .7); background-color: rgba(0, 0, 0, 0.69); padding: 10px; border-radius: 2px 2px 0 0; border-left: 6px solid rgba(1, 134, 240, 0.87); border-right: 6px solid rgba(1, 134, 240, 0.87); border-top: 6px solid rgba(1, 134, 240, 0.87); border-left: 6px solid #0186f0e0; border-right: 6px solid #0186f0e0; border-top: 6px solid #0186f0e0; } .slider-heading span { color: #FFEB3B; } .slider-desc { background-color: rgba(1, 134, 240, 0.87); background-color: #0186f0e0; padding: 10px; color: #FFF; border-radius: 0 0 2px 2px; margin: 0; font-size: 18px; } .slider-shadow { position: absolute; left: 0; right: 0; background: url(images/shadow-bottom.png) no-repeat top center; background-size: 100% 100%; width: 100%; height: 60px; bottom: -60px; z-index: 100; } .home-slider .owl-prev, .home-slider .owl-next { position: absolute; top: 40%; font-size: 60px; background-color: rgba(1, 134, 240, 0.6); background-color: #0186f06e; color: #fff; padding: 5px 13px; border: 2px solid #0186f0; /* opacity: 0.3; */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home-slider .owl-prev { left: 0; border-left: none; } .home-slider .owl-next { right: 0; border-right: none; } .home-slider:hover .owl-prev, .home-slider:hover .owl-next { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; opacity: 1; } .banner-link { color: #FFF; border: 2px solid; border-radius: 2px; font-size: 19px; margin-top: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slide-bt-1 { margin-right: 10px; border-color: #eec10e; background-color: transparent !important; background-size: 200% 100%; background-image: linear-gradient(to right, #eec10e 50%, transparent 50%); } .slide-bt-1:hover { background-position: 100% 0; color: #FFF; border-color: #ffffff; } .slide-bt-2:hover { border-color: #0186f0; } .home-slider .owl-item.active .animation.animated-item-1 { animation: 800ms linear 300ms normal both 1 running fadeInLeft; } .home-slider .owl-item.active .animation.animated-item-2 { animation: 1000ms linear 600ms normal both 1 running fadeInRight; } .home-slider .owl-item.active .animation.animated-item-3 { animation: 1700ms linear 600ms normal both 1 running bounceInUp; } .home-slider .owl-item.active .animation.animated-item-4 { animation: 1700ms linear 800ms normal both 1 running bounceInUp; } /* home slider */ /* services */ .service-item { margin-bottom: 60px; } .service-item-inner { background-color: #ecf0f1; border: 1px solid #ddd; padding: 10px; position: relative; border-bottom: 2px solid #0186f0; } .service-inner-info { display: -ms-flexbox; display: flex; } .service-icon { width: 70px; float: left; height: 70px; text-align: center; border: 1px solid #0186f0; font-size: 40px; padding-top: 3px; border-radius: 2px; color: #0186f0; position: relative; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .service-info { display: table-cell; padding-left: 20px; } .service-title { color: #0186f0; } .service-icon:before { content: ""; left: 0; right: 110%; bottom: 0; top: 0; position: absolute; background-color: #0186f0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .service-item-inner:hover .service-icon:before { right: 0; } .service-item-inner:hover .service-icon { color: #FFF; } .service-icon i { position: relative; } /* services */ /* team */ .member-item { margin-bottom: 30px; } .meamber-item-inner { position: relative; text-align: center; border: 10px solid #FFF; border-radius: 2px; overflow: hidden; -webkit-box-shadow: 10px 0px 2px rgba(0, 0, 0, 0.7); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7); } .meamber-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(1, 134, 240, 0.76); background-color: #0186f0c2; color: #FFF; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /* font-family: Georgia, serif; */ /* font-style: italic; */ } .member-title { background-color: #1e364e; padding: 10px 0; color: #FFF; font-family: Georgia, serif; font-style: italic; margin: 0px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .meamber-image img { width: 100%; min-height: 300px; } .member-designation { /* font-family: Georgia, serif; */ /* font-style: italic; */ background-color: #0186f0; margin: 0; padding: 6px 0; margin-bottom: 10px; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.29s linear; -moz-transition: all 0.29s linear; -o-transition: all 0.29s linear; -ms-transition: all 0.29s linear; transition: all 0.29s linear; } .member-description { font-family: Georgia, serif; font-style: italic; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .member-icons {} .member-icons li { display: inline-block; } .member-icons li a { border: 1px solid #FFF; margin-right: 10px; padding: 3px; width: 40px; display: inline-block; color: #FFF; font-size: 20px; border-radius: 2px; } .meamber-item-inner:hover .meamber-info { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; opacity: 1; } .meamber-item-inner:hover .member-title {} .meamber-item-inner:hover .member-title, .meamber-item-inner:hover .member-description, .meamber-item-inner:hover .member-designation { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(0px); -moz-transform: translate(0px); -o-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); } /* team */ /* testimonials */ .testimonial-item { max-width: 600px; margin: 0 auto; background-color: #f5f5f5; padding: 20px; text-align: center; } .testimonial-item-top { display: inline-block; } .testimonial-img { width: 110px; height: 110px; margin-right: 20px; border-radius: 100%; float: left; padding: 5px; border: 1px solid #1e364e; display: inline-block; overflow: hidden; } .testimonial-item-inner:hover .testimonial-img { border-color: #0186f0; } .testimonial-img img { border-radius: 100%; width: 100% !important; height: 100% !important; position: relative; /* float: left; */ /* margin-right: 10px; */ } .testimonial-user { float: left; padding-top: 19px; } .testimonial-description { font-style: italic; } .testimonial-description:before { font-family: 'FontAwesome'; margin-right: 10px; content: "\f10d"; } .testimonial-description:after { font-family: 'FontAwesome'; content: "\f10e"; margin-left: 10px; } /* testimonials */ /* about */ .home-section.section-about { background-color: #1e364e; } /* about */ /* home callout */ .home-section { position: relative; overflow: hidden; } .home-section-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; z-index: -1; } .section-bg-blur { filter: blur(5px); -webkit-filter: blur(5px); } .home-section.space.section-callout { padding: 100px 0; /* background-color: #0186f0; */ } .section-callout-bg { background-image: url(images/header-image.jpg); } .btn-callout1 { color: #FFF; border: 1px solid #ddd; border-radius: 2px; } .btn-callout1:before { background: #FFEB3B !important; } .btn-callout1:hover { color: #1e364e; border-color: #FFEB3B; } /* home callout */ /* brands */ .home-section.space.section-brands { background-color: #1e364e; } .section-brands .section-heading { color: #FFF; } .brands-details { text-align: center; } .brand-item { width: 200px; margin-right: 20px; margin-bottom: 20px; /* float: left; */ display: inline-block; background-color: #FFF; padding: 10px; border-radius: 2px; box-shadow: 1px 1px 1px 1px #000; } /* brands */ /* subscribe */ .section-subscribe { background-color: #0186f0; } input#ultimate-subscribe-email { width: 100%; padding: 10px 15px; } .subscribe-details { text-align: center; } button.ultimate-subscribe-submit { cursor: pointer; } .subscribe-details-inner { width: 100%; max-width: 500px; margin: 0 auto; } /* subscribe */ /* home blog */ .home-post-inner { border: 1px solid #9E9E9E; padding: 10px; border-radius: 2px; border-bottom: 4px solid #0186f0; } /* home blog */ /* blog index */ .content-index-inner { border: 5px solid #ddd; padding: 10px; border-radius: 2px; background-color: #FFF; } #blog-content>.content-index { margin-bottom: 30px; } .row>.col.blog-btn { -ms-flex: 0 0 130px; flex: 0 0 130px; } .content-index-inner .entry-title { margin: 0; margin-bottom: 20px; font-size: 20px; } .content-index-inner .entry-title a {} .content-index-inner .entry-title a:hover, .content-index-inner .entry-title a:active, .content-index-inner .entry-title a:focus { color: #000; } .content-index-inner .post-thumbnail { margin-bottom: 20px; } .post-thumbnail { position: relative; overflow: hidden; } .post-qk-link { position: relative; margin-top: 25%; border: 1px solid #FFF; margin-right: 10px; padding: 3px; width: 40px; display: inline-block; color: #FFF; font-size: 20px; border-radius: 2px; } .post-qk-link:hover { color: #FFF; border-color: #0186f0; } .blog-avtar { position: absolute !important; bottom: 0; right: 0; border-radius: 100%; overflow: hidden; padding: 5px; border: 1px solid #0186f0; width: 90px; height: 90px; z-index: 2; } .blog-avtar:before { border-radius: 100%; } .blog-avtar img { border-radius: 100%; } .post-thumbnail:after { content: ""; position: absolute; bottom: 0; width: 100%; border-top: 0px solid transparent; border-left: 420px solid transparent; border-bottom: 84px solid #ffffff; background-color: transparent; } .blog-btn { float: right; } .btn-read-more { font-size: 14px; border: 1px solid #007bff; border: 1px solid #0186f0; border-radius: 2px; } .content-index-inner:hover .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; opacity: 1; } .post-meta-item { margin-right: 10px; display: inline-block; } .row.post-index-bottom { background-color: #dddddd; padding: 10px 0px 10px !important; margin-bottom: -10px; } .entry-footer .post-meta-item, .entry-footer .post-meta-item a { color: #1e364e; } .row.post-index-bottom { background-color: #dddddd; padding: 10px 0px 10px !important; margin-bottom: -10px; } .entry-footer .post-meta-item, .entry-footer .post-meta-item a { color: #1e364e; } .post-meta-item { display: inline-block; } .sticky.post .content-index-inner { border-color: #0186f0; } .sticky.post .content-index-inner .row.post-index-bottom { background-color: #0186f0; } .sticky.post .content-index-inner .row.post-index-bottom .btn-read-more { border-color: #FFF; color: #FFF; } /* blog index */ /* blog single */ .author-info-inner { margin: 0; } .amz-singuler .post-content, .amz-singuler .author-info-inner { padding: 10px; border: 1px solid #ddd; margin-bottom: 50px; } .amz-singuler h1.entry-title { margin-top: 10px; font-size: 35px; } .author-thumbnail { border-radius: 100%; overflow: hidden; background-color: transparent; padding: 5px; border: 1px solid #1e364e; height: 110px; max-width: 110px; flex: 0 0 110px; -ms-flex: 0 0 110px; } .author-thumbnail img { border-radius: 100%; width: 100%; height: 100%; } .amz-singuler .post-navigation { width: 100%; padding: 0 15px; } .amz-singuler .post-navigation .nav-links a { border-radius: 2px; border: 1px solid #0186f0; display: block; padding: 8px; } .amz-singuler .post-navigation .nav-previous { float: left; } .amz-singuler .post-navigation .nav-next { float: right; } .amz-singuler .post-navigation .nav-previous, .amz-singuler .post-navigation .nav-next { display: inline-block; width: auto; } .amz-singuler .post-navigation .nav-links a:hover { color: #FFF; background-color: #0186f0; } #respond .logged-in-as { float: right; } #respond .form-group.col-12 { padding: 0; } #respond .col-md-4.cmt-f { padding-left: 0; } #respond .col-md-4.cmt-l { padding-right: 0; } /* blog single */ /* footer */ footer.site-footer { background-color: #2d455d; } .footer-bar { background-color: #1f3040; padding: 10px; color: #FFF; } #scroll-top { position: fixed; bottom: 50px; right: 50px; width: 50px; height: 50px; background-color: rgba(1, 134, 240, 0.61); background-color: #0186f09c; text-align: center; border: 1px solid #0186f0; color: #FFF; display: none; z-index: 8; padding-top: 4px; font-size: 23px; border-radius: 2px; } /* footer */ [class*="col-"] { float: left; } .button { background-color: #0186f0; color: #FFF; padding: 5px 13px; display: inline-block; border: none; cursor: pointer; } .button:hover { color: #FFF; } /* lightbox */ .sl-overlay { opacity: .85; } .sl-wrapper .sl-navigation button { font-size: 170px; color: #d3ced2; } .sl-overlay { background-color: #000; } .sl-wrapper .sl-counter { font-size: 22px; color: #d3ced2; } .sl-wrapper .sl-close { font-size: 32px; color: #d3ced2; } .sl-wrapper button:focus { outline: none; border: none; } /* lightbox */ .error-404.not-found { text-align: center; padding: 50px 0; }