/*
Theme Name: FactoryHub
Theme URI: http://steelthemes.com/factoryhub
Author: SteelThemes
Author URI: http://steelthemes.com
Description: Industry / Factory / Engineering and Construction Business WordPress Theme
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: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> 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: #04192b;
}
.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: #04192b;
}
.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;
}