/* Theme Name: basol energy Theme URI: http://basolenergy.com.ng Author: fghanni +234 7032624096 Author URI: http://basolenergy.com.ng Description: Installation of Solar Street Light, Solar Powered Borehole, Inverter and Maintenance of Solar and Electric Street Light, Civil/Building Constructions, Procurement of Electrical Gadget, Supplies and General Contract Version: 1.1.1 License: GNU General Public License v2+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: factoryhub Domain Path: /lang/ Tags: Installation of Solar Street Light, Solar Powered Borehole, Inverter and Maintenance of Solar and Electric Street Light, Civil/Building Constructions, Procurement of Electrical Gadget, Supplies and General Contract /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Normalize 2.0 - Typography 3.0 - Elements 3.1 - Common Elements 3.2 - WordPress Elements 3.3 - Theme's Elements 4.0 - Header 5.0 - Navigations 6.0 - Content 6.1 - Posts and pages 5.2 - Comments 7.0 - Widgets 8.0 - Footer 9.0 - Media Queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Normalize --------------------------------------------------------------*/ * { box-sizing: border-box; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- 2.0 - Typography --------------------------------------------------------------*/ body { color: #848484; font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 1.6; background: #fff; word-wrap: break-word; overflow-x: hidden; font-weight: 300; } a { transition: 0.5s; color: #222222; text-decoration: none; } a:hover, a:focus { text-decoration: none; color: #222222; } a img { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Open Sans', sans-serif; line-height: 1.6; color: #222222; } h1 { font-size: 41px; } h2 { font-size: 34px; } h3 { font-size: 28px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; } /*-------------------------------------------------------------- 3.0 - Elements --------------------------------------------------------------*/ /** * 3.1 - Common Elements */ img { max-width: 100%; height: auto; } input[type=text], textarea { border: 1px solid #555; background: #fff; } blockquote { font-size: 16px; font-style: italic; border-left: 3px solid #ffc811; padding: 15px 0 15px 20px; margin: 35px 0 35px 40px; line-height: 2; } table { text-align: left; } table tr { border: 1px solid #ececec; border-bottom-width: 0; padding: 5px; } table tr td, table tr th { padding: 5px; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .tabs .tabs-nav { margin: 0; padding: 0; overflow: hidden; list-style-type: none; } .tabs .tabs-nav li { float: left; } .tabs .tabs-nav a { display: block; } .tabs .tabs-panel { clear: both; display: none; } .tabs .tabs-panel.active { animation: fadeIn 1 1s ease; display: block; } .socials a { display: inline-block; padding: 0 15px; font-size: 18px; color: #848484; transition: 0.5s; } .socials a:last-child { padding-right: 0; } .socials a:first-child { padding-left: 0; } .socials a:hover { color: #ffc811; } .main-color { color: #ffc811; } .main-background-color { background-color: #ffc811; } .owl-carousel div.owl-item img { max-width: 100%; width: inherit; } .fh_button, .tp-caption.fh_button { transition: 0.3s !important; } .fh_button:hover, .tp-caption.fh_button:hover { border-color: #ffc811 !important; background-color: #ffc811 !important; } .fh-form p:before, .fh-form p:after { content: ''; display: table; } .fh-form p:after { clear: both; } .fh-form .single-field { clear: both; } .fh-form .field { margin-bottom: 20px; } .fh-form .field.submit { margin-bottom: 0; } .fh-form input[type="submit"]:focus { outline: none; } .fh-form textarea, .fh-form input[type="text"], .fh-form input[type="email"], .fh-form select { width: 100%; border: 1px solid #eaeaea; padding-left: 15px; color: #848484; background-color: #fff; } .fh-form textarea:focus, .fh-form input[type="text"]:focus, .fh-form input[type="email"]:focus, .fh-form select:focus { outline: none; } .fh-form textarea { height: 150px; padding: 10px; } .fh-form input[type="text"], .fh-form input[type="email"], .fh-form select { font-size: 16px; font-weight: 400; height: 50px; line-height: 50px; } .fh-form .first-row, .fh-form .last-row { width: 50%; padding: 0 10px; } .fh-form .first-row { float: left; padding-left: 0; clear: both; } .fh-form .last-row { float: right; padding-right: 0; } .fh-form-1 textarea { height: 260px; } .fh-form-1 .submit { text-align: center; margin-top: 10px; } .fh-form-2 textarea, .fh-form-2 input[type="text"], .fh-form-2 input[type="email"], .fh-form-2 select { border-color: #f1f1f1; font-weight: 300; } .fh-form-2 ::-webkit-input-placeholder { color: #c4c4c4; } .fh-form-2 ::-moz-placeholder { color: #c4c4c4; } .fh-form-2 :-ms-input-placeholder { color: #c4c4c4; } .fh-form-2 :-moz-placeholder { color: #c4c4c4; } .fh-form-2 select { color: #c4c4c4; } .fh-form-2 .field { margin-bottom: 30px; } .fh-form-2 .first-row, .fh-form-2 .last-row { padding: 0 15px; } .fh-form-2 .first-row { float: left; padding-left: 0; } .fh-form-2 .last-row { float: right; padding-right: 0; } .fh-form-2 textarea { height: 130px; } /** * 3.2 - WordPress Elements */ .alignnone { margin: 0; } .aligncenter, div.aligncenter, .aligncenter img { display: block; margin: 1em auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .wp-caption { background: #fff; border: 1px solid #555; padding: 5px; max-width: 100%; text-align: center; } .wp-caption img { display: block; width: 100%; height: auto; margin: 0; } .wp-caption-text { font-size: small; margin: 0; padding: 5px 0 0; } .gallery-caption { display: block; } .bypostauthor { display: block; } .sticky { display: block; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .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. */ } .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; } /*-------------------------------------------------------------- 4.0 - Header --------------------------------------------------------------*/ .site-header { background-color: #fff; position: relative; } .site-contact { padding: 27px 0; } .site-logo h1, .site-logo h2, .site-logo p { margin: 0; line-height: 0; text-indent: -9999px; } .site-logo .hide-logo { display: none; } .site-logo .show-logo { display: inline-block; } .topbar { background-color: #f7f7f7; position: relative; z-index: 200; } .topbar .topbar-widgets { padding-top: 9px; padding-bottom: 9px; } .topbar .widget { font-size: 15px; font-weight: 300; margin-bottom: 0; display: inline-block; color: #9e9e9e; padding: 0 20px; } .topbar .widget:first-child { padding-left: 0; } .topbar .widget:last-child { padding-right: 0; } .topbar .topbar-left { line-height: 42px; } .topbar .topbar-left i { padding-right: 10px; color: #ffc811; font-size: 18px; } .topbar .topbar-left i:before { font-size: 18px; } .topbar .widget .search-form { padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; border: 1px solid #e8e8e8; border-radius: 40px; } .topbar .widget .search-form ::-webkit-input-placeholder { color: #9e9e9e; } .topbar .widget .search-form :-moz-placeholder { color: #9e9e9e; } .topbar .widget .search-form ::-moz-placeholder { color: #9e9e9e; } .topbar .widget .search-form :-ms-input-placeholder { color: #9e9e9e; } .topbar .widget .search-form:after { display: none; } .topbar .widget .search-form:before { font-size: 14px; color: #1d1d1d; right: 13px; } .topbar .widget .search-form .search-field { height: 40px; line-height: 40px; padding-right: 28px; background-color: transparent; color: #9e9e9e; width: initial; } .topbar .widget .search-form .search-submit { right: 0; width: 35px; height: 35px; } .topbar .topbar-socials { display: inline-block; padding: 0; margin: 0; } .topbar .topbar-socials li { display: inline-block; padding: 0 10px; } .topbar .topbar-socials li a { color: #9e9e9e; transition: 0.5s; } .topbar .topbar-socials li:hover a { color: #ffc811; } .topbar .widget_icl_lang_sel_widget ul.lang_sel { padding: 15px 20px 15px 0; position: relative; } .topbar .widget_icl_lang_sel_widget ul.lang_sel:after { content: '\f107'; font-family: FontAwesome; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #fff; } .topbar .widget_icl_lang_sel_widget ul.lang_sel a { color: #fff; font-size: 14px; font-weight: 400; } .topbar .widget_icl_lang_sel_widget ul.lang_sel a img { margin-right: 10px; } .topbar .widget_icl_lang_sel_widget ul.lang_sel a:hover { color: #fff; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul { position: absolute; background-color: #f4f4f4; width: 100%; text-align: left; padding-left: 20px; opacity: 0; top: 53px; transition: 0.5s; z-index: -9999; transform: scaleX(0); } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul a { color: #272727; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul a:hover { color: #272727; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul:before { content: ''; width: 100%; height: 5px; background-color: transparent; top: -4px; left: 0; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul li { padding: 10px 10px 10px 0; } .topbar .widget_icl_lang_sel_widget ul.lang_sel:hover ul { opacity: 1; z-index: 9999; transform: scaleX(1); } .topbar .intro-text { color: #d8d8d8; } .page-header { margin: 0; padding-bottom: 0; border: none; background-color: #030303; } .page-header h1 { color: #fff; text-transform: capitalize; font-weight: 700; margin: 0; font-size: 50px; font-family: 'Roboto', sans-serif; line-height: 1.2; position: relative; z-index: 999; } .page-header .header-title { padding: 130px 0; text-align: center; background-attachment: fixed; position: relative; } .page-header .header-title:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 98; } .page-header .breadcrumb-area { background-color: #fff; padding: 22px 0; border-bottom: 1px solid #f4f4f4; font-size: 14px; font-weight: 300; } .page-header .breadcrumb-area nav { background-color: transparent; text-align: left; padding: 0; margin: 0; color: #222222; line-height: 20px; } .page-header .breadcrumb-area nav a, .page-header .breadcrumb-area nav span { color: #222222; } .page-header .breadcrumb-area nav .fa { padding: 0 5px; } .page-header .breadcrumb-area .share { position: relative; text-align: right; color: #222; font-weight: 300; } .page-header .breadcrumb-area .share .socials-share { margin-left: 0; position: absolute; top: -8px; right: 100px; opacity: 0; transition: 0.5s; } .page-header .breadcrumb-area .share .share-title { cursor: pointer; } .page-header .breadcrumb-area .share .share-title .fa { padding-right: 5px; } .page-header .breadcrumb-area .share:hover .socials-share { opacity: 1; } .page-header.style-2 .header-title { text-align: left; padding: 70px 0; } .page-header.style-2 h1 { line-height: 1.2; padding-bottom: 30px; } .page-header.style-2 .subtitle { font-size: 24px; font-weight: 300; color: #ffc811; padding-bottom: 10px; position: relative; z-index: 99; } .page-header.style-2 .page-button-link { position: relative; z-index: 99; } .page-header.style-2 .page-button-link a { min-width: 230px; min-height: 55px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; border: 2px solid #fff; border-radius: 55px; display: inline-block; font-weight: 700; transition: 0.5s; } .page-header.style-2 .page-button-link a:hover { background-color: #ffc811; border-color: #ffc811; } .header-sticky .site-header.minimized .site-menu { position: fixed; top: 0; left: 50%; width: 100%; z-index: 9999; transition: top 0.5s; transform: translate(-50%, 0); } .header-sticky.admin-bar .site-header.minimized .site-menu { top: 32px; } .header-sticky.header-v3 .site-header.minimized { position: fixed; top: 0; width: 100%; z-index: 9999; background-color: #04192b; padding: 0; } .header-sticky.header-v3 .site-header.minimized .site-menu { position: static; top: inherit; width: inherit; transform: translate(0); } .header-sticky.header-v3.admin-bar .site-header.minimized { top: 32px; } .header-sticky.header-v3.admin-bar .site-header.minimized .site-menu { top: inherit; } .header-sticky.header-v4 .site-header.minimized .site-menu { background-color: #fff; border-bottom: 1px solid #f2f2f2; } .header-transparent .topbar, .header-transparent .site-header { position: absolute; width: 100%; z-index: 9999; background-color: transparent; } .header-transparent .topbar { top: 10px; } .header-transparent .topbar .widget { color: #fff; } .header-transparent .topbar .widget .search-form { border-color: rgba(232, 232, 232, 0.1); color: #fff; } .header-transparent .topbar .widget .search-form:before { color: #fff; } .header-transparent .topbar .widget .search-form ::-webkit-input-placeholder { color: #fff; } .header-transparent .topbar .widget .search-form :-moz-placeholder { color: #fff; } .header-transparent .topbar .widget .search-form ::-moz-placeholder { color: #fff; } .header-transparent .topbar .widget .search-form :-ms-input-placeholder { color: #fff; } .header-transparent .topbar .widget .search-form .search-field { color: #fff; } .header-transparent .page-header .header-title { padding-top: 230px; } .header-transparent .site-header { top: 80px; } .header-transparent.admin-bar .topbar { top: 42px; } .header-transparent.admin-bar .site-header { top: 112px; } .header-transparent .navbar-icon .navbars-line { background-color: #fff; } .header-transparent .navbar-icon .navbars-line:before, .header-transparent .navbar-icon .navbars-line:after { background-color: #fff; } .header-v1 .site-menu { background-color: #216935; } .header-v1 .site-extra-text .style-1 { display: none; } .header-v2 .site-header { z-index: 999; position: relative; } .header-v2 .site-contact { padding-top: 30px; padding-bottom: 0; } .header-v2 .site-menu { background-color: transparent; transform: translateY(50%); } .header-v2 .site-menu .main-nav { background-color: #216935; } .header-v2 .header-main { background-color: #fff; } .header-v2 .page-header .header-title { padding-top: 154px; } .header-v2 .page-header.style-2 .header-title { padding-top: 94px; } .header-v2 .site-extra-text .style-2 { display: none; } .header-v4 .site-contact { border-bottom: 1px solid #f7f7f7; } .header-v4 .site-extra-text .style-1 { display: none; } .header-v4 .extra-text-right { text-align: right; } .site-extra-text { text-align: right; } .site-extra-text .extra-item { margin: 0; padding: 0; list-style: none; } .site-extra-text .item-text { padding-top: 13px; } .site-extra-text .item-text a { display: inline-block; padding: 0 10px; color: #9f9f9f; transition: 0.5s; } .site-extra-text .item-text a:first-child { padding-left: 0; } .site-extra-text .item-text a:last-child { padding-right: 0; } .site-extra-text .item-text a:hover { color: #ffc811; } .site-extra-text .item, .site-extra-text .item-2 { display: inline-block; padding-right: 30px; text-align: left; } .site-extra-text .item i, .site-extra-text .item-2 i { float: left; color: #222222; margin-top: 8px; font-size: 20px; font-weight: 600; } .site-extra-text .item div, .site-extra-text .item-2 div { margin-left: 30px; font-size: 16px; font-weight: 300; padding-left: 10px; border-left: 1px solid #f4f4f4; } .site-extra-text .item span, .site-extra-text .item-2 span { display: block; color: #222222; line-height: 16px; font-weight: 600; } .site-extra-text .item-2 div { border: 0; } .site-extra-text .item-2 i { color: #ffc811; font-weight: 400; margin-top: 0; font-size: 28px; } .site-extra-text .item-2 i:before { font-size: 28px; } .site-extra-text .item-button, .site-extra-text .social { display: inline-block; float: right; } .site-extra-text .item-button { margin-top: -8px; } .site-extra-text .item-button a, .site-extra-text .item-button a:hover { color: #fff; } .site-extra-text .social { padding-top: 7px; padding-left: 50px; } .site-extra-text .social a { color: #04192b; } .site-extra-text .social a:hover { color: #ffc811; } .fh-header-minimized { display: none; } .fh-header-minimized.minimized { display: block; } .off-canvas-layer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; cursor: pointer; display: none; background-color: rgba(0, 0, 0, 0.5); } .display-mobile-menu .off-canvas-layer { display: block; } .header-v4 .primary-mobile-nav .menu-item-search .search-form .search-submit { z-index: 1; } /*-------------------------------------------------------------- 5.0 - Navigations --------------------------------------------------------------*/ .main-nav { line-height: 41px; } .main-nav a { font-weight: 700; font-size: 16px; color: #fff; display: block; } .main-nav ul { list-style: none; padding-left: 0; margin-bottom: 0; } .main-nav ul ul { transition: top 0.3s ease 0s, opacity 0.3s; position: absolute; top: 80%; left: 8px; width: 250px; transform: scaleX(0); background-color: #212121; margin-top: 31px; } .main-nav ul ul:before { content: ''; width: 100%; height: 5px; position: absolute; background-color: transparent; left: 0; top: -5px; } .main-nav ul ul ul { transition: left 0.3s ease 0s, opacity 0.3s; left: 115%; top: 0; box-shadow: none; margin-top: 0; border-top: 2px solid #ffc811; } .main-nav ul ul ul:before { content: ''; width: 10px; height: 100%; position: absolute; background-color: transparent; top: 0; left: -10px; } .main-nav li { display: inline-block; position: relative; } .main-nav li:hover > ul { opacity: 1; z-index: 9999; top: 59%; transform: scaleX(1); } .main-nav li li { padding: 14px 20px; display: block; line-height: 1; transition: all 0.5s; border-bottom: 1px solid #2a2a2a; position: relative; } .main-nav li li:last-child { border-bottom: 0; } .main-nav li li a { font-size: 16px; font-weight: 300; color: #6b6b6b; padding-left: 20px; position: relative; display: block; } .main-nav li li a:after { content: ''; background-color: #3b3b3b; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 50%; left: 3px; transform: translateY(-50%); transition: 0.5s; } .main-nav li li a:before { content: ''; width: 10px; height: 10px; border: 1px solid #3b3b3b; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: 0.5s; } .main-nav li li.menu-item-has-children:after { content: '\f105'; color: #3b3b3b; font-family: Fontawesome; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 16px; font-weight: 400; transition: 0.5s; } .main-nav li li:hover.menu-item-has-children:after { color: #ffc811; } .main-nav li li:hover > a { color: #ffc811; } .main-nav li li:hover > a:before { border-color: #ffc811; } .main-nav li li:hover > a:after { background-color: #ffc811; } .main-nav li li:hover > ul { top: 0; left: calc(100% + 10px); } .main-nav ul.menu > li { position: relative; text-align: left; padding: 0 8px; } .main-nav ul.menu > li:first-child { padding-left: 0; } .main-nav ul.menu > li:first-child > ul { left: 0; } .main-nav ul.menu > li:last-child { padding-right: 0; } .main-nav ul.menu > li > a { padding: 15px 15px 19px 15px; position: relative; transition: 0.5s; } .main-nav ul.menu > li > a:before { content: ''; position: absolute; width: 0; height: 5px; background-color: #ffc811; bottom: 0; right: 0; transition: 0.5s; } .main-nav ul.menu > li.menu-item-has-children > a { position: relative; padding-right: 25px; } .main-nav ul.menu > li.menu-item-has-children > a:after { content: '\f107'; font-family: Fontawesome; position: absolute; top: 48%; right: 8px; transform: translateY(-50%); font-size: 16px; font-weight: 400; transition: 0.5s; color: #fff; } .main-nav ul.menu > li.current-menu-item > a, .main-nav ul.menu > li.current-menu-parent > a, .main-nav ul.menu > li:hover > a { color: #ffc811; } .main-nav ul.menu > li.current-menu-item > a:before, .main-nav ul.menu > li.current-menu-parent > a:before, .main-nav ul.menu > li:hover > a:before { width: 100%; left: 0; } .main-nav ul.menu > li.current-menu-item > a:after, .main-nav ul.menu > li.current-menu-parent > a:after, .main-nav ul.menu > li:hover > a:after { color: #ffc811; } .main-nav div.menu > ul > li { position: relative; text-align: left; padding: 0 8px; } .main-nav div.menu > ul > li:first-child { padding-left: 0; } .main-nav div.menu > ul > li:first-child > ul { left: 0; } .main-nav div.menu > ul > li:last-child { padding-right: 0; } .main-nav div.menu > ul > li > a { padding: 15px 15px 19px 15px; position: relative; transition: 0.5s; } .main-nav div.menu > ul > li > a:before { content: ''; position: absolute; width: 0; height: 5px; background-color: #ffc811; bottom: 0; right: 0; transition: 0.5s; } .main-nav div.menu > ul > li.page_item_has_children > a { position: relative; padding-right: 25px; } .main-nav div.menu > ul > li.page_item_has_children > a:after { content: '\f107'; font-family: Fontawesome; position: absolute; top: 48%; right: 8px; transform: translateY(-50%); font-size: 16px; font-weight: 400; transition: 0.5s; color: #fff; } .main-nav div.menu > ul > li.current_page_item > a, .main-nav div.menu > ul > li:hover > a { color: #ffc811; } .main-nav div.menu > ul > li.current_page_item > a:before, .main-nav div.menu > ul > li:hover > a:before { width: 100%; left: 0; } .main-nav div.menu > ul > li.current_page_item > a:after, .main-nav div.menu > ul > li:hover > a:after { color: #ffc811; } .header-v1 .menu-item-text { font-size: 16px; font-weight: 700; color: #fff; padding-top: 16px; } .header-v1 .menu-item-text i { color: #ffc811; margin-top: -10px; font-size: 40px; float: left; } .header-v1 .menu-item-text i:before { font-size: 40px; } .header-v1 .menu-item-text .extra-text { margin-left: 55px; } .header-v1 .menu-item-text p { line-height: 1; margin-bottom: 5px; } .header-v1 .menu-item-text p.number { font-size: 24px; margin-bottom: 0; } .header-v2 .main-nav a { font-size: 14px; } .header-v2 .main-nav ul ul { top: 79%; left: 0; } .header-v2 .main-nav ul ul ul { left: 110%; top: 0; } .header-v2 .main-nav ul.menu { zoom: 1; } .header-v2 .main-nav ul.menu:before, .header-v2 .main-nav ul.menu:after { content: ""; display: table; } .header-v2 .main-nav ul.menu:after { clear: both; } .header-v2 .main-nav ul.menu:before, .header-v2 .main-nav ul.menu:after { content: ""; display: table; } .header-v2 .main-nav ul.menu:after { clear: both; } .header-v2 .main-nav ul.menu > li { display: block; float: left; position: relative; padding: 13px; } .header-v2 .main-nav ul.menu > li:before, .header-v2 .main-nav ul.menu > li:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; } .header-v2 .main-nav ul.menu > li:before { left: 0; background-color: rgba(255, 255, 255, 0.08); } .header-v2 .main-nav ul.menu > li:after { right: 0; background-color: rgba(0, 0, 0, 0.4); } .header-v2 .main-nav ul.menu > li:first-child:before { display: none; } .header-v2 .main-nav ul.menu > li:last-child:after { display: none; } .header-v2 .main-nav ul.menu > li > a { text-transform: uppercase; padding-top: 0; padding-bottom: 0; } .header-v2 .main-nav ul.menu > li > a:before { display: none; } .header-v2 .main-nav ul.menu li:hover > ul { top: 54%; } .header-v2 .main-nav ul.menu li li:hover > ul { top: 0; left: calc(100% + 10px); } .header-v2 .menu-item-button-link { background-color: #ffc811; text-align: center; } .header-v2 .menu-item-button-link a { font-size: 16px; font-weight: 700; color: #fff; display: block; padding: 21px 10px; } .header-v2 .menu-item-button-link a:hover { color: #fff; } .header-transparent .main-nav { text-align: right; } .header-transparent .main-nav a { font-size: 14px; } .header-transparent .main-nav li li a { font-size: 16px; } .header-transparent .main-nav ul.menu > li > a { text-transform: uppercase; padding-left: 10px; padding-right: 20px; } .header-transparent .main-nav ul.menu > li > a:before { display: none; } .header-transparent .main-nav ul.menu > li > a:after { right: 6px; top: 47%; } .header-transparent .main-nav ul.menu > li:hover > a { color: #ffc811; } .header-transparent .main-nav ul.menu > li:hover > a:after { color: #ffc811; } .header-transparent .main-nav .extra-menu-item { float: none; } .header-v4 .main-nav ul.menu > li > a { color: #222222; } .header-v4 .main-nav ul.menu > li > a:after { color: #222222; } .header-v4 .main-nav ul.menu > li:hover > a { color: #ffc811; } .header-v4 .main-nav ul.menu > li:hover > a:after { color: #ffc811; } .header-v4 .menu-item-search { padding-top: 16px; } .header-v4 .menu-item-search .search-form { position: relative; min-width: 270px; border: 1px solid #e8e8e8; border-radius: 40px; padding: 8px 15px 4px 15px; color: #848484; } .header-v4 .menu-item-search .search-form .fa { font-size: 14px; font-weight: 400; position: absolute; bottom: 14px; right: 10px; } .header-v4 .menu-item-search .search-form .search-field { width: 100%; border: none; padding-left: 0; padding-bottom: 7px; background-color: transparent; } .header-v4 .menu-item-search .search-form .search-field:focus { outline: none; } .header-v4 .menu-item-search .search-form .search-submit { opacity: 0; width: 40px; height: 40px; position: absolute; bottom: 3px; right: 3px; z-index: 999; } .post-navigation { float: right; } .post-navigation .nav-previous, .post-navigation .nav-next { display: inline-block; padding: 5px 0; } .post-navigation .nav-previous { padding-right: 10px; border-right: 0.5px solid #f4f4f4; } .post-navigation .nav-previous .meta-nav { padding-right: 12px; } .post-navigation .nav-next { padding-left: 10px; border-left: 0.5px solid #f4f4f4; } .post-navigation .nav-next .meta-nav { padding-left: 12px; } .post-navigation a:hover { color: #ffc811; } .numeric-navigation { clear: both; display: block; text-align: center; float: none; padding-top: 0; } .numeric-navigation .page-numbers { color: #292929; font-weight: 600; font-size: 18px; width: 52px; height: 52px; line-height: 52px; border-radius: 50%; text-align: center; background-color: #f7f7f7; display: inline-block; margin: 0 3px; transition: 0.5s; } .numeric-navigation .page-numbers:first-child { margin-left: 0; } .numeric-navigation .page-numbers:last-child { margin-right: 0; } .numeric-navigation .page-numbers:hover, .numeric-navigation .page-numbers.current { color: #fff; background-color: #ffc811; } .portfolio-navigation { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; padding-bottom: 20px; padding-top: 21px; text-align: center; } .portfolio-navigation .nav-previous, .portfolio-navigation .nav-next { padding-top: 7px; } .portfolio-navigation .nav-previous a, .portfolio-navigation .nav-next a { font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .portfolio-navigation .nav-previous a:hover, .portfolio-navigation .nav-next a:hover { color: #ffc811; } .portfolio-navigation .nav-previous .meta-nav.left, .portfolio-navigation .nav-next .meta-nav.left { padding-right: 10px; } .portfolio-navigation .nav-previous .meta-nav.right, .portfolio-navigation .nav-next .meta-nav.right { padding-left: 10px; } .portfolio-navigation .portfolio-link { font-size: 24px; } .portfolio-navigation .nav-previous { float: left; } .portfolio-navigation .nav-next { float: right; } .all-project .numeric-navigation { margin-top: 0; padding-top: 60px; } .all-service .numeric-navigation { margin-top: 0; padding-top: 20px; } .project-nav-ajax .numeric-navigation .page-numbers { display: none; } .project-nav-ajax .numeric-navigation .page-numbers.next { font-size: 16px; font-weight: 700; color: #ffc811; text-align: center; display: inline-block; position: relative; min-width: 160px; min-height: 50px; line-height: 49px; border-radius: 50px; padding: 0 20px; background-color: #fff; text-transform: capitalize; border: 2px solid #f7f7f7; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .project-nav-ajax .numeric-navigation .page-numbers.next span { display: block; transition: 0.5s; color: #ffc811; } .project-nav-ajax .numeric-navigation .page-numbers.next .factoryhub-loading { position: absolute; left: 50%; top: 0; transform: translateX(-50%); opacity: 0; width: 100%; } .project-nav-ajax .numeric-navigation .page-numbers.next.loading .factoryhub-loading { opacity: 1; } .project-nav-ajax .numeric-navigation .page-numbers.next.loading .load-more { opacity: 0; } .project-nav-ajax .numeric-navigation .page-numbers.next:hover, .project-nav-ajax .numeric-navigation .page-numbers.next:focus { color: #fff; border-color: #ffc811; box-shadow: none; outline: none; background-color: #ffc811; } .project-nav-ajax .numeric-navigation .page-numbers.next:hover span, .project-nav-ajax .numeric-navigation .page-numbers.next:focus span { color: #fff; } .header-transparent .navbars-icon i { color: #fff; } .admin-bar .primary-mobile-nav { top: 32px; } .primary-mobile-nav { width: 340px; transition: 0.4s; background-color: #fff; position: fixed; top: 0; right: -340px; height: 100%; overflow-x: hidden; overflow-y: auto; color: #848484; z-index: 99999; border: 1px solid #f4f4f4; } .primary-mobile-nav .close-canvas-mobile-panel { padding: 20px; display: inline-block; font-size: 46px; } .primary-mobile-nav ul { list-style: none; padding-left: 0; } .primary-mobile-nav ul.menu { padding-bottom: 30px; } .primary-mobile-nav ul.menu.over-submenu { height: 0; overflow: hidden; padding-bottom: 0; } .primary-mobile-nav ul.menu li { padding: 15px 20px; position: static; } .primary-mobile-nav ul.menu li .toggle-children { float: right; position: relative; } .primary-mobile-nav ul.menu li .toggle-children i { position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; right: -20px; top: -12px; font-size: 22px; } .primary-mobile-nav ul.menu li > ul { position: absolute; float: left; right: 0; top: 0; visibility: visible; display: inline-block; width: 100% !important; z-index: 10; margin-top: 0; transform: translateX(100%); transition: 0.35s; background-color: #fff; overflow-y: auto; overflow-x: hidden; height: 100%; } .primary-mobile-nav ul.menu li > ul .menu-parent-items { background-color: #f4f4f4; color: #222222; text-transform: uppercase; } .primary-mobile-nav ul.menu li.over-menu > ul { transform: translateX(0); } .primary-mobile-nav ul.menu li.menu-back { padding-left: 40px; position: relative; } .primary-mobile-nav ul.menu li.menu-back:before { content: '\f104'; font-family: Fontawesome; font-size: 22px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .primary-mobile-nav ul.menu li.extra-menu-item { margin-top: 40px; } .primary-mobile-nav ul.menu li.current-menu-item > a { color: #ffc811; } .primary-mobile-nav .extra-item { padding: 0 20px; } .primary-mobile-nav .menu-item-text { color: #222; } .primary-mobile-nav .menu-item-button-link { background-color: transparent; } .primary-mobile-nav .menu-item-button-link a { background-color: #ffc811; } .display-mobile-menu .primary-mobile-nav { right: 0; } .navbar-toggle { padding: 0; margin: 0; border-radius: 0; position: static; display: none; } .navbar-icon { transition: all 0.4s; display: none; height: 25px; width: 27px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .navbar-icon .navbars-line { transition: 0.4s; display: inline-block; width: 27px; height: 2px; background-color: #222; position: absolute; top: 50%; left: 0; cursor: pointer; } .navbar-icon .navbars-line:before, .navbar-icon .navbars-line:after { position: absolute; width: 100%; height: 2px; content: ''; background-color: #222; } .navbar-icon .navbars-line:before { top: -8px; } .navbar-icon .navbars-line:after { bottom: -8px; } /*-------------------------------------------------------------- 6.0 - Content --------------------------------------------------------------*/ .fh-btn { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 160px; min-height: 50px; line-height: 50px; border-radius: 50px; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .fh-btn:hover, .fh-btn:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .fh-btn-2 { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 170px; min-height: 50px; line-height: 50px; border-radius: 0; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .fh-btn-2:hover, .fh-btn-2:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .fh-btn-3 { font-size: 16px; font-weight: 700; color: #252525; text-align: center; display: inline-block; min-width: 170px; min-height: 50px; line-height: 50px; border-radius: 0; padding: 0 20px; background-color: #f7f7f7; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .fh-btn-3:hover, .fh-btn-3:focus { color: #252525; border: 0; box-shadow: none; outline: none; background-color: #f7f7f7; } /** * 6.1 Posts and Pages */ .site-content { padding-top: 80px; padding-bottom: 80px; } .container { padding-left: 0; padding-right: 0; } .container .container { width: 100%; } .single-right .site-content, .single-left .site-content { padding-top: 0; padding-bottom: 0; } .single-right .content-area, .single-left .content-area, .single-right .blog-sidebar .factoryhub-widget, .single-left .blog-sidebar .factoryhub-widget, .single-right .project-sidebar .factoryhub-widget, .single-left .project-sidebar .factoryhub-widget { padding-top: 80px; padding-bottom: 80px; } .page-template-template-homepage .site-content, .page-template-template-fullwidth .site-content { padding-top: 0; padding-bottom: 0; } .single-left .primary-sidebar { float: left; } .single-left .content-area { float: right; } .single-left.single-post .site-main, .single-left.blog-classic .site-main { padding-left: 10px; } .single-right .primary-sidebar { float: right; } .single-right .content-area { float: left; } .single-right.single-post .site-main, .single-right.blog-classic .site-main { padding-right: 10px; } .entry-thumbnail { margin-bottom: 20px; position: relative; } .entry-meta { padding-bottom: 10px; } .entry-meta a { color: #848484; font-weight: 400; } .entry-meta a:hover { color: #ffc811; } .entry-meta .meta { display: inline-block; padding-right: 20px; } .entry-meta .meta:last-child { padding-right: 0; } .entry-meta .meta.views { cursor: pointer; transition: 0.5s; text-transform: capitalize; } .entry-meta .meta.views:hover { color: #ffc811; } .entry-meta .fa { padding-right: 10px; color: #ffc811; font-size: 15px; } .entry-title { font-size: 26px; font-weight: 600; margin: 0; } .post-author { margin-top: 70px; } .post-author .box-title { text-transform: capitalize; font-size: 30px; font-weight: 400; margin: 0 0 40px; padding-bottom: 15px; position: relative; } .post-author .box-title:after { content: ''; position: absolute; height: 1px; width: 50px; background-color: #ffc811; left: 0; bottom: 0; } .post-author .post-author-box { background-color: #f7f7f7; padding: 30px; } .post-author .post-author-box .post-author-avatar { float: left; padding-right: 30px; } .post-author .post-author-box .author-name { margin: 0; font-weight: 600; font-size: 20px; color: #222; text-transform: capitalize; } .post-author .post-author-box .post-author-info p { font-size: 16px; margin-top: 10px; font-weight: 300; margin-bottom: 0; } .single .entry-content { padding-bottom: 25px; } .single .entry-content.no-title { padding-top: 10px; } .format-audio iframe { width: calc(100% - 30px); height: 75px; position: absolute; left: 15px; bottom: 0; } .format-video iframe { width: 100%; } .single-post .hentry { border: 1px solid #f4f4f4; } .single-post .entry-header .entry-meta, .single-post .entry-content, .single-post .entry-footer { margin-left: 30px; margin-right: 30px; } .single-post .entry-title { display: none; } .single-post.no-sidebar .entry-thumbnail { text-align: center; } .single-post .no-thumb { padding-top: 30px; } .single-post .post-password-required .post-password-form input[type="password"] { outline: none; border: 2px solid #f4f4f4; height: 40px; padding: 0 10px; } .single-post .post-password-required .post-password-form input[type="password"]:focus { outline: none; } .single-post .post-password-required .post-password-form input[type="submit"] { outline: none; background-color: #f7f7f7; border: none; height: 40px; line-height: 40px; padding: 0 10px; } .single-post .post-password-required .post-password-form input[type="submit"]:focus { outline: none; } .no-thumb .entry-thumbnail { margin: 0; display: none; } .no-thumb .entry-thumbnail i { display: none; } .entry-content { padding-bottom: 0; } .entry-footer { padding: 20px 0; border-top: 1px solid #f4f4f4; } .blog-wrapper { border: 1px solid #f4f4f4; padding-bottom: 35px; margin-bottom: 60px; } .blog-wrapper .entry-thumbnail a { display: inline-block; position: relative; } .blog-wrapper .entry-thumbnail a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #04192b; opacity: 0; transition: 0.5s; } .blog-wrapper .entry-thumbnail a i { color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; background-color: #ffc811; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.5s; } .blog-wrapper.no-thumb { padding-top: 45px; } .blog-wrapper:hover .entry-thumbnail a:before { opacity: 0.77; } .blog-wrapper:hover .entry-thumbnail a i { opacity: 1; } .blog-wrapper.sticky .entry-title { position: relative; } .blog-wrapper.sticky .entry-title:before { content: '\f02e'; font-family: FontAweSome; color: #ffc811; position: absolute; top: 3px; left: -23px; font-size: 22px; } .blog-classic .blog-wrapper .entry-thumbnail { margin-bottom: 30px; } .blog-classic .blog-wrapper .entry-meta { padding-bottom: 20px; } .blog-classic .blog-wrapper .entry-header, .blog-classic .blog-wrapper .entry-content, .blog-classic .blog-wrapper .entry-footer { margin-left: 30px; margin-right: 30px; } .blog-classic .blog-wrapper .entry-content { padding-bottom: 20px; } .blog-classic .blog-wrapper .entry-footer { padding-bottom: 0; position: relative; } .blog-classic .blog-wrapper .entry-footer:before { content: ''; position: absolute; left: 0; top: -1px; width: 50px; height: 1px; background-color: #ffc811; } .blog-classic .blog-wrapper .entry-footer .post-author-avatar { float: left; } .blog-classic .blog-wrapper .entry-footer .post-author-avatar img { border-radius: 50%; } .blog-classic .blog-wrapper .entry-footer .post-author-info { margin-left: 65px; font-size: 20px; font-weight: 600; text-transform: capitalize; } .blog-classic .blog-wrapper .entry-footer .post-author-info h3 { margin: 0; } .blog-grid .blog-wrapper { padding-bottom: 0; margin-bottom: 50px; border: 0; } .blog-grid .blog-wrapper .entry-title { font-size: 24px; } .blog-grid .blog-wrapper .comments-link, .blog-grid .blog-wrapper .entry-content { display: none; } .blog-grid .blog-wrapper .entry-footer { border-bottom: 2px solid #f4f4f4; border-top: 0; padding-top: 0; padding-bottom: 10px; transition: 0.5s; } .blog-grid .blog-wrapper.col-md-6:nth-child(2n+1) { clear: left; } .blog-grid .blog-wrapper.col-md-4:nth-child(3n+1) { clear: left; } .blog-grid .blog-wrapper.col-md-3:nth-child(4n+1) { clear: left; } .blog-grid .blog-wrapper:hover .entry-footer { border-bottom-color: #ffc811; } .blog-grid .blog-wrapper.col-3 .entry-title { font-size: 20px; } .blog-grid .blog-wrapper.col-3 .views { display: none; } .blog-grid .blog-wrapper.col-4 .entry-title { font-size: 20px; } .blog-grid .blog-wrapper.col-4 .views, .blog-grid .blog-wrapper.col-4 .cat-link { display: none; } .blog-grid .blog-wrapper.col-4 .posted-on a { color: #ffc811; } .blog-grid.single .cat-link, .blog-grid.single .comments-link { display: inline-block; } .socials-share { margin-left: 20px; margin-bottom: 0; padding-left: 0; list-style: none; display: inline-block; } .socials-share li { display: inline-block; padding: 0 5px; } .socials-share li:first-child { padding-left: 0; } .socials-share li:last-child { padding-right: 0; } .socials-share a { color: #a5a5a5; font-size: 14px; display: inline-block; width: 39px; height: 38px; line-height: 38px; text-align: center; background-color: #f4f4f4; border-radius: 50%; transition: 0.5s; } .socials-share a:hover { background-color: #ffc811; color: #fff; } .tax-service_category .site-content, .post-type-archive-service .site-content, .single-service .site-content { padding-top: 80px; padding-bottom: 80px; } .service .service-inner { margin-bottom: 40px; padding-bottom: 35px; border-bottom: 2px solid #f4f4f4; transition: 0.5s; } .service .service-summary { margin-bottom: 0; text-align: center; } .service .service-summary h2 { font-size: 20px; font-weight: 600; margin-top: 0; margin-bottom: 5px; } .service .service-summary p { margin-bottom: 0; } .service .service-thumbnail { margin-bottom: 15px; } .service .service-thumbnail a { position: relative; display: block; } .service .service-thumbnail a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffc811; opacity: 0; transition: 0.5s; } .service:hover .service-thumbnail a:before { opacity: 0.8; } .service:hover .service-inner { border-color: #ffc811; } .post-type-archive-service .site-content .content-area, .single-service .site-content .content-area, .tax-service_category .site-content .content-area { padding-top: 0; padding-bottom: 0; } .single-service .aligncenter { display: none; } .single-service blockquote { padding: 20px 75px; background-color: #f4f4f4; border-left: 1px solid #ffc811; position: relative; } .single-service blockquote:before { content: ''; position: absolute; width: 1px; height: 92%; left: 3px; top: 0; background-color: #ffc811; } .single-service blockquote:after { content: '\e914'; font-family: 'factoryhub'; position: absolute; top: 22px; left: 22px; color: #e6e6e6; font-style: normal; font-size: 32px; } .single-service cite { display: block; font-size: 16px; font-style: normal; padding-top: 10px; color: #222222; } .single-service cite span { color: #ffc811; } .project .entry-thumbnail { margin-bottom: 0; } .project .project-content { margin-top: 60px; } .project cite { display: block; font-size: 16px; font-style: normal; padding-top: 10px; color: #222222; } .project cite span { color: #ffc811; } .single-project .single-project { padding-bottom: 80px; } .single-project .entry-thumbnail { margin-bottom: 25px; position: relative; } .single-project .entry-thumbnail .owl-controls .owl-pagination { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); } .single-project .entry-thumbnail .owl-controls .owl-pagination .owl-page span { width: 12px; height: 12px; border: 4px solid #fff; background-color: transparent; } .single-project .entry-thumbnail .owl-controls .owl-pagination .owl-page:hover span, .single-project .entry-thumbnail .owl-controls .owl-pagination .owl-page.active span { border-color: #ffc811; } .single-project .entry-content { padding-right: 30px; border-right: 1px solid #f4f4f4; } .single-project .single-project-title { font-size: 36px; font-weight: 400; padding-bottom: 15px; margin-bottom: 35px; margin-top: 0; position: relative; text-transform: capitalize; } .single-project .single-project-title:before { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 1px; background-color: #ffc811; } .single-project .project-socials { padding-top: 20px; } .metas { padding-left: 30px; } .metas h4 { font-size: 16px; font-weight: 600; margin: 0; line-height: 1; display: inline-block; padding-right: 15px; } .metas a, .metas p { color: #848484; font-size: 16px; margin-bottom: 0; font-weight: 300; } .metas .meta { padding-bottom: 19px; } .metas .meta:last-child { padding-bottom: 0; } .metas i { font-size: 14px; color: #ffc811; } .all-project ul.filter { padding: 0 10px; margin-bottom: 60px; list-style: none; text-align: center; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); background-color: #f4f4f4; } .all-project ul.filter li { font-size: 14px; color: #848484; font-family: 'Open Sans', sans-serif; display: inline-block; padding: 12px 10px 13px 10px; margin: 0 10px; cursor: pointer; position: relative; } .all-project ul.filter li a { color: #848484; } .all-project ul.filter li:after { transition: all 0.5s; content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 3px; background-color: #ffc811; } .all-project ul.filter li.active:after, .all-project ul.filter li:hover:after { left: 0; width: 100%; background-color: #ffc811; } .all-project ul.filter li:first-child { margin-left: 0; } .all-project ul.filter li:last-child { margin-right: 0; } .all-project .project-inner { display: inline-block; } .project-wrapper { margin-bottom: 30px; } .project-inner { position: relative; display: inline-block; } .project-inner .pro-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: transparent; } .project-inner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #02111e; opacity: 0; transition: 0.5s; z-index: 1; } .project-inner .project-summary { color: #fff; font-size: 16px; font-weight: 400; opacity: 0; transition: 0.5s; position: absolute; bottom: 20px; left: 50%; width: calc(100% - 40px); transform: translateX(-50%); padding: 27px 20px; text-align: center; z-index: 9999; background-color: #ffc811; } .project-inner .project-summary h2 { font-size: 24px; margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 1; } .project-inner .project-summary h2 a { color: #fff; } .project-inner .project-summary .project-cat a { color: #fff; font-size: 18px; font-weight: 300; } .project-inner .project-icon { position: absolute; width: 65px; height: 65px; line-height: 65px; border-radius: 50%; color: #fff; background-color: #ffc811; font-size: 20px; text-align: center; top: 40%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.5s; } .project-inner:hover:before { opacity: 0.8; } .project-inner:hover .project-summary, .project-inner:hover .project-icon { opacity: 1; } .post-type-archive-project.project-grid .project-wrapper.col-3 .project-inner .project-summary, .tax-project_category.project-grid .project-wrapper.col-3 .project-inner .project-summary, .post-type-archive-project.project-grid .project-wrapper.col-4 .project-inner .project-summary, .tax-project_category.project-grid .project-wrapper.col-4 .project-inner .project-summary { padding: 20px; } .post-type-archive-project.project-grid .project-wrapper.col-3 .project-inner .project-summary h2, .tax-project_category.project-grid .project-wrapper.col-3 .project-inner .project-summary h2, .post-type-archive-project.project-grid .project-wrapper.col-4 .project-inner .project-summary h2, .tax-project_category.project-grid .project-wrapper.col-4 .project-inner .project-summary h2 { font-size: 20px; } .post-type-archive-project.project-grid .project-wrapper.col-3 .project-inner .project-summary .project-cat a, .tax-project_category.project-grid .project-wrapper.col-3 .project-inner .project-summary .project-cat a, .post-type-archive-project.project-grid .project-wrapper.col-4 .project-inner .project-summary .project-cat a, .tax-project_category.project-grid .project-wrapper.col-4 .project-inner .project-summary .project-cat a { font-size: 16px; } .post-type-archive-project.project-grid .project-wrapper.col-3 .project-icon, .tax-project_category.project-grid .project-wrapper.col-3 .project-icon, .post-type-archive-project.project-grid .project-wrapper.col-4 .project-icon, .tax-project_category.project-grid .project-wrapper.col-4 .project-icon { display: none; } .project-grid .list-project { margin-left: -15px; margin-right: -15px; } .project-full_width .project-wrapper { padding: 0; margin-bottom: 0; } .search-no-results .no-results .page-header { background-color: transparent; } .search-no-results .no-results h2 { margin-bottom: 30px; color: #222; } .search-no-results .no-results .search-form { font-size: 16px; position: relative; color: #222222; padding: 0 5px; border: 1px solid #f4f4f4; margin-top: 20px; border-radius: 50px; } .search-no-results .no-results .search-form:before { content: '\f002'; position: absolute; top: 50%; right: 16px; color: #222; font-family: FontAwesome; font-size: 14px; z-index: 99; transform: translateY(-50%); } .search-no-results .no-results .search-form .screen-reader-text { display: none; } .search-no-results .no-results .search-form ::-webkit-input-placeholder { color: #9e9e9e; } .search-no-results .no-results .search-form :-moz-placeholder { color: #9e9e9e; } .search-no-results .no-results .search-form ::-moz-placeholder { color: #9e9e9e; } .search-no-results .no-results .search-form :-ms-input-placeholder { color: #9e9e9e; } .search-no-results .no-results .search-form .search-submit { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .search-no-results .no-results .search-form label { width: 100%; margin-bottom: 0; } .search-no-results .no-results .search-form label input { height: 50px; line-height: 50px; width: 100%; padding: 0 0 0 15px; border: 0; background-color: transparent; } .search-no-results .no-results .search-form label input:focus { outline: none; } .search-results .blog-wrapper { width: 100%; } .error404 .site-content { padding-top: 130px; padding-bottom: 130px; background-color: rgba(255, 200, 17, 0.8); } .error404 .error-404 { text-align: center; color: #fff; } .error404 .error-404 .page-header { margin-top: 0; padding-bottom: 0; margin-bottom: 45px; border: 0; background-color: transparent; } .error404 .error-404 .page-header p { font-weight: 400; line-height: 1; } .error404 .error-404 .page-header p.line-1 { font-size: 20px; text-transform: uppercase; padding-bottom: 15px; } .error404 .error-404 .page-header p.line-2 { font-size: 16px; font-weight: 300; } .error404 .error-404 h1 { font-size: 150px; font-weight: 700; color: #fff; margin: 0; line-height: 1; padding-bottom: 15px; } .error404 .error-404 .search-field { background-color: #eee6cf; font-weight: 400; border: none; } .error404 .error-404 .search-form { font-size: 16px; position: relative; color: #848484; padding: 0 5px; width: 430px; margin: 0 auto; } .error404 .error-404 .search-form:before { content: '\f002'; position: absolute; top: 50%; right: 7px; color: #fff; font-family: FontAwesome; font-size: 14px; z-index: 99; transform: translateY(-50%); } .error404 .error-404 .search-form:after { content: ''; position: absolute; top: 0px; right: -11px; width: 50px; height: 50px; background-color: #04192b; z-index: 9; } .error404 .error-404 .search-form .screen-reader-text { display: none; } .error404 .error-404 .search-form ::-webkit-input-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form :-moz-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form ::-moz-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form :-ms-input-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form .search-submit { position: absolute; top: 1px; right: -10px; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .error404 .error-404 .search-form label { width: 100%; margin-bottom: 0; } .error404 .error-404 .search-form label input { height: 50px; line-height: 50px; width: 100%; padding: 0 0 0 15px; } .error404 .error-404 .search-form label input:focus { outline: none; } .error404 .error-404 .back-home { margin-top: 25px; } .error404 .error-404 .back-home a { color: #fff; font-size: 16px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .modal { background-color: rgba(0, 0, 0, 0.9); } .modal.in { opacity: 1; } .modal .woocommerce-review-link, .modal .woocommerce-comment-link { display: none; } .modal-header { text-align: center; } .modal-dialog { width: 70%; } .backtotop { display: inline-block; position: fixed; bottom: 60px; right: 60px; width: 60px; height: 60px; line-height: 50px; text-align: center; border-radius: 50%; border: 3px solid #ffc811; color: #ffc811; font-size: 30px; background-color: #160f09; opacity: 0; transition: 0.5s; z-index: 9999; } .backtotop .fa { color: #ffc811; } .backtotop:hover { color: #ffc811; } .backtotop:hover .fa { color: #ffc811; } .backtotop.show-scroll { opacity: 1; } /** * 6.3 Comments */ .bypostauthor { display: block; } .comments-area { clear: both; margin-top: 80px; } .comments-title, .comment-reply-title { text-transform: capitalize; font-size: 30px; font-weight: 400; margin: 0 0 20px; padding-bottom: 15px; position: relative; } .comments-title:after, .comment-reply-title:after { content: ''; position: absolute; height: 1px; width: 50px; background-color: #ffc811; left: 0; bottom: 0; } .comment-reply-title { margin-bottom: 30px; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list .children { list-style: none; padding: 0 0 0 80px; } .comment-list .children:last-child { margin-bottom: 0; } .comment-list > .comment:first-child article { border: none; } .comment { zoom: 1; float: left; clear: both; width: 100%; } .comment:before, .comment:after { content: ""; display: table; } .comment:after { clear: both; } .comment:before, .comment:after { content: ""; display: table; } .comment:after { clear: both; } .comment article { padding: 23px 0; border-top: 1px solid #f4f4f4; overflow: hidden; } .comment .comment-author { float: left; } .comment .comment-edit-link { float: right; margin-right: 20px; } .comment .comment-meta { margin-left: 130px; } .comment .author-name { font-size: 20px; font-family: 'Open Sans', sans-serif; color: #222222; font-weight: 600; text-transform: capitalize; font-style: normal; padding-bottom: 10px; } .comment .comment-reply-link { font-size: 16px; font-weight: 700; text-transform: capitalize; position: relative; font-family: 'Open Sans', sans-serif; } .comment .comment-reply-link:hover { color: #ffc811; } .comment-respond { margin-top: 50px; } .comment-respond .comment-notes { font-size: 16px; font-weight: 400; color: #222222; padding-bottom: 5px; } .comment-respond ::-webkit-input-placeholder { color: #9f9f9f; font-size: 16px; } .comment-respond .required { display: none; } .comment-respond textarea { width: 100%; padding: 10px 15px; border-color: #f4f4f4; outline: none; color: #222222; } .comment-respond .comment-form-comment { margin-bottom: 30px; margin-top: 20px; } .comment-respond .comment-form-email input { border: 1px solid #f4f4f4; } .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url, .comment-respond .comment-form-phone { width: 50%; float: left; padding: 0 15px; } .comment-respond .comment-form-author input, .comment-respond .comment-form-email input, .comment-respond .comment-form-url input, .comment-respond .comment-form-phone input { width: 100%; padding-left: 15px; height: 50px; border-color: #f4f4f4; outline: none; color: #222222; } .comment-respond .comment-form-author, .comment-respond .comment-form-url { padding-left: 0; } .comment-respond .comment-form-email, .comment-respond .comment-form-phone { padding-right: 0; } .comment-respond .form-submit { clear: both; margin-top: 40px; } .comment-respond .form-submit .submit { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 160px; min-height: 50px; line-height: 50px; border-radius: 50px; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .comment-respond .form-submit .submit:hover, .comment-respond .form-submit .submit:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .comment-content { word-break: break-all; padding-bottom: 20px; font-weight: 300; } .comment-content a { word-wrap: break-word; } .comment-awaiting-moderation { display: block; } /*-------------------------------------------------------------- 7.0 - Widgets --------------------------------------------------------------*/ .single-right .blog-sidebar .factoryhub-widget, .single-right .project-sidebar .factoryhub-widget { border-left: 1px solid #f4f4f4; padding-left: 40px; } .single-left .blog-sidebar .factoryhub-widget, .single-left .project-sidebar .factoryhub-widget { border-right: 1px solid #f4f4f4; padding-right: 40px; } .widget { margin-bottom: 50px; } .widget:last-child { margin-bottom: 0; } .widget .widget-title { text-transform: capitalize; font-size: 24px; font-weight: 400; margin: 0 0 20px; padding-bottom: 15px; position: relative; } .widget .widget-title:after { content: ''; position: absolute; height: 1px; width: 50px; background-color: #ffc811; left: 0; bottom: 0; } .widget ul { margin: 0; padding: 0; } .widget ul li { list-style: none; } .widget table, .widget select { width: 100%; } .widget select { color: #9e9e9e; border: 1px solid #f4f4f4; height: 50px; padding-left: 15px; background-color: transparent; } .widget select:focus { outline: none; } .widget select option { color: #555; } .widget table { text-align: left; width: 100%; } .widget table caption { border: 1px solid #f4f4f4; border-bottom-width: 0; text-align: center; } .widget table tr { border: 1px solid #f4f4f4; border-bottom-width: 0; padding: 3px 0; } .widget table tr td, .widget table tr th { padding: 0 5px; border-bottom: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; } .widget_calendar { line-height: 26px; } .widget_recent_comments li, .widget_rss li { border-bottom: solid 1px #f4f4f4; padding: 15px 0; position: relative; transition: all 0.5s; } .widget_recent_comments li > a, .widget_rss li > a { color: #848484; padding-left: 0; position: relative; transition: all 0.5s; } .widget_recent_comments li:hover > a, .widget_rss li:hover > a { color: #ffc811; } .widget_recent_comments li:last-child, .widget_rss li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_recent_comments li ul, .widget_rss li ul { margin-top: 15px; border-top: solid 1px #f4f4f4; } .widget_recent_comments .children, .widget_rss .children { border-top: 1px solid #f4f4f4; margin-top: 15px; margin-left: 15px; } .widget_recent_comments .children li:first-child, .widget_rss .children li:first-child { padding-top: 15px; } .widget_recent_comments .children li:last-child, .widget_rss .children li:last-child { padding-bottom: 0; border-bottom: none; } .widget_categories .widget-title, .widget_pages .widget-title, .widget_archive .widget-title, .widget_nav_menu .widget-title, .widget_recent_entries .widget-title, .widget_meta .widget-title, ul.service-menu .widget-title { margin-bottom: 20px; } .widget_categories li, .widget_pages li, .widget_archive li, .widget_nav_menu li, .widget_recent_entries li, .widget_meta li, ul.service-menu li { border-bottom: solid 1px #f4f4f4; padding: 15px 0; position: relative; transition: all 0.5s; } .widget_categories li > a, .widget_pages li > a, .widget_archive li > a, .widget_nav_menu li > a, .widget_recent_entries li > a, .widget_meta li > a, ul.service-menu li > a { color: #848484; padding-left: 35px; padding-right: 15px; position: relative; transition: all 0.5s; display: block; } .widget_categories li > a:before, .widget_pages li > a:before, .widget_archive li > a:before, .widget_nav_menu li > a:before, .widget_recent_entries li > a:before, .widget_meta li > a:before, ul.service-menu li > a:before { color: #848484; content: '\f114'; position: absolute; top: 0; left: 0; font-size: 16px; font-family: FontAweSome; transition: all 0.5s; } .widget_categories li:before, .widget_pages li:before, .widget_archive li:before, .widget_nav_menu li:before, .widget_recent_entries li:before, .widget_meta li:before, ul.service-menu li:before { color: #848484; content: '\f105'; position: absolute; top: 15px; right: 0; font-size: 16px; font-family: FontAweSome; transition: all 0.5s; } .widget_categories li:hover, .widget_pages li:hover, .widget_archive li:hover, .widget_nav_menu li:hover, .widget_recent_entries li:hover, .widget_meta li:hover, ul.service-menu li:hover { color: #ffc811; } .widget_categories li:hover:before, .widget_pages li:hover:before, .widget_archive li:hover:before, .widget_nav_menu li:hover:before, .widget_recent_entries li:hover:before, .widget_meta li:hover:before, ul.service-menu li:hover:before { color: #ffc811; } .widget_categories li:hover > a, .widget_pages li:hover > a, .widget_archive li:hover > a, .widget_nav_menu li:hover > a, .widget_recent_entries li:hover > a, .widget_meta li:hover > a, ul.service-menu li:hover > a { color: #ffc811; } .widget_categories li:hover > a:before, .widget_pages li:hover > a:before, .widget_archive li:hover > a:before, .widget_nav_menu li:hover > a:before, .widget_recent_entries li:hover > a:before, .widget_meta li:hover > a:before, ul.service-menu li:hover > a:before { color: #ffc811; } .widget_categories li ul, .widget_pages li ul, .widget_archive li ul, .widget_nav_menu li ul, .widget_recent_entries li ul, .widget_meta li ul, ul.service-menu li ul { margin-top: 15px; border-top: solid 1px #f4f4f4; } .widget_categories li ul li:last-child, .widget_pages li ul li:last-child, .widget_archive li ul li:last-child, .widget_nav_menu li ul li:last-child, .widget_recent_entries li ul li:last-child, .widget_meta li ul li:last-child, ul.service-menu li ul li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_categories .children, .widget_pages .children, .widget_archive .children, .widget_nav_menu .children, .widget_recent_entries .children, .widget_meta .children, ul.service-menu .children { border-top: 1px solid #f4f4f4; margin-top: 15px; margin-left: 15px; } .widget_categories .children li:first-child, .widget_pages .children li:first-child, .widget_archive .children li:first-child, .widget_nav_menu .children li:first-child, .widget_recent_entries .children li:first-child, .widget_meta .children li:first-child, ul.service-menu .children li:first-child { padding-top: 15px; } .widget_categories .children li:last-child, .widget_pages .children li:last-child, .widget_archive .children li:last-child, .widget_nav_menu .children li:last-child, .widget_recent_entries .children li:last-child, .widget_meta .children li:last-child, ul.service-menu .children li:last-child { padding-bottom: 0; border-bottom: none; } .widget_tag_cloud a { margin-bottom: 10px; margin-right: 10px; display: inline-block; font-size: 16px !important; font-weight: 300; border: 1px solid #f4f4f4; color: #848484; padding: 5px 18px; } .widget_tag_cloud a:hover { color: #222; text-decoration: none; border-color: #f7f7f7; background-color: #f7f7f7; } .popular-posts-widget .popular-post { margin-bottom: 30px; border: 0; padding: 0; } .popular-posts-widget .widget-thumb { float: left; } .popular-posts-widget .mini-widget-title { margin-left: 100px; } .popular-posts-widget .mini-widget-title h4 { font-size: 16px; font-weight: 400; line-height: 26px; text-transform: capitalize; margin: 0; } .popular-posts-widget span a { color: #848484; padding-left: 5px; text-transform: capitalize; } .widget-about img { margin-bottom: 25px; } .widget-about a { font-size: 14px; font-weight: 700; text-transform: uppercase; display: block; margin-top: 20px; } .widget-about a .fa { padding-left: 5px; } .widget-about a:hover { color: #ffc811; } .tabs-widget .tabs-nav li { width: 33%; border-bottom: none; padding-bottom: 0; } .tabs-widget .tabs-nav li:last-child { width: 34%; } .tabs-widget .tabs-nav li:before { display: none; } .tabs-widget .tabs-nav li a { background: #555; border: 1px solid #ccc; color: #646464; padding: 8px 0; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 700; font-family: 'Open Sans', sans-serif; } .tabs-widget .tabs-nav li a.active { color: #fff; text-decoration: none; border-color: transparent; background: #ffc811; } .tabs-widget .tabs-nav li a:hover { text-decoration: none; } .tabs-widget .tabs-panel { margin-top: -1px; padding: 15px 0 20px; } .tabs-widget .tab-comments .comment { border-bottom: solid 1px #ccc; padding: 10px 0; overflow: hidden; } .tabs-widget .tab-comments .comment-summary { font-style: italic; margin-bottom: 5px; } .related-post, .popular-post { border-bottom: 1px solid #f4f4f4; padding: 25px 0; overflow: hidden; } .related-post:last-child, .popular-post:last-child { border-bottom: none; padding-bottom: 0; } .related-post .widget-thumb, .popular-post .widget-thumb { float: left; } .related-post .post-text, .popular-post .post-text { margin-left: 95px; font-weight: 300; color: #848484; font-size: 16px; } .related-post .post-text .post-title, .popular-post .post-text .post-title { color: #212121; display: block; padding-bottom: 5px; } .related-post .post-text .post-date i, .popular-post .post-text .post-date i { font-size: 14px; padding-right: 10px; color: #ffc811; } .related-post .post-text .post-comments, .popular-post .post-text .post-comments { display: block; } .related-post .post-text .read-more, .popular-post .post-text .read-more { line-height: 2; } .related-post.no-thumbnail .post-text, .popular-post.no-thumbnail .post-text { margin-left: 0; margin-top: 0; } .widget-recent-comments li { padding: 20px 0; color: #ccc; } .widget-recent-comments li a, .widget-recent-comments li p { color: #555; } .widget_search .search-field { background-color: transparent; font-weight: 400; border-width: 0; } .widget_search .search-form { font-size: 16px; position: relative; color: #222222; padding: 0 5px; border: 1px solid #f4f4f4; } .widget_search .search-form:before { content: '\f002'; position: absolute; top: 50%; right: 16px; color: #222; font-family: FontAwesome; font-size: 14px; z-index: 99; transform: translateY(-50%); } .widget_search .search-form:after { content: ''; position: absolute; top: -1px; right: -1px; width: 50px; height: 52px; background-color: #f4f4f4; border: 1px solid #f4f4f4; z-index: 9; } .widget_search .search-form .screen-reader-text { display: none; } .widget_search .search-form ::-webkit-input-placeholder { color: #9e9e9e; } .widget_search .search-form :-moz-placeholder { color: #9e9e9e; } .widget_search .search-form ::-moz-placeholder { color: #9e9e9e; } .widget_search .search-form :-ms-input-placeholder { color: #9e9e9e; } .widget_search .search-form .search-submit { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .widget_search .search-form label { width: 100%; margin-bottom: 0; } .widget_search .search-form label input { height: 50px; line-height: 50px; width: 100%; padding: 0 0 0 15px; } .widget_search .search-form label input:focus { outline: none; } .service-sidebar .services-menu-widget li { margin-bottom: 5px; border: 1px solid #f4f4f4; background-color: #fff; padding: 15px 30px; position: relative; transition: 0.5s; } .service-sidebar .services-menu-widget li:after, .service-sidebar .services-menu-widget li:before { display: none; } .service-sidebar .services-menu-widget li a { display: block; color: #222222; font-family: 'Open Sans', sans-serif; font-size: 16px; padding-left: 0; font-weight: 400; position: relative; transition: 0.5s; } .service-sidebar .services-menu-widget li a:after { content: ''; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #f4f4f4; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); transition: 0.5s; } .service-sidebar .services-menu-widget li a:before { display: none; } .service-sidebar .services-menu-widget li:hover, .service-sidebar .services-menu-widget li.current-menu-item { background-color: #04192b; } .service-sidebar .services-menu-widget li:hover:before, .service-sidebar .services-menu-widget li.current-menu-item:before { opacity: 1; } .service-sidebar .services-menu-widget li:hover a, .service-sidebar .services-menu-widget li.current-menu-item a { color: #ffc811; } .service-sidebar .services-menu-widget li:hover a:after, .service-sidebar .services-menu-widget li.current-menu-item a:after { border-color: #ffc811; } .service-sidebar .download .item-download { background-color: #f7f7f7; margin-bottom: 5px; position: relative; } .service-sidebar .download .item-download a { display: block; padding: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .service-sidebar .download .item-download .fa { color: #222222; font-size: 18px; padding-right: 20px; } .service-sidebar .side-contact { border: 1px solid #f7f7f7; } .service-sidebar .side-contact h3 { background-color: #f7f7f7; margin: 0; padding: 15px 20px; font-size: 22px; } .service-sidebar .side-contact .side-info { padding: 25px 20px; } .service-sidebar .side-contact .fa { color: #ffc811; padding-right: 10px; } .service-sidebar .side-contact p { font-style: italic; } .factoryhub-social-links-widget a { color: #9e9e9e; padding: 0 10px; display: inline-block; } .factoryhub-social-links-widget a:first-child { padding-left: 0; } .factoryhub-social-links-widget a:last-child { padding-right: 0; } .woocommerce .added_to_cart, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 160px; min-height: 50px; line-height: 50px; border-radius: 50px; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .woocommerce .added_to_cart:hover, .woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce .added_to_cart:focus, .woocommerce button.button:focus, .woocommerce a.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .woocommerce .added_to_cart.alt, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 160px; min-height: 50px; line-height: 50px; border-radius: 50px; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .woocommerce .added_to_cart.alt:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce .added_to_cart.alt:focus, .woocommerce button.button.alt:focus, .woocommerce a.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit.alt:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .woocommerce .site-content { padding-bottom: 80px; padding-top: 80px; } .woocommerce.single-right .content-area, .woocommerce.single-left .content-area { padding-bottom: 0; padding-top: 0; } .woocommerce .star-rating { font-size: 14px; width: 66px; } .woocommerce .star-rating:before, .woocommerce .star-rating span:before { font-family: FontAweSome; content: "\f005\f005\f005\f005\f005"; } .woocommerce .star-rating:before { color: #d6d6d6; } .woocommerce .star-rating span:before { color: #ffc811; } .woocommerce span.ribbons { position: absolute; top: 0; left: 0; } .woocommerce span.ribbons:before { content: ''; position: absolute; top: 10px; left: 10px; border-top: 35px solid #ffc811; border-bottom: 35px solid transparent; border-left: 35px solid #ffc811; border-right: 35px solid transparent; } .woocommerce span.ribbon { color: #fff; font-size: 16px; font-weight: 400; text-align: center; display: block; margin: 0; font-family: 'Open Sans', sans-serif; position: absolute; background-color: transparent; z-index: 10; top: 6px; left: 9px; transform: rotate(-45deg); } .woocommerce .shop-toolbar { margin-bottom: 20px; } .woocommerce .shop-toolbar p, .woocommerce .shop-toolbar form { margin-bottom: 0; } .woocommerce .shop-toolbar p { line-height: 45px; } .woocommerce .shop-toolbar form { position: relative; } .woocommerce .shop-toolbar form:after { content: '\f107'; font-family: FontAweSome; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); color: #848484; width: 25px; text-align: left; background-color: #fff; } .woocommerce .shop-toolbar select { border: 2px solid #f4f4f4; height: 45px; padding-left: 18px; padding-right: 18px; } .woocommerce .shop-toolbar select:focus { outline: none; } .woocommerce .shop-toolbar h2, .woocommerce .woocommerce-billing-fields h3, .woocommerce h3 label, .woocommerce h3.payment_heading, .woocommerce #order_review_heading, .woocommerce .cart_totals h2, .woocommerce .cross-sells h2, .woocommerce .col2-set h2, .woocommerce #order_review h3 { text-transform: capitalize; font-size: 30px; font-weight: 400; margin: 0 0 40px; padding-bottom: 12px; position: relative; } .woocommerce .shop-toolbar h2:after, .woocommerce .woocommerce-billing-fields h3:after, .woocommerce h3 label:after, .woocommerce h3.payment_heading:after, .woocommerce #order_review_heading:after, .woocommerce .cart_totals h2:after, .woocommerce .cross-sells h2:after, .woocommerce .col2-set h2:after, .woocommerce #order_review h3:after { content: ''; width: 50px; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #ffc811; } .woocommerce div.product .product-details { margin-bottom: 80px; } .woocommerce div.product .images-product { width: 44.444%; float: left; padding-right: 15px; margin-bottom: 0; position: relative; } .woocommerce div.product .images-product figure { margin: 0; } .woocommerce div.product div.summary { width: 55.556%; float: right; padding-left: 15px; position: relative; margin-bottom: 0; } .woocommerce div.product div.summary h1 { margin-bottom: 0; font-size: 30px; } .woocommerce div.product div.summary div[itemprop="offers"] { padding-bottom: 20px; border-bottom: 1px solid #f4f4f4; } .woocommerce div.product div.summary p.price { margin-bottom: 0; } .woocommerce div.product div.summary p.price > span { color: #ffc811; font-size: 22px; font-weight: 400; text-decoration: none; } .woocommerce div.product div.summary p.price ins { color: #ffc811; font-size: 22px; font-weight: 400; text-decoration: none; float: left; padding-right: 10px; } .woocommerce div.product div.summary p.price del { color: #848484; font-size: 16px; font-weight: 400; } .woocommerce div.product div.summary .woocommerce-product-rating { clear: both; margin-bottom: 5px; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating { margin-top: 10px; margin-right: 15px; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link { padding-right: 10px; color: #848484; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-comment-link { padding-left: 10px; border-left: 1px solid #f4f4f4; color: #848484; } .woocommerce div.product div.summary button.single_add_to_cart_button { border-radius: 0; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist { margin-top: 0; width: 45px; height: 45px; line-height: 43px; text-align: center; border: 1px solid #f4f4f4; float: left; margin-left: 15px; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a { display: block; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist .fa { font-size: 14px; margin-right: 0; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .fa { color: #848484; } .woocommerce div.product div.summary table.variations tr { border: none; } .woocommerce div.product div.summary table.variations tr th, .woocommerce div.product div.summary table.variations tr td { border: none; } .woocommerce div.product form.cart { position: relative; margin-bottom: 0; padding-bottom: 30px; } .woocommerce div.product form.cart div.quantity { margin-right: 30px; min-height: 50px; } .woocommerce div.product form.cart .price { display: none; } .woocommerce div.product form.cart .variations { margin-bottom: 20px; } .woocommerce div.product form.cart .variations .label { color: #222222; text-transform: uppercase; display: inline-block; padding-bottom: 0; padding-top: 10px; } .woocommerce div.product form.cart .variations select { border-color: #f4f4f4; border-radius: 0; height: 40px; padding-left: 5px; } .woocommerce div.product form.cart .variations select:focus { outline: none; } .woocommerce div.product div[itemprop="description"] { padding-top: 20px; margin-bottom: 35px; clear: both; } .woocommerce div.product div[itemprop="description"] h2 { font-size: 20px; font-weight: 400; margin-top: 0; margin-bottom: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { text-transform: capitalize; padding: 10px 30px; text-align: center; background-color: #fff; margin-right: 3px; margin-left: 1px; border-color: #f4f4f4; border-bottom-color: #fff; transition: 0.5s; border-top-left-radius: 5px; border-top-right-radius: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0; font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #848484; transition: 0.5s; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background-color: #f7f7f7; border-color: #f7f7f7; } .woocommerce div.product .woocommerce-tabs .panel { padding-top: 30px; margin-top: -1px; border-radius: 0; margin-bottom: 75px; box-shadow: none; } .woocommerce div.product .woocommerce-tabs .panel h2 { margin-top: 0; margin-bottom: 15px; font-size: 24px; font-weight: 400; } .woocommerce #reviews #review_form .comment-reply-title { margin-bottom: 30px; } .woocommerce #reviews #review_form .comment-form .comment-notes { display: none; } .woocommerce #reviews #review_form .comment-form p label { font-size: 16px; color: #222222; font-weight: 400; } .woocommerce #reviews #review_form .comment-form .form-submit { margin-top: 30px; } .woocommerce #reviews #review_form .comment-form .form-submit input.submit { background-color: #ffc811; color: #fff; } .woocommerce #reviews #review_form .comment-form .comment-form-author, .woocommerce #reviews #review_form .comment-form .comment-form-email { width: 50%; } .woocommerce #reviews #review_form .comment-form .comment-form-author input, .woocommerce #reviews #review_form .comment-form .comment-form-email input { border: 1px solid #f4f4f4; } .woocommerce #reviews #review_form .comment-form .comment-form-email { padding-right: 0; } .woocommerce #reviews #review_form .comment-form .comment-form-rating .stars a { color: #ffc811; font-size: 12px; } .woocommerce #reviews #review_form #respond p { margin-bottom: 10px; } .woocommerce #reviews #comment { height: 110px; } .woocommerce #reviews #comments { margin-bottom: 55px; } .woocommerce #reviews #comments h2 { color: #212121; font-size: 24px; font-weight: 400; text-transform: capitalize; } .woocommerce #reviews #comments ol.commentlist { padding: 0; } .woocommerce #reviews #comments ol.commentlist li { padding: 30px 0; border-bottom: 1px solid #f4f4f4; margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { top: 30px; width: 100px; height: auto; padding: 0; border-width: 0; background-color: transparent; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-radius: 0; margin-left: 120px; padding: 0; border-width: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta { display: inline-block; padding-right: 20px; margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { float: none; display: inline-block; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description p { margin-bottom: 5px; } .woocommerce #reviews #comments ol.commentlist li strong { font-size: 20px; font-weight: 600; color: #222222; line-height: 1; text-transform: capitalize; font-family: 'Open Sans', sans-serif; } .woocommerce .quantity { width: 66px; transition: 0.5s; padding: 10px; margin-left: 30px; border: 1px solid #f4f4f4; position: relative; background-color: #f7f7f7; } .woocommerce .quantity .increase, .woocommerce .quantity .decrease { cursor: pointer; padding: 0 6px; position: absolute; right: 0; font-size: 14px; color: #848484; transition: 0.5s; background-color: #efefef; } .woocommerce .quantity .increase:hover, .woocommerce .quantity .decrease:hover { color: #ffc811; } .woocommerce .quantity .increase { top: 0; border-bottom: 1px solid #f4f4f4; } .woocommerce .quantity .decrease { bottom: 0; } .woocommerce .quantity .qty { font-weight: 600; background-color: #f7f7f7; -moz-appearance: textfield; border-width: 0; padding-right: 15px; width: 40px; font-size: 18px; font-family: 'Open Sans', sans-serif; color: #222222; } .woocommerce .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; } .woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; } .woocommerce .quantity .qty:focus { outline: none; } .woocommerce .related.products h2 { text-transform: capitalize; font-size: 30px; font-weight: 400; margin: 0 0 25px; padding-bottom: 11px; position: relative; } .woocommerce .related.products h2:after { content: ''; position: absolute; height: 1px; background-color: #ffc811; left: 0; width: 50px; bottom: 0; } .woocommerce .related.products ul.products li.product { width: 100%; } .woocommerce .related.products .owl-controls .owl-buttons div { font-size: 14px; color: #9e9e9e; top: -70px; width: 45px; height: 45px; line-height: 43px; text-align: center; border-radius: 50%; border: 2px solid #f4f4f4; background-color: transparent; transition: 0.5s; } .woocommerce .related.products .owl-controls .owl-buttons div:hover { color: #fff; background-color: #ffc811; border-color: #ffc811; } .woocommerce .related.products .owl-controls .owl-prev { left: auto; right: 70px; } .woocommerce .related.products .owl-controls .owl-next { right: 15px; } .woocommerce ul.products { margin-left: -15px; margin-right: -15px; } .woocommerce ul.products li.product { margin-bottom: 10px; padding-left: 0; padding-right: 0; } .woocommerce ul.products li.product span.ribbons:before { top: 13px; left: 13px; } .woocommerce ul.products li.product .product-inner { position: relative; padding: 10px 12px; transition: 0.5s; } .woocommerce ul.products li.product .product-inner .woocommerce-LoopProduct-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: transparent; } .woocommerce ul.products li.product .product-inner:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); } .woocommerce ul.products li.product .product-inner:hover .product-header:after, .woocommerce ul.products li.product .product-inner:hover .add_to_cart_button, .woocommerce ul.products li.product .product-inner:hover .added_to_cart { opacity: 1; } .woocommerce ul.products li.product .product-header { position: relative; margin-bottom: 25px; } .woocommerce ul.products li.product .product-header:after { content: ''; width: 100%; height: 100%; z-index: 9; position: absolute; top: 0; left: 0; background-color: rgba(255, 200, 27, 0.8); opacity: 0; transition: 0.5s; } .woocommerce ul.products li.product .onsale { top: 17px; left: 10px; right: auto; } .woocommerce ul.products li.product.first { clear: left; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button { margin-top: 0; padding-top: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: transparent; border: 2px solid #fff; z-index: 1000; opacity: 0; transition: 0.5s; } .woocommerce ul.products li.product .add_to_cart_button.added { display: none; } .woocommerce ul.products li.product .add_to_cart_button.loading:after { top: 1px; } .woocommerce ul.products li.product a img { margin-bottom: 20px; border: 3px solid transparent; transition: 0.5s; } .woocommerce ul.products li.product .star-rating { display: none; } .woocommerce ul.products li.product h2 { font-size: 18px; font-weight: 600; padding-top: 0; padding-bottom: 5px; } .woocommerce ul.products li.product h2:before, .woocommerce ul.products li.product h2:after { display: none; } .woocommerce ul.products li.product .price { margin-bottom: 0; } .woocommerce ul.products li.product .price > span { color: #ffc811; font-size: 18px; font-weight: 400; text-decoration: none; } .woocommerce ul.products li.product .price ins { color: #ffc811; font-size: 18px; font-weight: 400; text-decoration: none; float: left; padding-right: 10px; } .woocommerce ul.products li.product .price del { color: #848484; font-size: 16px; font-weight: 400; display: inline-block; } .woocommerce form.woocommerce-checkout .form-row { margin-bottom: 25px; } .woocommerce form .form-row label { color: #222222; font-size: 16px; font-weight: 400; line-height: 1.6; } .woocommerce form .form-row .input-text { color: #222222; font-size: 16px; font-weight: 400; height: 48px; line-height: 48px; border: 2px solid #f7f7f7; padding-left: 15px; } .woocommerce form .form-row textarea, .woocommerce form .form-row textarea.input-text { min-height: 121px; padding: 10px; } .woocommerce form.checkout { clear: both; } .woocommerce form.checkout .col2-set { margin-bottom: 60px; } .woocommerce form.checkout h3 { margin-top: 0; } .woocommerce form.checkout h3#ship-to-different-address { margin-bottom: 0; } .woocommerce form.checkout h3#order_review_heading { display: none; } .woocommerce form.checkout h3 input { position: absolute; top: 0; right: 15px; } .woocommerce form.checkout .select2-container .select2-choice, .woocommerce form.checkout .input-text { border-radius: 0; } .woocommerce form.checkout .form-row-first, .woocommerce form.checkout .form-row-last { width: 50%; float: left; } .woocommerce form.checkout .form-row-first { padding-right: 15px; } .woocommerce form.checkout .form-row-last { padding-left: 15px; } .woocommerce form.checkout table.shop_table { width: 48%; float: left; margin-right: 2%; } .woocommerce form.checkout table.shop_table { border: 0; border-radius: 0; border-bottom: 1px solid #f4f4f4; } .woocommerce form.checkout table.shop_table th, .woocommerce form.checkout table.shop_table td { text-align: left; padding: 30px 25px; } .woocommerce form.checkout table.shop_table tbody tr:first-child td { border-top: 0; } .woocommerce form.checkout table.shop_table thead { background-color: #f4f4f4; font-size: 18px; color: #222222; font-family: 'Open Sans', sans-serif; font-weight: 600; } .woocommerce form.checkout table.shop_table thead th, .woocommerce form.checkout table.shop_table thead td { padding: 20px 25px; } .woocommerce form.checkout table.shop_table td span.amount { font-size: 18px; color: #ffc811; font-weight: 300; } .woocommerce form.checkout table.shop_table td.product-name, .woocommerce form.checkout table.shop_table tfoot th:first-child { font-size: 16px; color: #222222; font-family: 'Open Sans', sans-serif; font-weight: 600; } .woocommerce form.checkout table.shop_table .product-quantity strong { color: #222; width: 45px; height: 50px; line-height: 50px; border: 1px solid #eaeaea; background-color: #f7f7f7; display: block; text-align: center; } .woocommerce form.checkout table.shop_table tfoot th, .woocommerce form.checkout table.shop_table tfoot td { padding: 15px 25px; } .woocommerce form.checkout #payment { width: 48%; float: right; margin-left: 2%; background: none; border-radius: 0; } .woocommerce form.checkout #payment ul.payment_methods { padding: 0; border: 0; } .woocommerce form.checkout #payment li { padding-bottom: 20px; } .woocommerce form.checkout #payment li:last-child { padding-bottom: 0; } .woocommerce form.checkout #payment div.payment_box { font-weight: 400; background-color: transparent; padding: 0; margin-bottom: 0; margin-top: 20px; } .woocommerce form.checkout #payment div.payment_box:before { display: none; } .woocommerce form.checkout #payment div.place-order { text-align: right; margin-top: 30px; } .woocommerce form.checkout #payment div.place-order .button { background-color: #ffc811; color: #fff; } .woocommerce table.shop_table { border: 0; border-radius: 0; } .woocommerce table.shop_table thead { background-color: #f4f4f4; } .woocommerce table.shop_table thead th { font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #222222; } .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { text-align: left; padding: 20px 30px; } .woocommerce table.shop_table td { border-color: #f4f4f4; } .woocommerce table.shop_table td img, .woocommerce table.shop_table td a img { width: 70px; margin-right: 20px; max-width: inherit; } .woocommerce table.shop_table td.product-name a { font-size: 16px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #222222; } .woocommerce table.shop_table td.product-price, .woocommerce table.shop_table td.product-subtotal { font-size: 18px; font-weight: 300; } .woocommerce table.shop_table td.product-subtotal { color: #ffc811; } .woocommerce table.shop_table .product-quantity span { display: none; } .woocommerce table.shop_table .product-quantity .quantity { margin-left: 0; } .woocommerce #shipping_method label, .woocommerce #shipping_method span.amount { font-weight: 300; color: #848484; } .woocommerce .widget .widget-title { margin-bottom: 40px; } .woocommerce .widget_product_search .woocommerce-product-search { font-size: 16px; position: relative; color: #222222; padding: 0 5px; border: 1px solid #f4f4f4; } .woocommerce .widget_product_search .woocommerce-product-search:before { content: '\f002'; position: absolute; top: 50%; right: 16px; color: #222; font-family: FontAwesome; font-size: 14px; z-index: 99; transform: translateY(-50%); } .woocommerce .widget_product_search .woocommerce-product-search:after { content: ''; position: absolute; top: -1px; right: -1px; width: 50px; height: 52px; background-color: #f4f4f4; border: 1px solid #f4f4f4; z-index: 9; } .woocommerce .widget_product_search .woocommerce-product-search .screen-reader-text { display: none; } .woocommerce .widget_product_search .woocommerce-product-search ::-webkit-input-placeholder { color: #9e9e9e; } .woocommerce .widget_product_search .woocommerce-product-search :-moz-placeholder { color: #9e9e9e; } .woocommerce .widget_product_search .woocommerce-product-search ::-moz-placeholder { color: #9e9e9e; } .woocommerce .widget_product_search .woocommerce-product-search :-ms-input-placeholder { color: #9e9e9e; } .woocommerce .widget_product_search .woocommerce-product-search input[type="submit"] { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .woocommerce .widget_product_search .woocommerce-product-search .search-field { background-color: transparent; font-weight: 400; border-width: 0; height: 50px; line-height: 50px; width: 100%; padding: 0 0 0 15px; } .woocommerce .widget_product_search .woocommerce-product-search .search-field:focus { outline: none; } .woocommerce .widget_product_categories li { border-bottom: solid 1px #f4f4f4; padding: 15px 0; position: relative; transition: all 0.5s; } .woocommerce .widget_product_categories li > a { color: #9f9f9f; padding-left: 20px; position: relative; transition: all 0.5s; } .woocommerce .widget_product_categories li > a:before { color: #9f9f9f; content: '\f105'; position: absolute; top: 50%; left: 0; font-size: 18px; transform: translateY(-50%); font-family: FontAweSome; transition: all 0.5s; } .woocommerce .widget_product_categories li:hover { color: #ffc811; } .woocommerce .widget_product_categories li:hover a { color: #ffc811; } .woocommerce .widget_product_categories li:hover a:before { color: #ffc811; } .woocommerce .widget_product_categories .children { border-top: 1px solid #f4f4f4; margin-top: 15px; margin-left: 15px; } .woocommerce .widget_product_categories .children li:first-child { padding-top: 15px; } .woocommerce .widget_product_categories .children li:last-child { padding-bottom: 0; border-bottom: none; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #f7f7f7; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset; height: 2px; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 30px; } .woocommerce .widget_price_filter .price_slider .ui-slider-range { background-color: #222222; } .woocommerce .widget_price_filter .price_slider .ui-slider-handle { background-color: #ffc811; width: 10px; height: 10px; top: -4px; border: 1px solid #222222; } .woocommerce .widget_price_filter .price_slider_amount { position: relative; } .woocommerce .widget_price_filter .price_slider_amount .price_label { float: right; font-size: 16px; margin-top: 0; } .woocommerce .widget_price_filter .price_slider_amount .button { float: left; background-color: transparent; color: #222; font-size: 14px; font-weight: 700; min-height: 35px; line-height: 35px; min-width: 90px; border: 2px solid #f7f7f7; font-family: 'Open Sans', sans-serif; } .woocommerce ul.product_list_widget li { padding-bottom: 30px; padding-top: 0; } .woocommerce ul.product_list_widget li img { float: left; margin-left: 0; width: 70px; height: 70px; } .woocommerce ul.product_list_widget li .product-title { font-size: 16px; font-weight: 600; margin-left: 20px; margin-bottom: 6px; font-family: 'Open Sans', sans-serif; display: inline-block; } .woocommerce ul.product_list_widget li > span.amount { margin-left: 20px; font-size: 18px; font-weight: 300; color: #ffc811; } .woocommerce ul.product_list_widget li ins { float: left; margin-left: 20px; font-size: 18px; font-weight: 300; color: #ffc811; text-decoration: none; } .woocommerce ul.product_list_widget li del { margin-left: 10px; font-size: 16px; font-weight: 400; } .woocommerce ul.product_list_widget li .star-rating { left: 18px; margin-bottom: 6px; } .woocommerce ul.product_list_widget li:last-child { padding-bottom: 0; } .woocommerce .widget_product_tag_cloud a { margin-bottom: 10px; margin-right: 10px; display: inline-block; font-size: 16px !important; font-weight: 300; border: 1px solid #f4f4f4; color: #848484; padding: 5px 18px; } .woocommerce .widget_product_tag_cloud a:hover { color: #222; text-decoration: none; border-color: #f7f7f7; background-color: #f7f7f7; } .woocommerce nav.woocommerce-pagination { clear: both; display: block; text-align: center; float: none; margin-top: 20px; padding-top: 30px; border-top: 1px solid #f4f4f4; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; } .woocommerce nav.woocommerce-pagination ul li { margin: 0 3px; } .woocommerce nav.woocommerce-pagination ul li:first-child { margin-left: 0; } .woocommerce nav.woocommerce-pagination ul li:last-child { margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li .page-numbers { color: #848484; font-weight: 600; font-size: 18px; font-family: 'Open Sans', sans-serif; width: 52px; height: 52px; line-height: 48px; border-radius: 50%; text-align: center; border: 2px solid #f4f4f4; display: inline-block; padding: 0; transition: 0.5s; } .woocommerce nav.woocommerce-pagination ul li .page-numbers .fa { color: #848484; font-size: 20px; transition: 0.5s; } .woocommerce nav.woocommerce-pagination ul li .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li .page-numbers.current { color: #fff; border-color: #ffc811; background-color: #ffc811; } .woocommerce nav.woocommerce-pagination ul li .page-numbers:hover .fa, .woocommerce nav.woocommerce-pagination ul li .page-numbers.current .fa { color: #fff; } .woocommerce .woocommerce-message { border: 2px solid #f4f4f4; padding: 25px !important; background-color: #fff; line-height: 50px; } .woocommerce .woocommerce-message:before { display: none; } .woocommerce-cart .entry-footer, .woocommerce-checkout .entry-footer, .woocommerce-account .entry-footer, .woocommerce-wishlist .entry-footer, .woocommerce-cart .entry-title, .woocommerce-checkout .entry-title, .woocommerce-account .entry-title, .woocommerce-wishlist .entry-title, .woocommerce-cart .wishlist-title, .woocommerce-checkout .wishlist-title, .woocommerce-account .wishlist-title, .woocommerce-wishlist .wishlist-title { display: none; } .woocommerce-wishlist .wishlist-title h2 { padding: 0; margin-top: 0; margin-bottom: 50px; } .woocommerce-wishlist table.shop_table thead th, .woocommerce-wishlist table.shop_table tfoot td { border-top: none; } .woocommerce-wishlist table.shop_table td { border-top: none; border-bottom: 1px solid #f4f4f4; } .woocommerce-wishlist table.shop_table tr td.product-stock-status span.wishlist-in-stock { color: #ffc811; text-transform: uppercase; } .woocommerce-wishlist table.shop_table tbody .product-price > span { color: #ffc811; font-size: 18px; font-weight: 300; text-decoration: none; } .woocommerce-wishlist table.shop_table tbody .product-price ins { color: #ffc811; font-size: 18px; font-weight: 400; text-decoration: none; float: left; padding-right: 10px; } .woocommerce-wishlist table.shop_table tbody .product-price del { color: #848484; font-size: 16px; font-weight: 400; } .woocommerce-wishlist a.remove { color: #848484 !important; } .woocommerce-wishlist a.remove:hover { color: #fff; background: #ffc811 !important; } .woocommerce-account form.login, .woocommerce-account form.register { background-color: transparent; border-radius: 0; border: 0; padding: 0; margin: 0; } .woocommerce-account form.login p, .woocommerce-account form.register p { margin-bottom: 25px; } .woocommerce-account form.login p:last-child, .woocommerce-account form.register p:last-child { margin-bottom: 0; } .woocommerce-account form.login p label.remember, .woocommerce-account form.register p label.remember { display: block; font-size: 16px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: capitalize; margin-top: 20px; } .woocommerce-account form.login a.lost-password, .woocommerce-account form.register a.lost-password { color: #ffc811; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 300; float: right; } .woocommerce-account form.login .button, .woocommerce-account form.register .button { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 170px; min-height: 50px; line-height: 50px; border-radius: 0; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; margin-bottom: 0; } .woocommerce-account form.login .button:hover, .woocommerce-account form.register .button:hover, .woocommerce-account form.login .button:focus, .woocommerce-account form.register .button:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 16.6667%; padding-right: 15px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { position: relative; text-transform: uppercase; padding: 10px 0; font-weight: 700; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { font-size: 14px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child { padding-top: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child { padding-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: #ffc811; } .woocommerce-account .woocommerce-info { border: 2px solid #f4f4f4; padding: 25px !important; margin: 0 !important; background-color: #fff; line-height: 50px; } .woocommerce-account .woocommerce-info:before { display: none; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 83.3333%; padding-left: 15px; } .woocommerce-account .woocommerce-MyAccount-content form.edit-account fieldset { margin-top: 30px; margin-bottom: 30px; } .woocommerce-account .woocommerce-MyAccount-content form.edit-account legend { text-align: center; } .woocommerce-cart a.remove { color: #848484 !important; font-size: 16px; display: inline-block; border-radius: 0; width: 100%; height: auto; font-weight: 400; } .woocommerce-cart a.remove i { font-size: 14px; margin-right: 10px; transition: 0.5s; color: #848484; } .woocommerce-cart a.remove i:before { font-size: 30px; } .woocommerce-cart a.remove:focus { outline: none; } .woocommerce-cart a.remove:hover { background: none; color: #ffc811 !important; } .woocommerce-cart a.remove:hover i { color: #ffc811; } .woocommerce-cart table.cart td.actions .update-cart { float: right; font-size: 16px; font-weight: 700; color: #252525; text-align: center; display: inline-block; min-width: 170px; min-height: 50px; line-height: 50px; border-radius: 0; padding: 0 20px; background-color: #f7f7f7; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .woocommerce-cart table.cart td.actions .update-cart:hover, .woocommerce-cart table.cart td.actions .update-cart:focus { color: #252525; border: 0; box-shadow: none; outline: none; background-color: #f7f7f7; } .woocommerce-cart table.cart td.actions .coupon { display: inline-block; } .woocommerce-cart table.cart td.actions .coupon label { display: none; } .woocommerce-cart table.cart td.actions .coupon .input-text { border: 2px solid #F7F7F7; height: 50px; line-height: 50px; font-size: 14px; padding-left: 15px; margin-right: 20px; } .woocommerce-cart table.cart td.actions .coupon .button { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 170px; min-height: 50px; line-height: 50px; border-radius: 0; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .woocommerce-cart table.cart td.actions .coupon .button:hover, .woocommerce-cart table.cart td.actions .coupon .button:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .woocommerce-cart table.shop_table .woocommerce-shipping-calculator { display: none; } .woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; } .woocommerce-cart .shipping-calculator-form .form-row-wide { width: 100%; } .woocommerce-cart .shipping-calculator-form p { margin-bottom: 30px; padding-left: 0; } .woocommerce-cart .shipping-calculator-form input, .woocommerce-cart .shipping-calculator-form select { border: 2px solid #f4f4f4; height: 45px; line-height: 45px; padding-left: 15px; width: 100%; } .woocommerce-cart .shipping-calculator-form input:focus, .woocommerce-cart .shipping-calculator-form select:focus { outline: none; } .woocommerce-cart .shipping-calculator-form .button { font-size: 16px; font-weight: 700; color: #252525; text-align: center; display: inline-block; min-width: 170px; min-height: 50px; line-height: 50px; border-radius: 0; padding: 0 20px; background-color: #f7f7f7; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; } .woocommerce-cart .shipping-calculator-form .button:hover, .woocommerce-cart .shipping-calculator-form .button:focus { color: #252525; border: 0; box-shadow: none; outline: none; background-color: #f7f7f7; } .woocommerce-cart .cart_totals { margin-left: 0; margin-right: 0; } .woocommerce-cart .cart_totals table.shop_table { border: 1px solid #f4f4f4; } .woocommerce-cart .cart_totals table.shop_table tr th { font-size: 16px; font-weight: 600; color: #222222; font-family: 'Open Sans', sans-serif; } .woocommerce-cart .cart_totals table.shop_table tr th, .woocommerce-cart .cart_totals table.shop_table tr td { padding: 10px 20px; border-color: #f4f4f4; } .woocommerce-cart .cart_totals table.shop_table strong { font-weight: 300; } .woocommerce-cart .cart_totals .fh-checkout-field { display: none; } .woocommerce-cart .wc-proceed-to-checkout a.button { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; min-width: 170px; min-height: 50px; line-height: 50px; border-radius: 0; padding: 0 20px; background-color: #ffc811; text-transform: capitalize; border: 0; box-shadow: none; font-family: 'Open Sans', sans-serif; transition: 0.5s; float: right; } .woocommerce-cart .wc-proceed-to-checkout a.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.button:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #ffc811; } .woocommerce-checkout .woocommerce-login-form, .woocommerce-checkout .woocommerce-coupon-form { width: 50%; margin-bottom: 30px; } .woocommerce-checkout .woocommerce-login-form { float: right; padding-left: 15px; } .woocommerce-checkout .woocommerce-login-form form.login { width: 100%; margin-top: 30px; } .woocommerce-checkout .woocommerce-coupon-form { float: left; padding-right: 15px; } .woocommerce-checkout .woocommerce-info { font-weight: 500; text-align: center; border: 2px solid #f4f4f4; padding: 25px 0 !important; margin: 0 !important; background-color: #fff; } .woocommerce-checkout .woocommerce-info a { font-weight: 600; text-transform: uppercase; } .woocommerce-checkout .woocommerce-info:before { display: none; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: none; display: block; top: 15px; right: 0; } .select2-container--default .select2-selection--single { font-size: 16px; padding: 0 20px; height: 48px; outline: 0; border: 2px solid #f7f7f7; transition: 0.5s; background-color: transparent; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding-left: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; } /*-------------------------------------------------------------- 8.0 - Footer --------------------------------------------------------------*/ .site-footer { padding: 30px 0; background-color: #212121; border-top: 1px solid #0a253d; color: #04192b; font-weight: 300; } .site-footer .footer-copyright { font-size: 16px; color: #848484; } .site-footer .footer-copyright a { color: #ffc811; } .footer-widgets { background-color: #04192b; color: #c8c8c8; padding-top: 80px; padding-bottom: 60px; } .footer-widgets .widget { margin-bottom: 0; } .footer-widgets .widget-title { font-size: 18px; font-weight: 600; color: #ffc811; padding-bottom: 0; padding-top: 20px; margin-bottom: 30px; text-transform: uppercase; } .footer-widgets .widget-title:after { display: none; } .footer-widgets .widget-title a { color: #fff; } .footer-widgets .menu li { padding: 5px 0; border: 0; } .footer-widgets .menu li:before, .footer-widgets .menu li:after { display: none; } .footer-widgets .menu li a { color: #d8d8d8; padding-left: 25px; } .footer-widgets .menu li a:before { content: '\f05d'; color: #ffc811; font-size: 14px; padding-top: 3px; } .footer-widgets .menu li:hover a { color: #ffc811; } .footer-widgets .footer-widget-socials { margin-top: 30px; } .footer-widgets .footer-widget-socials li { display: inline-block; padding: 0 10px; } .footer-widgets .footer-widget-socials li:first-child { padding-left: 0; } .footer-widgets .footer-widget-socials li a { color: #d8d8d8; transition: 0.5s; } .footer-widgets .footer-widget-socials li:hover a { color: #ffc811; } .footer-widgets .fh-form-field { margin-bottom: 15px; } .footer-widgets .fh-form-field .subscribe { margin-top: 25px; position: relative; border: 1px solid #0a253d; } .footer-widgets .fh-form-field .subscribe ::-webkit-input-placeholder { color: #f7f7f7; } .footer-widgets .fh-form-field .subscribe ::-moz-placeholder { color: #f7f7f7; } .footer-widgets .fh-form-field .subscribe :-ms-input-placeholder { color: #f7f7f7; } .footer-widgets .fh-form-field .subscribe :-moz-placeholder { color: #f7f7f7; } .footer-widgets .fh-form-field .subscribe input[type="email"] { width: 100%; background-color: transparent; color: #f7f7f7; padding-left: 10px; padding-right: 60px; border: 0; box-shadow: none; height: 50px; line-height: 50px; } .footer-widgets .fh-form-field .subscribe input[type="email"]:focus { outline: none; } .footer-widgets .fh-form-field .subscribe input[type="submit"] { position: absolute; width: 50px; height: 50px; right: 0; top: 0; opacity: 0; background-color: transparent; z-index: 9999; } .footer-widgets .fh-form-field .subscribe .fa { color: #fff; font-size: 18px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); z-index: 99; } .footer-widgets .fh-form-field .subscribe:after { content: ''; position: absolute; width: 50px; height: 50px; right: 0; top: 0; background-color: #ffc811; z-index: 9; } .footer-widgets .footer-logo { display: block; margin-bottom: 30px; } .latest-post { padding: 22px 0; border-bottom: 1px solid #0a253d; } .latest-post:first-child { padding-top: 0; } .latest-post:last-child { padding-bottom: 0; border-bottom: 0; } .latest-post .post-date { display: block; color: #ffc811; font-weight: 300; } .latest-post a { display: block; color: #d8d8d8; font-weight: 300; font-family: 'Open Sans', sans-serif; } .footer-social a { color: #d8d8d8; display: inline-block; padding: 0 12px; font-size: 16px; transition: 0.5s; } .footer-social a:last-child { padding-right: 0; } .footer-social a:first-child { padding-left: 0; } .footer-social a:hover { color: #ffc811; } /*-------------------------------------------------------------- 8.0 - Boxed --------------------------------------------------------------*/ body.boxed { background-repeat: no-repeat; background-position: center top; background-attachment: fixed; } .boxed .site { max-width: 1270px; margin: 0 auto; position: relative; background-color: transparent; overflow: hidden; } .boxed .site-content { background-color: #fff; } .boxed.header-sticky.header-v3 .site-header.minimized { max-width: 1270px; } .boxed.header-sticky.header-v1 .site-header.minimized .site-menu, .boxed.header-sticky.header-v2 .site-header.minimized .site-menu, .boxed.header-sticky.header-v4 .site-header.minimized .site-menu { max-width: 1270px; transform: translateX(-50%); left: 50%; } /*-------------------------------------------------------------- 9.0 - Media Queries --------------------------------------------------------------*/ @media (max-width: 1366px) { a.backtotop { right: 20px; } } @media (max-width: 1199px) { .hide-topbar-mobile .topbar { display: none; } .site-header .site-menu .extra-item { display: none; } .site-header .site-menu .site-nav { width: 100%; } .site-header .extra-item { text-align: left; } .site-header .extra-item .item-button { display: none; } .site-header .extra-item .social { padding-left: 20px; } .header-transparent .main-nav { text-align: left; } .header-transparent .main-nav ul.menu > li > a { padding-left: 0; padding-right: 15px; } .header-transparent .main-nav ul.menu > li > a:after { right: 0; } .header-transparent.hide-topbar-mobile .page-header .header-title { padding-top: 170px; } .page-header .breadcrumb-area .share .socials-share { opacity: 1; } .topbar .topbar-widgets { width: 100%; text-align: center; } .project-wrapper.col-4 { width: 50%; } .project-inner .project-summary { padding: 5px 20px; width: 100%; bottom: 0; opacity: 1; } .project-inner .project-icon, .project-inner:before { display: none; } body .fh-service .owl-pagination, body .fh-latest-post .owl-pagination, body .fh-testimonials .owl-pagination { right: 50%; top: inherit; bottom: -50px; transform: translateX(50%); width: 100%; } body .fh-service.service-carousel { padding-bottom: 30px; } body .fh-latest-post, body .fh-testimonials { padding-bottom: 30px; } body .project-inner .project-summary h2 { font-size: 20px; } body .project-inner .project-cat a { font-size: 16px; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .widget_price_filter .price_slider_amount .price_label { float: none; } div.vc-form-email { margin-bottom: 50px; background-color: rgba(0, 0, 0, 0.95); padding-top: 30px; padding-bottom: 30px; } div.no-background-img { background-image: none !important; } } @media (max-width: 1024px) { .container { padding-left: 15px; padding-right: 15px; } .main-nav { display: none; } .navbar-toggle, .navbar-icon { display: inline-block; } .header-sticky .site-header.minimized { position: fixed; top: 0; width: 100%; z-index: 9999; transition: top 0.5s; border-bottom: 1px solid #f2f2f2; } .header-sticky .site-header.minimized .site-menu { position: static; top: inherit; width: 50%; } .header-sticky.admin-bar .site-header.minimized { top: 32px; } .header-sticky.admin-bar .site-header.minimized .site-menu { top: inherit; } .header-sticky.header-v2 .site-header.minimized .site-menu { transform: translate(0); } .header-sticky.header-v3 .site-header.minimized { border: none; } .header-sticky.header-v3 .site-header.minimized .header-main { padding: 20px 0; } .header-sticky.header-v3 .site-header.minimized .header-main .site-logo { width: 70%; } .header-sticky.header-v3 .site-header.minimized .site-menu { position: static; top: inherit; width: inherit; } .header-sticky.header-v3.admin-bar .site-header.minimized .header-main { top: 32px; } .header-sticky.header-v3.admin-bar .site-header.minimized .site-menu { top: inherit; } .header-sticky.header-v4 .site-header.minimized { border-bottom: 1px solid #f2f2f2; } .header-sticky.header-v4 .site-header.minimized .site-menu { border: none; } .header-v3 .site-header .site-menu { display: none; } .header-v3 .site-header .header-main .site-logo { width: 70%; } .header-v1 .site-header .site-menu, .header-v2 .site-header .site-menu, .header-v4 .site-header .site-menu { display: none; } .header-v1 .site-header .site-contact, .header-v2 .site-header .site-contact, .header-v4 .site-header .site-contact { width: 70%; } .header-v1 .site-header .site-contact .container, .header-v2 .site-header .site-contact .container, .header-v4 .site-header .site-contact .container { width: 100%; } .header-v1 .site-header .site-logo, .header-v2 .site-header .site-logo, .header-v4 .site-header .site-logo { width: 100%; } .header-v1 .site-header .site-contact, .header-v2 .site-header .site-contact, .header-v4 .site-header .site-contact { float: left; padding: 20px 0; } .header-v1 .site-header .site-contact .site-extra-text, .header-v2 .site-header .site-contact .site-extra-text, .header-v4 .site-header .site-contact .site-extra-text { display: none; } .header-v1 .site-header .site-menu, .header-v2 .site-header .site-menu, .header-v4 .site-header .site-menu { background-color: #fff; float: right; } .header-v2 .site-header .site-menu { transform: translateY(0); } .header-v2 .page-header .header-title { padding-top: 130px; } .header-v3.hide-topbar-mobile .page-header .header-title { padding-top: 170px; } .service-sidebar .download .item-download span { font-size: 10px; } .service-sidebar .download .item-download a { font-size: 12px; } .project .entry-thumbnail { width: 100%; text-align: center; margin-bottom: 30px; } .project .entry-info { width: 100%; } .service .service-thumbnail a:before, .service .service-thumbnail a:after, .service .service-thumbnail a i { display: none; } div.no-background-img { background-image: none !important; } div.no-background-img .fh-form-2 { margin-top: 50px; } div.el-margin { margin-right: 0 !important; } .fh-testimonials-2.style-1.img-no-margin div.owl-pagination { top: inherit; right: inherit; } .fh-testimonials-2 .owl-carousel .owl-item { text-align: left; } .fh-service-2 div.overlay { opacity: 1; } .fh-service-2 .item-service { display: inline-block; } .fh-service-2 div.service-content { text-align: center; padding-top: 60px; } .fh-service-2 div.service-content h1 { transform: translateY(0); } .fh-service-2 div.service-content a, .fh-service-2 div.service-content a.readmore { opacity: 1; } .fh-service .entry-thumbnail .overlay, .fh-service .entry-thumbnail i, .fh-service .entry-thumbnail:after { display: none; } div.fh-service-3 a { background-color: #222222; } div.fh-latest-project .item-project .project-summary { top: auto !important; bottom: 0; transform: translate(0, 0) !important; background-color: #ffc811; opacity: 1; } div.fh-latest-project .item-project .project-summary h3 { font-size: 18px; margin-bottom: 0; } div.fh-latest-project .item-project:after, div.fh-latest-project .item-project i, div.fh-latest-project .item-project .overlay { display: none; } div.fh-latest-project.style-1 .item-project .project-summary { padding: 5px; } div.fh-latest-project.style-2 .item-project .project-summary { padding: 10px 5px; } div.fh-latest-project.style-2 .item-project .project-summary p { display: none; } .fh-team div.team-member .overlay { display: none; } .fh-team div.team-member .phone:after, .fh-team div.team-member .phone .number:after { display: none; } .fh-team div.team-member .phone i { opacity: 1; bottom: 5px; font-size: 20px; } .fh-team div.team-member .phone .number { opacity: 1; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; } .fh-team div.team-member ul { opacity: 1; transform: translateY(0); top: auto; bottom: 35px; } .fh-team div.team-member ul li a { color: #ffc811; background-color: #fff; } div.fh-phone a, div.fh-phone .hotline { float: none; } .backtotop { width: 40px; height: 40px; line-height: 34px; font-size: 24px; border-width: 2px; } body .fh-testimonials.grid div[class*="col-md-4"]:nth-child( 3n+1 ) { clear: left; } } @media (max-width: 991px) { .single-right .blog-sidebar .factoryhub-widget, .single-left .blog-sidebar .factoryhub-widget { padding-right: 0; padding-left: 0; padding-top: 0; border: none; } .single-right.single-post .site-main, .single-right.blog-classic .site-main { padding-left: 0; padding-right: 0; } .blog-grid .blog-wrapper.col-md-4:nth-child(3n+1) { clear: none; } .metas { padding-left: 15px; } .single-project .entry-content { padding-right: 15px; border: 0; } .project-wrapper { text-align: center; } .project-wrapper.col-4 { width: 100%; } body .fh-form { margin-top: 30px; } body .fh_vc_list-service .vc_column-inner { border: none !important; margin-bottom: 40px; } body .fh-testimonials.grid div[class*="col-md-4"]:nth-child( 3n+1 ) { clear: none; } .service-sidebar { margin-top: 50px; } .service-sidebar .download .item-download span { font-size: 14px; } .service-sidebar .download .item-download a { font-size: 16px; } .single-project .entry-thumbnail { margin-bottom: 25px; } .single-project .info-left, .single-project .info-right { width: 50%; } .single-project .info-left { float: left; } .single-project .info-right { float: right; } .footer-widgets .footer-3 { clear: left; } .site-footer .footer-text, .site-footer .footer-copyright, .site-footer div[class*="col-"] { text-align: center; } .woocommerce ul.products li.product.first { clear: none; } .woocommerce ul.products li.product .product-inner { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); } .woocommerce ul.products li.product .product-inner img { border-color: transparent; } .woocommerce ul.products li.product .product-inner .product-quick-view { opacity: 1; } .woocommerce ul.products li.product .product-inner:hover img { border-color: transparent; } .woocommerce ul.products li.product .product-header::after { display: none; } .woocommerce ul.products li.product .product-header img { width: 100%; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .added_to_cart { opacity: 1; color: #ffc811; border-color: #ffc811; } .woocommerce table.shop_table.wishlist_table .product-stock-status, .woocommerce table.shop_table.wishlist_table .product-stock-stauts { display: none; } .woocommerce .shop-sidebar { padding-top: 50px; } .woocommerce form.checkout .col2-set .col-2 { clear: both; } .woocommerce form.checkout #payment, .woocommerce form.checkout table.shop_table { width: 100%; float: none; margin-left: 0; margin-right: 0; } .service.col-md-4:nth-child( 3n+1 ) { clear: none; } .service.col-sm-6:nth-child( 2n+1 ) { clear: left; } .latest-project-widget .latest-project { text-align: center; } .latest-project-widget .latest-project a:before { display: none; } .latest-project-widget .latest-project a i { opacity: 1; } .footer-social { padding-top: 20px; } .footer-widgets { padding-bottom: 15px; } .footer-sidebar { padding-bottom: 30px; } .owl-carousel .owl-item { text-align: center; } .fh-project-carousel .project-thumb .overlay, .fh-project-carousel .project-thumb i, .fh-project-carousel .project-thumb:after { display: none; } div.fh-service .item-service.col-md-4:nth-child( 3n + 1 ), div.fh-service .item-service.col-md-6:nth-child( 2n + 1 ) { clear: none; } .fh-service .item-service.col-sm-6:nth-child(2n+1), .fh-service .item-service.col-xs-6:nth-child(2n+1) { clear: left; } } @media (max-width: 782px) { .admin-bar .primary-mobile-nav { top: 46px; padding-bottom: 60px; } } @media (max-width: 767px) { .page-header .breadcrumb-area nav { padding-bottom: 20px; text-align: center; } .page-header .breadcrumb-area .share { text-align: center; } .page-header .breadcrumb-area .share .socials-share { position: static; padding-top: 15px; } .all-service .service { text-align: center; } .owl-carousel .owl-item { text-align: left; } .fh-related-project .owl-carousel .owl-item, .fh-testimonials .owl-carousel .owl-item, .fh-project-carousel .owl-carousel .owl-item { text-align: center; } .modal { display: none; } .woocommerce .shop-toolbar div[class*="col-"] { text-align: center; } .woocommerce .shop-toolbar form { display: inline-block; } .woocommerce ul.products li.product .product-inner .product-quick-view { display: none; } .woocommerce form.checkout table.shop_table thead th, .woocommerce form.checkout table.shop_table thead td { padding: 10px 15px; } .woocommerce form.checkout table.shop_table td, .woocommerce form.checkout table.shop_table th { padding: 15px 10px; } .woocommerce form.checkout table.shop_table td span.amount, .woocommerce form.checkout table.shop_table th span.amount { font-size: 14px; } .woocommerce form.checkout table.shop_table .cart_item td, .woocommerce form.checkout table.shop_table tfoot th:first-child { font-size: 14px; } .woocommerce ul#shipping_method li label { font-size: 14px; } .woocommerce-checkout .woocommerce-info { font-size: 14px; } .woocommerce-checkout .woocommerce-info a { font-size: 12px; } .fh-form { margin-top: 30px; } .fh-team { margin-bottom: 15px; } div.no-padding-top { padding-top: 0 !important; } } @media (max-width: 667px) { .single-post .entry-footer { text-align: center; } .single-post .entry-footer .post-navigation { float: none; margin-top: 15px; } .woocommerce form.checkout #payment, .woocommerce form.checkout table.shop_table { width: 100%; float: none; margin-left: 0; margin-right: 0; } .page-header .header-title { padding: 80px 0; } .page-header .header-title h1 { font-size: 32px; } .header-v3.hide-topbar-mobile .page-header .header-title { padding-top: 130px; } .blog-wrapper .cat-link, .blog-wrapper .comments-link { display: none; } .woocommerce table.shop_table .product-price { display: none; } .woocommerce table.shop_table thead th { font-size: 16px; } .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { padding: 10px 15px; } .woocommerce table.shop_table td img, .woocommerce table.shop_table td a img { width: 45px; } .woocommerce table.shop_table td.product-name a { font-size: 12px; } .woocommerce table.shop_table td.product-subtotal { font-size: 14px; } .woocommerce table.shop_table.wishlist_table .product-price { display: table-cell; } .woocommerce-cart a.remove { font-size: 14px; } .woocommerce-cart a.remove .fa { font-size: 12px; margin-right: 5px; } } @media (max-width: 600px) { .topbar .widget { margin-bottom: 10px; } .header-sticky.admin-bar .site-header.minimized { top: 0; } .header-sticky.header-v3.admin-bar .site-header.minimized .header-main { top: 0; } .header-sticky.header-v3.admin-bar .site-header.minimized .site-menu { top: inherit; } .entry-title { line-height: 1.2; padding-bottom: 10px; } .single-project .entry-thumbnail .owl-controls .owl-pagination { bottom: 10px; } .comment-list .children { padding-left: 0; } .error404 .error-404 .search-form { max-width: 300px; } .error404 .error-404 .search-form label input { padding: 0; } .error404 .error-404 .search-form:after, .error404 .error-404 .search-form .search-submit { right: 5px; } .error404 .error-404 .search-form:before { right: 22px; } .woocommerce div.product .images-product, .woocommerce div.product div.summary { float: none; width: 100%; padding-left: 0; padding-right: 0; } .woocommerce div.product .images-product { text-align: center; } .woocommerce table.shop_table.wishlist_table .product-price { display: table-cell; } .woocommerce table.shop_table.wishlist_table thead th { font-size: 14px; } .woocommerce table.shop_table.wishlist_table .product-price > span { font-size: 14px; } .woocommerce table.shop_table.wishlist_table .product-add-to-cart a { font-size: 12px; min-height: 40px; line-height: 40px; width: 100px; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; padding-left: 0; padding-right: 0; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 40px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: inline-block; padding-right: 10px; } div.fh-testimonials .owl-carousel .owl-item { text-align: center; } div.el-padding { padding: 30px !important; } } @media (max-width: 480px) { .header-v1 .site-header, .header-v2 .site-header, .header-v4 .site-header { padding: 15px 0; } .header-v1 .site-header .site-contact, .header-v2 .site-header .site-contact, .header-v4 .site-header .site-contact { padding: 0; } .woocommerce ul.products li.product { width: 100%; } .page-header .header-title h1, div.fh-section-title h2, div.fh-testimonials h3 { font-size: 26px; } .fh-service .item-service { width: 100%; } .fh-service-2 div[class*="col-"] { width: 100%; } .fh-latest-post .item-latest-post, .fh-latest-project .project { width: 100%; } .all-project .project-wrapper { width: 100%; } body .fh-testimonials.grid .testi-item { width: 100%; } } @media (max-width: 414px) { .topbar .topbar-left .widget { border: 0; padding-right: 0; } .topbar .topbar-right .widget { padding-left: 0; padding-right: 0; } .header-v1 .site-header, .header-v2 .site-header, .header-v4 .site-header { padding-top: 22px; padding-bottom: 23px; } .single-project .single-project-title { font-size: 28px; line-height: 1.2; } .single-post .cat-link, .single-post .comments-link { display: none; } .single-post .entry-footer .share-title { display: block; } .single-post .socials-share { margin-left: 0; } .blog-list .blog-wrapper { padding-bottom: 25px; padding-top: 30px; } .blog-list .blog-wrapper .entry-thumbnail { float: none; margin-bottom: 15px; } .blog-list .blog-wrapper .entry-header, .blog-list .blog-wrapper .entry-content, .blog-list .blog-wrapper .read-more { margin-left: 0; } .comment .comment-author { float: none; } .comment .comment-meta { margin-left: 0; margin-top: 15px; } .all-project ul.filter, div.fh-latest-project ul.filter { display: block; } .all-project ul.filter li, div.fh-latest-project ul.filter li { display: block; margin: 0 auto; width: 60%; padding-left: 0; padding-right: 0; } .all-project ul.filter li:first-child, div.fh-latest-project ul.filter li:first-child { margin-left: auto; } .all-project ul.filter li:last-child, div.fh-latest-project ul.filter li:last-child { margin-right: auto; } .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { padding: 10px; } .woocommerce table.shop_table td.product-name a { font-size: 0; } .woocommerce div.product div.summary .product-share a { margin-bottom: 10px; } .woocommerce form.checkout table.shop_table, .woocommerce form.checkout #payment { float: none; width: 100%; margin-left: 0; margin-right: 0; } .woocommerce form.checkout .form-row-first, .woocommerce form.checkout .form-row-last { float: none; width: 100%; padding-left: 0; padding-right: 0; } .woocommerce table.shop_table.wishlist_table .product-name { display: none; } .woocommerce-checkout .woocommerce-login-form, .woocommerce-checkout .woocommerce-coupon-form { float: none; width: 100%; padding: 0; } .woocommerce-cart a.remove { font-size: 0; } .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .button { float: none; width: 100%; margin-bottom: 15px; } .woocommerce-cart table.cart td.actions .update-cart { float: none; width: 100%; } div.fh-image .img-item { float: none; width: 100%; padding: 0 0 10px 0; } div.fh-form .first-row, div.fh-form .last-row { float: none; width: 100%; padding: 0; } div.fh-form-email { padding: 15px; } .wpb_wrapper .fh-icon-box:first-child, .wpb_wrapper .fh-icon-box:last-child { float: none; width: 100%; } div.fh-testimonials-3 img { float: none; margin-bottom: 10px; } div.fh-testimonials-3 .testi-item { padding: 15px; } div.fh-testimonials-3 .testi-content { margin-right: 0; } div.fh-phone a, div.fh-phone .hotline { float: none; } div.fh-related-project .owl-controls .owl-buttons div, .related .products .owl-controls .owl-buttons div { display: none; } } @media (max-width: 375px) { .primary-mobile-nav { width: 280px; right: -280px; } div.el-padding { padding: 10px !important; } .woocommerce div.product form.cart .qty-label { display: none; } .woocommerce div.product form.cart div.quantity { margin-right: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 10px 20px; } .woocommerce table.shop_table.wishlist_table .product-add-to-cart a { min-width: 100px; width: 100px; } .woocommerce form.checkout table.shop_table tfoot th, .woocommerce form.checkout table.shop_table tfoot td { padding: 10px; } } /*-------------------------------------------------------------- 10.0 - Carousel --------------------------------------------------------------*/ /* * OwlCarousel */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-controls { text-align: center; } /* Styling Next and Prev buttons */ .owl-controls .owl-buttons div { margin-top: -20px; height: 50px; width: 50px; display: inline-block; position: absolute; top: 50%; z-index: 999; text-align: center; line-height: 50px; color: #fff; font-size: 26px; border-radius: 50%; background-color: transparent; } .owl-controls .owl-buttons div:hover { background-color: #ffc811; } .owl-controls .owl-prev { left: -60px; } .owl-controls .owl-next { right: -60px; } /* Styling Pagination*/ .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 0 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: transparent; border: 1px solid #fff; } .owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { background-color: #fff; } /* If PaginationNumbers is true */ .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }