/************ TABLE OF CONTENTS ***************
1. Reset
2. Global Settings
3. Typography Style
4. Preloader
5. All Elements Design
6. Page Header
7. Main Navigations
8. Page Conents
9.services Section
10.Projects Section
11.404 page
12.Back To Top
13.Comments Style
14.Sidebar Widgets
15.Sidebar Services
16.Shop Products
17.Product Detail
18.Footer
19.Boxed body
20.Carousel
21.Cart Page
22.Checkout Page
23.Login Register
**********************************************/
/***
====================================================================
Reset
====================================================================
***/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/***
====================================================================
Global Settings
====================================================================
***/
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;
-webkit-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"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
}
/***
====================================================================
Typography Style
====================================================================
***/
body {
color: #2c2c2c;
font-size: 16px;
font-family: 'Lato', Arial, sans-serif;
line-height: 1.6;
background: #fff;
word-wrap: break-word;
overflow-x: hidden;
}
a {
-webkit-transition: 0.5s;
transition: 0.5s;
color: #272727;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
color: #272727;
}
a img {
border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-family: 'Montserrat', sans-serif;
line-height: 1.2;
color: #272727;
}
h1 {
font-size: 41px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
.footer-consent {
color: #c8c8c8;
font-weight: 500;
line-height: 1.9;
}
/***
====================================================================
preloader
====================================================================
***/
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../../images/icon/preloader.png);
}
/***
====================================================================
All Elements Design
====================================================================
***/
/* Shared base styles for all cookie buttons */
.cookie-btn {
padding: 8px 15px;
border: none;
border-radius: 8px;
cursor: pointer;
font-weight: bold;
color: #fff;
transition: 0.25s ease;
}
/* Gray buttons */
.cookie-btn.gray {
background: #c0c0c0;
}
/* Yellow primary button */
.cookie-btn.yellow {
background: #fac012;
}
/* Hover + Focus */
.cookie-btn:hover,
.cookie-btn:focus {
background: #003660;
color: #fff;
}
.captcha-wrapper {
position: relative;
display: flex;
align-items: center;
}
.captcha-input {
height: 48px;
padding-right: 170px;
border-radius: 6px;
}
.captcha-img {
position: absolute;
right: 48px;
height: 38px;
top: 5px;
border-radius: 4px;
/* Purely decorative — without this, the image sits on top of roughly the right
40% of the input's clickable area and silently eats clicks meant to focus the
field, since it renders above the (statically positioned) input in the same
stacking context regardless of the input's own padding-right reservation. */
pointer-events: none;
}
.captcha-refresh {
position: absolute;
right: 5px;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fac012;
padding: 0;
border: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.captcha-refresh:hover {
background: #003660;
}
/*===============================================*/
img {
max-width: 100%;
height: auto;
}
input[type=text],
textarea {
border: 1px solid #555;
background: #fff;
}
blockquote {
font-size: 18px;
font-style: italic;
border-left: 3px solid #fac012;
padding: 20px 0 20px 20px;
margin-bottom: 30px;
margin-top: 30px;
}
.graybg {
background: #f8f8f8;
}
.white-color {
color: #fff;
}
.secpadd {
padding: 30px 0 35px;
}
.secpadd50 {
padding: 50px 0;
}
.secpadd70 {
padding: 70px 0;
}
.mrgbtm20 {
margin-bottom: 20px;
}
.mrgbtm30 {
margin-bottom: 30px;
}
.mrgbtm40 {
margin-bottom: 40px;
}
.mrgbtm50 {
margin-bottom: 50px;
}
.mrgtop20 {
margin-top: 20px;
}
.mrgtop30 {
margin-top: 30px;
}
.mrgtop40 {
margin-top: 40px;
}
.mrgtop50 {
margin-top: 50px;
}
.paddlftrgt0 {
padding-left: 0;
padding-right: 0;
}
/* .text-security {
color: #003366;
} */
.info-box {
color: #0c5460;
padding: 10px 14px;
border-radius: 6px;
}
.blackbg {
background: #191919;
}
.inlineblock{display:inline-block;}
.linhgt2{line-height:2;}
.pdleft0{padding-left:0;}
.padlft7{padding-left:7px;}
.margleft9{margin-left:9px;}
.margtop33{margin-top:33px;}
.bbgo6{background-color:rgba(0,0,0,0.6);}
.ybgo9{background-color:rgba(250,192,18,0.9);}
.blbgo9{background-color:rgba(0,42,82,0.9);}
.pnkbgo9{background-color:rgba(44, 32, 32, 0.9);}
.valnm2{vertical-align:-2px;}
.wdth174{width:174px;}
.displnone{display:none;}
.font15{font-size:15px;}
.txtcenter{text-align:center!important;}
.bluebg {
background: #002a52 !important;
}
.chocklatebg {
background-color: #322626 !important;
}
.lightbluebg {
background-color: #01b9e6 !important;
}
.margbtm30 {
margin-bottom: 30px;
}
.margbtm40 {
margin-bottom: 40px;
}
.margbtm50 {
margin-bottom: 40px;
}
.margbtm20 {
margin-bottom: 20px;
}
.margbtm100 {
margin-right: 100px !important
}
.mdlwhite {
font-size: 18px;
color: #fff;
}
.sectitle {
font-size: 30px;
color: #333;
font-weight: 700;
text-transform: none;
margin-top: 0;
margin-bottom: 45px;
text-align: center;
}
.bigtext {
line-height: 40px;
font-size: 30px;
font-weight: 400;
}
.btn-style1 {
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 0;
text-align: center;
display: inline-block;
min-width: 145px;
min-height: 40px;
line-height: 40px;
background-color: #fac012;
text-transform: uppercase;
padding: 0 15px;
}
.yellowbg {
background: #fac012;
}
.clearfix {
zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
@-webkit-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 {
-webkit-animation: fadeIn 1 1s ease;
animation: fadeIn 1 1s ease;
display: block;
}
.main-color {
color: #fac012;
}
.main-background-color {
background-color: #fac012;
}
.demo-8 .fp-latest-project .item-project .overlay {
background-color: rgba(44, 32, 32, 0.9) !important;
}
.demo-8 .fp-latest-project .item-project:after {
border-left-color: #f71414;
border-bottom-color: #f71414;
}
.owl-carousel div.owl-item img {
max-width: 100%;
width: inherit;
}
.fp_button_layer,
.tp-caption.fp_button_layer {
border-color: rgba(255, 255, 255, 0.5) !important;
-webkit-transition: 0.5s !important;
transition: 0.5s !important;
}
.fp_button_layer:hover,
.tp-caption.fp_button_layer:hover {
border-color: #fac012 !important;
background-color: #fac012 !important;
}
.slide-form {
width: 470px;
height: 520px;
}
.slide-form form {
background-color: #fff;
}
.slide-form form .info {
white-space: normal;
line-height: 1.6;
}
.slide-form form .fp-btn {
text-align: center !important;
}
.slide-form form textarea {
line-height: 100% !important;
font-size: 16px !important;
}
.slide-form form .wpcf7-not-valid-tip {
line-height: 1 !important;
padding-top: 5px;
font-size: 16px !important;
}
.slide-form form .wpcf7-response-output {
line-height: 1 !important;
margin-top: 0 !important;
font-size: 16px !important;
}
.slide-form form .wpcf7-response-output.wpcf7-validation-errors {
color: #f00;
}
.slide-form form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #398f14;
}
.fp-form p:before,
.fp-form p:after {
content: '';
display: table;
}
.fp-form p:after {
clear: both;
}
.fp-form .single-field {
clear: both;
}
.fp-form .field {
margin-bottom: 20px;
}
.fp-form .field.submit {
margin-bottom: 0;
}
.fp-form input[type="submit"]:focus {
outline: none;
}
.fp-form textarea,
.fp-form input[type="tel"],
.fp-form input[type="text"],
.fp-form input[type="email"],
.fp-form select {
width: 100%;
border: 1px solid #eaeaea;
padding-left: 15px;
color: #9e9e9e;
background-color: #fff;
}
.fp-form textarea:focus,
.fp-form input[type="tel"]:focus,
.fp-form input[type="text"]:focus,
.fp-form input[type="email"]:focus,
.fp-form select:focus {
outline: none;
}
.fp-form textarea {
height: 90px;
padding: 10px;
font-size: 16px;
font-weight: 400;
}
.fp-form input[type="text"],
.fp-form input[type="tel"],
.fp-form input[type="email"],
.fp-form select {
font-size: 16px;
font-weight: 400;
height: 45px;
line-height: 45px;
}
.fp-form .first-row,
.fp-form .last-row {
width: 50%;
padding: 0 10px;
}
.fp-form .first-row {
float: left;
padding-left: 0;
clear: both;
}
.fp-form .last-row {
float: right;
padding-right: 0;
}
.fp-form-1 {
border: 5px solid #f7f7f7;
padding: 30px 25px 35px 25px;
}
.fp-form-1 .info {
padding-bottom: 25px;
font-size: 17px;
color: #9e9e9e;
}
.fp-form-1 .info strong {
color: #272727;
font-family: 'Montserrat', sans-serif;
}
.fp-form-1 .info span.phone-number {
color: #fac012;
}
.fp-form-2 .field {
margin-bottom: 30px;
}
.fp-form-2 .first-row,
.fp-form-2 .last-row {
padding: 0 15px;
}
.fp-form-2 .first-row {
float: left;
padding-left: 0;
}
.fp-form-2 .last-row {
float: right;
padding-right: 0;
}
.fp-form-2 textarea {
height: 130px;
}
.fp-form-3 p.field {
margin-bottom: 30px;
}
/*========================================================*/
.fp-form-3 textarea,
.fp-form-3 select,
.fp-form-3 input[type="text"],
.fp-form-3 input[type="email"],
.fp-form-3 input[type="date"],
.fp-form-3 input[type="month"],
.fp-form-3 input[type="number"],
.fp-form-3 input[type="tel"] {
width: 100%;
border: 1px solid #f0f0f0;
background-color: #f7f7f7;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
/* Add hover effect */
.fp-form-3 textarea:hover,
.fp-form-3 select:hover,
.fp-form-3 input[type="text"]:hover,
.fp-form-3 input[type="email"]:hover,
.fp-form-3 input[type="date"]:hover,
.fp-form-3 input[type="month"]:hover,
.fp-form-3 input[type="number"]:hover,
.fp-form-3 input[type="tel"]:hover {
border-color: #fac012;
background-color: #fff;
}
/* Optional: Highlight on focus */
.fp-form-3 textarea:focus,
.fp-form-3 select:focus,
.fp-form-3 input:focus {
outline: none;
border-color: #fac012;
background-color: #fff;
box-shadow: 0 0 0 2px rgba(250, 192, 18, 0.15);
}
.fp-form-3 p textarea {
height: 110px;
}
.fp-form-3 p.first-row {
padding-right: 15px;
}
.fp-form-3 p.last-row {
padding-left: 15px;
}
.fp-form-3 .submit {
padding-top: 10px;
}
.fp-form-3 .submit input {
width: 100%;
padding: 15px 0;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
background-color: #fac012;
text-transform: uppercase;
-webkit-border-radius: 8px;
border-radius: 8px;
letter-spacing: 0.05em;
cursor: pointer;
transition: all 0.2s ease;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.fp-form-3 .submit input {
background: #fac012;
color: #fff;
font-weight: 700;
letter-spacing: 0.3px;
transition: all 0.3s ease;
cursor: pointer;
}
.fp-form-3 .submit input:hover {
background: #003660;
color: #fff;
}
.fp-form-3 .submit .ajax-loader {
display: none;
}
.fp-estimation {
padding: 15px 40px 25px 40px;
text-align: center;
border: 1px dashed #a1a1a1;
}
.fp-estimation .text-1,
.fp-estimation i {
display: none;
}
.fp-estimation .text-2 {
font-size: 24px;
text-transform: capitalize;
margin-bottom: 23px;
}
.fp-estimation .subscribe {
position: relative;
}
.fp-estimation input:focus {
outline: none;
}
.fp-estimation input[type="email"] {
height: 50px;
line-height: 50px;
border: 1px solid #646464;
padding-right: 65px;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
padding-left: 15px;
}
.fp-estimation input[type="submit"] {
color: #fff;
font-size: 18px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
background-color: #fac012;
width: 50px;
height: 50px;
line-height: 50px;
border: none;
-webkit-box-shadow: 0;
box-shadow: 0;
position: absolute;
right: 0;
top: 0;
}
.fp-estimation .ajax-loader {
position: absolute;
right: -20px;
top: 15px;
}
.fp-form-404 {
padding: 30px 20px;
background-color: rgba(22, 22, 22, 0.59);
}
.fp-form-404 .field {
margin-bottom: 30px;
}
.fp-form-404 .field.submit {
margin-bottom: 0;
}
.fp-form-404 input[type="text"],
.fp-form-404 select,
.fp-form-404 textarea {
background-color: rgba(22, 22, 22, 0.59);
border-color: #212121;
}
.fp-form-404 textarea {
height: 130px;
}
.form-style-6 .fp-form-404 {
background-color: rgba(12, 46, 59, 0.59);
border: 1px solid rgba(255, 255, 255, 0.05);
}
.form-style-6 .fp-form-404 input[type="text"],
.form-style-6 .fp-form-404 select,
.form-style-6 .fp-form-404 textarea {
background-color: rgba(12, 46, 59, 0.59);
border-color: rgba(255, 255, 255, 0.05);
}
.mejs-container .mejs-controls {
background: #101010;
}
.mejs-container .mejs-controls .mejs-time span {
color: #fac012;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background: #fac012;
}
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background: rgba(250, 192, 18, 0.5);
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
height: 6px;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
background: #fac012;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #4a4a4a;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
margin-top: 7px;
background: #2d2d2d;
}
.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;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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;
}
.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;
}
/***
====================================================================
page Header
====================================================================
***/
.site-header {
padding: 27px 0 28px 0;
background-color: #fff;
}
.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: #272727;
position: relative;
z-index: 200;
}
.topbar .topbar-widgets {
padding-top: 11px;
padding-bottom: 11px;
}
.topbar .widget {
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
display: inline-block;
color: #d8d8d8;
}
.topbar .topbar-left {
line-height: 27px;
}
.topbar .topbar-left .widget {
padding: 0 20px;
border-right: 1px solid #2f2f2f;
font-size: 14px;
font-weight: 400;
}
.topbar .topbar-left .widget:first-child {
padding-left: 0;
}
.topbar .topbar-left .widget:last-child {
padding-right: 0;
border: 0;
}
.topbar .topbar-left .fa {
padding-right: 10px;
}
.topbar .topbar-right .widget {
padding: 0 15px;
}
.topbar .topbar-right .widget:first-child {
padding-left: 0;
}
.topbar .topbar-right .widget:last-child {
padding-right: 0;
}
.topbar .topbar-right .search-form {
border: 0;
padding: 0;
}
.topbar .topbar-right .search-form::-webkit-input-placeholder {
color: #9e9e9e;
}
.topbar .topbar-right .search-form:-moz-placeholder {
color: #9e9e9e;
}
.topbar .topbar-right .search-form::-moz-placeholder {
color: #9e9e9e;
}
.topbar .topbar-right .search-form:-ms-input-placeholder {
color: #9e9e9e;
}
.topbar .topbar-right .search-form:after {
display: none;
}
.topbar .topbar-right .search-form:before {
font-size: 12px;
color: #9e9e9e;
right: 10px;
}
.topbar .topbar-right .search-form .search-field {
height: 28px;
line-height: 28px;
padding-right: 28px;
background-color: #2f2f2f;
color: #d8d8d8;
width: initial;
}
.topbar .topbar-right .search-form .search-submit {
right: 0;
width: 28px;
height: 28px;
}
.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: #d8d8d8;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.topbar .topbar-socials li:hover a {
color: #fac012;
}
.topbar .topbar-extra .widget {
padding: 0 15px;
}
.topbar .topbar-extra .widget:first-child {
padding-left: 0;
}
.topbar .topbar-extra .widget:last-child {
padding-right: 0;
}
.topbar .topbar-extra .search-form {
border: 0;
padding: 0;
}
.topbar .topbar-extra .search-form:after {
display: none;
}
.topbar .topbar-extra .search-form .search-field {
width: initial;
}
.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%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-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: #f7f7f7;
width: 100%;
text-align: left;
padding-left: 20px;
opacity: 0;
top: 53px;
-webkit-transition: 0.5s;
transition: 0.5s;
z-index: -9999;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
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;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.topbar .intro-text {
color: #d8d8d8;
}
.topbar-v2 .topbar {
background-color: #f7f7f7;
border-bottom: 1px solid #e9e9e9;
}
.topbar-v2 .topbar .topbar-widgets .widget {
color: #9f9f9f;
}
.topbar-v2 .topbar .topbar-left .widget {
border-right-color: #e9e9e9;
}
.topbar-v2 .topbar .topbar-left .widget .fa {
color: #d8d8d8;
}
.topbar-v2 .topbar .topbar-right .search-form {
border: 1px solid #e9e9e9;
}
.topbar-v2 .topbar .topbar-right .search-form .search-field {
background-color: #f7f7f7;
}
.topbar-v2 .topbar .topbar-extra .search-form {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}
.topbar-v2 .topbar .topbar-extra .search-form:before {
color: #9f9f9f;
}
.topbar-v2 .topbar .topbar-extra-right {
padding-top: 0;
padding-bottom: 0;
}
.topbar-v2 .topbar .widget_icl_lang_sel_widget ul.lang_sel a,
.topbar-v2 .topbar .widget_icl_lang_sel_widget ul.lang_sel:after {
color: #9f9f9f;
}
.topbar-v2 .topbar .intro-text {
color: #222;
}
.page-header {
margin: 0;
padding-bottom: 0;
border: none;
}
.page-header h1,
.page-header h2 {
text-transform: none;
font-weight: 700;
margin: 0;
}
.page-header .header-title {
padding: 111px 0;
text-align: center;
-webkit-background-size: cover;
background-size: cover;
}
.page-header .header-title h1 {
color: #fff;
font-size: 40px;
}
.page-header .header-title.blog-title h1 {
font-size: 36px;
font-weight: 400;
text-transform: capitalize;
}
.page-header .breadcrumb-area {
background-color: #f7f7f7;
padding: 15px 0;
}
.page-header .breadcrumb-area nav {
background-color: transparent;
text-align: left;
padding: 0 0 5px 0;
margin: 0;
color: #272727;
line-height: 20px;
}
.page-header .breadcrumb-area nav a,
.page-header .breadcrumb-area nav span {
color: #272727;
}
.page-header .breadcrumb-area nav .fa {
padding: 0 5px;
}
.header-sticky .site-header {
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
.header-sticky .site-header.opa-0 {
opacity: 0;
}
.header-sticky .site-header.minimized {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
border-bottom: 1px solid #ccc;
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
.header-sticky .site-header.minimized.minimizing {
top: 0;
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
.header-sticky.admin-bar .site-header.minimizing {
top: 32px !important;
}
.header-sticky.boxed .site-header.minimized {
max-width: 1270px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.header-sticky.boxed.header-v3 .site-header.minimized,
.header-sticky.boxed.home-header-v3 .site-header.minimized,
.header-sticky.boxed.header-v3 .site-header.minimizing,
.header-sticky.boxed.home-header-v3 .site-header.minimizing {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.header-sticky.header-v2 .site-header.minimized .site-logo img,
.header-sticky.home-header-v2 .site-header.minimized .site-logo img,
.header-sticky.header-v9 .site-header.minimized .site-logo img,
.header-sticky.home-header-v9 .site-header.minimized .site-logo img {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-sticky.header-v2 .site-header.minimized .site-logo img.logo-dark,
.header-sticky.home-header-v2 .site-header.minimized .site-logo img.logo-dark,
.header-sticky.header-v9 .site-header.minimized .site-logo img.logo-dark,
.header-sticky.home-header-v9 .site-header.minimized .site-logo img.logo-dark {
display: inline-block;
}
.header-sticky.header-v2 .site-header.minimized .site-logo img.logo-light,
.header-sticky.home-header-v2 .site-header.minimized .site-logo img.logo-light,
.header-sticky.header-v9 .site-header.minimized .site-logo img.logo-light,
.header-sticky.home-header-v9 .site-header.minimized .site-logo img.logo-light {
display: none;
}
.header-sticky.header-v2 .site-header.minimized.minimizing .site-logo img,
.header-sticky.home-header-v2 .site-header.minimized.minimizing .site-logo img,
.header-sticky.header-v9 .site-header.minimized.minimizing .site-logo img,
.header-sticky.home-header-v9 .site-header.minimized.minimizing .site-logo img {
display: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-sticky.header-v2 .site-header.minimized.minimizing .site-logo img.logo-dark,
.header-sticky.home-header-v2 .site-header.minimized.minimizing .site-logo img.logo-dark,
.header-sticky.header-v9 .site-header.minimized.minimizing .site-logo img.logo-dark,
.header-sticky.home-header-v9 .site-header.minimized.minimizing .site-logo img.logo-dark {
display: inline-block;
}
.header-sticky.header-v3 .site-header.minimized,
.header-sticky.home-header-v3 .site-header.minimized,
.header-sticky.header-v3 .site-header.minimizing,
.header-sticky.home-header-v3 .site-header.minimizing {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-sticky.header-v4 .site-header.minimized .header-logo,
.header-sticky.header-v5 .site-header.minimized .header-logo,
.header-sticky.header-v6 .site-header.minimized .header-logo,
.header-sticky.header-v7 .site-header.minimized .header-logo,
.header-sticky.header-v8 .site-header.minimized .header-logo,
.header-sticky.header-v9 .site-header.minimized .header-logo,
.header-sticky.home-header-v4 .site-header.minimized .header-logo,
.header-sticky.home-header-v5 .site-header.minimized .header-logo,
.header-sticky.home-header-v6 .site-header.minimized .header-logo,
.header-sticky.home-header-v7 .site-header.minimized .header-logo,
.header-sticky.home-header-v8 .site-header.minimized .header-logo,
.header-sticky.home-header-v9 .site-header.minimized .header-logo {
display: none;
}
.header-sticky.header-v4 .site-header.minimized,
.header-sticky.home-header-v4 .site-header.minimized {
padding-top: 0;
}
.header-sticky.header-v4 .site-header.minimized .header-main,
.header-sticky.home-header-v4 .site-header.minimized .header-main {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background-color: #fff;
}
.header-sticky.header-v4 .site-header.minimized.minimizing,
.header-sticky.home-header-v4 .site-header.minimized.minimizing {
padding-top: 0;
}
.header-sticky.header-v4 .site-header.minimized.minimizing .header-main,
.header-sticky.home-header-v4 .site-header.minimized.minimizing .header-main {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background-color: #fff;
}
.header-sticky.header-v6 .site-header.minimized,
.header-sticky.header-v7 .site-header.minimized,
.header-sticky.home-header-v6 .site-header.minimized,
.header-sticky.home-header-v7 .site-header.minimized {
border-bottom: none;
}
.header-sticky.header-v7 .site-header.minimized,
.header-sticky.home-header-v7 .site-header.minimized {
padding-top: 0;
}
.header-sticky.header-v7 .site-header.minimized .header-main,
.header-sticky.home-header-v7 .site-header.minimized .header-main {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-sticky.header-v7 .site-header.minimized.minimizing,
.header-sticky.home-header-v7 .site-header.minimized.minimizing {
padding-top: 0;
}
.header-sticky.header-v7 .site-header.minimized.minimizing .header-main,
.header-sticky.home-header-v7 .site-header.minimized.minimizing .header-main {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-sticky.header-v8 .site-header.minimized .header-main,
.header-sticky.home-header-v8 .site-header.minimized .header-main,
.header-sticky.header-v8 .site-header.minimizing .header-main,
.header-sticky.home-header-v8 .site-header.minimizing .header-main {
background-color: #fff;
border-bottom-color: #ccc;
}
.header-v2 .topbar,
.home-header-v2 .topbar,
.header-v2 .site-header,
.home-header-v2 .site-header {
position: absolute;
width: 100%;
z-index: 9999;
background-color: transparent;
}
.header-v2 .topbar,
.home-header-v2 .topbar {
top: 0;
}
.header-v2 .topbar .topbar-border,
.home-header-v2 .topbar .topbar-border {
height: 1px;
background-color: rgba(255, 255, 255, 0.24);
}
.header-v2 .topbar .topbar-left .widget,
.home-header-v2 .topbar .topbar-left .widget {
border-color: rgba(255, 255, 255, 0.24);
}
.header-v2 .topbar .topbar-right .search-form .search-field,
.home-header-v2 .topbar .topbar-right .search-form .search-field {
background-color: rgba(47, 47, 47, 0.45);
}
.header-v2 .page-header .header-title,
.home-header-v2 .page-header .header-title {
padding-top: 180px;
}
.header-v2 .site-header,
.home-header-v2 .site-header {
top: 50px;
}
.header-v2.admin-bar .topbar,
.home-header-v2.admin-bar .topbar {
top: 32px;
}
.header-v2.admin-bar .site-header,
.home-header-v2.admin-bar .site-header {
top: 82px;
}
.header-v9 .site-header,
.home-header-v9 .site-header {
top: 10px;
position: absolute;
width: 100%;
z-index: 9999;
background-color: transparent;
}
.header-v9.admin-bar .site-header,
.home-header-v9.admin-bar .site-header {
top: 52px;
}
.header-v3 .topbar,
.home-header-v3 .topbar {
padding-bottom: 44px;
border-bottom: 3px solid #fac012;
}
.header-v3 .site-header,
.home-header-v3 .site-header {
padding: 0;
position: absolute;
width: 100%;
-webkit-transform: translateY(-47px);
-ms-transform: translateY(-47px);
transform: translateY(-47px);
z-index: 999;
background-color: transparent;
}
.header-v3 .header-main,
.home-header-v3 .header-main {
padding: 22px 30px 23px 30px;
background-color: #fff;
}
.header-v3 .page-header .header-title,
.home-header-v3 .page-header .header-title {
padding-top: 154px;
}
.header-v4 .site-header,
.home-header-v4 .site-header {
padding-top: 35px;
padding-bottom: 0;
}
.header-v4 .header-logo,
.home-header-v4 .header-logo {
padding-bottom: 0;
margin-bottom: -7px;
}
.header-v4 .header-main,
.home-header-v4 .header-main {
padding: 18px 30px 19px 30px;
background-color: #fac012;
position: relative;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
z-index: 999;
}
.header-v4 .extra-text-left,
.home-header-v4 .extra-text-left,
.header-v4 .extra-text-right,
.home-header-v4 .extra-text-right {
font-size: 14px;
font-weight: 400;
color: #272727;
margin-top: -5px;
}
.header-v4 .extra-text-left span,
.home-header-v4 .extra-text-left span,
.header-v4 .extra-text-right span,
.home-header-v4 .extra-text-right span {
font-size: 26px;
font-weight: 700;
color: #fac012;
display: block;
line-height: 26px;
padding-top: 5px;
}
.header-v4 .site-logo,
.home-header-v4 .site-logo {
text-align: center;
}
.header-v4 .extra-text-right,
.home-header-v4 .extra-text-right {
text-align: right;
}
.header-v4 .page-header .header-title,
.home-header-v4 .page-header .header-title {
padding-top: 156px;
}
.header-v4 .topbar .topbar-right,
.home-header-v4 .topbar .topbar-right,
.header-v4 .topbar .topbar-extra-right,
.home-header-v4 .topbar .topbar-extra-right {
padding-bottom: 0;
padding-top: 0;
}
.header-v4 .topbar .search-form::-webkit-input-placeholder,
.home-header-v4 .topbar .search-form::-webkit-input-placeholder {
color: #fff;
}
.header-v4 .topbar .search-form:-moz-placeholder,
.home-header-v4 .topbar .search-form:-moz-placeholder {
color: #fff;
}
.header-v4 .topbar .search-form::-moz-placeholder,
.home-header-v4 .topbar .search-form::-moz-placeholder {
color: #fff;
}
.header-v4 .topbar .search-form:-ms-input-placeholder,
.home-header-v4 .topbar .search-form:-ms-input-placeholder {
color: #fff;
}
.header-v4 .topbar .search-form .search-field,
.home-header-v4 .topbar .search-form .search-field {
height: 50px;
line-height: 50px;
background-color: #202020;
color: #fff;
padding-left: 30px;
padding-right: 30px;
}
.header-v4 .topbar .search-form .search-submit,
.home-header-v4 .topbar .search-form .search-submit {
width: 50px;
height: 50px;
right: 13px;
}
.header-v4 .topbar .search-form:before,
.home-header-v4 .topbar .search-form:before {
font-size: 14px;
right: 30px;
color: #fff;
}
.header-v4 .topbar .topbar-right,
.home-header-v4 .topbar .topbar-right,
.header-v4 .topbar .topbar-left,
.home-header-v4 .topbar .topbar-left {
display: none;
}
.header-v4 .topbar .topbar-extra,
.home-header-v4 .topbar .topbar-extra {
display: block;
}
.header-v4.topbar-v2 .topbar .topbar-widgets .widget,
.home-header-v4.topbar-v2 .topbar .topbar-widgets .widget {
color: #9f9f9f;
}
.header-v4.topbar-v2 .topbar .search-form,
.home-header-v4.topbar-v2 .topbar .search-form {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}
.header-v4.topbar-v2 .topbar .search-form .search-field,
.home-header-v4.topbar-v2 .topbar .search-form .search-field {
background-color: #f7f7f7;
color: #9f9f9f;
}
.header-v4.topbar-v2 .topbar .search-form:before,
.home-header-v4.topbar-v2 .topbar .search-form:before {
color: #9f9f9f;
}
.header-v4.topbar-v2 .topbar .search-form::-webkit-input-placeholder,
.home-header-v4.topbar-v2 .topbar .search-form::-webkit-input-placeholder {
color: #9f9f9f;
}
.header-v4.topbar-v2 .topbar .search-form:-moz-placeholder,
.home-header-v4.topbar-v2 .topbar .search-form:-moz-placeholder {
color: #9f9f9f;
}
.header-v4.topbar-v2 .topbar .search-form::-moz-placeholder,
.home-header-v4.topbar-v2 .topbar .search-form::-moz-placeholder {
color: #9f9f9f;
}
.header-v4.topbar-v2 .topbar .search-form:-ms-input-placeholder,
.home-header-v4.topbar-v2 .topbar .search-form:-ms-input-placeholder {
color: #9f9f9f;
}
.header-v5 .site-header,
.home-header-v5 .site-header {
padding: 0;
}
.header-v5 .header-logo,
.home-header-v5 .header-logo {
padding: 44px 0 41px 0;
border-bottom: 1px solid #f7f7f7;
}
.header-v5 .header-main,
.home-header-v5 .header-main {
padding: 11px 0;
}
.header-v6 .site-header,
.home-header-v6 .site-header {
padding: 0;
}
.header-v6 .header-logo,
.home-header-v6 .header-logo {
padding: 39px 0 36px 0;
border-bottom: 1px solid #f7f7f7;
}
.header-v6 .header-main,
.home-header-v6 .header-main {
padding: 14px 0;
background-color: #0c2e3b;
}
.header-v7 .extra-text-1,
.home-header-v7 .extra-text-1,
.header-v7 .extra-text-2,
.home-header-v7 .extra-text-2 {
font-size: 14px;
font-weight: 400;
color: #272727;
margin-top: -5px;
display: inline-block;
}
.header-v7 .extra-text-1 span,
.home-header-v7 .extra-text-1 span,
.header-v7 .extra-text-2 span,
.home-header-v7 .extra-text-2 span {
font-size: 26px;
font-weight: 700;
color: #fac012;
display: block;
line-height: 26px;
padding-top: 5px;
}
.header-v7 .extra-text-1,
.home-header-v7 .extra-text-1 {
padding-right: 70px;
}
.header-v7 .site-header,
.home-header-v7 .site-header {
padding-top: 38px;
padding-bottom: 0;
}
.header-v7 .header-main,
.home-header-v7 .header-main {
background-color: #002a52;
position: relative;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
z-index: 999;
}
.header-v7 .site,
.home-header-v7 .site {
overflow: hidden;
}
.header-v8 .site-header,
.home-header-v8 .site-header {
padding: 0;
}
.header-v8 .header-logo,
.home-header-v8 .header-logo {
padding: 39px 0 36px 0;
}
.header-v8 .header-main,
.home-header-v8 .header-main {
background-color: transparent;
position: absolute;
width: 100%;
z-index: 9999;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header-v9 .main-nav .menu-item-button-link a,
.home-header-v9 .main-nav .menu-item-button-link a {
display: inline-block;
min-width: 70px;
font-size: 14px;
font-weight: 700;
line-height: 1.6;
color: #fff;
margin-top: -5px;
font-family: 'Montserrat', sans-serif;
background-color: #fac012;
text-align: center;
text-transform: uppercase;
position: relative;
z-index: 99;
}
.header-v9 .main-nav .menu-item-button-link a:before,
.home-header-v9 .main-nav .menu-item-button-link a:before {
content: '';
position: absolute;
top: -45px;
left: 0;
width: 70px;
height: 50px;
background-color: #fac012;
z-index: 1;
}
.header-v9 .main-nav .menu-item-button-link a:after,
.home-header-v9 .main-nav .menu-item-button-link a:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
border-top: 10px solid #fac012;
border-bottom: 10px solid transparent;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
z-index: 1;
}
.header-extra-text .item {
display: inline-block;
padding-right: 30px;
}
.header-extra-text .item i {
float: left;
color: #272727;
margin-top: 11px;
}
.header-extra-text .item div {
margin-left: 30px;
font-size: 16px;
font-weight: 400;
padding-left: 10px;
border-left: 1px solid #f7f7f7;
}
.header-extra-text .item span {
display: block;
color: #272727;
line-height: 16px;
}
.header-extra-text .extra-item {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.header-extra-text .extra-item .button-vertical a {
display: inline-block;
min-width: 70px;
font-size: 14px;
font-weight: 700;
line-height: 1.6;
color: #fff;
margin-top: -5px;
font-family: 'Montserrat', sans-serif;
background-color: #fac012;
text-align: center;
text-transform: uppercase;
position: relative;
z-index: 99;
}
.header-extra-text .extra-item .button-vertical a:before {
content: '';
position: absolute;
top: -45px;
left: 0;
width: 70px;
height: 50px;
background-color: #fac012;
z-index: 1;
}
.header-extra-text .extra-item .button-vertical a:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
border-top: 10px solid #fac012;
border-bottom: 10px solid transparent;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
z-index: 1;
}
.header-extra-text .item-search .search-form {
position: relative;
min-width: 170px;
}
.header-extra-text .item-search .search-form .fa {
font-size: 14px;
font-weight: 400;
position: absolute;
bottom: 14px;
right: 10px;
}
.header-extra-text .item-search .search-form .search-field {
border: 1px solid #f7f7f7;
padding: 10px;
}
.header-extra-text .item-search .search-form .search-field:focus {
outline: none;
}
.header-extra-text .item-search .search-form .search-submit {
opacity: 0;
width: 40px;
height: 40px;
position: absolute;
bottom: 0;
right: 0;
z-index: 999;
}
.header-extra-text .item-text {
padding-top: 10px;
}
.header-extra-text .item-text a {
display: inline-block;
padding: 0 10px;
color: #9f9f9f;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-extra-text .item-text a:first-child {
padding-left: 0;
}
.header-extra-text .item-text a:last-child {
padding-right: 0;
}
.header-extra-text .item-text a:hover {
color: #fac012;
}
.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;
}
/***
====================================================================
Main Navigations
====================================================================
***/
.main-nav {
line-height: 41px;
}
.main-nav a {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
.main-nav a:hover {
color: #fac012;
}
.main-nav ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.main-nav ul ul {
-webkit-transition: top 0.3s ease 0s, opacity 0.3s;
transition: top 0.3s ease 0s, opacity 0.3s;
position: absolute;
top: 120%;
left: 0;
width: 270px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #f7f7f7;
margin-top: 31px;
}
.main-nav ul ul:before {
content: '';
width: 100%;
height: 35px;
position: absolute;
background-color: transparent;
left: 0;
top: -35px;
}
.main-nav ul ul ul {
-webkit-transition: left 0.3s ease 0s, opacity 0.3s;
transition: left 0.3s ease 0s, opacity 0.3s;
left: 105%;
top: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0;
}
.main-nav li {
display: inline-block;
padding-right: 40px;
position: relative;
text-align: left;
}
.main-nav li:hover > ul {
opacity: 1;
z-index: 9999;
top: 100%;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.main-nav li li {
padding: 20px;
display: block;
border-left: 3px solid #fac012;
line-height: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.main-nav li li a {
font-size: 14px;
}
.main-nav li li:hover {
background-color: #fac012;
}
.main-nav li li:hover > a {
color: #fff;
}
.main-nav li li:hover > ul {
top: 0;
left: 100%;
}
.main-nav ul.menu {
padding-left: 30px;
}
.main-nav ul.menu > li:last-child {
padding-right: 0;
}
.main-nav ul.menu > li.current-menu-item > a {
color: #fac012;
}
.main-nav ul.menu > li.current-menu-item > a:after {
color: #fac012;
}
.main-nav ul.menu > li.dropdown-item > a {
position: relative;
}
.main-nav ul.menu > li.dropdown-item > a:after {
content: '\f107';
font-family: Fontawesome;
position: absolute;
top: 50%;
right: -15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
}
.main-nav .extra-menu-item {
float: right;
}
.main-nav .menu-item-search .search-form {
position: relative;
min-width: 270px;
}
.main-nav .menu-item-search .search-form .fa {
font-size: 14px;
font-weight: 400;
position: absolute;
bottom: 14px;
right: 0;
}
.main-nav .menu-item-search .search-form .search-field {
width: 100%;
border: none;
border-bottom: 1px solid #f7f7f7;
padding-left: 0;
padding-bottom: 7px;
background-color: transparent;
}
.main-nav .menu-item-search .search-form .search-field:focus {
outline: none;
}
.main-nav .menu-item-search .search-form .search-submit {
opacity: 0;
width: 28px;
position: absolute;
bottom: 10px;
right: -5px;
z-index: 999;
}
.main-nav .menu-item-button-link a {
font-size: 14px;
font-weight: 700;
}
.main-nav .menu-item-button-link a:hover,
.main-nav .menu-item-button-link a:focus {
color: #fff;
}
.main-nav .menu-item-text {
font-size: 24px;
font-weight: 700;
color: #fff;
}
.main-nav .menu-item-text i {
color: #fac012;
}
.main-nav .menu-item-text p {
display: inline-block;
padding-left: 20px;
}
.main-nav .menu-item-cart .cart-contents {
font-size: 20px;
padding-top: 3px;
display: block;
}
.main-nav .menu-item-cart .cart-contents .mini-cart-counter {
display: none;
}
.main-nav .menu-item-cart .cart_list {
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
width: 100%;
border-bottom: 1px solid #f7f7f7;
padding-bottom: 10px;
background-color: #fff;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.main-nav .menu-item-cart .cart_list li {
border-right: 0;
border-left: 0;
}
.main-nav .menu-item-cart .cart_list li:hover {
background-color: transparent;
}
.main-nav .menu-item-cart .cart_list li:hover a {
color: #272727;
}
.main-nav .menu-item-cart .cart_list a img {
margin-right: 20px;
}
.main-nav .menu-item-cart .cart_list .remove {
float: right;
color: #9e9e9e !important;
}
.main-nav .menu-item-cart .cart_list .remove:hover {
color: #fac012 !important;
background-color: transparent !important;
}
.main-nav .menu-item-cart .cart_list .quantity {
margin-left: 0;
border: 0;
padding: 0;
margin-top: 10px;
display: inline-block;
width: inherit;
}
.main-nav .menu-item-cart .total {
border-bottom: 1px solid #f7f7f7;
text-transform: uppercase;
margin-bottom: 10px;
}
.main-nav .menu-item-cart .total .amount {
float: right;
}
.main-nav .menu-item-cart .buttons .checkout {
float: right;
}
.main-nav .menu-item-cart .widget_shopping_cart_content {
-webkit-transition: top 0.3s ease 0s, opacity 0.3s;
transition: top 0.3s ease 0s, opacity 0.3s;
position: absolute;
top: 120%;
right: 0;
width: 320px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #fff;
margin-top: 29px;
border: 1px solid #f7f7f7;
padding: 15px;
opacity: 0;
}
.main-nav .menu-item-cart .widget_shopping_cart_content:before {
content: '';
width: 100%;
height: 35px;
position: absolute;
background-color: transparent;
left: 0;
top: -35px;
}
.main-nav .menu-item-cart:hover .widget_shopping_cart_content {
opacity: 1;
z-index: 9999;
top: 100%;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.header-v2 .main-nav ul.menu > li > a,
.home-header-v2 .main-nav ul.menu > li > a,
.header-v9 .main-nav ul.menu > li > a,
.home-header-v9 .main-nav ul.menu > li > a {
color: #fff;
}
.header-v2 .main-nav ul.menu > li > a:after,
.home-header-v2 .main-nav ul.menu > li > a:after,
.header-v9 .main-nav ul.menu > li > a:after,
.home-header-v9 .main-nav ul.menu > li > a:after {
color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-v3 .main-nav ul ul,
.home-header-v3 .main-nav ul ul {
top: 109%;
left: 0;
}
.header-v3 .main-nav ul ul ul,
.home-header-v3 .main-nav ul ul ul {
left: 105%;
top: 0;
}
.header-v3 .main-nav li:hover > ul,
.home-header-v3 .main-nav li:hover > ul {
top: 89%;
}
.header-v3 .main-nav li li:hover > ul,
.home-header-v3 .main-nav li li:hover > ul {
top: 0;
left: 100%;
}
.header-v3 .main-nav .menu-item-cart .widget_shopping_cart_content,
.home-header-v3 .main-nav .menu-item-cart .widget_shopping_cart_content {
top: 109%;
}
.header-v3 .main-nav .menu-item-cart:hover .widget_shopping_cart_content,
.home-header-v3 .main-nav .menu-item-cart:hover .widget_shopping_cart_content {
top: 89%;
margin-top: 29px;
}
.header-v4 .main-nav,
.home-header-v4 .main-nav {
line-height: 51px;
}
.header-v4 .main-nav ul.menu,
.home-header-v4 .main-nav ul.menu {
padding-left: 15px;
}
.header-v4 .main-nav ul.menu > li > a,
.home-header-v4 .main-nav ul.menu > li > a,
.header-v4 .main-nav ul.menu > li.current-menu-item > a,
.home-header-v4 .main-nav ul.menu > li.current-menu-item > a {
color: #fff;
}
.header-v4 .main-nav ul ul,
.home-header-v4 .main-nav ul ul {
top: 99%;
left: 0;
}
.header-v4 .main-nav ul ul ul,
.home-header-v4 .main-nav ul ul ul {
left: 105%;
top: 0;
}
.header-v4 .main-nav li:hover > ul,
.home-header-v4 .main-nav li:hover > ul {
top: 79%;
}
.header-v4 .main-nav li li:hover > ul,
.home-header-v4 .main-nav li li:hover > ul {
top: 0;
left: 100%;
}
.header-v4 .main-nav ul li.menu-item-button-link a,
.home-header-v4 .main-nav ul li.menu-item-button-link a {
min-height: 50px;
line-height: 50px;
color: #272727;
background-color: #fff;
padding: 0 30px;
}
.header-v4 .main-nav ul li.menu-item-button-link a:hover,
.home-header-v4 .main-nav ul li.menu-item-button-link a:hover,
.header-v4 .main-nav ul li.menu-item-button-link a:focus,
.home-header-v4 .main-nav ul li.menu-item-button-link a:focus {
color: #272727;
}
.header-v4 .main-nav .menu-item-cart .widget_shopping_cart_content,
.home-header-v4 .main-nav .menu-item-cart .widget_shopping_cart_content {
top: 99%;
}
.header-v4 .main-nav .menu-item-cart:hover .widget_shopping_cart_content,
.home-header-v4 .main-nav .menu-item-cart:hover .widget_shopping_cart_content {
top: 79%;
}
.header-v5 .main-nav ul ul,
.home-header-v5 .main-nav ul ul {
margin-top: 11px;
}
.header-v5 .main-nav ul ul:before,
.home-header-v5 .main-nav ul ul:before {
height: 22px;
top: -22px;
}
.header-v5 .main-nav .menu-item-cart .widget_shopping_cart_content,
.home-header-v5 .main-nav .menu-item-cart .widget_shopping_cart_content {
margin-top: 11px;
}
.header-v5 .main-nav .menu-item-cart .widget_shopping_cart_content:before,
.home-header-v5 .main-nav .menu-item-cart .widget_shopping_cart_content:before {
height: 22px;
top: -22px;
}
.header-v6 .main-nav ul ul,
.header-v7 .main-nav ul ul,
.home-header-v6 .main-nav ul ul,
.home-header-v7 .main-nav ul ul {
margin-top: 14px;
}
.header-v6 .main-nav ul ul:before,
.header-v7 .main-nav ul ul:before,
.home-header-v6 .main-nav ul ul:before,
.home-header-v7 .main-nav ul ul:before {
height: 22px;
top: -22px;
}
.header-v6 .main-nav ul.menu,
.header-v7 .main-nav ul.menu,
.home-header-v6 .main-nav ul.menu,
.home-header-v7 .main-nav ul.menu {
padding-left: 15px;
}
.header-v6 .main-nav ul.menu > li > a,
.header-v7 .main-nav ul.menu > li > a,
.home-header-v6 .main-nav ul.menu > li > a,
.home-header-v7 .main-nav ul.menu > li > a {
color: #fff;
}
.header-v6 .main-nav ul.menu > li > a:after,
.header-v7 .main-nav ul.menu > li > a:after,
.home-header-v6 .main-nav ul.menu > li > a:after,
.home-header-v7 .main-nav ul.menu > li > a:after {
color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-v6 .main-nav .menu-item-cart .widget_shopping_cart_content,
.header-v7 .main-nav .menu-item-cart .widget_shopping_cart_content,
.home-header-v6 .main-nav .menu-item-cart .widget_shopping_cart_content,
.home-header-v7 .main-nav .menu-item-cart .widget_shopping_cart_content {
margin-top: 14px;
}
.header-v6 .main-nav .menu-item-cart .widget_shopping_cart_content:before,
.header-v7 .main-nav .menu-item-cart .widget_shopping_cart_content:before,
.home-header-v6 .main-nav .menu-item-cart .widget_shopping_cart_content:before,
.home-header-v7 .main-nav .menu-item-cart .widget_shopping_cart_content:before {
height: 22px;
top: -22px;
}
.header-v7 .main-nav ul.menu,
.header-v8 .main-nav ul.menu,
.home-header-v7 .main-nav ul.menu,
.home-header-v8 .main-nav ul.menu {
padding-left: 15px;
}
.header-v7 .main-nav ul.menu > li,
.header-v8 .main-nav ul.menu > li,
.home-header-v7 .main-nav ul.menu > li,
.home-header-v8 .main-nav ul.menu > li {
padding-top: 12px;
padding-bottom: 13px;
}
.header-v7 .main-nav ul.menu > li.menu-item-button-link,
.header-v8 .main-nav ul.menu > li.menu-item-button-link,
.home-header-v7 .main-nav ul.menu > li.menu-item-button-link,
.home-header-v8 .main-nav ul.menu > li.menu-item-button-link {
padding-bottom: 12px;
}
.header-v7 .main-nav .menu-item-cart .widget_shopping_cart_content,
.header-v8 .main-nav .menu-item-cart .widget_shopping_cart_content,
.home-header-v7 .main-nav .menu-item-cart .widget_shopping_cart_content,
.home-header-v8 .main-nav .menu-item-cart .widget_shopping_cart_content {
margin-top: 0;
}
.header-v7 .menu-item-button-link a,
.header-v8 .menu-item-button-link a,
.home-header-v7 .menu-item-button-link a,
.home-header-v8 .menu-item-button-link a {
padding-left: 35px;
padding-right: 35px;
}
.header-v7 .main-nav ul ul,
.home-header-v7 .main-nav ul ul {
margin-top: 0;
}
.header-v7 .main-nav ul.menu,
.home-header-v7 .main-nav ul.menu {
position: relative;
}
.header-v7 .main-nav ul.menu:after,
.home-header-v7 .main-nav ul.menu:after {
content: '';
position: absolute;
right: -400px;
top: 0;
width: 400px;
height: 100%;
background-color: #002a52;
}
.header-v7 .main-nav ul.menu > li,
.home-header-v7 .main-nav ul.menu > li {
padding-top: 12px;
padding-bottom: 13px;
}
.header-v7 .main-nav ul.menu li.fp-home,
.home-header-v7 .main-nav ul.menu li.fp-home {
width: 68px;
margin-right: 25px;
padding-right: 0;
position: relative;
background-color: #fac012;
}
.header-v7 .main-nav ul.menu li.fp-home:after,
.home-header-v7 .main-nav ul.menu li.fp-home:after {
font-size: 24px;
content: '\f015';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #002a52;
font-family: Fontawesome;
cursor: pointer;
}
.header-v7 .main-nav ul.menu li.fp-home > a,
.home-header-v7 .main-nav ul.menu li.fp-home > a,
.header-v7 .main-nav ul.menu li.fp-home > a:after,
.home-header-v7 .main-nav ul.menu li.fp-home > a:after {
color: transparent;
}
.header-v7 .main-nav ul.menu li.fp-home > a,
.home-header-v7 .main-nav ul.menu li.fp-home > a {
position: relative;
z-index: 999;
}
.header-v7 .main-nav .menu-item-cart .cart-contents,
.home-header-v7 .main-nav .menu-item-cart .cart-contents {
padding-top: 1px;
}
.header-v7 .menu-item-button-link,
.home-header-v7 .menu-item-button-link {
background-color: #fac012;
}
.header-v7 .page-header .header-title,
.home-header-v7 .page-header .header-title {
padding-top: 130px;
}
.header-v8 .main-nav ul ul,
.home-header-v8 .main-nav ul ul {
margin-top: 1px;
}
.header-v8 .main-nav ul ul:before,
.home-header-v8 .main-nav ul ul:before {
height: 22px;
top: -22px;
}
.header-v8 .main-nav ul.menu > li > a,
.home-header-v8 .main-nav ul.menu > li > a {
color: #fff;
}
.header-v8 .main-nav ul.menu > li > a:after,
.home-header-v8 .main-nav ul.menu > li > a:after {
color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-v8 .main-nav ul.menu > li.current-menu-item:not(.fp-home) > a,
.home-header-v8 .main-nav ul.menu > li.current-menu-item:not(.fp-home) > a {
color: #fac012;
}
.header-v8 .main-nav ul.menu > li.current-menu-item:not(.fp-home) > a:after,
.home-header-v8 .main-nav ul.menu > li.current-menu-item:not(.fp-home) > a:after {
color: #fac012;
}
.header-v8 .main-nav ul.menu > li.fp-home,
.home-header-v8 .main-nav ul.menu > li.fp-home {
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
width: 68px;
margin-right: 25px;
padding-right: 0;
position: relative;
}
.header-v8 .main-nav ul.menu > li.fp-home:after,
.home-header-v8 .main-nav ul.menu > li.fp-home:after {
font-size: 24px;
content: '\f015';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fac012;
font-family: Fontawesome;
cursor: pointer;
}
.header-v8 .main-nav ul.menu > li.fp-home > a,
.home-header-v8 .main-nav ul.menu > li.fp-home > a,
.header-v8 .main-nav ul.menu > li.fp-home > a:after,
.home-header-v8 .main-nav ul.menu > li.fp-home > a:after {
color: transparent;
}
.header-v8 .main-nav ul.menu > li.fp-home > a,
.home-header-v8 .main-nav ul.menu > li.fp-home > a {
position: relative;
z-index: 999;
}
.header-v8 .main-nav .menu-item-button-link,
.home-header-v8 .main-nav .menu-item-button-link {
background-color: transparent;
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.header-v8 .main-nav .menu-item-button-link a,
.home-header-v8 .main-nav .menu-item-button-link a {
background-color: transparent;
}
.header-v8 .page-header .header-title,
.home-header-v8 .page-header .header-title {
padding-top: 160px;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li > a,
.header-sticky .site-header.minimizing .main-nav ul.menu > li > a {
color: #272727;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li > a:after,
.header-sticky .site-header.minimizing .main-nav ul.menu > li > a:after {
color: #272727;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li > a:hover,
.header-sticky .site-header.minimizing .main-nav ul.menu > li > a:hover {
color: #fac012;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li > a:hover:after,
.header-sticky .site-header.minimizing .main-nav ul.menu > li > a:hover:after {
color: #fac012;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li.menu-item-button-link a,
.header-sticky .site-header.minimizing .main-nav ul.menu > li.menu-item-button-link a {
color: #fff;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li.menu-item-button-link a:hover,
.header-sticky .site-header.minimizing .main-nav ul.menu > li.menu-item-button-link a:hover {
color: #fff;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li.current-menu-item > a,
.header-sticky .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a {
color: #fac012;
}
.header-sticky .site-header.minimized .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a:after {
color: #fac012;
}
.header-sticky.header-v4 .site-header.minimized .main-nav ul.menu > li.menu-item-button-link a,
.header-sticky.home-header-v4 .site-header.minimized .main-nav ul.menu > li.menu-item-button-link a,
.header-sticky.header-v4 .site-header.minimizing .main-nav ul.menu > li.menu-item-button-link a,
.header-sticky.home-header-v4 .site-header.minimizing .main-nav ul.menu > li.menu-item-button-link a {
background-color: #fac012;
color: #fff;
}
.header-sticky.header-v4 .site-header.minimized .main-nav ul.menu > li.menu-item-button-link a:hover,
.header-sticky.home-header-v4 .site-header.minimized .main-nav ul.menu > li.menu-item-button-link a:hover,
.header-sticky.header-v4 .site-header.minimizing .main-nav ul.menu > li.menu-item-button-link a:hover,
.header-sticky.home-header-v4 .site-header.minimizing .main-nav ul.menu > li.menu-item-button-link a:hover {
color: #fff;
}
.header-sticky.header-v6 .site-header.minimized .main-nav ul.menu > li > a,
.header-sticky.header-v7 .site-header.minimized .main-nav ul.menu > li > a,
.header-sticky.home-header-v6 .site-header.minimized .main-nav ul.menu > li > a,
.header-sticky.home-header-v7 .site-header.minimized .main-nav ul.menu > li > a,
.header-sticky.header-v6 .site-header.minimizing .main-nav ul.menu > li > a,
.header-sticky.header-v7 .site-header.minimizing .main-nav ul.menu > li > a,
.header-sticky.home-header-v6 .site-header.minimizing .main-nav ul.menu > li > a,
.header-sticky.home-header-v7 .site-header.minimizing .main-nav ul.menu > li > a {
color: #fff;
}
.header-sticky.header-v6 .site-header.minimized .main-nav ul.menu > li > a:after,
.header-sticky.header-v7 .site-header.minimized .main-nav ul.menu > li > a:after,
.header-sticky.home-header-v6 .site-header.minimized .main-nav ul.menu > li > a:after,
.header-sticky.home-header-v7 .site-header.minimized .main-nav ul.menu > li > a:after,
.header-sticky.header-v6 .site-header.minimizing .main-nav ul.menu > li > a:after,
.header-sticky.header-v7 .site-header.minimizing .main-nav ul.menu > li > a:after,
.header-sticky.home-header-v6 .site-header.minimizing .main-nav ul.menu > li > a:after,
.header-sticky.home-header-v7 .site-header.minimizing .main-nav ul.menu > li > a:after {
color: #fff;
}
.header-sticky.header-v6 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a,
.header-sticky.header-v7 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a,
.header-sticky.home-header-v6 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a,
.header-sticky.home-header-v7 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a,
.header-sticky.header-v6 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a,
.header-sticky.header-v7 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a,
.header-sticky.home-header-v6 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a,
.header-sticky.home-header-v7 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a {
color: #fac012;
}
.header-sticky.header-v6 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky.header-v7 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky.home-header-v6 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky.home-header-v7 .site-header.minimized .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky.header-v6 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky.header-v7 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky.home-header-v6 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a:after,
.header-sticky.home-header-v7 .site-header.minimizing .main-nav ul.menu > li.current-menu-item > a:after {
color: #fac012;
}
.header-sticky.header-v7 .site-header.minimized .main-nav ul.menu li.fp-home > a,
.header-sticky.header-v8 .site-header.minimized .main-nav ul.menu li.fp-home > a,
.header-sticky.home-header-v7 .site-header.minimized .main-nav ul.menu li.fp-home > a,
.header-sticky.home-header-v8 .site-header.minimized .main-nav ul.menu li.fp-home > a,
.header-sticky.header-v7 .site-header.minimizing .main-nav ul.menu li.fp-home > a,
.header-sticky.header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home > a,
.header-sticky.home-header-v7 .site-header.minimizing .main-nav ul.menu li.fp-home > a,
.header-sticky.home-header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home > a,
.header-sticky.header-v7 .site-header.minimized .main-nav ul.menu li.fp-home > a:after,
.header-sticky.header-v8 .site-header.minimized .main-nav ul.menu li.fp-home > a:after,
.header-sticky.home-header-v7 .site-header.minimized .main-nav ul.menu li.fp-home > a:after,
.header-sticky.home-header-v8 .site-header.minimized .main-nav ul.menu li.fp-home > a:after,
.header-sticky.header-v7 .site-header.minimizing .main-nav ul.menu li.fp-home > a:after,
.header-sticky.header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home > a:after,
.header-sticky.home-header-v7 .site-header.minimizing .main-nav ul.menu li.fp-home > a:after,
.header-sticky.home-header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home > a:after {
color: transparent;
}
.header-sticky.header-v8 .site-header.minimized .main-nav ul.menu li.fp-home,
.header-sticky.home-header-v8 .site-header.minimized .main-nav ul.menu li.fp-home,
.header-sticky.header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home,
.header-sticky.home-header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home {
border-right-color: transparent;
border-left-color: transparent;
background-color: #fac012;
}
.header-sticky.header-v8 .site-header.minimized .main-nav ul.menu li.fp-home:after,
.header-sticky.home-header-v8 .site-header.minimized .main-nav ul.menu li.fp-home:after,
.header-sticky.header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home:after,
.header-sticky.home-header-v8 .site-header.minimizing .main-nav ul.menu li.fp-home:after {
color: #fff;
}
.header-sticky.header-v8 .site-header.minimized .main-nav ul.menu li.menu-item-button-link,
.header-sticky.home-header-v8 .site-header.minimized .main-nav ul.menu li.menu-item-button-link,
.header-sticky.header-v8 .site-header.minimizing .main-nav ul.menu li.menu-item-button-link,
.header-sticky.home-header-v8 .site-header.minimizing .main-nav ul.menu li.menu-item-button-link {
background-color: #fac012;
}
.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 #f7f7f7;
}
.post-navigation .nav-previous .meta-nav {
padding-right: 12px;
}
.post-navigation .nav-next {
padding-left: 10px;
border-left: 0.5px solid #f7f7f7;
}
.post-navigation .nav-next .meta-nav {
padding-left: 12px;
}
.post-navigation a:hover {
color: #fac012;
}
.numeric-navigation {
clear: both;
display: block;
text-align: center;
float: none;
padding-top: 50px;
}
.numeric-navigation .page-numbers {
color: #272727;
font-weight: 700;
font-size: 18px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #f7f7f7;
display: inline-block;
margin: 0 3px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.numeric-navigation .page-numbers .fa {
color: #9e9e9e;
font-size: 18px;
-webkit-transition: 0.5s;
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;
border-color: #fac012;
background-color: #fac012;
}
.numeric-navigation .page-numbers:hover .fa,
.numeric-navigation .page-numbers.current .fa {
color: #fff;
}
.blog-grid .numeric-navigation {
margin-top: 0;
padding-top: 30px;
border-top: 1px solid #f7f7f7;
}
.blog-grid .all-project .numeric-navigation,
.blog-grid .all-service .numeric-navigation {
border: 0;
}
.blog-list .numeric-navigation {
margin-top: 0;
padding-top: 50px;
}
.all-project .numeric-navigation {
margin-top: 0;
padding-top: 30px;
}
.project-nav-ajax .numeric-navigation .page-numbers {
display: none;
}
.project-nav-ajax .numeric-navigation .page-numbers.next {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
margin: 0;
text-transform: uppercase;
display: inline-block;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #fff;
font-weight: 400;
text-align: center;
line-height: 50px;
height: 50px;
min-width: 170px;
padding: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 0;
background-color: #fac012;
}
.header-v2 .navbars-icon i,
.home-header-v2 .navbars-icon i,
.header-v9 .navbars-icon i,
.home-header-v9 .navbars-icon i {
color: #fff;
}
.navbars-icon {
-webkit-transition: 0.4s;
transition: 0.4s;
display: inline-block;
position: relative;
}
.navbars-icon i {
color: #272727;
font-size: 26px;
}
.admin-bar .primary-mobile-nav {
top: 32px;
}
.primary-mobile-nav {
width: 340px;
-webkit-transition: 0.4s;
transition: 0.4s;
background-color: #fff;
position: fixed;
top: 0;
right: -340px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
color: #9e9e9e;
z-index: -999999;
border: 1px solid #f7f7f7;
}
.primary-mobile-nav .close-canvas-mobile-panel {
padding: 20px;
display: inline-block;
font-size: 46px;
line-height: 30px;
}
.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;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.35s;
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: #f7f7f7;
color: #272727;
text-transform: uppercase;
}
.primary-mobile-nav ul.menu li.over-menu > ul {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
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%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-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: #fac012;
}
.primary-mobile-nav .menu-item-cart .cart-contents {
font-size: 20px;
}
.primary-mobile-nav .menu-item-cart .cart-contents .mini-cart-counter {
display: none;
}
.primary-mobile-nav .menu-item-cart .cart_list {
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
width: 100%;
border-bottom: 1px solid #f7f7f7;
padding-bottom: 10px;
background-color: #fff;
-webkit-transform: none;
-ms-transform: none;
transform: none;
float: none;
top: inherit;
right: inherit;
}
.primary-mobile-nav .menu-item-cart .cart_list li {
border-left: 0;
border: none;
padding-left: 0;
padding-right: 0;
}
.primary-mobile-nav .menu-item-cart .cart_list li:hover {
background-color: transparent;
}
.primary-mobile-nav .menu-item-cart .cart_list li:hover a {
color: #272727;
}
.primary-mobile-nav .menu-item-cart .cart_list a img {
margin-right: 20px;
}
.primary-mobile-nav .menu-item-cart .cart_list .remove {
float: right;
color: #9e9e9e !important;
}
.primary-mobile-nav .menu-item-cart .cart_list .remove:hover {
color: #fac012 !important;
background-color: transparent !important;
}
.primary-mobile-nav .menu-item-cart .cart_list .quantity {
margin-left: 0;
border: 0;
padding: 0;
margin-top: 10px;
display: inline-block;
width: inherit;
}
.primary-mobile-nav .menu-item-cart .total {
border-bottom: 1px solid #f7f7f7;
text-transform: uppercase;
margin-bottom: 10px;
padding: 7px 0;
}
.primary-mobile-nav .menu-item-cart .total .amount {
float: right;
}
.primary-mobile-nav .menu-item-cart .buttons {
text-align: center;
}
.primary-mobile-nav .menu-item-cart .buttons a {
margin-top: 10px;
}
.primary-mobile-nav .menu-item-cart .widget_shopping_cart_content {
position: relative;
background-color: #fff;
padding: 15px 0;
}
.display-mobile-menu .primary-mobile-nav {
right: 0;
z-index: 99999;
}
/***
====================================================================
Page Conents
====================================================================
***/
.circle-img {
width: 100%;
max-width: 300px;
/* desktop size */
aspect-ratio: 1 / 1;
border-radius: 50%;
object-fit: cover;
}
.name,
.job {
display: block;
text-align: center;
}
/* Section background */
.membership-section-wrapper {
padding: 60px 0;
}
/* Two-column grid */
.membership-columns {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 25px;
align-items: start;
}
/* Stack on mobile */
@media (max-width: 992px) {
.membership-columns {
grid-template-columns: 1fr;
}
}
/* LEFT: Recent Posts */
.recent-posts-card {
padding: 24px;
}
.recent-posts-card h3 {
font-weight: 600;
margin-bottom: 20px;
border-bottom: 1px solid #e5e7eb;
padding-bottom: 10px;
}
/* Scrolling container */
.recent-posts-wrapper {
height: 260px;
overflow: hidden;
position: relative;
}
.recent-posts-list {
list-style: none;
padding: 0;
margin: 0;
animation: scrollUp 14s linear infinite;
}
.recent-posts-list li {
padding: 12px 0;
}
.recent-posts-list h4 {
font-size: 15px;
font-weight: 500;
}
.recent-posts-list span {
font-size: 13px;
color: #6b7280;
}
/* Pause on hover */
.recent-posts-wrapper:hover .recent-posts-list {
animation-play-state: paused;
}
/* RIGHT: Membership Card */
.membership-section-container {
padding: 40px;
}
/* Animation */
@keyframes scrollUp {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(-100%);
}
}
.fp-btn {
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 0;
-webkit-border-radius: 8px;
border-radius: 8px;
text-align: center;
display: inline-block;
min-width: 145px;
min-height: 40px;
line-height: 40px;
background-color: #fac012;
text-transform: uppercase;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.fp-btn:hover,
.fp-btn:focus {
background: #003660;
color: #fff;
}
.fp-btn-2nd {
color: #272727;
font-weight: 700;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
text-align: center;
padding: 0 20px;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
min-height: 50px;
line-height: 50px;
min-width: 140px;
background-color: #f7f7f7;
-webkit-box-shadow: 0;
box-shadow: 0;
display: inline-block;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.fp-btn-2nd:hover,
.fp-btn-2nd:focus {
background-color: #fac012;
color: #fff;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
outline: none;
}
.fp-btn-alt {
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 0;
-webkit-border-radius: 8px;
border-radius: 8px;
text-align: center;
display: inline-block;
min-width: 145px;
min-height: 40px;
line-height: 40px;
background-color: #003660;
text-transform: uppercase;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.fp-btn-alt:hover,
.fp-btn-alt:focus {
background: #fac012;
color: #fff;
}
/* #languageSwitcher {
color: #fac012;
border: 1px solid #fac012;
background-color: #fff;
appearance: none; */
/* -webkit-appearance: none;
-moz-appearance: none;
padding: 6px 30px 6px 12px;
border-radius: 6px;
font-weight: 600;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 14px;
} */
/* #languageSwitcher:focus {
outline: none;
box-shadow: 0 0 5px #fac012;
} */
/* -----------------------------
BUTTON STYLES (unchanged colors)
------------------------------ */
.member-link{
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
border-radius: 8px;
border: none;
box-shadow: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px 40px;
letter-spacing: 0.5px;
transition: all 0.3s ease;
cursor: pointer;
}
.member-link2 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 700;
color: #003660 !important;
text-transform: uppercase;
border-radius: 8px;
border: 1px solid #003660;
background-color: transparent; /* no solid background */
box-shadow: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px 40px;
letter-spacing: 0.5px;
transition: all 0.3s ease;
cursor: pointer;
}
.member-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
width: 100%;
max-width: 600px;
margin: 0 auto;
}
/* Responsive: stack vertically on mobile */
@media (max-width: 640px) {
.member-buttons {
flex-direction: column;
gap: 1rem;
}
.member-link,
.member-link2 {
width: 100%;
max-width: none;
}
}
/* Colors (kept the same) */
.member-link {
background-color: #fac012;
}
.member-link:hover {
background-color: #003660;
color: #fff;
}
.member-link2 {
background-color: none;
}
.member-link2:hover {
background-color: #003660;
color: #fff !important;
}
/* #footerSitemapModal .modal-content {
background-color: #222;
border-radius: 12px;
}
#footerSitemapModal a:hover {
color: #fac012 !important;
}
.sitemap-modal {
background-color: #0e1a2a;
color: #f1f1f1;
border-radius: 20px;
border: none;
overflow: hidden;
animation: fadeIn 0.6s ease;
}
.sitemap-title {
color: #fac012;
letter-spacing: 1px;
}
.sitemap-divider {
width: 80px;
margin: 10px auto;
border: 2px solid #fac012;
}
.sitemap-section {
color: #fac012;
margin-bottom: 1rem;
}
.sitemap-links a {
color: #ddd;
text-decoration: none;
position: relative;
display: inline-block;
transition: all 0.3s ease;
}
.sitemap-links a::after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
width: 0;
height: 2px;
background: #fac012;
transition: width 0.3s ease;
}
.sitemap-links a:hover {
color: #fac012;
transform: translateX(4px);
}
.sitemap-links a:hover::after {
width: 100%;
} */
.social-icons a {
color: #f1f1f1;
font-size: 1.3rem;
transition: all 0.3s ease;
}
.social-icons a:hover {
color: #fac012;
transform: scale(1.2);
}
.hover-scale {
transition: transform 0.3s ease, background-color 0.3s ease;
}
.hover-scale:hover {
transform: scale(1.05);
background-color: #f9c73d !important;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
animation: fadeInUp 0.8s ease;
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Equal button width (flexible now) */
.equal-btn {
flex: 1 1 300px;
max-width: 400px;
min-width: 240px;
}
/* -----------------------------
LAYOUT STYLES
------------------------------ */
.member-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: auto;
/* was 40vh */
margin: 60px 0;
padding: 20px;
border-radius: 8px;
text-align: center;
}
/* Adjusted for text and spacing */
.unique-heading {
text-transform: none;
color: #1a202c;
margin-top: 0;
margin-bottom: 1rem;
font-size: 35px;
font-weight: 800;
line-height: 1.4;
}
.text-info-custom {
color: #0c5460;
font-size: 16px;
text-align: center;
margin-bottom: 24px; /* key spacing before buttons */
}
.membership-header {
text-align: center;
padding: 40px 20px;
}
/* Title */
.membership-header h1 {
margin-bottom: 16px;
}
/* Sub-heading */
.sub-heading {
margin-bottom: 28px;
font-size: 16px;
color: #0c5460;
}
/* Button row */
.membership-actions {
display: flex;
justify-content: center;
gap: 20px; /* space between buttons */
}
/* Buttons */
.membership-actions .btn {
padding: 14px 28px;
border-radius: 8px;
font-weight: 600;
}
/* General membership section wrapper */
.membership-section-wrapper {
width: 100%;
padding: 50px 0;
overflow-x: hidden;
}
.ghaska-panel {
display: none;
}
.ghaska-panel.is-active {
display: block;
}
/* -----------------------------
RESPONSIVE FIXES
------------------------------ */
/* Tablets */
@media (max-width: 992px) {
.unique-heading {
font-size: 32px;
}
.member-link,
.member-link2 {
font-size: 16px;
padding: 16px 32px;
}
.equal-btn {
flex: 1 1 100%;
max-width: 100%;
}
}
/* Mobile screens */
@media (max-width: 768px) {
.member-container {
flex-direction: column;
padding: 15px;
margin: 40px 0;
}
.unique-heading {
font-size: 26px;
}
.text-info-custom {
font-size: 14px;
padding: 0 10px;
}
.member-link,
.member-link2{
width: 100%;
max-width: 100%;
font-size: 15px;
padding: 14px 20px;
}
.equal-btn {
flex: 1 1 100%;
max-width: 100%;
}
}
/* Very small devices */
@media (max-width: 480px) {
.unique-heading {
font-size: 22px;
}
.text-info-custom {
font-size: 13px;
}
.member-link,
.member-link2{
font-size: 14px;
padding: 12px 18px;
}
}
/* Maintain white text on hover, focus, and active states */
.member-link,
.member-link2{
color: #fff;
}
.member-link:hover,
.member-link:focus,
.member-link:active,
.member-link2:hover,
.member-link2:focus,
.member-link2:active {
color: #fff;
outline: none;
}
/* Optional: add a subtle pressed effect without changing color */
.member-link:active,
.member-link2:active{
transform: scale(0.98);
}
.member-btn {
font-size: 16px;
font-weight: 700;
color: #fff;
padding: 15px 60px;
border-radius: 8px;
text-align: center;
display: inline-block;
min-width: 200px;
background-color: #fac012;
text-transform: uppercase;
border: 0;
box-shadow: none;
cursor: pointer;
transition: all 0.3s ease;
line-height: normal;
margin-top: 20px;
}
.member-btn:hover {
background-color: #003660;
color: #fff;
}
/* Responsive behavior */
@media (min-width: 640px) {
.member-btn {
width: auto;
}
}
.ghaska-checkbox {
margin-top: 15px;
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 15px;
color: #003660;
line-height: 1.6;
}
.ghaska-checkbox input[type="checkbox"] {
accent-color: #fac012;
width: 18px;
height: 18px;
cursor: pointer;
flex-shrink: 0;
margin-top: 3px;
}
.ghaska-checkbox label {
cursor: pointer;
}
.cookie-checkbox {
margin-top: 15px;
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 15px;
color: #003660;
line-height: 1.6;
}
.cookie-checkbox input[type="checkbox"] {
accent-color: #fac012;
width: 18px;
height: 18px;
cursor: pointer;
flex-shrink: 0;
margin-top: 3px;
}
.cookie-checkbox label {
cursor: pointer;
}
.sub-checkbox {
margin-top: 15px;
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 15px;
color: #FFFAFA;
line-height: 1.6;
}
.sub-checkbox input[type="checkbox"] {
accent-color: #fac012;
width: 18px;
height: 18px;
cursor: pointer;
flex-shrink: 0;
margin-top: 3px;
}
.sub-checkbox label {
cursor: pointer;
}
.back-link {
background: none;
border: none;
color: #003660;
font-weight: 600;
text-decoration: none;
cursor: pointer;
font-size: 16px;
padding: 0;
transition: color 0.3s ease;
}
.back-link:hover {
color: #fac012;
text-decoration: none;
}
a.status-link {
background: none;
border: none;
color: #003660;
font-weight: 600;
text-decoration: none;
cursor: pointer;
font-size: 16px;
padding: 0;
transition: color 0.3s ease;
}
a.status-link:hover {
color: #fac012;
text-decoration: none;
}
a.status-link i {
transition: color 0.3s ease;
}
a.status-link:hover i {
color: #fac012;
}
.form-row {
display: flex;
align-items: end; /* aligns all items bottom */
gap: 10px;
}
.form-row input,
.form-row select {
height: 40px;
padding: 8px 10px;
}
.form-row button {
height: 40px;
background-color: #ffc107;
border: none;
color: #fff;
font-weight: bold;
border-radius: 6px;
padding: 0 20px;
cursor: pointer;
}
/* ============================================================
GHASKA APPLICATION CENTER LAYOUT
============================================================ */
.application-center {
padding: 40px 0;
}
/* ============================================================
GHASKA HORIZONTAL TAB BUTTONS
============================================================ */
.ghaska-tabs {
display: flex;
justify-content: center;
gap: 16px;
margin-bottom: 25px;
flex-wrap: wrap;
}
.ghaska-tab-btn {
color: #fff;
padding: 15px 80px;
font-weight: 600;
border-radius: 8px;
font-size: 16px;
padding: 15px 60px;
text-align: center;
display: inline-block;
min-width: 200px;
background-color: #fac012;
text-transform: uppercase;
border: 0;
box-shadow: none;
cursor: pointer;
transition: all 0.3s ease;
line-height: normal;
}
.ghaska-tab-btn:hover {
background: #1A4C7A;
color: #fff;
}
.ghaska-tab-btn.active {
background: #003660;
color: #fff;
}
/* Grid gap spacing */
.products.row.g-3 {
gap: 1rem;
}
/* Equal height cards */
.products.row>li.product {
display: flex;
flex-direction: column;
}
.product-inner {
display: flex;
flex-direction: column;
height: 100%;
}
.product-title {
flex-grow: 1;
}
.add_to_cart_button {
margin-top: auto;
letter-spacing: 0.05em;
}
/* Truncate long titles nicely */
.text-truncate {
white-space: normal;
text-align: center;
}
/* Responsive tweaks */
@media (max-width: 575px) {
.shop-toolbar .row>div {
text-align: center !important;
}
.shop-toolbar form.woocommerce-ordering {
justify-content: center !important;
}
}
.ghaska-pagination .pagination {
display: flex;
justify-content: center;
gap: 0.5rem;
list-style: none;
padding-left: 0;
}
.ghaska-pagination .pagination li {
display: inline-block;
}
.ghaska-pagination .pagination li a,
.ghaska-pagination .pagination li span {
display: inline-block;
padding: 0.5em 1.1em;
font-weight: 700;
color: #fff;
background-color: #fac012;
/* Ghaska primary color */
border-radius: 2px;
text-decoration: none;
transition: background-color 0.3s ease;
border: none;
cursor: pointer;
}
.ghaska-pagination .pagination li a:hover {
background-color: #003660;
/* darker shade */
text-decoration: none;
color: #fff;
}
.ghaska-pagination .pagination li.active span {
background-color: #003660;
cursor: default;
}
.ghaska-pagination .pagination li.disabled span {
background-color: #ccc;
color: #666;
cursor: not-allowed;
}
.ghaska-panel {
display: none;
}
#submit-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
/* ===============================
FORM STEPS
=============================== */
.form-steps {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 0;
margin-bottom: 5px;
list-style: none;
flex-wrap: wrap;
}
.form-steps .step {
display: inline-flex;
gap: 10px;
padding: 12px 20px;
border-radius: 8px;
background-color: #e9ecef;
font-size: 13px;
font-weight: 600;
color: #555;
white-space: nowrap;
text-align: center;
transition: all 0.3s ease;
}
/* Active step */
.form-steps .step.active {
background-color: #003660;
color: #fff;
}
/* Completed step */
.form-steps .step.completed {
background-color: #28a745;
color: #fff;
}
.form-steps .step.completed .step-number {
color: #fff;
background-color: #003660;
}
.form-steps .step-number {
width: 22px;
height: 22px;
border-radius: 50%;
background: #ccc;
color: #fff;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.form-steps .step.active .step-number {
background: #fac012;
color: #fff;
}
/* Mobile layout */
@media (max-width: 480px) {
.form-steps {
flex-direction: column;
align-items: center;
gap: 10px;
}
}
/* ===============================
FORM VALIDATION STYLES
=============================== */
.is-invalid {
border: 2px solid #dc3545 !important;
background-color: #ffecec !important;
}
/* Validation message */
.invalid-feedback {
display: block;
font-size: 1.2rem;
margin-top: 2px;
color: #dc3545;
}
/* Laravel error text */
.text-danger {
font-size: 14px;
color: red !important;
margin-top: 4px;
}
/* Input spacing consistency */
.form-control.is-invalid,
select.is-invalid {
margin-bottom: 0 !important;
}
.form-group {
margin-bottom: 12px;
}
/* ================================================================== /
Events
=====================================================================*/
.ghaska-events-section {
padding: 60px 0;
}
.featured-event {
position: relative;
height: 420px;
background-size: cover;
background-position: center;
/* background-image: var(--bg-image); */
border-radius: 10px;
overflow: hidden;
}
.event-countdown {
position: absolute;
bottom: 30px;
left: 30px;
display: flex;
gap: 15px;
}
.count-box {
background: rgba(0, 54, 96, 0.9);
color: #fff;
padding: 15px 18px;
border-radius: 8px;
text-align: center;
min-width: 80px;
}
.count-box .count {
font-size: 26px;
font-weight: 700;
display: block;
}
.count-box small {
font-size: 12px;
text-transform: uppercase;
opacity: 0.9;
}
.event-list {
background: #f9f9f9;
border-radius: 10px;
padding: 30px;
}
.event-item {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px dashed #ddd;
}
.event-item:last-child {
border-bottom: none;
margin-bottom: 0;
}
.event-meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
}
.event-badge {
background: #fac012;
color: #fff;
padding: 3px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
}
.event-date {
font-size: 13px;
color: #777;
}
.event-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
}
.event-title a {
color: #003660;
text-decoration: none;
}
.event-title a:hover {
color: #fac012;
}
.event-desc {
font-size: 14px;
color: #666;
line-height: 1.6;
}
/*======================================================================*/
.text-accent {
color: #fac012;
}
.container {
padding-left: 0;
padding-right: 0;
}
.container .container {
width: 100%;
}
.site-content {
padding-top: 80px;
padding-bottom: 80px;
}
.page-homepage .site-content,
.page-fullwidth .site-content {
padding-top: 0;
padding-bottom: 0;
}
.single-left .primary-sidebar {
float: left;
}
.single-left .content-area {
float: right;
}
.single-right .primary-sidebar {
float: right;
}
.single-right .content-area {
float: left;
}
.entry-thumbnail {
margin-bottom: 20px;
}
.entry-meta {
padding-bottom: 10px;
}
.entry-meta small {
padding: 0 12px;
color: #f1f1f1;
}
.entry-meta a {
color: #9e9e9e;
font-weight: 400;
}
.entry-meta a:hover {
color: #fac012;
}
.entry-meta .meta {
display: inline-block;
}
.entry-title {
font-size: 24px;
font-weight: 400;
margin: 0;
padding-bottom: 15px;
}
.single .entry-content {
padding-bottom: 25px;
}
.single .entry-content.no-title {
padding-top: 10px;
}
.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 #f7f7f7;
border-bottom: 1px solid #f7f7f7;
}
.entry-footer .share-title {
font-size: 18px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
color: #272727;
}
.blog-wrapper {
border-bottom: 1px solid #f7f7f7;
padding-top: 50px;
padding-bottom: 35px;
}
.blog-wrapper:last-child {
border-bottom: 0;
}
.blog-wrapper:first-child {
padding-top: 0;
}
.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: #000;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.blog-wrapper .entry-thumbnail a i {
color: #fac012;
font-size: 28px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.blog-wrapper.no-thumb {
padding-top: 45px;
}
.blog-wrapper.no-thumb:first-child {
padding-top: 0;
}
.blog-wrapper:hover .entry-thumbnail a:before {
opacity: 0.8;
}
.blog-wrapper:hover .entry-thumbnail a i {
opacity: 1;
}
.blog-classic .blog-wrapper .entry-thumbnail {
margin-bottom: 25px;
}
.blog-classic .blog-wrapper .entry-meta {
padding-bottom: 15px;
}
.blog-grid .blog-wrapper {
padding-top: 0;
padding-bottom: 40px;
border: 0;
}
.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 .entry-thumbnail a i {
font-size: 24px;
}
.blog-grid .entry-title {
font-size: 20px;
}
.blog-grid .cat-link,
.blog-grid .comments-link {
display: none;
}
.blog-grid.single .cat-link,
.blog-grid.single .comments-link {
display: inline-block;
}
.blog-list .blog-wrapper {
padding-bottom: 50px;
padding-top: 50px;
width: 100%;
}
.blog-list .blog-wrapper .entry-thumbnail {
float: left;
margin-bottom: 0;
}
.blog-list .blog-wrapper .entry-title {
font-size: 22px;
}
.blog-list .blog-wrapper .entry-meta {
line-height: 1;
}
.blog-list .blog-wrapper .read-more {
display: block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.blog-list .blog-wrapper .read-more .fa {
padding-left: 5px;
}
.blog-list .blog-wrapper .read-more:hover {
color: #fac012;
}
.blog-list .blog-wrapper .entry-content {
padding-bottom: 10px;
}
.blog-list .blog-wrapper .comments-link {
display: none;
}
.blog-list .blog-wrapper .entry-header,
.blog-list .blog-wrapper .entry-content,
.blog-list .blog-wrapper .read-more {
margin-left: 300px;
}
.blog-list .site-main .blog-wrapper:first-child {
padding-top: 0;
}
.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: #f7f7f7;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.socials-share a:hover {
background-color: #fac012;
color: #fff;
}
/***
====================================================================
services Section
====================================================================
***/
.tax-service_category .site-content,
.post-type-archive-service .site-content {
padding-top: 30px;
}
.tax-service_category .service-sidebar,
.post-type-archive-service .service-sidebar {
padding-top: 50px;
}
.service.col-md-4:nth-child( 3n+1) {
clear: left;
}
.service .service-inner {
padding-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #f7f7f7;
}
.service .service-summary {
margin-bottom: 25px;
}
.service .service-summary h2 {
font-size: 20px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.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: #fac012;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service .service-thumbnail a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
border-left: 37px solid #272727;
border-right: 37px solid transparent;
border-bottom: 37px solid #272727;
border-top: 37px solid transparent;
z-index: 9;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service .service-thumbnail a i {
opacity: 0;
position: absolute;
color: #fff;
font-size: 24px;
z-index: 99;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service .service-thumbnail a .factory-link {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.service .service-thumbnail a span i {
bottom: 12px;
left: 12px;
}
.service:hover .service-thumbnail a:before {
opacity: 0.9;
}
.service:hover .service-thumbnail a i,
.service:hover .service-thumbnail a:after {
opacity: 1;
}
/***
====================================================================
Projects Section
====================================================================
***/
.project .entry-thumbnail {
margin-bottom: 0;
}
.project .project-content {
margin-top: 60px;
}
.project blockquote {
padding: 25px 75px;
background-color: #f7f7f7;
border-left: 1px solid #fac012;
position: relative;
}
.project blockquote:before {
content: '';
position: absolute;
width: 1px;
height: 92%;
left: 3px;
top: 0;
background-color: #fac012;
}
.project blockquote:after {
content: '\e914';
font-family: 'factoryplus';
position: absolute;
top: 22px;
left: 22px;
color: #e6e6e6;
font-style: normal;
font-size: 32px;
}
.project cite {
display: block;
font-size: 16px;
font-style: normal;
padding-top: 10px;
color: #272727;
}
.project cite span {
color: #fac012;
}
.single-project .gallery-carousel .owl-controls {
position: absolute;
left: 50%;
bottom: 10px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-project .gallery-carousel .owl-controls .owl-dot span {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-project-title,
.fp-related-project h3 {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 40px;
padding-bottom: 15px;
line-height: 1;
position: relative;
}
.single-project-title:before,
.fp-related-project h3:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 3px;
background-color: #fac012;
}
.single-project-title:after,
.fp-related-project h3:after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 40px;
height: 3px;
background-color: #fac012;
}
.fp-related-project {
position: relative;
}
.fp-related-project .item-related {
text-align: center;
padding: 0 15px;
display: block;
}
.fp-related-project .project-inner {
display: inline-block;
}
.fp-related-project .project-inner:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
border-left: 32px solid #272727;
border-right: 32px solid transparent;
border-bottom: 32px solid #272727;
border-top: 32px solid transparent;
z-index: 9;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.fp-related-project .owl-controls .owl-nav div {
font-size: 14px;
color: #9e9e9e;
top: -57px;
width: 45px;
height: 45px;
line-height: 43px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #f7f7f7;
background-color: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.fp-related-project .owl-controls .owl-nav div:hover {
color: #fff;
background-color: #fac012;
border-color: #fac012;
}
.fp-related-project .owl-controls .owl-prev {
left: auto;
right: 55px;
}
.fp-related-project .owl-controls .owl-next {
right: 0;
}
.metas {
padding-top: 10px;
}
.metas h4 {
font-size: 16px;
font-weight: 400;
margin: 0;
padding-bottom: 5px;
line-height: 1;
}
.metas a,
.metas p {
color: #9f9f9f;
font-size: 16px;
margin-bottom: 0;
}
.metas h4,
.metas a,
.metas p {
margin-left: 23px;
}
.metas .meta {
padding-bottom: 15px;
padding-top: 17px;
border-bottom: 1px solid #f7f7f7;
}
.metas .fa {
color: #fac012;
font-size: 14px;
float: left;
}
.all-project ul.filter {
padding: 0 10px;
margin-bottom: 60px;
list-style: none;
text-align: center;
display: inline-block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #f7f7f7;
}
.all-project ul.filter li {
font-size: 14px;
color: #9e9e9e;
font-family: 'Montserrat', sans-serif;
display: inline-block;
padding: 12px 10px 13px 10px;
margin: 0 10px;
cursor: pointer;
position: relative;
}
.all-project ul.filter li a {
color: #9e9e9e;
}
.all-project ul.filter li:after {
-webkit-transition: all 0.5s;
transition: all 0.5s;
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 3px;
background-color: #fac012;
}
.all-project ul.filter li.active:after,
.all-project ul.filter li:hover:after {
left: 0;
width: 100%;
background-color: #fac012;
}
.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: 9999;
background-color: transparent;
}
.project-inner:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fac012;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
z-index: 1;
}
.project-inner:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
border-left: 42px solid #272727;
border-right: 42px solid transparent;
border-bottom: 37px solid #272727;
border-top: 37px solid transparent;
z-index: 9;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.project-inner .project-summary {
color: #fff;
font-size: 16px;
font-weight: 400;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0 60px;
text-align: center;
z-index: 9;
}
.project-inner .project-summary h2 {
font-size: 22px;
margin-top: 0;
margin-bottom: 10px;
font-weight: 400;
}
.project-inner .project-summary h2 a {
color: #fff;
}
.project-inner i {
color: #fff;
font-size: 20px;
display: inline-block;
position: absolute;
left: 12px;
bottom: 12px;
z-index: 99;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.project-inner:hover:before {
opacity: 0.95;
}
.project-inner:hover:after,
.project-inner:hover .project-summary,
.project-inner:hover i {
opacity: 1;
}
.project-grid .project-inner:after {
border-left: 32px solid #272727;
border-right: 32px solid transparent;
border-bottom: 32px solid #272727;
border-top: 32px solid transparent;
}
.project-grid .project-inner .project-summary {
text-align: left;
left: 0;
top: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
padding: 30px 20px 0 20px;
}
.project-grid .project-inner .project-summary h2 {
font-size: 20px;
}
.project-grid.project-grid-fullwidth .project-inner .project-summary {
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0 60px;
text-align: center;
}
.project-mansony .site-content {
padding-bottom: 50px;
}
.project-mansony .all-project .site-main {
margin-left: -15px;
margin-right: -15px;
}
.project-mansony .project-inner .project-summary h2 {
font-size: 26px;
}
.project-mansony .project-sizer,
.project-mansony .project-wrapper {
width: 33.3333%;
}
.project-mansony .project-width {
width: 66.6667%;
}
.project-mansony .project-wrapper {
padding: 0 15px;
float: left;
}
/***
====================================================================
404 page
====================================================================
***/
.search-no-results section h2 {
margin-bottom: 30px;
}
.search-no-results .search-form {
font-size: 16px;
position: relative;
color: #272727;
padding: 0 5px;
border: 1px solid #f7f7f7;
margin-top: 20px;
}
.search-no-results .search-form:before {
content: '\f002';
position: absolute;
top: 50%;
right: 16px;
color: #fff;
font-family: FontAwesome;
font-size: 14px;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.search-no-results .search-form:after {
content: '';
position: absolute;
top: -1px;
right: -1px;
width: 50px;
height: 52px;
background-color: #fac012;
border: 1px solid #fac012;
z-index: 9;
}
.search-no-results .search-form .screen-reader-text {
display: none;
}
.search-no-results .search-form::-webkit-input-placeholder {
color: #9e9e9e;
}
.search-no-results .search-form:-moz-placeholder {
color: #9e9e9e;
}
.search-no-results .search-form::-moz-placeholder {
color: #9e9e9e;
}
.search-no-results .search-form:-ms-input-placeholder {
color: #9e9e9e;
}
.search-no-results .search-form .search-submit {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
opacity: 0;
z-index: 9999;
}
.search-no-results .search-form label {
width: 100%;
margin-bottom: 0;
}
.search-no-results .search-form label input {
height: 50px;
line-height: 50px;
width: 100%;
padding: 0 0 0 15px;
border: 0;
}
.search-no-results .search-form label input:focus {
outline: none;
}
.error404 .site-content {
padding-top: 130px;
padding-bottom: 130px;
}
.error404 .error-404 {
text-align: center;
color: #fff;
}
.error404 .error-404 .page-header {
margin-top: 0;
padding-bottom: 0;
margin-bottom: 30px;
border: 0;
}
.error404 .error-404 .page-header p {
font-size: 30px;
font-weight: 400;
line-height: 1;
}
.error404 .error-404 h1 {
font-size: 150px;
font-weight: 700;
color: #fff;
margin: 0;
line-height: 1;
}
.error404 .error-404 .search-field {
background-color: rgba(0, 0, 0, 0.23);
font-weight: 400;
border: 1px solid #646464;
}
.error404 .error-404 .search-form {
font-size: 16px;
position: relative;
color: #9e9e9e;
padding: 0 5px;
width: 570px;
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;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.error404 .error-404 .search-form:after {
content: '';
position: absolute;
top: 1px;
right: -11px;
width: 50px;
height: 50px;
background-color: #fac012;
border: 1px solid #fac012;
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: #fac012;
border-bottom: 1px solid #fac012;
}
.single-service .aligncenter {
display: none;
}
.single-service blockquote {
padding: 20px 75px;
background-color: #f7f7f7;
border-left: 1px solid #fac012;
position: relative;
}
.single-service blockquote:before {
content: '';
position: absolute;
width: 1px;
height: 92%;
left: 3px;
top: 0;
background-color: #fac012;
}
.single-service blockquote:after {
content: '\e914';
font-family: 'factoryplus';
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: #272727;
}
.single-service cite span {
color: #fac012;
}
.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%;
}
/***
====================================================================
Back To Top
====================================================================
***/
.backtotop {
display: inline-block;
position: fixed;
bottom: 60px;
right: 60px;
width: 60px;
height: 60px;
line-height: 50px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 3px solid #fac012;
color: #fac012;
font-size: 30px;
background-color: #160f09;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
z-index: 9999;
}
.backtotop .fa {
color: #fac012;
}
.backtotop:hover {
color: #fac012;
}
.backtotop:hover .fa {
color: #fac012;
}
.backtotop.show-scroll {
opacity: 1;
}
/***
====================================================================
Comments Style
====================================================================
***/
.bypostauthor {
display: block;
}
.comments-area {
clear: both;
margin-top: 80px;
}
.comments-title,
.comment-reply-title {
text-transform: uppercase;
font-size: 26px;
font-weight: 700;
margin: 0 0 20px;
padding-bottom: 20px;
position: relative;
}
.comments-title:before,
.comment-reply-title:before,
.comments-title:after,
.comment-reply-title:after {
content: '';
position: absolute;
height: 3px;
background-color: #fac012;
left: 0;
}
.comments-title:before,
.comment-reply-title:before {
width: 80px;
bottom: 0;
}
.comments-title:after,
.comment-reply-title:after {
width: 40px;
bottom: -8px;
}
.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 #f7f7f7;
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: 'Montserrat', sans-serif;
color: #272727;
font-style: normal;
padding-bottom: 10px;
}
.comment .comment-reply-link {
font-size: 14px;
font-weight: 600;
padding-left: 23px;
text-transform: uppercase;
position: relative;
}
.comment .comment-reply-link:before {
content: '\f112';
position: absolute;
font-family: FontAweSome;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.comment .comment-reply-link:hover {
color: #fac012;
}
.comment-respond {
margin-top: 50px;
}
.comment-respond .comment-notes {
font-size: 16px;
font-weight: 400;
color: #272727;
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: #f7f7f7;
outline: none;
color: #272727;
}
.comment-respond .comment-form-comment {
margin-bottom: 30px;
margin-top: 20px;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
width: 33.3333%;
float: left;
padding: 0 15px;
}
.comment-respond .comment-form-author input,
.comment-respond .comment-form-email input,
.comment-respond .comment-form-url input {
width: 100%;
padding-left: 15px;
height: 50px;
border-color: #f7f7f7;
outline: none;
color: #272727;
}
.comment-respond .comment-form-author {
padding-left: 0;
}
.comment-respond .comment-form-url {
padding-right: 0;
}
.comment-respond .form-submit {
clear: both;
margin-top: 40px;
}
.comment-respond .form-submit .submit {
color: #fff;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fac012;
text-transform: uppercase;
min-width: 170px;
min-height: 50px;
line-height: 50px;
text-align: center;
}
.comment-respond .form-submit .submit:focus {
outline: none;
}
.comment-content {
word-break: break-all;
padding-bottom: 20px;
}
.comment-content a {
word-wrap: break-word;
}
.comment-awaiting-moderation {
display: block;
}
/***
====================================================================
Sidebar Widgets
====================================================================
***/
.widget {
margin-bottom: 40px;
}
.widget:last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 35px;
margin-top: 0;
padding-bottom: 15px;
color: #272727;
position: relative;
}
.widget .widget-title:after {
content: '';
position: absolute;
width: 70px;
height: 2px;
bottom: 0;
left: 0;
background-color: #fac012;
}
.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 #f7f7f7;
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 #f7f7f7;
border-bottom-width: 0;
text-align: center;
}
.widget table tr {
border: 1px solid #f7f7f7;
border-bottom-width: 0;
padding: 3px 0;
}
.widget table tr td,
.widget table tr th {
padding: 0 5px;
border-bottom: 1px solid #f7f7f7;
border-left: 1px solid #f7f7f7;
}
.widget_calendar {
line-height: 26px;
}
.widget_categories .widget-title,
.widget_recent_comments .widget-title,
.widget_rss .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_recent_comments li,
.widget_rss 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 #f7f7f7;
padding: 15px 15px 15px 0;
position: relative;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.widget_categories li > a,
.widget_recent_comments li > a,
.widget_rss 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: #9f9f9f;
padding-left: 20px;
position: relative;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.widget_categories li > a:before,
.widget_recent_comments li > a:before,
.widget_rss 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: #9f9f9f;
content: '\f105';
position: absolute;
top: -4px;
left: 0;
font-size: 18px;
font-family: FontAweSome;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.widget_categories li:before,
.widget_recent_comments li:before,
.widget_rss 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 {
content: '\f14a';
position: absolute;
top: 20px;
right: 0;
color: #fac012;
font-size: 12px;
font-family: FontAweSome;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.widget_categories li:after,
.widget_recent_comments li:after,
.widget_rss li:after,
.widget_pages li:after,
.widget_archive li:after,
.widget_nav_menu li:after,
.widget_recent_entries li:after,
.widget_meta li:after,
ul.service-menu li:after {
content: '';
position: absolute;
top: 23px;
right: 0;
width: 10px;
height: 10px;
border: 1px solid #eaeaea;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.widget_categories li:hover,
.widget_recent_comments li:hover,
.widget_rss 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: #fac012;
}
.widget_categories li:hover:before,
.widget_recent_comments li:hover:before,
.widget_rss 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 {
opacity: 1;
}
.widget_categories li:hover:after,
.widget_recent_comments li:hover:after,
.widget_rss li:hover:after,
.widget_pages li:hover:after,
.widget_archive li:hover:after,
.widget_nav_menu li:hover:after,
.widget_recent_entries li:hover:after,
.widget_meta li:hover:after,
ul.service-menu li:hover:after {
border-color: transparent;
}
.widget_categories li:hover a,
.widget_recent_comments li:hover a,
.widget_rss 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: #fac012;
}
.widget_categories li:hover a:before,
.widget_recent_comments li:hover a:before,
.widget_rss 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: #fac012;
}
.widget_categories .children,
.widget_recent_comments .children,
.widget_rss .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 #f7f7f7;
margin-top: 15px;
margin-left: 15px;
}
.widget_categories .children li:first-child,
.widget_recent_comments .children li:first-child,
.widget_rss .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_recent_comments .children li:last-child,
.widget_rss .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: 5px;
margin-right: 20px;
display: inline-block;
font-size: 16px !important;
font-weight: 400;
border-bottom: 1px solid transparent;
color: #9e9e9e;
}
.widget_tag_cloud a:hover {
color: #fac012;
text-decoration: none;
border-color: #fac012;
}
.widget_tag_cloud a:nth-child(even) {
font-size: 18px !important;
}
.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: #9e9e9e;
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: #fac012;
}
.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: 'Montserrat', sans-serif;
}
.tabs-widget .tabs-nav li a.active {
color: #fff;
text-decoration: none;
border-color: transparent;
background: #fac012;
}
.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;
}
.recent-post,
.popular-post {
border-bottom: solid 1px #ccc;
padding: 10px 0;
overflow: hidden;
}
.recent-post:last-child,
.popular-post:last-child {
border-bottom: none;
padding-bottom: 0;
}
.recent-post .widget-thumb,
.popular-post .widget-thumb {
float: left;
}
.recent-post .post-text,
.popular-post .post-text {
margin-left: 75px;
margin-top: 5px;
}
.recent-post .post-text .post-title,
.popular-post .post-text .post-title {
display: block;
padding-bottom: 5px;
font-weight: 700;
}
.recent-post .post-text .post-date,
.popular-post .post-text .post-date {
color: #ccc;
font-size: 12px;
}
.recent-post .post-text .post-comments,
.popular-post .post-text .post-comments {
display: block;
color: #ccc;
}
.recent-post .post-text .read-more,
.popular-post .post-text .read-more {
line-height: 2;
}
.recent-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: #272727;
padding: 0 5px;
border: 1px solid #f7f7f7;
}
.widget_search .search-form:before {
content: '\f002';
position: absolute;
top: 50%;
right: 16px;
color: #fff;
font-family: FontAwesome;
font-size: 14px;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget_search .search-form:after {
content: '';
position: absolute;
top: -1px;
right: -1px;
width: 50px;
height: 52px;
background-color: #fac012;
border: 1px solid #fac012;
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;
}
/***
====================================================================
Sidebar Services
====================================================================
***/
.service-sidebar .services-menu-widget li {
margin-bottom: 5px;
border: 0;
background-color: #f7f7f7;
padding: 15px 30px;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-sidebar .services-menu-widget li:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
top: auto;
width: 0;
height: 0;
border-left: 9px solid #272727;
border-right: 9px solid transparent;
border-bottom: 9px solid #272727;
border-top: 9px solid transparent;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-sidebar .services-menu-widget li:after {
display: none;
}
.service-sidebar .services-menu-widget li a {
display: block;
color: #272727;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-left: 0;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-sidebar .services-menu-widget li a:after {
content: '\f0da';
color: #fff;
position: absolute;
top: 50%;
right: -10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
font-family: FontAweSome;
opacity: 0;
-webkit-transition: 0.5s;
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: #fac012;
}
.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: #fff;
}
.service-sidebar .services-menu-widget li:hover a:after,
.service-sidebar .services-menu-widget li.current-menu-item a:after {
opacity: 1;
}
.service-sidebar .download .item-download {
padding: 10px;
color: #272727;
font-family: 'Montserrat', sans-serif;
background-color: #f7f7f7;
margin-bottom: 5px;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-sidebar .download .item-download .fa {
color: #272727;
position: absolute;
font-size: 16px;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-sidebar .download .item-download span {
display: inline-block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
font-family: 'Lato', Arial, sans-serif;
background-color: #fac012;
padding: 5px;
margin-right: 15px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-sidebar .download .item-download:hover {
background-color: #fac012;
}
.service-sidebar .download .item-download:hover a,
.service-sidebar .download .item-download:hover .fa {
color: #fff;
}
.service-sidebar .download .item-download:hover span {
background-color: #fff;
color: #fac012;
}
.service-sidebar .business {
padding: 20px;
background-color: #f7f7f7;
}
.service-sidebar .business .information {
border-bottom: 1px solid #eaeaea;
padding: 20px 0;
}
.service-sidebar .business .information:first-child {
padding-top: 0;
}
.service-sidebar .business h3 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 0;
}
.service-sidebar .business img {
float: left;
}
.service-sidebar .business span {
font-size: 14px;
display: block;
margin-left: 80px;
line-height: 1;
margin-bottom: 10px;
}
.service-sidebar .business span .fa {
color: #fac012;
font-size: 14px;
padding-right: 5px;
float: left;
}
.service-sidebar .business span.name {
font-size: 16px;
color: #fac012;
font-weight: 700;
}
.service-sidebar .business span.email {
margin-bottom: 0;
}
.factoryplus-social-links-widget a {
color: #fff;
padding: 0 10px;
display: inline-block;
}
.factoryplus-social-links-widget a:first-child {
padding-left: 0;
}
.factoryplus-social-links-widget a:last-child {
padding-right: 0;
}
.factoryplus-social-links-widget i {
padding: 0 !important;
}
/***
====================================================================
Shop Products
====================================================================
***/
.woocommerce .added_to_cart,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
color: #272727;
font-weight: 700;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
text-align: center;
padding: 0 20px;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
min-height: 50px;
line-height: 50px;
min-width: 140px;
background-color: #f7f7f7;
-webkit-box-shadow: 0;
box-shadow: 0;
display: inline-block;
-webkit-transition: 0.5s;
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 {
background-color: #fac012;
color: #fff;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
outline: none;
}
.woocommerce .added_to_cart.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
color: #272727;
font-weight: 700;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
text-align: center;
padding: 0 20px;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
min-height: 50px;
line-height: 50px;
min-width: 140px;
background-color: #f7f7f7;
-webkit-box-shadow: 0;
box-shadow: 0;
display: inline-block;
-webkit-transition: 0.5s;
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 {
background-color: #fac012;
color: #fff;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
outline: none;
}
.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: #fac012;
}
.woocommerce span.ribbons {
position: absolute;
top: 0;
left: 0;
}
.woocommerce span.ribbons:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
border-top: 35px solid #fac012;
border-bottom: 35px solid transparent;
border-left: 35px solid #fac012;
border-right: 35px solid transparent;
}
.woocommerce span.ribbon {
color: #fff;
font-size: 16px;
font-weight: 600;
text-align: center;
display: block;
margin: 0;
font-family: 'Poppins', sans-serif;
position: absolute;
background-color: transparent;
z-index: 10;
top: 6px;
left: 9px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
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;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #9e9e9e;
width: 25px;
text-align: left;
background-color: #fff;
}
.woocommerce .shop-toolbar select {
border: 2px solid #f7f7f7;
height: 45px;
padding-left: 18px;
padding-right: 18px;
}
.woocommerce .shop-toolbar select:focus {
outline: none;
}
/***
====================================================================
Product Detail
====================================================================
***/
.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: 5px;
}
.woocommerce div.product div.summary .stock-status {
font-size: 14px;
color: #9e9e9e;
text-transform: uppercase;
position: absolute;
top: 5px;
right: 0;
}
.woocommerce div.product div.summary .stock .fa {
color: #fac012;
padding-right: 10px;
}
.woocommerce div.product div.summary p.price {
margin-bottom: 0;
}
.woocommerce div.product div.summary p.price > span {
color: #fac012;
font-size: 22px;
font-weight: 400;
text-decoration: none;
}
.woocommerce div.product div.summary p.price ins {
color: #fac012;
font-size: 22px;
font-weight: 400;
text-decoration: none;
float: left;
padding-right: 10px;
}
.woocommerce div.product div.summary p.price del {
color: #9e9e9e;
font-size: 16px;
font-weight: 400;
}
.woocommerce div.product div.summary .woocommerce-product-rating {
clear: both;
margin-bottom: 15px;
}
.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: #9e9e9e;
}
.woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-comment-link {
padding-left: 10px;
border-left: 1px solid #f7f7f7;
color: #9e9e9e;
}
.woocommerce div.product div.summary button.single_add_to_cart_button {
min-height: 45px;
height: 45px;
line-height: 45px;
color: #fff;
background-color: #fac012;
}
.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 #f7f7f7;
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: #9e9e9e;
}
.woocommerce div.product div.summary .product-share {
padding-top: 30px;
}
.woocommerce div.product div.summary .product-share h4,
.woocommerce div.product div.summary .product-share a {
display: inline-block;
font-size: 16px;
font-weight: 400;
}
.woocommerce div.product div.summary .product-share .fa {
padding-right: 10px;
}
.woocommerce div.product div.summary .product-share h4 {
padding-right: 5px;
}
.woocommerce div.product div.summary .product-share a {
padding: 0 10px;
border: 1px solid #f7f7f7;
color: #9e9e9e;
margin: 0 5px;
min-height: 33px;
line-height: 33px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.woocommerce div.product div.summary .product-share a:hover {
color: #fff;
background-color: #fac012;
border-color: #fac012;
}
.woocommerce div.product form.cart {
position: relative;
margin-bottom: 0;
padding-bottom: 30px;
border-bottom: 1px solid #f7f7f7;
}
/* .woocommerce div.product form.cart .qty-label {
float: left;
margin-right: 10px;
display: inline-block;
min-height: 45px;
line-height: 41px;
} */
.woocommerce div.product form.cart div.quantity {
margin-right: 30px;
}
.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: #272727;
text-transform: uppercase;
display: inline-block;
padding-bottom: 0;
padding-top: 10px;
}
.woocommerce div.product form.cart .variations select {
border-color: #f7f7f7;
-webkit-border-radius: 0;
border-radius: 0;
height: 40px;
padding-left: 5px;
}
.woocommerce div.product form.cart .variations select:focus {
outline: none;
}
.woocommerce div.product div[itemprop="description"] {
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: uppercase;
padding: 10px 30px;
text-align: center;
background-color: #fff;
-webkit-border-radius: 0;
border-radius: 0;
margin-right: 3px;
margin-left: 1px;
border-color: #f7f7f7;
border-bottom-color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.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: 14px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
color: #272727;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
background-color: #fac012;
border-color: #fac012;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
color: #fff;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 40px 30px;
border: 1px solid #f7f7f7;
margin-top: -1px;
-webkit-border-radius: 0;
border-radius: 0;
margin-bottom: 75px;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
margin-top: 0;
margin-bottom: 15px;
font-size: 26px;
font-weight: 700;
}
.woocommerce #reviews #review_form .comment-reply-title:before,
.woocommerce #reviews #review_form .comment-reply-title:after {
display: none;
}
.woocommerce #reviews #review_form .comment-form p label {
font-size: 16px;
color: #272727;
font-weight: 400;
}
.woocommerce #reviews #review_form .comment-form .form-submit input.submit {
background-color: #fac012;
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 #f7f7f7;
}
.woocommerce #reviews #review_form .comment-form .comment-form-email {
padding-right: 0;
}
.woocommerce #reviews #review_form .comment-form .comment-form-rating .stars a {
color: #fac012;
font-size: 12px;
}
.woocommerce #reviews #review_form #respond p {
margin-bottom: 10px;
}
.woocommerce #reviews #comment {
height: 210px;
}
.woocommerce #reviews #comments {
margin-bottom: 55px;
}
.woocommerce #reviews #comments h2 {
display: none;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 30px 0;
border-bottom: 2px solid #f7f7f7;
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
top: 30px;
width: 70px;
height: auto;
padding: 0;
border-width: 0;
background-color: transparent;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
-webkit-border-radius: 0;
border-radius: 0;
margin-left: 100px;
padding: 0;
border-width: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
color: #fac012;
font-style: italic;
margin-bottom: 10px;
}
.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: 400;
color: #272727;
line-height: 1;
font-style: normal;
}
.woocommerce .quantity {
width: 66px;
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 9px;
margin-left: 30px;
border: 1px solid #f7f7f7;
position: relative;
}
.woocommerce .quantity .increase,
.woocommerce .quantity .decrease {
cursor: pointer;
padding: 0 6px;
position: absolute;
right: 0;
font-size: 14px;
color: #9e9e9e;
border-left: 1px solid #f7f7f7;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.woocommerce .quantity .increase:hover,
.woocommerce .quantity .decrease:hover {
color: #fac012;
}
.woocommerce .quantity .increase {
top: 0;
border-bottom: 1px solid #f7f7f7;
}
.woocommerce .quantity .decrease {
bottom: 0;
}
/* .woocommerce .quantity .qty {
-moz-appearance: textfield;
border-width: 0;
padding-right: 15px;
width: 40px;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
color: #272727;
} */
.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: uppercase;
font-size: 26px;
font-weight: 700;
margin: 0 0 55px;
padding-bottom: 20px;
position: relative;
}
.woocommerce .related.products h2:before,
.woocommerce .related.products h2:after {
content: '';
position: absolute;
height: 3px;
background-color: #fac012;
left: 0;
}
.woocommerce .related.products h2:before {
width: 80px;
bottom: 0;
}
.woocommerce .related.products h2:after {
width: 40px;
bottom: -8px;
}
.woocommerce .related.products ul.products li.product {
width: 100%;
}
.woocommerce .related.products .owl-controls .owl-nav div {
font-size: 14px;
color: #9e9e9e;
top: -70px;
width: 45px;
height: 45px;
line-height: 43px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #f7f7f7;
background-color: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.woocommerce .related.products .owl-controls .owl-nav div:hover {
color: #fff;
background-color: #fac012;
border-color: #fac012;
}
.woocommerce .related.products .owl-controls .owl-prev {
left: auto;
right: 70px;
}
.woocommerce .related.products .owl-controls .owl-next {
right: 15px;
}
.woocommerce ul.products {
list-style: none;
padding: 0;
}
.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;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.woocommerce ul.products li.product .product-inner:hover {
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
.woocommerce ul.products li.product .product-inner:hover img {
border-color: #fac012;
}
.woocommerce ul.products li.product .product-inner:hover .product-quick-view {
opacity: 1;
}
.woocommerce ul.products li.product .product-header {
position: relative;
}
.woocommerce ul.products li.product .product-header .product-quick-view {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
line-height: 50px;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 16px;
color: #fff;
background-color: #fac012;
text-align: center;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
z-index: 99;
}
.woocommerce ul.products li.product .onsale {
top: 23px;
left: 20px;
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 {
width: 100%;
margin-top: 20px;
padding-top: 0;
}
.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;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.woocommerce ul.products li.product .star-rating {
display: none;
}
.woocommerce ul.products li.product h2 {
font-size: 18px;
font-weight: 400;
padding-top: 0;
padding-bottom: 5px;
}
.woocommerce ul.products li.product h2:after,
.woocommerce ul.products li.product h2:before {
display: none;
}
.woocommerce ul.products li.product .price {
margin-bottom: 0;
}
.woocommerce ul.products li.product .price > span {
color: #fac012;
font-size: 18px;
font-weight: 400;
text-decoration: none;
}
.woocommerce ul.products li.product .price ins {
color: #fac012;
font-size: 18px;
font-weight: 400;
text-decoration: none;
float: left;
padding-right: 10px;
}
.woocommerce ul.products li.product .price del {
color: #9e9e9e;
font-size: 16px;
font-weight: 400;
display: inline-block;
}
.woocommerce form.woocommerce-checkout .form-row {
margin-bottom: 25px;
}
.woocommerce form .form-row label {
color: #272727;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.woocommerce form .form-row .input-text {
color: #272727;
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 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 .woocommerce-billing-fields h3,
.woocommerce form.checkout h3 label {
text-transform: uppercase;
font-size: 26px;
font-weight: 700;
margin: 0 0 55px;
padding-bottom: 20px;
position: relative;
}
.woocommerce form.checkout .woocommerce-billing-fields h3:before,
.woocommerce form.checkout h3 label:before,
.woocommerce form.checkout .woocommerce-billing-fields h3:after,
.woocommerce form.checkout h3 label:after {
content: '';
position: absolute;
height: 3px;
background-color: #fac012;
left: 0;
}
.woocommerce form.checkout .woocommerce-billing-fields h3:before,
.woocommerce form.checkout h3 label:before {
width: 80px;
bottom: 0;
}
.woocommerce form.checkout .woocommerce-billing-fields h3:after,
.woocommerce form.checkout h3 label:after {
width: 40px;
bottom: -8px;
}
.woocommerce form.checkout h3 input {
position: absolute;
top: 0;
right: 15px;
}
.woocommerce form.checkout .select2-container .select2-choice,
.woocommerce form.checkout .input-text {
-webkit-border-radius: 0;
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;
-webkit-border-radius: 0;
border-radius: 0;
border-bottom: 1px solid #f7f7f7;
}
.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: #f7f7f7;
font-size: 18px;
color: #272727;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.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;
font-weight: 400;
}
.woocommerce form.checkout table.shop_table td.product-name,
.woocommerce form.checkout table.shop_table tfoot th:first-child {
font-size: 18px;
color: #272727;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.woocommerce form.checkout #payment {
width: 48%;
float: right;
margin-left: 2%;
background: none;
-webkit-border-radius: 0;
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: #fac012;
color: #fff;
}
.woocommerce table.shop_table {
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.woocommerce table.shop_table thead {
background-color: #f7f7f7;
}
.woocommerce table.shop_table thead th {
font-size: 18px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
color: #272727;
}
.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: #f7f7f7;
}
.woocommerce table.shop_table td img,
.woocommerce table.shop_table td a img {
width: 75px;
margin-right: 20px;
max-width: inherit;
}
.woocommerce table.shop_table td.product-name a {
font-size: 18px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
color: #272727;
}
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal {
font-size: 18px;
font-weight: 400;
}
.woocommerce table.shop_table td.product-subtotal {
color: #fac012;
}
.woocommerce table.shop_table .product-quantity span {
display: none;
}
.woocommerce table.shop_table .product-quantity .quantity {
margin-left: 0;
}
.woocommerce .widget_product_categories li {
border-bottom: solid 1px #f7f7f7;
padding: 15px 0;
position: relative;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.woocommerce .widget_product_categories li > a {
color: #9f9f9f;
padding-left: 20px;
position: relative;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.woocommerce .widget_product_categories li > a:before {
color: #9f9f9f;
content: '\f105';
position: absolute;
top: 50%;
left: 0;
font-size: 18px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: FontAweSome;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.woocommerce .widget_product_categories li:before {
content: '\f14a';
position: absolute;
top: 20px;
right: 0;
color: #fac012;
font-size: 12px;
font-family: FontAweSome;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.woocommerce .widget_product_categories li:after {
content: '';
position: absolute;
top: 23px;
right: 0;
width: 10px;
height: 10px;
border: 1px solid #eaeaea;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.woocommerce .widget_product_categories li:hover {
color: #fac012;
}
.woocommerce .widget_product_categories li:hover:before {
opacity: 1;
}
.woocommerce .widget_product_categories li:hover:after {
border-color: transparent;
}
.woocommerce .widget_product_categories li:hover a {
color: #fac012;
}
.woocommerce .widget_product_categories li:hover a:before {
color: #fac012;
}
.woocommerce .widget_product_categories .children {
border-top: 1px solid #f7f7f7;
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;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 30px;
}
.woocommerce .widget_price_filter .price_slider .ui-slider-range {
background-color: #fac012;
}
.woocommerce .widget_price_filter .price_slider .ui-slider-handle {
background-color: #fff;
width: 18px;
height: 18px;
top: -5px;
border: 2px solid #fac012;
}
.woocommerce .widget_price_filter .price_slider_amount {
position: relative;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
float: left;
font-size: 16px;
margin-top: 5px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: right;
background-color: #fac012;
color: #fff;
}
.woocommerce .widget_price_filter .price_slider_amount #amount {
border: 0;
width: 80px;
}
.woocommerce ul.product_list_widget li::after {
clear: both;
display: table;
content: "";
}
.woocommerce ul.product_list_widget li {
padding-bottom: 30px;
padding-top: 0;
}
.woocommerce ul.product_list_widget li img {
float: left;
margin-left: 0;
border-top: 3px solid #f7f7f7;
border-bottom: 3px solid #f7f7f7;
border-left: 6px solid #f7f7f7;
border-right: 6px solid #f7f7f7;
width: 70px;
height: 85px;
}
.woocommerce ul.product_list_widget li .product-title {
font-size: 18px;
font-weight: 400;
margin-left: 20px;
}
.woocommerce ul.product_list_widget li > span.amount {
margin-left: 20px;
font-size: 18px;
font-weight: 400;
color: #fac012;
}
.woocommerce ul.product_list_widget li ins {
float: left;
margin-left: 20px;
font-size: 18px;
font-weight: 400;
color: #fac012;
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 {
display: none;
}
.woocommerce ul.product_list_widget li:last-child {
padding-bottom: 0;
}
.woocommerce .widget_product_tag_cloud a {
margin-bottom: 5px;
margin-right: 20px;
display: inline-block;
font-size: 16px !important;
font-weight: 400;
border-bottom: 1px solid transparent;
color: #9e9e9e;
}
.woocommerce .widget_product_tag_cloud a:hover {
color: #fac012;
text-decoration: none;
border-color: #fac012;
}
.woocommerce .widget_product_tag_cloud a:nth-child(even) {
font-size: 18px !important;
}
.woocommerce nav.woocommerce-pagination {
clear: both;
display: block;
text-align: center;
float: none;
margin-top: 20px;
}
.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: #272727;
font-weight: 700;
font-size: 18px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #f7f7f7;
display: inline-block;
padding: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers .fa {
color: #9e9e9e;
font-size: 18px;
-webkit-transition: 0.5s;
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: #fac012;
background-color: #fac012;
}
.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 #f7f7f7;
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 #f7f7f7;
}
.woocommerce-wishlist table.shop_table tr td.product-stock-status span.wishlist-in-stock {
color: #fac012;
text-transform: uppercase;
}
.woocommerce-wishlist table.shop_table tbody .product-price > span {
color: #fac012;
font-size: 18px;
font-weight: 400;
text-decoration: none;
}
.woocommerce-wishlist table.shop_table tbody .product-price ins {
color: #fac012;
font-size: 18px;
font-weight: 400;
text-decoration: none;
float: left;
padding-right: 10px;
}
.woocommerce-wishlist table.shop_table tbody .product-price del {
color: #9e9e9e;
font-size: 16px;
font-weight: 400;
}
.woocommerce-wishlist a.remove {
color: #9e9e9e !important;
}
.woocommerce-wishlist a.remove:hover {
color: #fff;
background: #fac012 !important;
}
.woocommerce-account .col2-set h2 {
text-transform: uppercase;
font-size: 26px;
font-weight: 700;
margin: 0 0 55px;
padding-bottom: 20px;
position: relative;
}
.woocommerce-account .col2-set h2:before,
.woocommerce-account .col2-set h2:after {
content: '';
position: absolute;
height: 3px;
background-color: #fac012;
left: 0;
}
.woocommerce-account .col2-set h2:before {
width: 80px;
bottom: 0;
}
.woocommerce-account .col2-set h2:after {
width: 40px;
bottom: -8px;
}
.woocommerce-account form.login,
.woocommerce-account form.register {
background-color: #f9f9f9;
-webkit-border-radius: 0;
border-radius: 0;
border-color: #f3f3f3;
padding: 30px 35px;
}
.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 .lost_password,
.woocommerce-account form.register .lost_password {
float: right;
margin-top: 5px;
}
.woocommerce-account form.login .lost_password a,
.woocommerce-account form.register .lost_password a {
color: #fac012;
}
.woocommerce-account form.login .button,
.woocommerce-account form.register .button {
margin-bottom: 0;
width: 100%;
background-color: #fac012;
color: #fff;
}
.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: #fac012;
}
.woocommerce-account .woocommerce-info {
border: 2px solid #f7f7f7;
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-account .woocommerce-MyAccount-content form.edit-account .button {
color: #fff;
background: #fac012;
}
.woocommerce-cart a.remove {
color: #9e9e9e !important;
font-size: 16px;
display: inline-block;
-webkit-border-radius: 0;
border-radius: 0;
width: 100%;
height: auto;
font-weight: 400;
}
.woocommerce-cart a.remove .fa {
font-size: 14px;
margin-right: 10px;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #9e9e9e;
}
.woocommerce-cart a.remove:focus {
outline: none;
}
.woocommerce-cart a.remove:hover {
background: none;
color: #fac012 !important;
}
.woocommerce-cart a.remove:hover .fa {
color: #fac012;
}
.woocommerce-cart .cart_totals h2 {
text-transform: uppercase;
font-size: 26px;
font-weight: 700;
margin: 0 0 45px;
padding-bottom: 20px;
position: relative;
}
.woocommerce-cart .cart_totals h2:before,
.woocommerce-cart .cart_totals h2:after {
content: '';
position: absolute;
height: 3px;
background-color: #fac012;
left: 0;
}
.woocommerce-cart .cart_totals h2:before {
width: 80px;
bottom: 0;
}
.woocommerce-cart .cart_totals h2:after {
width: 40px;
bottom: -8px;
}
.woocommerce-cart table.cart td.actions .update-cart {
float: right;
}
.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 {
color: #fff;
background-color: #fac012;
}
.woocommerce-cart .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 #f7f7f7;
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 .cart_totals {
margin-left: 0;
margin-right: 0;
}
.woocommerce-cart .cart_totals table.shop_table {
border: 1px solid #f7f7f7;
}
.woocommerce-cart .cart_totals table.shop_table tr th {
font-size: 16px;
font-weight: 400;
color: #272727;
font-family: 'Montserrat', 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: #f7f7f7;
}
.woocommerce-cart .wc-proceed-to-checkout a.button {
float: right;
color: #fff;
background-color: #fac012;
}
.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 #f7f7f7;
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;
}
/***
====================================================================
Footer
====================================================================
***/
.site-footer {
padding: 32px 0 33px 0;
background-color: #212121;
}
.site-footer .footer-copyright {
font-size: 16px;
font-weight: 400;
}
.site-footer .footer-copyright a {
color: #fac012;
}
.site-footer .footer-text a {
font-size: 14px;
font-weight: 700;
color: #fac012;
}
.footer-widgets {
color: #c8c8c8;
padding-top: 60px;
padding-bottom: 45px;
}
.footer-widgets .widget {
margin-bottom: 0;
}
.footer-widgets .widget-title {
font-size: 24px;
font-weight: 700;
color: #fff;
padding-bottom: 24px;
margin-bottom: 30px;
}
.footer-widgets .widget-title a {
color: #fff;
}
.footer-widgets .widget-title:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background-color: rgba(255, 255, 255, 0.03);
}
.footer-widgets .widget-title:after {
width: 45px;
height: 4px;
}
.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: #c8c8c8;
}
.footer-widgets .menu li a:before {
content: '\f101';
color: #c8c8c8;
}
.footer-widgets .menu li:hover a,
.footer-widgets .menu li:hover a:before {
color: #fac012;
}
.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;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.footer-widgets .footer-widget-socials li:hover a {
color: #fac012;
}
.footer-widgets .fp-form-field {
color: #fac012;
margin-bottom: 15px;
}
.footer-widgets .fp-form-field .text-2 {
display: none;
}
.footer-widgets .fp-form-field .subscribe {
margin-top: 25px;
position: relative;
}
.footer-widgets .fp-form-field .subscribe input[type="email"] {
width: 100%;
background-color: #222222;
color: #c8c8c8;
padding-left: 10px;
padding-right: 60px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 50px;
line-height: 50px;
}
.footer-widgets .fp-form-field .subscribe input[type="email"]:focus {
outline: none;
}
.footer-widgets .fp-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 .fp-form-field .subscribe .fa {
color: #fff;
font-size: 18px;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
}
.footer-widgets .fp-form-field .subscribe:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
right: 0;
top: 0;
background-color: #fac012;
z-index: 9;
}
.footer-widgets .footer-contact {
padding-bottom: 35px;
margin-bottom: 55px;
border-bottom: 4px solid rgba(255, 255, 255, 0.03);
}
.footer-widgets .footer-contact .widget {
width: 25%;
float: left;
padding-left: 15px;
padding-right: 15px;
}
.footer-widgets .footer-contact .widget:first-child {
padding-left: 0;
}
.footer-widgets .footer-contact .widget:last-child {
padding-right: 0;
}
.footer-widgets .footer-contact i {
font-size: 24px;
color: #fac012;
float: left;
}
.footer-widgets .footer-contact h4,
.footer-widgets .footer-contact p {
margin-left: 40px;
}
.footer-widgets .footer-contact p {
font-size: 18px;
font-weight: 700;
}
.footer-widgets .footer-contact p.number {
font-size: 24px;
margin-top: -8px;
}
.footer-widgets .footer-contact h4 {
font-size: 14px;
color: #fff;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 0;
}
.latest-project-list {
margin-left: -5px;
margin-right: -5px;
}
.latest-project {
float: left;
width: 33.3333%;
position: relative;
margin-bottom: 10px;
padding: 0 5px;
}
.latest-project i {
color: #fff;
font-size: 18px;
position: absolute;
-webkit-transition: 0.5s;
transition: 0.5s;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.latest-project a {
position: relative;
display: block;
}
.latest-project a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fac012;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.latest-project:hover i {
opacity: 1;
}
.latest-project:hover a:before {
opacity: 0.9;
}
.contact-widget .footer-contact img.logo-hp6 {
display: none;
}
.header-v6 .footer-widgets,
.home-header-v6 .footer-widgets {
padding-top: 0;
padding-bottom: 0;
background: #0c2e3b;
}
.home-header-v6 .site-footer {
background: #103746;
}
.header-v6 .footer-widgets .widget-title:before,
.home-header-v6 .footer-widgets .widget-title:before {
background-color: #0c2e3b;
}
.header-v6 .footer-widgets .fp-form-field .subscribe input[type="email"],
.home-header-v6 .footer-widgets .fp-form-field .subscribe input[type="email"] {
border: 1px solid #fac012;
background-color: transparent;
}
.header-v6 .footer-sidebars,
.home-header-v6 .footer-sidebars {
padding-top: 60px;
padding-bottom: 45px;
}
.header-v6 .contact-widget,
.home-header-v6 .contact-widget {
padding-top: 55px;
padding-bottom: 45px;
background-color: #fac012;
}
.header-v6 .contact-widget .footer-contact,
.home-header-v6 .contact-widget .footer-contact {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.header-v6 .contact-widget .footer-contact p,
.home-header-v6 .contact-widget .footer-contact p {
color: #fff;
}
.header-v6 .contact-widget .footer-contact h4,
.home-header-v6 .contact-widget .footer-contact h4,
.header-v6 .contact-widget .footer-contact i,
.home-header-v6 .contact-widget .footer-contact i {
color: #272727;
}
.header-v6 .contact-widget .footer-contact img.logo-footer,
.home-header-v6 .contact-widget .footer-contact img.logo-footer {
display: none;
}
.header-v6 .contact-widget .footer-contact img.logo-hp6,
.home-header-v6 .contact-widget .footer-contact img.logo-hp6 {
display: block;
}
.header-v7 .fp-form-field .subscribe input[type="email"],
.header-v8 .fp-form-field .subscribe input[type="email"],
.header-v9 .fp-form-field .subscribe input[type="email"],
.home-header-v7 .fp-form-field .subscribe input[type="email"],
.home-header-v8 .fp-form-field .subscribe input[type="email"],
.home-header-v9 .fp-form-field .subscribe input[type="email"] {
border: 1px solid #fac012;
background-color: transparent;
}
.footer-v2 .site {
position: relative;
}
.footer-v2 .footer-widgets {
padding-bottom: 140px;
}
.footer-v2 .site-footer {
background-color: transparent;
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
/***
====================================================================
Boxed body
====================================================================
***/
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-v7 .site-header.minimized.minimizing,
.boxed.header-sticky.home-header-v7 .site-header.minimized.minimizing {
background-color: #002a52;
}
.boxed.header-sticky.header-v7 .site-header.minimized.minimizing .main-nav ul.menu:after,
.boxed.header-sticky.home-header-v7 .site-header.minimized.minimizing .main-nav ul.menu:after {
display: none;
}
.boxed .factoryplus-arrow,
.boxed .fp-project-carousel .owl-controls .owl-nav div {
display: none;
}
/***
====================================================================
Carousel
====================================================================
***/
/* ==========================
Owl Carousel – Modern Style
========================== */
/* Structure */
.owl-carousel {
position: relative;
width: 100%;
display: none;
overflow: hidden;
touch-action: pan-y;
}
.owl-carousel .owl-item {
float: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
transition: height 0.5s ease-in-out;
}
/* ==========================
Navigation (Prev / Next)
========================== */
.owl-controls {
text-align: center;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.owl-controls .owl-nav div {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
font-size: 24px;
border-radius: 50%;
background-color: rgba(0, 51, 102, 0.8); /* Deep blue background */
transition: all 0.3s ease;
z-index: 1000;
}
.owl-controls .owl-nav .owl-prev {
left: 15px;
}
.owl-controls .owl-nav .owl-next {
right: 15px;
}
.owl-controls .owl-nav div:hover {
background-color: #f4b400; /* Gold hover color */
color: #003366;
}
/* ==========================
Pagination Dots
========================== */
.owl-controls .owl-dots {
text-align: center;
margin-top: 15px;
}
.owl-controls .owl-dot {
display: inline-block;
margin: 0 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.owl-controls .owl-dot span {
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #d9d9d9; /* Neutral gray base */
transition: background 0.3s ease, transform 0.3s ease;
}
.owl-controls .owl-dot.active span {
background-color: #003366; /* Active deep blue */
transform: scale(1.2);
}
.owl-controls .owl-dot:hover span {
background-color: #f4b400; /* Gold hover */
}
/* Responsive Nav Button Adjustments */
@media (max-width: 768px) {
.owl-controls .owl-nav div {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 18px;
}
.owl-controls .owl-nav .owl-prev {
left: 5px;
}
.owl-controls .owl-nav .owl-next {
right: 5px;
}
}
/* .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.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;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-dot,
.owl-controls .owl-nav 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-nav 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;
-webkit-border-radius: 50%!important;
border-radius: 50%!important;
background-color: transparent!important;
}
.owl-controls .owl-nav div:hover {
background-color: #fac012!important;
}
.owl-controls .owl-prev {
left: -60px;
}
.owl-controls .owl-next {
right: -60px;
} */
/* Styling Pagination*/
/* .owl-controls .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; */
/*IE7 life-saver */
/* } */
/* .owl-controls .owl-dot span {
display: block;
width: 8px;
height: 8px;
margin: 0 7px;
-webkit-border-radius: 20px;
border-radius: 20px;
background-color: transparent;
border: 1px solid #fff;
}
.owl-controls .owl-dot.active span,
.owl-controls.clickable .owl-dot:hover span {
background-color: #fff;
}
.owl-controls .owl-dot span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
border-radius: 30px;
} */
.site-footer {
background-color: #212121;
}
.footer-widgets {
background-color: #002A52;
}
.header-v7 .main-nav ul.menu li.menu-item-button-link a {
padding-bottom: 1px;
}
.home-header-v7 .main-nav ul.menu li.menu-item-button-link a {
padding-bottom: 1px;
}
.header-v8 .main-nav ul.menu li.menu-item-button-link a {
padding-bottom: 1px;
}
.home-header-v8 .main-nav ul.menu li.menu-item-button-link a {
padding-bottom: 1px;
}
.header-v8 .topbar .topbar-right .widget_search {
display: none;
}
.home-header-v8 .topbar .topbar-right .widget_search {
display: none;
}
.header-v8 .topbar .topbar-right .widget_text {
padding-right: 0;
}
.home-header-v8 .topbar .topbar-right .widget_text {
padding-right: 0;
}
.header-v8 div.fp-service-3 a:hover {
background-color: #f71414;
}
.home-header-v8 div.fp-service-3 a:hover {
background-color: #f71414;
}
.header-v8 .main-nav .menu-item-button-link,
.home-header-v8 .main-nav .menu-item-button-link {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.main-nav .menu-item-text p {
margin-bottom: 0;
}
.topbar p {
margin-bottom: 0;
}
@media ( max-width: 480px) {
.fp-latest-project .list-project .project {
text-align: center;
}
}
.fp-project-carousel .project-thumb .pro-link,
.fp-latest-project .item-project .pro-link,
.project-wrapper .project-inner .pro-link,
.fp-related-project .project-inner .pro-link {
cursor: url(../images/icon/cursor.png), auto;
}
.large_image img {
width: 100%;
}
.swatches-support {
border-bottom: 1px solid #f7f7f7;
padding-bottom: 20px;
}
.inner-product-details-cart {
padding: 0;
}
.inner-product-details-cart li {
vertical-align: top;
margin: 0 2px 0 0;
display: inline-block;
border: 1px solid #d6d6d6;
list-style: none;
}
.inner-product-details-cart li .input-group {
position: relative;
box-shadow: none!important;
}
.inner-product-details-cart li .input-group input {
border: none;
height: 52px;
width: 100px;
padding-right: 47px;
font-size: 20px;
text-align: center;
}
.inner-product-details-cart li .input-group .input-group-btn-vertical {
position: absolute;
z-index: 3;
top: 0;
right: 0;
}
.inner-product-details-cart li .input-group .input-group-btn-vertical button {
display: block;
border-left: 1px solid #d6d6d6 !important;
border-radius: 0!important;
background: transparent;
padding: 4px 12px;
line-height: 1.3;
border: 0;
}
.inner-product-details-cart .cartbtn .button {
background: #fac012;
}
/* .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;
-webkit-border-radius: 50px;
border-radius: 50px;
padding: 0 20px;
background-color: #ffc811;
text-transform: capitalize;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.comment-respond .form-submit .submit:hover,
.comment-respond .form-submit .submit:focus {
color: #fff;
border: 0;
-webkit-box-shadow: none;
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;
}
#reviews #review_form .comment-form .comment-form-rating .stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: FontAwesome;
content: '\f005';
text-indent: 0;
}
#reviews #review_form .comment-form .comment-form-rating .stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
#reviews #review_form .comment-form .comment-form-rating .stars a {
color: #ccc;
font-size: 12px;
}
#reviews #review_form .comment-form .comment-form-rating .stars a:hover {
color: #ffc811;
} */
/***
=============================================
Cart page
=============================================
***/
/* .shop_cart_table {
padding-top: 0;
padding-top: 90px;
padding-bottom: 90px;
}
.shop_cart_table .table-1 {
margin-bottom: 30px;
}
.shop_cart_table .table-1 input {
display: inline-block;
}
.shop_cart_table .icon_holder {
display: inline-block;
width: 39px;
height: 39px;
color: #fff;
font-size: 18px;
border-radius: 50%;
text-align: center;
background: #fac012;
margin-right: 3px;
vertical-align: bottom;
padding-top: 6px;
}
.shop_cart_table .table-1 tr th {
background: #f7f7f7;
border: none;
line-height: 65px;
color: #262626;
text-transform: uppercase;
}
.shop_cart_table .table-1 tr th:first-child {
padding-left: 30px;
width: 36%;
}
.shop_cart_table .table-1 tr th:nth-child(2) {
width: 14%;
}
.shop_cart_table .table-1 tr th:nth-child(3) {
width: 18%;
}
.shop_cart_table .table-1 tr th:nth-child(4) {
width: 11%;
}
.shop_cart_table .table-1 tr th:nth-child(5) {
width: 12%;
}
.shop_cart_table .table-1 tr td span {
display: inline-block;
margin-left: 0;
font-size: 14px;
line-height: 18px;
color: #9e9e9e;
}
.shop_cart_table .table-1 tr td span.item {
margin-top: 45px;
}
.shop_cart_table .table-1 th {
padding: 0 8px;
}
.shop_cart_table .table-1 tr td.flex_item {
padding: 29px 0 32px 27px;
}
.shop_cart_table .table-1 tr td.flex_item h6 {
font-size: 16px;
margin: 33px 0 0 27px;
font-weight: 500;
}
.shop_cart_table .table-1 tr td input[type="number"] {
margin: 42px 56px 0 0;
width: 68px;
height: 45px;
border: 1px solid #f7f7f7;
padding-left: 20px;
}
.shop_cart_table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.shop_cart_table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
background: #fff;
border-color: #f7f7f7;
padding: 10.3px 10px;
}
.shop_cart_table .bootstrap-touchspin .input-group-btn-vertical i {
color: green;
left: 6px;
}
.shop_cart_table tbody tr .qty .quantity-spinner {
background: #fff;
border: 1px solid #F7F7F7;
border-right: 0;
}
.shop_cart_table .apply-coupon {
position: relative;
}
.shop_cart_table .table-1 tr td {
padding-bottom: 28px;
border-top: none;
border-bottom: 1px solid #f7f7f7;
}
.shop_cart_table .table-1 tr td:nth-child(4),
.shop_cart_table .table-1 tr td:nth-child(5),
.shop_cart_table .table-1 tr td:nth-child(6) {
padding-top: 61px;
}
.shop_cart_table button {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
line-height: 50px;
display: inline-block;
background: #fac012;
border: 0;
}
.shop_cart_table button:hover {
color: #fff;
background: #121d2f;
}
.shop_cart_table .cart_btn1 {
width: 170px;
}
.shop_cart_table .cart_btn2 {
width: 240px;
}
.shop_cart_table .cart_btn3 {
width: 170px;
color: #272727;
border: 2px solid #f7f7f7;
margin-right: 19px;
background: transparent;
}
.shop_cart_table .cart_btn3:hover {
background: #fac012;
}
.shop_cart_table input.coupon {
width: 225px;
height: 50px;
border: 2px solid #f7f7f7;
padding-left: 15px;
margin-right: 19px;
color: #9e9e9e;
text-transform: uppercase;
font-size: 14px;
display: inline-block;
}
.shop_cart_table .table-1 tr td.flex_item img {
width: 70px;
display: inline-block;
float: left;
margin-right: 10px;
} */
/***
=============================================
Checkout Page
=============================================
***/
/* .shipping_address .submit_form input,
.shipping_address .submit_form .ui-state-default {
font-family: 'Raleway', sans-serif;
color: #9e9e9e;
height: 45px;
width: 100% !important;
border: 2px solid #f7f7f7;
font-size: 16px;
margin-bottom: 28px;
padding: 0 15px;
border-radius: 0;
background: #fff;
outline: none;
}
.shipping_address .submit_form .ui-selectmenu-button span.ui-icon {
height: 100%;
line-height: 40px;
top: 0;
width: 42px;
right: 0;
color: #9e9e9e;
text-align: center;
border-left: 1px solid #f7f7f7;
}
.shipping_address .submit_form .ui-selectmenu-button span.ui-icon::before {
content: "\f105";
font-family: 'FontAwesome';
margin: 0 10px;
font-size: 15px;
color: #000;
} */
.ui-widget-content .ui-state-focus {
color: #fff;
background: #fac012;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: none;
font-size: 16px;
}
.ui-corner-bottom {
border: none;
}
.ui-selectmenu-menu .ui-menu {
border: 1px solid #f1f1f1;
}
.ui-menu .ui-menu-item {
font-size: 16px !important;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
background-image: none;
}
/* .shipping_address .submit_form .ui-selectmenu-button span.ui-selectmenu-text {
padding: 0;
line-height: 40px;
color: #9e9e9e;
}
.shipping_address .submit_form .space-fix-right {
padding-right: 5px;
}
.shipping_address .submit_form .space-fix-left {
padding-left: 5px;
}
.shipping_address h4 {
margin-bottom: 30px;
text-transform: uppercase;
}
.shipping_address .table-responsive {
margin-bottom: 13px;
}
.shop_cart_table .table-2 {
margin-top: 3px;
}
.shop_cart_table .table-2 td:first-child {
border-right: 1px solid #f0f0f0;
}
.shop_cart_table .table-2 td {
width: 50%;
border-top: none;
padding: 0;
}
.shop_cart_table .table-2 td span {
line-height: 47px;
display: block;
border-bottom: 1px solid #f0f0f0;
padding: 0px 18px;
}
.shop_cart_table .table-2 td:last-child span {
color: #9e9e9e;
}
.shop_cart_table .table-2 tr:last-child td span {
border: none;
}
.shop_cart_table .table-2 tbody {
border: 2px solid #f0f0f0;
} */
.check_out_form {
padding-top: 20px;
}
/* Added css */
/*phone styling*/
.iti {
width: 100%;
}
.iti input {
width: 100%;
box-sizing: border-box;
}
.fp-related-project .decor {
position: relative;
display: block;
height: 3px;
width: 74px;
margin-top: 9px;
}
.fp-related-project .decor:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #fac012;
}
/* .fp-related-project .decor:after {
content: "";
position: absolute;
top: 0px;
left: 33px;
width: 6px;
height: 3px;
background: #fff;
transform: skewX(-30deg);
} */
.title-underline,
.gallery-title {
position: relative;
display: inline-block;
font-size: 32px !important;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 30px;
padding-bottom: 14px;
text-align: center;
max-width: 100%;
white-space: normal;
}
.gallery-title {
color: #d3d3d3;
}
/* Full-width base line */
.title-underline::before,
.gallery-title::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: rgba(250, 192, 18, 0.25); /* faded yellow */
border-radius: 2px;
}
/* Accent line — left-anchored, shorter */
.title-underline::after,
.gallery-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 45px; /* fixed short accent */
height: 3px;
background-color: #fac012;
border-radius: 2px;
transition: width 0.3s ease;
}
/* Centered variant */
.title-underline.centered::before,
.gallery-title.centered::before {
left: 50%;
transform: translateX(-50%);
}
.title-underline.centered::after,
.gallery-title.centered::after {
left: 50%;
transform: translateX(-50%);
}
/* Hover effect */
.title-underline:hover::after,
.gallery-title:hover::after {
width: 80px;
}
p.welcome_message {
background-color: #f9f9f9;
padding: 35px;
border-radius: 8px;
line-height: 1.6;
}
/* .check_out_form input.form-control:focus,
.check_out_form select.form-control:focus,
.check_out_form textarea.form-control:focus {
border-color: #fac012;
box-shadow: 0 0 0 0.15rem rgba(10, 125, 79, 0.25);
outline: none;
} */
/* Optional: Highlight on focus */
/* .check_out_form textarea:focus,
.check_out_form select:focus,
.check_out_form input:focus {
outline: none;
border-color: #fac012;
background-color: #fff;
box-shadow: 0 0 0 2px rgba(250, 192, 18, 0.15);
} */
/* Add hover effect */
.check_out_form textarea:hover,
.check_out_form select:hover,
.check_out_form input[type="text"]:hover,
.check_out_form input[type="email"]:hover,
.check_out_form input[type="date"]:hover,
.check_out_form3 input[type="month"]:hover,
.check_out_form input[type="number"]:hover,
.check_out_form input[type="tel"]:hover {
border-color: #fac012;
background-color: #fff;
}
/* Optional: Highlight on focus */
.check_out_form textarea:focus,
.check_out_form select:focus,
.check_out_form input:focus {
outline: none;
border-color: #fac012;
background-color: #fff;
box-shadow: 0 0 0 2px rgba(250, 192, 18, 0.15);
}
/* .check_out_form .submit {
padding-top: 10px;
}
.check_out_form .submit input {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff !important;
background-color: #fac012;
text-transform: uppercase;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.check_out_form .submit input {
background: #fac012;
color: #fff;
font-weight: 700;
letter-spacing: 0.3px;
transition: all 0.3s ease;
cursor: pointer;
}
.check_out_form .submit input:hover {
background: #003660;
color: #fff;
}
.check_out_form .submit .ajax-loader {
display: none;
} */
/* Custom checkbox styling */
.custom-checkbox {
display: flex;
align-items: flex-start;
font-size: 14px;
line-height: 1.5;
margin-top: 10px;
position: relative;
padding-left: 26px;
/* space for the box */
cursor: pointer;
user-select: none;
}
/* Hide the default checkbox */
.custom-checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Custom checkbox box */
.custom-checkbox .checkmark {
position: absolute;
left: 0;
top: 3px;
height: 14px;
/* smaller size */
width: 14px;
background-color: #e0e0e0;
border-radius: 3px;
transition: all 0.2s ease;
}
/* When checked */
.custom-checkbox input:checked~.checkmark {
background-color: #0a7d4f;
/* Ghana green */
}
/* Add checkmark */
.custom-checkbox .checkmark::after {
content: "";
position: absolute;
display: none;
}
/* Show tick when checked */
.custom-checkbox input:checked~.checkmark::after {
display: block;
}
/* Tick style */
.custom-checkbox .checkmark::after {
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* Adjust red validation messages */
#checkboxError,
#confirmInfoAcuracy {
font-size: 13px;
color: #d93025;
margin-top: 4px;
display: none;
}
/* Mobile adjustments */
@media (max-width: 768px) {
.check_out_form {
padding: 25px 15px;
}
}
.custom-select-wrapper {
position: relative;
width: 100%;
}
.custom-select {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 6px;
background-color: #fff;
color: #222;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
transition: 0.2s;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
}
/* Outer border hover */
.custom-select:hover {
border-color: #fac012;
box-shadow: 0 0 4px rgba(250, 192, 18, 0.4);
}
/* For browsers that support option hover (Firefox/Chromium Edge) */
.custom-select option:hover,
.custom-select option:focus,
.custom-select option:checked {
background-color: #fac012 !important;
color: #000 !important;
}
/*======================================================*/
.check_out_form .theme-title h2 {
font-size: 24px;
font-weight: 700;
text-transform: none;
}
.check_out_form form span {
display: block;
margin-bottom: 5px;
}
.check_out_form form input {
height: 48px;
border: 2px solid #f7f7f7;
width: 100%;
margin-bottom: 25px;
padding: 0 15px;
}
.check_out_form .submit input {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
background-color: #fac012;
text-transform: uppercase;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.check_out_form .submit input {
background: #fac012;
color: #fff;
font-weight: 700;
letter-spacing: 0.3px;
transition: all 0.3s ease;
cursor: pointer;
}
.check_out_form .submit input:hover {
background: #003660;
color: #fff;
}
.check_out_form form select {
height: 48px;
border: 2px solid #f7f7f7;
width: 100%;
margin-bottom: 25px;
padding: 0 15px;
}
/* .check_out_form form
input[type="checkbox"]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
} */
/* Container for the checkbox and label */
.custom-checkbox {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
font-size: 16px;
user-select: none;
margin-bottom: 15px;
}
/* Hide the default checkbox */
.custom-checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Custom checkbox design */
.custom-checkbox .checkmark {
height: 20px;
width: 20px;
background-color: #f1f1f1;
border: 2px solid #ccc;
border-radius: 4px;
margin-right: 10px;
transition: all 0.2s ease;
}
/* When checkbox is checked */
.custom-checkbox input:checked+.checkmark {
background-color: #007bff;
border-color: #007bff;
}
/* Add a checkmark (✓) when checked */
.custom-checkbox .checkmark::after {
content: "";
position: absolute;
display: none;
}
.custom-checkbox input:checked+.checkmark::after {
display: block;
left: 6px;
top: 2px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.check_out_form form {
margin-top: 38px;
}
.check_out_form form textarea {
border: 2px solid #f7f7f7;
width: 100%;
margin-bottom: 25px;
padding: 15px;
min-height: 121px;
color: #9e9e9e;
}
.check_out_form .shipping_address h3 input {
margin-left: 60px;
}
.check_out_form .theme_title {
padding-bottom: 28px;
}
.section-title.inner {
margin-bottom: 30px;
}
.section-title h2 {
position: relative;
display: inline-block;
font-size: 26px;
line-height: 45px;
font-weight: 400;
color: #272727;
}
.section-title h3 {
position: relative;
display: inline-block;
font-size: 21px;
line-height: 45px;
font-weight: 400;
color: #272727;
margin: 0;
}
.section-title .decor {
position: relative;
display: block;
height: 3px;
width: 74px;
margin-top: 9px;
}
.section-title .decor:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #fac012;
}
.section-title .decor:after {
content: "";
position: absolute;
top: 0px;
left: 33px;
width: 6px;
height: 3px;
background: #fff;
transform: skewX(-30deg);
}
/* .cart_table {
padding-top: 51px;
padding-bottom: 80px;
} */
/* .cart_table h4 {
text-transform: uppercase;
}
.cart_table .table-1 thead th {
border: none;
line-height: 65px;
padding-top: 0;
padding-bottom: 0;
padding-left: 30px;
text-transform: uppercase;
}
.cart_table .table-1 thead tr {
background: #f7f7f7;
}
.cart_table .table-1 tbody tr td {
border-top: none;
border-bottom: 1px solid #f7f7f7;
padding-bottom: 28px;
}
.cart_table .table-1 tbody tr td.flex_item img {
width: 70px;
float: left;
margin-right: 15px;
}
.cart_table .table-1 tbody tr td.flex_item {
padding-right: 0;
padding-top: 33px;
padding-left: 28px;
}
.cart_table .table-1 tbody tr td.flex_item h6 {
font-size: 18px;
padding: 16px 0 0 19px;
font-weight: 400;
float: left;
}
.cart_table .table-1 tbody tr td input[type="number"] {
width: 70px;
height: 47px;
border: 1px solid #f0f0f0;
font-size: 18px;
font-weight: 700;
color: #272727;
padding-left: 19px;
margin-top: 42px;
}
.cart_table .table-1 tbody tr td span {
margin-left: 30px;
color: #012f5d;
}
.cart_table .table-1 tbody tr td:last-child {
padding-top: 62px
}
.cart_table .payment_system a {
line-height: 46px;
width: 170px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
background: #fac012;
border: 1px solid #fac012;
color: #fff;
margin-top: 25px;
transition: .3s ease;
display: inline-block;
}
.cart_table .payment_system a:hover {
background: #000;
}
.cart_table .table-2 {
margin-top: 0px;
}
.cart_table input, */
.check_out_form input {
display: inline-block;
color: #9e9e9e;
}
.check_out_form h2 input {
position: relative;
right: -30px;
}
/* .cart_table .table-2 td:first-child {
border-right: 1px solid #f0f0f0;
}
.cart_table .table-2 td {
width: 50%;
border-top: none;
padding: 0;
}
.cart_table .table-2 td span {
line-height: 47px;
display: block;
border-bottom: 1px solid #f0f0f0;
padding: 0px 18px;
}
.cart_table .table-2 td:last-child span {
color: #999999;
}
.cart_table .table-2 tr:last-child td span {
border: none;
}
.cart_table .table-2 tbody {
border: 2px solid #f0f0f0;
}
.cart_table .payment_system span {
color: #272727;
display: inline-block;
margin-left: 13px;
}
.cart_table .payment_system {
margin-top: 17px;
background: #f7f7f7;
padding: 21px;
}
.cart_table .payment_system .pay1 {
margin-bottom: 19px;
}
.cart_table .payment_system .pay1 p {
padding-left: 29px;
margin-top: 16px
}
.cart_table .payment_system a {
line-height: 46px;
width: 170px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
background: #fac012;
border: 1px solid #fac012;
color: #fff;
margin-top: 25px;
transition: .3s ease;
}
.cart_table .payment_system a:hover {
background: transparent;
color: #fac012;
border-color: #fac012;
transition: .3s ease;
} */
/***
=============================================
Login Register Area style
=============================================
***/
/* .login-register-area {
padding-bottom: 83px;
padding-top: 79px;
}
.login-register-area .form .sec-title {
padding-bottom: 30px;
}
.login-register-area .form .sec-title h2 {
color: #222222;
font-size: 24px;
font-weight: 400;
text-transform: none;
}
.login-register-area .form .input-field {
position: relative;
}
.login-register-area .form .input-field input[type="text"] {
border: 2px solid #f4f4f4;
color: #999;
font-size: 16px;
height: 50px;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 50px;
width: 100%;
transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
position: absolute;
right: 20px;
top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
color: #999999;
font-size: 14px;
font-weight: 400;
}
.login-register-area .form button {
margin-top: 10px;
}
.login-register-area .form .remember-text {
margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
color: #999;
font-size: 16px;
font-weight: 400;
}
.login-register-area .form .remember-text .checkbox input {
margin-top: 7px;
} */
.thm-btn {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
position: relative;
transition: all 0.5s ease 0s;
cursor: pointer;
padding: 0 30px;
line-height: 50px;
display: inline-block;
text-align: center;
z-index: 1;
background: #fdc716;
color: #fff;
border: 0;
}
.thm-btn:hover {
background: #000;
}
/* .login-register-area .form .social-icon {
float: right;
margin-right: -8px;
margin-top: 15px;
position: relative;
}
.login-register-area .form .social-icon .login-with {
display: inline-block;
left: -100px;
position: absolute;
top: 8px;
}
.login-register-area .form .social-icon li {
display: inline-block;
margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
background: #3b5998 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: block;
font-size: 14px;
font-weight: 100;
height: 40px;
line-height: 24px;
padding: 8px 0;
text-align: center;
transition: all 700ms ease 0s;
width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
color: #fdc716;
float: right;
font-weight: 700;
margin: 20px 0 0;
}
.login-register-area .form h6 {
color: #999;
float: left;
font-size: 14px;
margin: 28px 0 0 0px;
font-family: 'Hind', sans-serif;
}
.login-register-area .form .input-field input[type="text"]:focus {
border: 2px solid #fdc716;
}
.login-register-area .form .social-icon li a:hover i {
background: #18387b;
}
.login-register-area .form .social-icon li a:hover i.twitter {
background: #12addf;
}
.login-register-area .form .social-icon li a:hover i.gplus {
background: #c62d1a;
} */
/* ── Eligibility notice ──────────────────────────────────────── */
.eligibility-notice {
display: flex;
gap: 10px;
align-items: flex-start;
background: #fff8f0;
border-left: 4px solid #F5A623;
border-radius: 0 6px 6px 0;
padding: 14px 16px;
margin-bottom: 24px;
color: #4a5568;
line-height: 1.6;
}
.eligibility-notice .notice-icon {
color: #F5A623;
font-weight: 700;
flex-shrink: 0;
line-height: 1.5;
}
.eligibility-notice strong {
color: #1B2A4A;
}
/* ── Section title ───────────────────────────────────────────── */
.section-title.inner h2 {
font-size: 18px;
font-weight: 600;
color: #1B2A4A;
margin-bottom: 14px;
}
.section-title.inner h3 {
font-size: 18px;
font-weight: 600;
color: #1B2A4A;
border-left: 4px solid #F5A623;
padding-left: 12px;
margin-bottom: 20px;
}
/* ── Checkboxes ──────────────────────────────────────────────── */
.ghaska-checkbox {
display: flex;
align-items: flex-start;
gap: 12px;
margin-top: 16px;
padding: 14px 16px;
background: #f8f9fc;
border-radius: 6px;
border: 1.5px solid #e2e8f0;
transition: border-color 0.2s ease;
}
.ghaska-checkbox.checkbox-error {
border-color: #e53e3e;
background: #fff5f5;
}
.ghaska-checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
margin-top: 2px;
accent-color: #1B2A4A;
cursor: pointer;
}
.ghaska-checkbox label {
font-size: 13px;
color: #003660;
line-height: 1.6;
cursor: pointer;
margin: 0;
}
/* ── Step nav buttons ────────────────────────────────────────── */
.step-nav {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 14px;
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid #f0f2f5;
}
.ghaska-btn-next,
.ghaska-btn-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'Montserrat', sans-serif;
background: #003660;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 28px;
letter-spacing: 0.05em;
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
box-shadow: 0 3px 10px rgba(27, 42, 74, 0.2);
}
.ghaska-btn-next:hover,
.ghaska-btn-submit:hover {
background: #fac012;
color: #fff;
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(245, 166, 35, 0.3);
}
.ghaska-btn-prev {
display: inline-flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
gap: 8px;
background: transparent;
color: #003660;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
border-radius: 8px;
letter-spacing: 0.05em;
padding: 12px 28px;
cursor: pointer;
transition: all 0.2s ease;
}
/* border: 1.5px solid #d1d9e6; */
.ghaska-btn-prev:hover {
border-color: #fac012;
color: #fac012;
}
/* ── Review Step CSS ──────────────────────────────────────────── */
/* .review-intro {
font-size: 13px;
color: #4a5568;
background: #f0f4ff;
border-left: 4px solid #1B2A4A;
padding: 12px 16px;
border-radius: 0 6px 6px 0;
margin-bottom: 24px;
line-height: 1.6;
} */
.review-section {
border: 1.5px solid #003660;
border-radius: 8px;
margin-bottom: 20px;
overflow: hidden;
}
.review-section-header {
display: flex;
justify-content: space-between;
align-items: center;
background: #003660;
padding: 12px 20px;
border-bottom: 1.5px solid #e2e8f0;
}
.review-section-title {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.07em;
color: #fff;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 8px;
}
.review-section-title .fa {
color: #fff;
font-size: 14px;
}
.review-edit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
border: 1.5px solid #fac012;
color: #fac012;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.05em;
padding: 5px 14px;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
text-transform: uppercase;
}
.review-edit-btn:hover {
background: #fac012;
color: #fff;
}
.review-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
padding: 4px 0;
}
.review-field {
display: flex;
flex-direction: column;
padding: 12px 20px;
border-bottom: 1px solid #f0f2f5;
border-right: 1px solid #f0f2f5;
}
.review-field--full {
grid-column: 1 / -1;
border-right: none;
}
.review-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #003660;
margin-bottom: 5px;
}
.review-value {
font-size: 14px;
color: #fac012;
font-weight: 500;
word-break: break-word;
line-height: 1.4;
}
.review-value.is-empty {
color: #fac012;
font-style: italic;
}
@media (max-width: 767px) {
.review-grid {
grid-template-columns: 1fr 1fr;
}
.review-section-header {
flex-wrap: wrap;
gap: 10px;
}
}
@media (max-width: 480px) {
.review-grid {
grid-template-columns: 1fr;
}
.review-field {
border-right: none;
}
}
/* ═══════════════════════════════════════════════════════
GHASKA Startups Page — Styles
Brand: Navy #003660 | Gold #fac012 | White #fff
═══════════════════════════════════════════════════════ */
/* ── Search & filter bar ───────────────────────────── */
.startups-toolbar {
padding: 32px 0 8px;
}
.startups-toolbar-inner {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.startup-search-wrap {
position: relative;
flex: 1;
min-width: 240px;
}
.startup-search-wrap .search-icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: #a0aec0;
font-size: 16px;
pointer-events: none;
}
.startup-search-input {
width: 100%;
height: 46px;
border: 1.5px solid #fac012;
border-radius: 8px;
padding: 0 16px 0 40px;
font-size: 16px;
color: #1B2A4A;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
outline: none;
}
.startup-search-input:focus {
border-color: #fac012;
box-shadow: 0 0 0 3px rgba(27, 42, 74, 0.1);
}
.startup-search-input::placeholder {
color: #a0aec0;
}
.startup-filter-select {
height: 46px;
border: 1.5px solid #d1d9e6;
border-radius: 8px;
padding: 0 36px 0 14px;
font-size: 16px;
color: #1B2A4A;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231B2A4A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;
appearance: none;
cursor: pointer;
transition: border-color 0.2s;
outline: none;
min-width: 160px;
}
.startup-filter-select:focus {
border-color: #fac012;
}
.startups-count {
font-size: 14px;
color: #718096;
white-space: nowrap;
margin-left: auto;
}
.startups-count strong {
color: #1B2A4A;
font-weight: 700;
}
/* ── No results message ────────────────────────────── */
.no-results-msg {
display: none;
text-align: center;
padding: 60px 20px;
color: #718096;
}
.no-results-msg .fa {
font-size: 40px;
color: #e2e8f0;
display: block;
margin-bottom: 16px;
}
.no-results-msg p {
font-size: 16px;
margin: 0;
}
/* ── Startup cards ─────────────────────────────────── */
.startups-grid {
padding: 28px 0 48px;
}
.startup-card {
background: #fff;
border: 1.5px solid #e8edf5;
border-radius: 12px;
overflow: hidden;
margin-bottom: 28px;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
display: flex;
flex-direction: column;
height: calc(100% - 28px);
}
.startup-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(27, 42, 74, 0.12);
/* border-color: #fac012; */
}
.startup-card-logo {
height: 160px;
background: #f8f9fc;
border-bottom: 1px solid #e8edf5;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
overflow: hidden;
}
.startup-card-logo img {
max-height: 100%;
max-width: 100%;
object-fit: contain;
transition: transform 0.3s ease;
}
.startup-card:hover .startup-card-logo img {
transform: scale(1.04);
}
.startup-card-logo .logo-placeholder {
width: 72px;
height: 72px;
background: #e8edf5;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: #a0aec0;
font-size: 28px;
}
.startup-card-body {
padding: 20px 22px;
flex: 1;
display: flex;
flex-direction: column;
}
.startup-card-meta {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.startup-meta-ceo {
font-size: 13px;
font-weight: 600;
color: #555;
letter-spacing: 0.03em;
}
.startup-meta-ceo .fa {
color: #555;
margin-right: 4px;
}
.startup-status-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
padding: 3px 9px;
border-radius: 20px;
margin-left: auto;
}
.startup-status-badge.registered {
background: #e6f4ea;
color: #2d7d46;
}
.startup-status-badge.unregistered {
background: #fef3e2;
color: #b45309;
}
.startup-card-name {
font-size: 16px;
font-weight: 700;
color: #fac012;
margin: 0 0 10px;
line-height: 1.6;
}
.startup-card-intro {
font-size: 14px;
color: #555;
line-height: 1.6;
margin: 0 0 14px;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.startup-card-details {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 14px;
padding: 10px 14px;
background: #f8f9fc;
border-radius: 6px;
border: 1px solid #edf0f7;
}
.startup-detail-item {
display: flex;
flex-direction: column;
gap: 2px;
}
.startup-detail-label {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #a0aec0;
}
.startup-detail-value {
font-size: 13px;
font-weight: 600;
}
.startup-detail-value.empty {
color: #c8d0dc;
font-style: italic;
font-weight: 400;
}
.startup-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 16px;
min-height: 24px;
}
.startup-tag {
font-size: 11px;
font-weight: 600;
color: #1B2A4A;
background: #eef1f8;
border-radius: 4px;
padding: 3px 9px;
transition: background 0.2s ease;
}
.startup-card:hover .startup-tag {
background: #fff3d6;
color: #92620a;
}
.startup-card-footer {
padding: 14px 22px;
border-top: 1px solid #f0f2f7;
background: #fafbfd;
}
.startup-contact-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 15px 0;
background: #003660;
color: #fff;
border: none;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease;
}
.startup-contact-btn:hover {
background: #fac012;
color: #fff;
transform: translateY(-1px);
}
/* ── Contact modal ─────────────────────────────────── */
#contactModal .modal-content {
border-radius: 8px;
border: none;
box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
#contactModal .modal-body {
padding: 28px 24px;
}
#contactModal .company-target-name {
display: flex;
align-items: center;
gap: 10px;
background: #f8f9fc;
border: 1px solid #e2e8f0;
border-radius: 6px;
padding: 12px 16px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 600;
color: #1B2A4A;
}
#contactModal .company-target-name .fa {
color: #F5A623;
}
#contactModal .form-group label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #4a5568;
margin-bottom: 6px;
display: block;
}
#contactModal .form-control {
border: 1px solid #eaeaea;
border-radius: 6px;
font-size: 14px;
color: #9e9e9e;
padding: 10px 14px;
height: auto;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#contactModal .form-control:focus {
border-color: #fac012;
outline: none;
}
#contactModal .btn-send {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 15px 0;
background: #fac012;
color: #fff;
border: none;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-top: 8px;
cursor: pointer;
transition: background 0.2s ease;
}
#contactModal .btn-close {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 15px 0;
background: #c0c0c0;
color: #fff;
border: none;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-top: 8px;
cursor: pointer;
transition: background 0.2s ease;
}
#contactModal .btn-send:hover {
background: #003660;
color: #fff;
}
#contactModal .btn-close:hover {
background: #003660;
color: #fff;
}
/* ── Pagination ────────────────────────────────────── */
.startups-pagination {
padding-bottom: 48px;
}
/* ── Responsive ────────────────────────────────────── */
@media (max-width: 767px) {
.startups-toolbar-inner {
flex-direction: column;
align-items: stretch;
}
.startups-count {
margin-left: 0;
}
.startup-filter-select {
width: 100%;
}
}
#startups-grid {
display: flex;
flex-wrap: wrap;
align-items: stretch;
row-gap: 26px;
}
.startup-card {
height: 100%;
display: flex;
flex-direction: column;
}
/* Tom Select */
.ts-dropdown {
background-color: #efefef !important;
border: 1px solid #d0d0d0 !important;
}
.ts-dropdown .option {
padding: 6px 12px;
}
.ts-dropdown .option:hover,
.ts-dropdown .option.active {
background-color: #e0e0e0 !important;
color: #333;
}
/* =====================================================
GHASKA EXECUTIVES SECTION STYLES
===================================================== */
.team-row {
display: grid;
gap: 1.75rem;
margin-bottom: 1.75rem;
}
.team-row-3 { grid-template-columns: repeat(3, 1fr); }
.team-row-2 { grid-template-columns: repeat(2, 1fr); }
.team-row-1 { grid-template-columns: 1fr; max-width: 380px; }
/* Center last row when item count produces a short final row */
.team-row-centered {
justify-content: center;
display: flex;
flex-wrap: wrap;
gap: 1.75rem;
}
.team-row-centered .fp-team-card {
flex: 0 0 calc(33.333% - 1.75rem);
min-width: 260px;
}
/* ── Card ──────────────────────────────────────────────────────── */
.fp-team-card {
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.09);
border-radius: 16px;
overflow: hidden;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.fp-team-card:hover {
transform: translateY(-5px);
border-color: #fac012;
box-shadow: 0 12px 32px rgba(201, 151, 58, 0.12);
}
/* ── Gold top accent ───────────────────────────────────────────── */
.fp-team-card__accent {
height: 3px;
background: linear-gradient(90deg, #b07d24, #e8c06b 50%, #b07d24);
}
/* ── Card top area ─────────────────────────────────────────────── */
.fp-team-card__top {
display: flex;
flex-direction: column;
align-items: center;
padding: 1.75rem 1.5rem 1.25rem;
}
/* ── Avatar ────────────────────────────────────────────────────── */
.fp-avatar-wrap {
position: relative;
width: 130px;
height: 130px;
margin-bottom: 1rem;
flex-shrink: 0;
}
.fp-avatar-wrap img,
.fp-avatar-initials {
width: 130px;
height: 130px;
border-radius: 50%;
border: 3px solid #fac012;
display: block;
object-fit: cover;
}
.fp-avatar-initials {
background: #fdf6e8;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
font-weight: 600;
color: #fac012;
}
/* ── Social overlay on hover ───────────────────────────────────── */
.fp-socials-overlay {
position: absolute;
inset: -3px;
border-radius: 50%;
background: rgba(15, 15, 15, 0.58);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
opacity: 0;
transition: opacity 0.2s ease;
}
.fp-avatar-wrap:hover .fp-socials-overlay {
opacity: 1;
}
.fp-socials-overlay a {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1.5px solid rgba(255, 255, 255, 0.55);
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
transition: background 0.15s, border-color 0.15s;
}
.fp-socials-overlay a:hover {
background: #fac012;
border-color: #fac012;
}
/* ── Member info ───────────────────────────────────────────────── */
.fp-member-name {
font-size: 17px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 4px;
text-align: center;
}
.fp-member-role {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #fac012;
margin: 0 0 0.8rem;
text-align: center;
}
.fp-member-phone {
display: flex;
align-items: center;
gap: 6px;
font-size: 12.5px;
color: #777;
}
.fp-member-phone svg {
width: 13px;
height: 13px;
flex-shrink: 0;
opacity: 0.55;
}
/* ── Divider ───────────────────────────────────────────────────── */
.fp-team-card__divider {
height: 0.5px;
background: rgba(0, 0, 0, 0.07);
margin: 0 1.5rem;
}
/* ── Bio ───────────────────────────────────────────────────────── */
.fp-team-card__bio {
padding: 1rem 1.5rem 1.5rem;
font-size: 13px;
line-height: 1.78;
color: #666;
}
/* ── Empty / no-results state ──────────────────────────────────── */
.fp-team-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 1rem 5rem;
text-align: center;
}
.fp-team-empty__illustration {
width: 220px;
height: auto;
margin-bottom: 2rem;
opacity: 0.88;
}
.fp-team-empty__badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fdf6e8;
border: 1px solid #fac012;
border-radius: 99px;
padding: 5px 14px;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #b07d24;
margin-bottom: 1.1rem;
}
.fp-team-empty__badge-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #fac012;
flex-shrink: 0;
}
.fp-team-empty__title {
font-size: 22px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 0.6rem;
}
.fp-team-empty__subtitle {
color: #555;
line-height: 1.6;
max-width: 600px;
margin: 0 auto 1.75rem;
}
.fp-team-empty__dots {
display: flex;
gap: 10px;
justify-content: center;
}
.fp-team-empty__dots span {
width: 32px;
height: 3px;
border-radius: 99px;
background: #fac012;
}
.fp-team-empty__dots span:first-child {
width: 12px;
background: #fac012;
}
.fp-team-empty__dots span:last-child {
width: 12px;
background: #fac012;
}
/* ── Responsive ────────────────────────────────────────────────── */
@media (max-width: 900px) {
.team-row-3 { grid-template-columns: repeat(2, 1fr); }
.team-row-centered .fp-team-card { flex: 0 0 calc(50% - 0.875rem); }
}
@media (max-width: 560px) {
.team-row-3,
.team-row-2 { grid-template-columns: 1fr; }
.team-row-centered .fp-team-card { flex: 0 0 100%; }
.fp-avatar-wrap, .fp-avatar-wrap img, .fp-avatar-initials { width: 110px; height: 110px; }
}
/* =====================================================
GHASKA EVENTS SECTION STYLES
===================================================== */
.featured-event {
border-radius: 16px;
background-size: cover;
background-position: center;
min-height: 420px;
position: relative;
}
/* ─────────────────────────────────────────────────────────────────
FALLBACK A — No featured event (left column)
───────────────────────────────────────────────────────────────── */
.no-featured-placeholder {
border-radius: 16px;
border: 1.5px dashed #fac012;
background: #fffdf5;
min-height: 420px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2.5rem 2rem;
text-align: center;
position: relative;
overflow: hidden;
}
/* Subtle corner accents */
.no-featured-placeholder::before,
.no-featured-placeholder::after {
content: '';
position: absolute;
width: 60px;
height: 60px;
border-color: #fac012;
border-style: solid;
opacity: 0.35;
}
.no-featured-placeholder::before {
top: 12px; left: 12px;
border-width: 2px 0 0 2px;
border-radius: 6px 0 0 0;
}
.no-featured-placeholder::after {
bottom: 12px; right: 12px;
border-width: 0 2px 2px 0;
border-radius: 0 0 6px 0;
}
.no-featured-placeholder__icon {
width: 80px;
height: 80px;
border-radius: 50%;
background: #fdf6e8;
border: 2px solid #fac012;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.25rem;
}
.no-featured-placeholder__icon svg {
width: 36px;
height: 36px;
color: #fac012;
}
.no-featured-placeholder__badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fdf6e8;
border: 1px solid #fac012;
border-radius: 99px;
padding: 4px 14px;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #b07d24;
margin-bottom: 0.9rem;
}
.no-featured-placeholder__badge-dot {
width: 5px;
height: 5px;
border-radius: 50%;
background: #fac012;
}
.no-featured-placeholder__title {
font-size: 19px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 0.5rem;
}
.no-featured-placeholder__sub {
font-size: 13px;
color: #aaa;
line-height: 1.7;
max-width: 260px;
margin: 0 auto 1.5rem;
}
.no-featured-placeholder__dots {
display: flex;
gap: 8px;
justify-content: center;
}
.no-featured-placeholder__dots span {
height: 3px;
border-radius: 99px;
background: #fac012;
}
.no-featured-placeholder__dots span:nth-child(1) { width: 10px; background: #fac012; }
.no-featured-placeholder__dots span:nth-child(2) { width: 28px; }
.no-featured-placeholder__dots span:nth-child(3) { width: 10px; background: #fac012; }
/* ─────────────────────────────────────────────────────────────────
FALLBACK B — No events at all (right column / full width)
───────────────────────────────────────────────────────────────── */
.no-events-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 420px;
padding: 0 1.5rem 0 1.5rem;
text-align: center;
}
.no-events-placeholder__illustration {
width: 200px;
height: auto;
margin-bottom: 1.75rem;
}
.no-events-placeholder__badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fdf6e8;
border: 1px solid #fac012;
border-radius: 99px;
padding: 4px 14px;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #b07d24;
margin-bottom: 0.9rem;
}
.no-events-placeholder__badge-dot {
width: 5px;
height: 5px;
border-radius: 50%;
background: #fac012;
}
.no-events-placeholder__title {
font-size: 19px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 0.5rem;
}
.no-events-placeholder__sub {
color: #555;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 1.5rem;
}
.no-events-placeholder__dots {
display: flex;
gap: 8px;
justify-content: center;
}
.no-events-placeholder__dots span {
height: 3px;
border-radius: 99px;
background: #fac012;
}
.no-events-placeholder__dots span:nth-child(1) { width: 10px; background: #fac012; }
.no-events-placeholder__dots span:nth-child(2) { width: 28px; }
.no-events-placeholder__dots span:nth-child(3) { width: 10px; background: #fac012; }
/* ── Responsive ────────────────────────────────────────────────── */
@media (max-width: 768px) {
.no-featured-placeholder { min-height: 300px; }
.no-events-placeholder { min-height: 260px; }
}
/* =====================================================
GHASKA SEARCH PAGE STYLES
===================================================== */
.ghaska-search-page {
padding: 50px 0 70px;
background: #f8f8f8;
}
/* ---------- Header ---------- */
.ghaska-search-header {
margin-bottom: 40px;
}
.ghaska-search-heading {
font-size: 28px;
font-weight: 700;
color: #0d1b2a;
margin-bottom: 20px;
}
.ghaska-search-heading em {
color: #fac012;
font-style: normal;
}
/* ---------- Search Form ---------- */
.ghaska-search-form {
width: 100%;
}
.ghaska-search-input-wrap {
display: flex;
align-items: center;
border: 2px solid #0d1b2a;
border-radius: 4px;
overflow: hidden;
background: #fff;
transition: border-color 0.2s;
}
.ghaska-search-input-wrap:focus-within {
border-color: #fac012;
}
.ghaska-search-icon {
padding: 0 14px;
color: #999;
font-size: 15px;
}
.ghaska-search-input {
flex: 1;
border: none;
outline: none;
padding: 13px 10px 13px 0;
font-size: 15px;
color: #0d1b2a;
background: transparent;
}
.ghaska-search-input::placeholder {
color: #bbb;
}
.ghaska-search-btn {
background: #fac012;
color: #fff;
border: none;
padding: 13px 26px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease;
}
.ghaska-search-btn:hover {
background: #003660;
color: #fff;
}
/* ---------- Result Count ---------- */
.ghaska-result-count {
font-size: 14px;
color: #666;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
}
.ghaska-result-count strong {
color: #fac012;
font-size: 16px;
}
/* ---------- Group Header ---------- */
.ghaska-search-group {
margin-bottom: 45px;
}
.ghaska-group-label {
display: flex;
align-items: center;
gap: 12px;
font-size: 18px;
font-weight: 700;
color: #0d1b2a;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.ghaska-group-label__bar {
display: inline-block;
width: 4px;
height: 22px;
background: #fac012;
border-radius: 2px;
flex-shrink: 0;
}
.ghaska-group-count {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fac012;
color: #0d1b2a;
font-size: 12px;
font-weight: 700;
width: 24px;
height: 24px;
border-radius: 50%;
margin-left: 4px;
}
/* ---------- Result List ---------- */
.ghaska-result-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.ghaska-result-item {
background: #fff;
border: 1px solid #e8e8e8;
border-left: 4px solid #fac012;
border-radius: 4px;
padding: 20px 24px;
transition: box-shadow 0.2s, border-left-color 0.2s;
}
.ghaska-result-item:hover {
box-shadow: 0 4px 18px rgba(0,0,0,0.09);
border-left-color: #0d1b2a;
}
.ghaska-result-title {
display: block;
font-size: 17px;
font-weight: 700;
color: #0d1b2a;
text-decoration: none;
margin-bottom: 8px;
transition: color 0.2s;
}
.ghaska-result-title:hover {
color: #fac012;
}
.ghaska-result-title .fa {
color: #fac012;
margin-right: 8px;
font-size: 13px;
}
.ghaska-result-snippet {
font-size: 14px;
color: #555;
line-height: 1.65;
margin: 0 0 12px;
}
.ghaska-result-snippet mark {
background: #fff3b0;
color: #0d1b2a;
font-weight: 600;
padding: 0 2px;
border-radius: 2px;
}
.ghaska-result-link {
font-size: 13px;
font-weight: 600;
color: #fac012;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: color 0.2s;
}
.ghaska-result-link:hover {
color: #0d1b2a;
}
.ghaska-result-link .fa {
margin-left: 5px;
}
/* ---------- No Results ---------- */
.ghaska-no-results {
text-align: center;
padding: 60px 20px;
background: #fff;
border-radius: 6px;
margin-bottom: 60px;
}
.ghaska-no-results__icon {
width: 70px;
height: 70px;
background: #f5f5f5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.ghaska-no-results__icon .fa {
font-size: 28px;
color: #bbb;
}
.ghaska-no-results h3 {
font-size: 20px;
color: #0d1b2a;
margin-bottom: 10px;
}
.ghaska-no-results h3 strong {
color: #fac012;
}
.ghaska-no-results p {
margin-bottom: 24px;
}
.ghaska-no-results__tips {
list-style: none;
padding: 0;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
text-align: left;
}
/* .ghaska-no-results__tips li {
font-size: 14px;
color: #555;
} */
.ghaska-no-results__tips .fa {
color: #fac012;
margin-right: 8px;
}
/* ---------- Responsive ---------- */
@media (max-width: 576px) {
.ghaska-search-btn {
padding: 13px 16px;
font-size: 13px;
}
.ghaska-search-heading {
font-size: 22px;
}
.ghaska-result-item {
padding: 16px;
}
}
/* 1. The Wrapper (Same as before) */
#loader-wrapper {
position: fixed;
top: 0; left: 0;
width: 100vw; height: 100vh;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
background: rgba(255, 255, 255, 0.8); /* Optional: semi-transparent white bg */
}
/* 2. The Loader */
.ghaska-loader {
width: 80px;
height: 80px;
position: relative;
display: flex; /* Added to center the logo */
justify-content: center; /* Center logo horizontally */
align-items: center; /* Center logo vertically */
}
/* 3. The Spinning Ring (Moved to ::before so the logo stays still) */
.ghaska-loader::before {
content: "";
position: absolute;
inset: 0; /* Fills the container */
border-radius: 50%;
padding: 3px;
background: conic-gradient(
red 0% 33.333%,
gold 33.333% 66.666%,
green 66.666% 100%
);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
animation: ghaska-spin 1.5s linear infinite;
}
/* 4. The Logo Styling */
.loader-logo {
width: 40px; /* Adjust size to fit inside the 80px circle */
height: 40px;
object-fit: contain;
z-index: 10; /* Ensure it sits above the spinning ring */
}
/* Spinning Animation */
@keyframes ghaska-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* ── Dynamic CKEditor content styled like fp-docs ── */
.fp-docs-dynamic h2 {
font-size: 1.3rem;
font-weight: 700;
margin-top: 2rem;
margin-bottom: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #eee;
color: inherit;
}
.fp-docs-dynamic h2::before {
content: 'Privacy Policy';
display: block;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0.4rem;
color: #f0a500; /* match your icon_q color */
}
.fp-docs-dynamic h3 {
font-size: 1.1rem;
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
.fp-docs-dynamic p,
.fp-docs-dynamic ul,
.fp-docs-dynamic ol {
margin-bottom: 1rem;
line-height: 1.8;
}
.fp-docs-dynamic ul,
.fp-docs-dynamic ol {
padding-left: 1.5rem;
}
.fp-docs-dynamic li {
margin-bottom: 0.4rem;
}
.fp-docs-dynamic blockquote {
display: flex;
gap: 10px;
align-items: flex-start;
background: #fff8f0;
border-left: 4px solid #F5A623;
border-radius: 0 6px 6px 0;
padding: 14px 16px;
margin-bottom: 24px;
color: #4a5568;
line-height: 1.6;
}
.subscribe input[type="submit"] {
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease, opacity 0.2s ease, color 0.2s ease;
}
.subscribe input[type="submit"]:hover {
background-color: transparent;
border: 2px solid #fac012;
color: #fff;
opacity: 1;
}
.subscribe input[type="submit"]:active {
background-color: #fff8f0;
border: 2px solid #fff8f0;
color: inherit;
transform: scale(0.96);
outline: 2px solid #fff8f0;
outline-offset: 2px;
}
.subscribe input[type="submit"]:focus {
outline: 2px solid #fff8f0;
outline-offset: 2px;
}
.subscribe input[type="submit"]:hover {
outline: 2px solid #fff8f0;
outline-offset: 2px;
}
.form-control[type="file"] {
display: flex;
align-items: center;
padding: 0;
overflow: hidden;
}
.form-control[type="file"]::-webkit-file-upload-button {
height: 100%;
padding: 0 16px;
margin-right: 10px;
cursor: pointer;
border: none;
border-right: 1px solid #ccc;
background: #f5f5f5;
}
.form-control[type="file"]::file-selector-button {
height: 100%;
padding: 0 16px;
margin-right: 10px;
cursor: pointer;
border: none;
border-right: 1px solid #ccc;
background: #f5f5f5;
}
.form-control[type="file"]:hover::-webkit-file-upload-button {
background: transparent;
border-right: 1px solid #fac012;
color: inherit;
}
.form-control[type="file"]:hover::file-selector-button {
background: transparent;
border-right: 1px solid #fac012;
color: inherit;
}
/* Fixed card dimensions */
.item-project {
position: relative;
width: 100%;
height: 220px; /* uniform height for all cards */
overflow: hidden;
background: #1a1a1a; /* placeholder colour while loading */
}
/* Images fill the card without distortion */
.item-project img,
.item-project video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
/* Subtle zoom on hover */
.item-project:hover img,
.item-project:hover video {
transform: scale(1.05);
}
/* Keep overlay and title correctly layered */
.item-project .overlay {
position: absolute;
inset: 0;
z-index: 1;
}
.item-project .pro-link {
position: absolute;
inset: 0;
z-index: 3;
}
.item-project .project-summary {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
padding: 8px 10px;
background: linear-gradient(transparent, rgba(0,0,0,0.75));
}
.item-project .project-title {
font-size: 13px;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 768px) {
.item-project { height: 160px; }
}
/* Full-coverage overlay on every rev slider slide */
.rev_slider .slotholder::after,
.rev_slider_wrapper .slotholder::after,
#slider1 .slotholder::after {
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(1.5px);
-webkit-backdrop-filter: blur(1.5px);
z-index: 1;
pointer-events: none;
}
/* Ensure the slotholder itself is positioned */
.rev_slider .slotholder,
.rev_slider_wrapper .slotholder {
position: relative;
overflow: hidden;
}
.video_wrp { width: 100%; }
@media (max-width: 767.98px) {
.welcome_message { font-size: 0.9375rem; }
.video_wrp { margin-top: 1.25rem; }
.title-underline { font-size: 1.4rem; }
}
.empty-state {
text-align: center;
padding: 60px 20px;
color: #aaa;
}
.empty-state-icon {
font-size: 48px;
display: block;
margin-bottom: 14px;
color: #ccc;
}
.empty-state-text {
color: #999;
margin: 0;
}
.welcome_message {
background: rgba(0, 0, 0, 0.025);
border-radius: 8px;
padding: 1.5rem;
border-left: 3px solid rgba(0, 0, 0, 0.08);
}
.news-empty {
width: 100%;
text-align: center;
padding: 3rem 1rem 2rem;
}
.news-empty__icon {
display: block;
margin: 0 auto 1.5rem;
opacity: 0.85;
}
.news-empty__title {
font-size: 18px;
font-weight: 700;
color: #2d2d2d;
margin: 0 0 0.5rem 0;
}
.news-empty__text {
font-size: 14px;
color: #888;
line-height: 1.7;
max-width: 320px;
margin: 0 auto 1.25rem;
}
.news-empty__divider {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.news-empty__divider span {
display: block;
height: 3px;
border-radius: 2px;
background: #A8C4E0;
}
.news-empty__divider span:nth-child(1) { width: 22px; }
.news-empty__divider span:nth-child(2) { width: 36px; background: #6A9FC0; }
.news-empty__divider span:nth-child(3) { width: 22px; }
/* =============================================================
toolbar-shared.css
Shared styles: toolbar, search, filters, empty states,
pagination — used by announcements.blade.php & reports.blade.php
============================================================= */
/* ── Wrapper padding ── */
.announcements-wrapper { padding: 50px 0; }
.rp-wrap { padding: 40px 0; }
/* ── Toolbar ── */
.rp-toolbar {
background : #f9f9f9;
padding : 25px;
border-radius : 12px;
margin-bottom : 30px;
border : 1px solid #eee;
}
.rp-toolbar-inner {
display : flex;
align-items : center;
gap : 20px;
flex-wrap : wrap;
}
/* ── Search box ── */
.rp-search-wrap {
position : relative;
flex : 1;
min-width : 280px;
}
.rp-search-wrap .search-icon {
position : absolute;
left : 15px;
top : 50%;
transform : translateY(-50%);
color : #aaa;
}
.rp-search-input {
width : 100%;
padding : 12px 15px 12px 42px;
border : 1px solid #ddd;
border-radius : 8px;
font-size : 14px;
}
.rp-search-input:focus {
border-color : #003660;
outline : none;
box-shadow : 0 0 0 3px rgba(0, 54, 96, 0.1);
}
/* ── Filter select ── */
.rp-filter-select {
padding : 12px 15px;
border : 1px solid #ddd;
border-radius : 8px;
background : #fff;
min-width : 200px;
cursor : pointer;
font-size : 14px;
}
.rp-filter-select:focus {
border-color : #003660;
outline : none;
box-shadow : 0 0 0 3px rgba(0, 54, 96, 0.1);
}
/* ── Result count ── */
.rp-count {
font-size : 14px;
color : #777;
margin-left : auto;
white-space : nowrap;
}
/* ── Active filter badges (announcements) ── */
.rp-active-filters {
display : flex;
align-items : center;
gap : 8px;
flex-wrap : wrap;
margin-top : 15px;
padding-top : 15px;
border-top : 1px solid #eee;
}
.filter-badge {
display : inline-flex;
align-items : center;
gap : 6px;
padding : 6px 12px;
background : #edf4fb;
color : #003660;
border-radius: 30px;
font-size : 12px;
font-weight : 600;
}
.filter-badge.pinned {
background : #fac012;
color : #fff;
}
.clear-filters {
font-size : 13px;
color : #c0392b;
font-weight : 600;
text-decoration: none;
}
.clear-filters:hover { text-decoration: underline; }
/* ── Empty / no-results state ── */
.rp-empty-state {
grid-column : 1 / -1;
text-align : center;
padding : 80px 20px;
border : 2px dashed #eee;
border-radius : 12px;
color : #bbb;
}
.rp-empty-state i {
font-size : 50px;
margin-bottom : 15px;
display : block;
opacity : 0.5;
}
.rp-empty-state p {
font-size : 15px;
margin : 0;
line-height : 1.7;
}
.rp-empty-state h4 {
color: #666;
}
/* ── Pagination ── */
.pagination-wrapper {
margin-top : 50px;
display : flex;
justify-content : center;
}
/* ── Responsive ── */
@media (max-width: 768px) {
.rp-toolbar-inner {
flex-direction : column;
align-items : stretch;
}
.rp-search-wrap { min-width: 100%; }
.rp-filter-select{ width: 100%; }
.rp-count { margin-left: 0; }
}
.breadcrumb a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.breadcrumb a:hover {
color: #fac012 !important;
}
/* ============================================================
rp-cards.css — shared styles for Downloads & Annual Reports
============================================================ */
/* ── Layout ── */
.rp-wrap { padding: 50px 0; }
.primary-sidebar { margin-top: 50px; margin-bottom: 50px; }
/* ── Grid ── */
.rp-grid {
display : grid;
grid-template-columns : repeat(auto-fill, minmax(260px, 1fr));
gap : 25px;
}
/* ── Card ── */
.rp-card {
background : #fff;
border : 1px solid #e8e8e8;
border-radius : 14px;
overflow : hidden;
transition : transform .25s ease, box-shadow .25s ease, border-color .25s ease;
display : flex;
flex-direction: column;
}
.rp-card:hover {
transform : translateY(-4px);
border-color: #fac012;
box-shadow : 0 8px 28px rgba(0,0,0,.09);
}
/* ── Thumbnail ── */
.rp-card-thumb {
position : relative;
width : 100%;
height : 150px;
display : flex;
align-items : center;
justify-content : center;
flex-shrink : 0;
overflow : hidden;
}
/* PDF canvas — fills thumb when rendered */
.rp-pdf-canvas {
position : absolute;
inset : 0;
width : 100%;
height : 100%;
object-fit: cover;
display : none; /* shown by JS after render */
}
/* Large file-type icon */
.rp-type-icon {
font-size : 64px;
opacity : 0.55;
line-height: 1;
position : relative;
z-index : 1;
transition : opacity .2s;
}
.rp-card:hover .rp-type-icon { opacity: 0.75; }
/* Badge */
.rp-badge {
position : absolute;
top : 12px;
left : 12px;
font-size : 10px;
font-weight : 700;
padding : 3px 9px;
border-radius : 5px;
text-transform : uppercase;
letter-spacing : .04em;
z-index : 2;
}
.rp-badge.pdf { background: #fac012; color: #fff; }
.rp-badge.doc { background: #003660; color: #fff; }
.rp-badge.other { background: #888; color: #fff; }
/* ── Card body ── */
.rp-card-body {
flex : 1;
padding: 14px 16px 8px;
}
.rp-card-title {
font-size : 14px;
font-weight : 700;
color : #003660;
margin-bottom: 8px;
line-height : 1.45;
text-align : center;
}
.rp-card-meta {
font-size : 12px;
color : #aaa;
margin : 0;
display : flex;
align-items : center;
justify-content: center;
flex-wrap : nowrap;
gap : 4px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
text-align : center;
}
.rp-card-meta .fa { color: #ccc; flex-shrink: 0; margin-right: 2px; }
.rp-card-sep { opacity: .4; flex-shrink: 0; }
/* ── Card footer ── */
.rp-card-footer {
display : flex;
align-items : center;
justify-content: space-between;
padding : 10px 16px 12px;
border-top : 1px solid #f2f2f2;
gap : 8px;
}
/* When only one button present, push it right */
.rp-card-footer:not(:has(.rp-preview-btn)) {
justify-content: flex-end;
}
/* ── Preview button ── */
.rp-preview-btn {
font-size : 13px;
font-weight : 600;
color : #888;
text-decoration: none;
display : inline-flex;
align-items : center;
gap : 5px;
transition : color .2s;
outline : none !important;
-webkit-tap-highlight-color: transparent;
}
.rp-preview-btn:hover { color: #003660; }
.rp-preview-btn:active,
.rp-preview-btn:focus { color: #001f3d; outline: none !important; box-shadow: none !important; }
.rp-preview-btn:visited { color: #666; }
/* ── Download button ── */
.rp-dl-btn {
font-size : 13px;
font-weight : 600;
color : #003660;
text-decoration: none;
display : inline-flex;
align-items : center;
gap : 5px;
transition : color .2s;
cursor : pointer;
outline : none !important;
-webkit-tap-highlight-color: transparent;
}
.rp-dl-btn:hover { color: #fac012; }
.rp-dl-btn:active,
.rp-dl-btn:focus { color: #c99a00; outline: none !important; box-shadow: none !important; }
.rp-dl-btn:visited { color: #003660; }
/* Loading state (fetch download) */
.rp-dl-btn--loading {
opacity : 0.55;
pointer-events: none;
cursor : wait;
}
.rp-dl-btn--loading .fa {
animation: rp-spin .8s linear infinite;
}
@keyframes rp-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* ── Empty state ── */
.rp-empty-state {
text-align : center;
padding : 60px 20px;
color : #aaa;
grid-column: 1 / -1;
}
.rp-empty-state .fa { font-size: 48px; display: block; margin-bottom: 16px; }
.rp-empty-state h4 { font-size: 18px; color: #555; margin-bottom: 8px; }
/* ── Sidebar ── */
.rp-sidebar-widget { margin-bottom: 40px; }
.rp-sidebar-widget .widget-title {
font-size : 22px;
font-weight : 700;
color : #111;
margin-bottom : 18px;
padding-bottom: 10px;
position : relative;
}
.rp-sidebar-widget .widget-title::after {
content : '';
position : absolute;
bottom : 0; left: 0;
width : 40px; height: 3px;
background : #e8b200;
border-radius: 2px;
}
.rp-search-form { margin-top: 4px; }
.rp-search-wrap { display: flex; border: 1px solid #e9e9e9; border-radius: 3px; overflow: hidden; }
.rp-search-input {
flex : 1; border: none; outline: none;
padding : 10px 14px; font-size: 15px;
color : #333; background: #fff;
}
.rp-search-input::placeholder { color: #aaa; }
.rp-search-btn {
border : none; background: #fac012; color: #fff;
padding : 10px 14px; cursor: pointer;
font-size : 14px; transition: background .2s;
}
.rp-search-btn:hover { background: #c99a00; }
/* ── Sidebar popular list ── */
.rp-popular-news-list { list-style: none; margin: 0; padding: 0; }
.rp-popular-news-item {
display : flex;
align-items : flex-start;
gap : 12px;
padding-bottom: 18px;
margin-bottom : 18px;
border-bottom : 1px solid #f0f0f0;
}
.rp-popular-news-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.rp-popular-news-thumb {
display : block; flex-shrink: 0;
width : 72px; height: 62px;
overflow : hidden; border-radius: 6px;
position : relative; background: #f5f5f5;
}
.rp-thumb-icon-fallback {
position : absolute; inset: 0;
display : flex;
align-items : center; justify-content: center;
font-size : 26px; opacity: 0.45;
}
.rp-popular-news-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rp-popular-news-cat { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; display: flex; align-items: center; gap: 4px; }
.rp-popular-news-title { font-size: 13px; font-weight: 600; color: #111; line-height: 1.45; text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rp-popular-news-title:hover { color: #e8b200; }
.rp-popular-news-author { font-size: 11px; color: #aaa; }
.rp-popular-news-author .fa { margin-right: 3px; }
.rp-view-all-link {
display : inline-flex; align-items: center; gap: 6px;
margin-top : 15px; font-size: 12px; font-weight: 700;
color : #003660; text-decoration: none;
text-transform : uppercase; letter-spacing: .04em;
transition : color .2s;
}
.rp-view-all-link:hover { color: #fac012; }
/* ── Responsive ── */
@media (max-width: 768px) {
.rp-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
.rp-grid { grid-template-columns: 1fr; }
}