@charset "UTF-8";
 html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: "Instrument Sans", sans-serif;
background: #ffffff;
overflow-x: hidden;
font-family: "Poppins", sans-serif;
position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
pre {
font-size: 1em;
}
a {
color: var(--first-color);
background-color: transparent;
text-decoration: none;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-size: 1em;
}
small {
font-size: 80%;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
img {
border-style: none;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
.header_in button:focus {
outline: -webkit-focus-ring-color auto 1px;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} progress {
vertical-align: baseline;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
}   [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} [hidden] {
display: none;
} :root {
--first-color: #8B4513;
--second-color: #493D26;
--third-color: #D2691E;
} .custom-header *,
.featured-header-image * {
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
} img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
.entry-content a,
.textwidget a,
.comment-content a,
.woocommerce-product-details__short-description a,
#page-content p a, #colophon p a, .sidebar p a {
text-decoration: underline;
}
#colophon p a {
color: #000;
}
#page-content p a:hover,
a:hover {
color: var(--first-color);
}
#masthead {
margin-bottom: 4em;
position: relative;
}
.page-template-home-template #masthead {
margin-bottom: 0;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
.content-area .site-main article header.entry-header img{
margin-top: 30px;
}
.sidebar a{
color: #000000;
font-weight: 400;
font-size: 14px;
}
.sidebar .wp-block-latest-comments li{
margin-bottom: 0px !important;
} #button {
display: inline-block;
background: var(--first-color);
width: 55px;
height: 55px;
text-align: center;
position: fixed;
bottom: 60px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1;
padding: 18px 0;
font-weight: bold;
}
a#button {
color: #ffffff !important;
}
#button:hover,
#button:active {
cursor: pointer;
background-color: #222222;
}
#button.show {
opacity: 1;
visibility: visible;
} .post-password-form input[type="password"] {
margin-top: 0.4375em;
} .page-template-home-template .socialmedia {
background: #fff;
}
span.head-search {
position: relative;
}
.search-bar {
gap: 20px;
}
a.search-main i {
color: #ffffff;
font-size: 15px;
}
form.search-form {
display: flex;
}
.head-search span.header-search-wrapper {
position: relative;
}
.header-search-wrapper .search-form-main {
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.15);
box-shadow: 1px 1px 7px rgba(0,0,0,.15);
border-top: 2px solid #408c40;
padding: 15px;
position: absolute;
right: 0;
top: 124%;
width: 300px;
z-index: 9999;
opacity: 0;
visibility: hidden;
}
.search-form-main.active-search {
opacity: 1;
visibility: visible;
}
.search-form-main.active-search label{
display: block;
width: 69%;
}
.search-form-main input.search-submit {
margin-top: 0 !important;
border-radius: 0;
background: #24ACB4;
color: #fff;
border: 0;
}
.header-search-wrapper .search-form-main {
border-top-color: #0E2207;
}
.header-search-wrapper .search-form-main:before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #408c40;
content: "";
position: absolute;
right: 0px;
top: -12px;
}
.header-search-wrapper .search-form-main .search-field {
border-radius: 0;
padding: 5px 10px;
width: 100%;
height: 40px;
float: left;
margin-right: 5px;
}
.header-search-wrapper .search-form-main:before {
border-bottom-color: #0E2207;
}
.main-header {
background: linear-gradient(90deg, #ffffff 28%, var(--third-color) 28%);
position: relative;
}
.logo-box {
margin-top: -29px;
z-index: 2;
}
.header-search{
gap:20px;
align-items: center;
}
.top-info {
background: linear-gradient(90deg, var(--second-color) 28%, var(--first-color) 28%);
}
.socialmedia {
background: #e7e7e7;
}
.bar-icon {
position: relative;
}
.bar-icon button {
padding: 12px;
background: transparent;
color: #ffffff;
font-size: 20px;
border: 0;
}
.bar-icon .header-widgets {
height: 100%;
width: 0;
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
overflow-x: hidden;
transition: 0.5s all ease-in-out;
overflow-y: scroll;
background: #fff;
visibility: hidden;
color: #000;
padding: 30px;
}
.header-widgets .sidebar li, .header-widgets .sidebar ul li a, .header-widgets .sidebar select, .header-widgets .sidebar section, .header-widgets .sidebar .tagcloud a, .header-widgets .sidebar h4 {
color: #000;
border-color: #000;
}
.header-widgets .sidebar ul li a:hover {
color: #24ACB4;
}
.header-widgets .sidebar select option {
color: #000;
}
.bar-icon .header-widgets.show {
visibility: visible;
width: 350px;
}
.header-widgets a.closebtn {
font-size: 30px;
position: absolute;
top: 30px;
right: 30px;
z-index: 9;
color: var(--first-color);
}
.header-widgets .sidebar {
margin-top: 60px;
}
.banner-btn a {
color: #ffffff;
text-transform: uppercase;
background: var(--first-color);
padding: 12px 30px;
display: inline-block;
position: relative;
font-weight: 700;
font-size: 13px;
border:1px solid var(--first-color);
letter-spacing: 0px;
border-radius: 5px;
}
.banner-btn a:hover{
background: transparent;
border:1px solid #ffffff;
}
.banner-btn-1 a {
color: #ffffff;
display: inline-block;
text-transform: uppercase;
background: transparent;
padding: 12px 30px;
border: 1px solid #ffffff;
position: relative;
font-weight: 700;
font-size: 13px;
letter-spacing: 0px;
border-radius: 5px;
}
.banner-btn-1 a:hover{
background: var(--first-color);
border-color: var(--first-color);
}s .banner-head h6 {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 18px;
font-weight: 600;
color: #444444;
position: relative;
padding-left: 40px;
}
.banner-head h6::before{
position: absolute;
content: "";
z-index: 999;
height: 8px;
width: 7%;
left: 0;
background: var(--first-color);
border-radius: 14px;
top: 50%;
transform: translateY(-50%);
}
a.banner-btn span {
background: #fff;
background-clip: text;
color: #1CB098;
}
a.banner-btn {
margin: 0;
}
a.header-btn:hover, a.banner-btn:hover {
background: #ffffff;
color: #000;
}
.main-header:after {
content: "";
position: absolute;
top: -30px;
width: 28%;
height: 30px;
background: #ffffff;
left: 0px;
}
a.header-btn:hover span, a.banner-btn:hover span {
color: #fff;
}
.icon-1 {
position: absolute;
top: 0;
z-index: 1;
left: 0;
}
.icon-2 {
position: absolute;
bottom: 27%;
z-index: 1;
right: 0;
}
.top-header .top-heading p.contact-text {
font-weight: 400;
font-size: 14px;
letter-spacing: 0px;
text-transform: capitalize;
color: #ffffff;
}
.top-info p{
margin-bottom: 0px;
}
.top-info p.contact-text ,.top-info a p {
font-weight: 700;
font-size: 14px;
color: #FFFFFF;
margin-bottom: 0px;
letter-spacing: 0px;
text-transform: capitalize;
}
.top-info p,.top-info p.mail-id{
font-weight: 400;
font-size: 12px;
color: #ffffff;
letter-spacing: 0px;
text-transform: capitalize;
}
.top-header i{
color: #ffffff;
} .featured{
background: #ffffff;
}
.one-position{
position: relative;
}
p.slide-one{
color: #000;
text-transform: uppercase;
font-size: 269px;
opacity: 0.04;
z-index: 1;
position: absolute;
font-weight: bold;
width: 100%;
word-wrap: break-word;
margin: 0 auto;
text-align: center;
top: 40%;
transform: translateY(-50%);
}
p.sub-heading {
color: #444444;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
}
.text_box h4 a {
color: #444444;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 2px;
font-weight: 600;
}
.text_box p.price {
color: var(--first-color);
}
.prodimg_box{
position: relative;
}
.prodimg_box img {
padding-bottom: 20px;
}
.prodimg_box img {
height: 250px;
object-fit: contain;
}
.prodimg_box::after {
content: "";
background: var(--first-color);
position: absolute;
height: 2px;
width: 100px;
bottom: 0px;
left: 0;
right: 0;
margin: 0 auto;
}
p.product-short-desc {
color: #444444;
} .navbar-brand a {
color: #000000;
font-weight: 400;
font-size: 22px !important;
width: 100%;
font-family: "Protest Strike", sans-serif;
letter-spacing: 0px;
}
.navbar-brand p {
color: #000;
font-size: 15px;
margin-bottom: 0;
}
.navbar-dark .navbar-brand {
color: #000;
text-align: left;
display: block;
}
.navbar-brand h1.site-title,
p.site-title {
margin-bottom: 0;
font-size: 25px;
text-align: left;
}
p.site-description {
text-align: left;
} #top-banner {
position: relative;
background: rgb(0 0 0);
height: 600px;
width: 100%;
background-size: 100% 100%;
}
.banner-content {
position: relative;
padding-left: 60px;
z-index: 2;
}
.banner-short h6 {
font-weight: 400;
font-size: 14px;
letter-spacing: 0px;
text-transform: capitalize;
color: #FFFFFF;
}
.banner-head h5 {
font-family: Protest Strike;
font-weight: 400;
font-size: 40px;
letter-spacing: 0px;
vertical-align: middle;
color: #fff;
}
.icon-img3 {
text-align: end;
}
#top-banner .banner-content p {
color: #ffffff;
font-family: Poppins;
font-weight: 400;
font-size: 13px !important;
letter-spacing: 0px;
margin-bottom: 30px;
}
.slide-contentt{
position: relative;
}
.slide-contentt:after {
content: "";
position: absolute;
top: -45px;
left: 15px;
z-index: 0;
width: 108px;
height: 163%;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/banner-border.png);
background-size: 100% 100%;
}
.image-box{
position: relative;
}
.video-text {
position: absolute;
right: 0px;
}
.video-text {
position: absolute;
right: 7%;
width: 13%;
top: 50%;
z-index: 2;
transform: translateX(-50%);
}
.video-text h6:after {
content: "";
position: absolute;
top: 16px;
left: -57px;
z-index: 3;
width: 50px;
height: 20px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/Vector.png);
background-size: 100% 100%;
}
.video-text h6 {
position: relative;
font-family: Poor Story;
font-weight: 400;
font-size: 20px;
letter-spacing: 0px;
text-transform: capitalize;
color: #000000;
}
.icon-img3 img {
width: 400px;
height: 400px;
object-fit: cover;
position: relative;
z-index: 1;
border-radius: 50%;
}
.social-icon a.twitter-icon {
background: #000000;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
color: #fff;
position: absolute;
top: -20px;
left: 25%;
}
a.header-btn {
padding: 6px 25px;
border: 1px solid #FFFFFF;
border-radius: 10px;
font-weight: 700;
letter-spacing: 0px;
font-size: 15px;
color: #fff;
}
.social-icon a.instagram-icon {
background: #FF3B3B;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
color: #fff;
position: absolute;
top: 20%;
left: -19px;
}
.social-icon a.facebook-icon {
background: #0283C3;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
color: #fff;
position: absolute;
bottom: 20%;
left: -20px;
}
.slider-box {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
}
.banner-bg-image img{
width: 100%;
height: 600px;
object-fit: cover;
opacity: 0.2;
}
.slide-index{
position: relative;
z-index: 999;
height: 600px;
}
#top-banner .banner-content h2 {
color: #fff;
font-weight: 800;
font-size: 45px;
}
#top-banner .banner-post .post-box {
position: relative;
z-index: 9;
margin-bottom: -4em;
}
.slide-imgg {
text-align: center;
position: relative;
}
.social-icon {
position: absolute;
width: 230px;
height: 230px;
border: 1px solid #FFFFFF;
border-radius: 16px;
top: -20px;
left: 40%;
z-index: 0;
}
p.extra-head {
color: var(--first-color) !important;
text-transform: uppercase;
}
#top-banner .post-img img {
width: 100%;
border-radius: 12px;
height: 300px;
object-fit: cover;
box-shadow: 0 0 2em #00000030;
}
.banner-btn-main {
display: flex;
gap: 10px;
} .class-img{
text-align: center;
position: relative;
}
.class-img::after {
content: "";
position: absolute;
top: 22px;
left: 75px;
width: 54.2%;
height: 400px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-border.svg);
background-size: cover;
}
.class-img::before {
content: "";
position: absolute;
bottom: -35px;
right: 86px;
width: 58.5%;
height: 430px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-cut1.png);
background-size: cover;
}
.video-image-box div#myModal {
position: absolute;
width: 500px;
height: 400px;
left: -160px;
top: -160px;
}
#classes-section{
background: rgba(139, 69, 19, 0.05);
}
.video-image-box span#closeModalButton{
color: #000;
}
.video-image-box {
z-index: 3;
position: absolute;
left: 0px;
right: 0px;
top: 50%;
margin: 0 auto;
transform: translateY(-10%);
background: rgba(255, 255, 255, 0.56);
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
color: #fff;
}
.class-img img {
width: 70%;
margin: 0 auto;
text-align: center;
height: 450px;
position: relative;
-webkit-mask-image: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-cut.png);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
position: relative;
z-index: 2;
object-fit: cover;
}
h3.main-heading {
color: #000000;
font-weight: 700;
font-size: 30px;
position: relative;
letter-spacing: 0px;
text-transform: capitalize;
}
h3.main-heading:after {
content: "";
position: absolute;
bottom: -17px;
width: 20%;
height: 4px;
background: #D9D9D9;
left: 0px;
}
h3.main-heading:before {
content: "";
position: absolute;
bottom: -14px;
width: 8%;
height: 4px;
background: var(--first-color);
left: 0px;
}
p.main-content.mb-4 {
font-weight: 400;
font-size: 14px;
letter-spacing: 0px;
text-transform: capitalize;
color: #000000;
}
.feature-box i {
font-size: 30px;
color: var(--first-color);
transform: rotate(328deg);
}
.feature-box h6 {
font-weight: 700;
display: flex;
font-size: 14px;
gap: 10px;
align-items: center;
letter-spacing: 0px;
text-transform: capitalize;
color: #000000;
}
a.feature-btn {
background: var(--first-color);
color: #fff;
font-weight: 700;
font-size: 14px;
letter-spacing: 0px;
text-transform: capitalize;
padding: 12px 30px;
display: inline-block;
border-radius: 7px;
}
a.feature-btn:hover{
background: #000;
}
span.serv-span i {
color: #fff;
}
.service-box {
background: #171717;
padding: 15px 0;
position: absolute;
width: 100%;
bottom: 0;
}
.service-box p {
color: #fff;
text-transform: uppercase;
font-weight: 100;
font-size: 14px;
letter-spacing: 4px;
} .stick_header {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
background: #ebebeb;
}
.admin-bar .navigation_header.stick_header {
margin-top: 32px;
} .dot {
height: 20px;
width: 20px;
border-radius: 50%;
display: inline-block;
margin: 6px;
animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.loading {
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: fixed;
z-index: 99999;
}
@keyframes loading {
0%,
100% {
transform: translatey(-2.5rem);
background: var(--first-color);
}
50% {
transform: translatey(2.5rem);
background: var(--first-color);
}
} #latest_post h2 {
font-size: 30px;
}
.postcat-name {
font-size: 14px;
color: var(--first-color) !important;
font-weight: bold;
}
.article-box {
background: #fff;
padding: 15px;
border-radius: 10px;
margin-bottom: 30px;
border: 1px solid #eee;
}
.article-box p,
.sidebar ul li a {
overflow-wrap: anywhere;
}
.article-box img{
border-radius: 10px;
width: 100%;
height: 400px;
object-fit: cover;
}
.article-box h3.entry-title {
font-size: 20px;
margin-bottom: 0;
}
.sidebar .search-from,
.sidebar form.woocommerce-product-search {
padding: 10px;
}
.sidebar .widget {
padding: 10px;
}
.sidebar input[type="submit"],
.sidebar button[type="submit"] {
width: 100%;
background: var(--first-color);
border: none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
}
.sidebar input.search-submit.btn.btn-primary {
margin-top: 13px;
}
h2.entry-title,
h1.entry-title,
h2.page-title {
font-size: 40px;
}
h2.entry-title {
word-wrap: break-word;
}
.article-box a {
word-wrap: break-word;
color: var(--first-color);
}
.author-date a {
font-weight: 600;
text-transform: capitalize;
}
a.btn-text {
background: var(--first-color);
padding: 10px 20px;
font-size: 13px;
line-height: 21px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
text-align: center;
border-radius: 30px;
}
a.btn-text:hover, #top-banner .banner-form .wpcf7-form input[type="submit"]:hover {
background: #000;
}
.meta-info-box span,
.meta-info-box a {
color: #222222;
text-transform: uppercase;
font-size: 13px;
}
.entry-summary p {
line-height: 1.7;
font-size: 15px;
} .woocommerce ul.products li span.price {
margin: 0 5px;
}
.wc-block-cart__submit-container{
background: linear-gradient(180deg, var(--first-color) 0%, var(--first-color) 100%);
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained{
background: linear-gradient(180deg, var(--first-color) 0%, var(--first-color) 100%);
color: #ffffff !important;
border:0px;
}
.wc-block-cart__submit-container a{
color: #ffffff !important;
}
.woocommerce a.button.product_type_simple.add_to_cart_button {
margin-right: 10px;
}
.woocommerce ul.products li.product a img {
margin: 0;
}
p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--first-color);
font-weight: bold;
font-size: 14px;
}
span.onsale {
position: absolute;
top: 0;
left: 0;
background: var(--first-color);
color: #fff;
padding: 2px 5px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
.pro-button a,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
padding: 9px 14px;
color: #ffffff;
font-size: 15px;
border-radius: 30px !important;
background: var(--first-color);
}
.pro-button a:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #222222;
color: #fff;
}
ins {
text-decoration: none;
}
.woocommerce ul.products li {
text-align: center;
box-shadow: 0 0 20px 2px #d7d7d7;
padding: 15px !important;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
position: absolute;
top: 15px;
color: #ffffff;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
left: 15px;
right: auto;
background: var(--first-color);
padding: 2px 5px;
border-radius: 0px;
margin: 0px;
min-height: 20px;
line-height: 1.5;
}
.woocommerce ul.products li.product .star-rating,
.woocommerce .star-rating {
margin: 0px auto 10px;
color: #ffc53f;
}
p#billing_address_2_field {
position: relative;
}
.woocommerce .woocommerce-ordering select {
background: var(--first-color);
color: #ffffff;
padding: 2px;
border: 1px solid #e3e3e3;
}
.woocommerce .entry-summary {
margin: 0;
}
.woocommerce .quantity .qty {
padding: 8px;
border: solid 2px #222222;
}
.woocommerce-message,
.woocommerce-info {
border-top-color: var(--first-color);
}
.woocommerce-message::before,
.woocommerce-info::before {
color: var(--first-color);
}
input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea {
border: 1px solid #bcbcbc;
width: 100%;
font-size: 16px;
padding: 10px 10px;
margin: 0 0 23px 0;
height: auto;
}
span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce form .form-row label,
span.password-input,
header.page-header {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: initial;
background: var(--first-color);
padding: 10px;
margin-right: 5px;
font-size: 15px;
font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
color: #ffffff;
}
h2.woocommerce-loop-product__title {
font-size: 32px !important;
padding: 8px 0 !important;
}
.woocommerce #customer_login .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce #customer_login .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
display: table-cell;
max-width: 100%;
float: none;
}
.woocommerce ul.products li.product .button {
margin-top: 0;
border-radius: 0;
}  .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
width: 100%;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-content.card-block {
padding: 20px;
}
.navigation.post-navigation {
padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
border: 1px solid #ddd;
-webkit-border-radius: 0.98rem;
-moz-border-radius: 0.98rem;
border-radius: 0.98rem;
display: inline-block;
padding: 0.313rem 0.875rem;
overflow-wrap: anywhere;
background: white;
color: var(--first-color);
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
background: var(--first-color);
color: #ffffff;
border: 1px solid var(--first-color);
}
.post-navigation .nav-next a::after,
.posts-navigation .nav-next a::after {
content: " \2192  ";
}
.post-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before {
content: "\2190  ";
}
.navigation.pagination {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
border: 1px solid #ddd;
-webkit-border-radius: 0.98rem;
-moz-border-radius: 0.98rem;
border-radius: 0.98rem;
display: inline-block;
padding: 0.13rem 0.875rem;
background: white;
}
.navigation.pagination .nav-links a.current,
.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links span.current,
.navigation.pagination .nav-links span:hover {
background: var(--first-color);
color: white;
border: 1px solid var(--first-color);
}
@media screen and (max-width: 560px) {
.navigation.post-navigation .nav-links {
display: flex;
flex-flow: column wrap;
}
.navigation.post-navigation .nav-links .nav-previous,
.navigation.post-navigation .nav-links .nav-next {
margin-bottom: 14px;
width: 100%;
float: none;
text-align: start;
}
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
}  a img .alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}
a img .alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img .alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption .alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption .alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
} .module-border-wrap {
-moz-border-image: -moz-linear-gradient(to bottom left, #19b094 0%, #var(--first-color) 100%);
-webkit-border-image: -webkit-linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%);
border-image: linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%) 1;
} .comment-form-url input {
width: 100%;
}
.comment-respond input#submit {
background: var(--first-color);
border: none;
color: #ffffff;
padding: 10px 20px;
font-weight: 600;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title {
font-size: 1.125rem;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list {
padding-left: 0;
}
.comment-list .comment {
display: block;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback a {
margin-left: 5px;
margin-right: 5px;
} .btn-primary {
background-color: #000;
border-color: #000;
}
.page-content form.search-from {
display: flex;
}
.sticky .entry-title a {
margin-left: 15px;
}
.sticky .entry-title::before {
content: '\f08d';
font-family: "Font Awesome\ 5 Free";
font-size: 20px;
font-weight: 900;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.posted-on,
.byline,
.comments-link {
color: #9a9a9a;
}
div#respond {
border: 1px solid #bcbcbc;
padding: 15px;
} #colophon{
background: #373737;
color: #fff;
padding-top: 30px;
position: relative;
}
.widget #wp-calendar caption,
#colophon a,
#colophon h5 {
color: #fff;
}
#colophon a:hover,
#colophon a:focus {
color: #050505;
}
#colophon ul {
list-style: none;
padding-left: 0;
}
#colophon h5 {
font-size: 20px;
margin-bottom: 15px;
}
#colophon a:hover,
#colophon a:focus {
color: var(--first-color);
}
.footer-column .widget ul li:hover{
color: var(--first-color);
}
#colophon .footer-menu ul {
list-style: none;
display: flex;
padding-left: 0;
margin-bottom: 0;
}
#colophon .footer-menu li {
margin-right: 10px;
}
.site-info {
padding: 10px 0;
background: var(--first-color);
}
.footer-menu-left {
text-align: right;
}
.footer-menu-left a:hover{
color: #000 !important;
}
.footer-column .widget {
padding: 30px 0;
}
.widget select {
width: 100%;
padding: 8px 4px;
border-radius: 10px;
}
a.rsswidget {
text-decoration-line: underline;
}
#colophon .tagcloud a {
font-size: 15px !important;
display: block;
}
.footer-column h1, .footer-column h2, .footer-column h3, .footer-column h4, .footer-column h5, .footer-column h6 {
color: #fff;
}
.footer-column h1 a, .footer-column h2 a, .footer-column h3 a, .footer-column h4 a, .footer-column h5 a, .footer-column h6 a{
text-decoration: underline;
}
.footer-column p a {
color: var(--first-color) !important;
} .widget a:hover,
.widget a:focus {
color: var(--first-color);
}
.sidebar h5 a:hover, .sidebar h2 a:hover {
color: var(--first-color);
}
.widget ul li.recentcomments {
display: block;
padding: 5px 15px;
}
.widget .gallery-item,
.textwidget {
padding: 10px;
}
.widget #wp-calendar caption {
caption-side: top !important;
padding-top: 0;
}
.widget #wp-calendar tbody tr td {
padding: .5rem;
}
.widget #wp-calendar tfoot {
text-align: center;
}
.half-rule {
margin: 2.5rem 0;
width: 6rem;
}
.sidebar section {
border: solid 1px #000000;
margin-bottom: 30px;
}
.sidebar h5, .sidebar .widget h2.wp-block-heading {
font-size: 20px;
color: #ffffff;
background: var(--first-color);
padding: 15px 10px;
text-align: center;
word-wrap: break-word;
font-weight: 700;
}
.sidebar h5 a, .sidebar h2 a{
color: #ffffff;
text-decoration: underline;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar li {
color: #222222;
padding: 10px;
font-size: 15px;
font-weight: 500;
margin: 0;
}
.sidebar li article {
margin-bottom: 0;
}
.sidebar ul li a:before {
content: '\f30b';
font-family: "Font Awesome\ 5 Free";
font-size: 15px;
margin-right: 10px;
font-weight: 900;
}
.sidebar ul li a:hover {
color: #000000;
}
.sidebar ul li a,.widget .gallery-item, .textwidget,.wp-block-search .wp-block-search__label,.sidebar th, #theme-sidebar td,thead, tbody, tfoot, tr, td, th {
color: #222222;
}
.no-results.not-found{
text-align: center;
margin-bottom: 30px;
}
.no-results.not-found form.search-from{
justify-content: center;
}
.sidebar .textwidget img,
.sidebar .form-group {
width: 100%;
height: auto;
}
.sidebar select {
padding: 10px;
border: solid 1px #000000;
background: transparent;
font-size: 14px;
width: 100%;
color: #222222;
}
.sidebar .tagcloud a,
p.wp-block-tag-cloud a {
border: 1px solid #e3e3e3;
color: #222222;
line-height: 20px;
padding: 5px 10px;
font-size: 12px !important;
display: inline-block;
margin-bottom: 5px;
}
.sidebar .tagcloud a:hover {
background: var(--first-color);
color: #ffffff;
}
p.wp-block-tag-cloud a:hover {
background: var(--first-color);
color: #fff;
}
.sidebar .tagcloud {
margin-top: 15px;
}
.sidebar input[type="search"] {
padding: 10px;
width: 100%;
border: solid 1px #e7ebf1;
font-size: 15px;
}
.sidebar button[type="submit"] {
padding: 8px;
width: 100%;
color: #fff;
}
.sidebar table#wp-calendar {
border: solid 1px #e3e3e3;
text-align: center;
margin-top: 15px;
width: 100%;
}
.sidebar th,
#theme-sidebar td {
border-right: solid 1px #e3e3e3;
padding: 10px 0;
}
.sidebar tr {
border-bottom: solid 1px #e3e3e3;
} .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
}
.site-footer p{
color: #ffffff;
} #footer label,
iframe,
.entry-audio audio,
.sidebar input[type="submit"],
span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-page form .password-input {
width: 100%;
}
iframe {
height: auto;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
background-color: #fff;
border: 1px solid #dee2e6;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
height: auto;
max-width: 100%;
padding: 0.25rem;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
text-align: center;
} .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;
}
ul.comment-list .comment .media-body {
overflow: auto;
}
.toggle-nav.mobile-menu,
a.closebtn.mobile-menu {
display: none;
}
.button-header a {
padding: 10px 15px;
}
@media screen and (min-width: 1550px) {
body, .subscribe-text P,.navbar-brand p,.main-navigation .menu>li>a, .toggle-btn i,#top-banner .banner-content p,.search-form-main form label input,.search-form-main form input.search-submit.btn.btn-primary, .popular-tag,.banner-post .post-cat a, .banner-post .meta-info-box span, .banner-post .meta-info-box a, #site-navigation .menu ul li a {
font-size: 18px;
}
.navbar-brand a {
font-size: 30px;
}
.main-navigation .menu li.menu-item-has-children a:after, .main-navigation .menu ul.sub-menu li.menu-item-has-children a:after {
font-size: 12px;
margin-left: 5px;
}
.toggle-btn {
width: 70px;
padding: 8px 10px;
}
.toggle-btn:before {
width: 18px;
height: 18px;
}
}
@media screen and (max-width: 1000px) {
ul#menu-testing-menu li.current-menu-item.current_page_item a {
border: none;
color: #ffffff;
}
.page-template-home-template .socialmedia {
background: #e7e7e7;
}
.main-navigation .menu > li > a {
padding: 10px;
}
.admin-bar .sidenav .closebtn {
top: 30px;
padding: 2px;
}
.main-navigation ul.sub-menu li a {
color: #ffffff !important;
}
.main-navigation ul.sub-menu>li>a:hover,
.main-navigation ul.sub-menu>li>a:focus {
background: transparent;
}
.main-navigation .menu>li>a:hover {
color: var(--first-color);
}
.toggle-nav.mobile-menu {
text-align: center;
}
.nav-box {
outline: none;
}
.main-navigation .sub-menu>li {
border: none;
}
.alignfull {
max-width: 1000%;
margin-right: ~"calc(50% - 50vw)";
margin-left: ~"calc(50% - 50vw)";
width: auto;
}
.alignwide {
max-width: 1000%;
margin-right: ~"calc(25% - 25vw)";
margin-left: ~"calc(25% - 25vw)";
width: auto;
}
.toggle-nav {
display: none;
cursor: pointer;
z-index: 999999;
}
.toggle-nav i {
font-size: 20px;
color: #fff;
padding: 8px;
border-radius: 8px;
background: #000;
}
.toggle-nav button {
border: none;
background: transparent;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
overflow-x: hidden;
transition: 0.5s;
overflow-y: scroll;
background: #000;
visibility: hidden;
}
.sidenav.show {
visibility: visible;
width: 300px;
}
.sidenav .closebtn {
position: absolute;
top: 20px;
margin-left: 10px;
display: block;
font-size: 22px;
background: var(--first-color);
border-radius: 5px;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
right: 14px;
padding: 6px;
}
.sidenav #site-navigation {
width: 100%;
padding-top: 50px;
}
.toggle-nav,
.toggle-nav.mobile-menu,
a.closebtn.mobile-menu,
.main-navigation ul ul li,
.nav ul li a {
display: block;
}
.nav ul li ul,
.nav ul li ul ul {
display: block !important;
}
.nav ul li ul li a:before {
content: "\00BB \00a0";
}
.nav ul li ul li a {
padding-left: 20px !important;
}
.nav ul li ul li ul li a {
padding-left: 30px !important;
}
.nav ul li ul,
.nav ul li ul ul {
display: block !important;
opacity: 1 !important;
}
.main-navigation ul ul {
position: static;
width: 100%;
}
.main-navigation li {
padding: 0;
}
.main-navigation .sub-menu {
position: static;
background: transparent !important;
}
.main-navigation .menu>li>a,
.main-navigation .sub-menu>li>a,
.main-navigation .sub-menu>li>.menu-item-link-return {
color: #fff;
display: block;
border: none;
text-align: left;
}
#site-navigation .menu ul li a {
color: #fff !important;
}
#site-navigation .menu ul li a:hover {
color: var(--first-color);
}
.main-navigation .menu ul {
text-align: left;
}
.navigation_header .nav,
.navbar-expand-xl {
justify-content: flex-start;
}
.main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .menu>li>a:hover {
color: var(--first-color) !important;
}
#colophon h5 {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#top-banner .post-img img {
height: 250px;
}
}
@media screen and (max-width: 720px) {
.toggle-nav,
.footer-menu-left,
#colophon ul,
.slider-box {
text-align: center;
}
.navbar-brand,
.admin-bar .navigation_header.stick_header {
margin: 0 auto;
width: 100%;
}
}
@media screen and (max-width: 575px) {
.contact-box,
#colophon h5,
#colophon .tagcloud a {
text-align: center;
}
.top-header{
text-align: center;
}
.banner-content{
padding-left: 0px;
padding-top: 20px;
}
.main-header:after,.slide-contentt:after{
display: none;
}
.logo-box{
margin-top: 0px;
}
.main-header{
background: var(--third-color) !important;
}
.top-info {
background: var(--second-color) !important;
}
.banner-btn a,.banner-btn-1 a{
padding: 12px 20px;
display: inline-block;
}
.slide-imgg{
margin-top: 40px;
}
h3.main-heading:before,h3.main-heading:after{
margin: 0 auto;
right: 0px;
}
.class-img::after {
content: "";
position: absolute;
top: 18px;
left: -12px;
width: 91.2%;
height: 198px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-border.svg) no-repeat center;
background-size: 100% 100%;
}
.about-content{
text-align: center;
margin-bottom: 30px;
}
.class-img::before {
content: "";
position: absolute;
bottom: -35px;
right: 6px;
width: 78.5%;
height: 249px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-cut1.png) no-repeat center;
background-size: 100% 100%;
}
.class-img img {
width: 80%;
height: 250px;
} 
.banner-btn-main{
justify-content: center;
}
#colophon:before {
height: 19px;
}
#colophon {
padding-top: 50px;
}
.site-logo {
margin-bottom: 20px;
}
.heading .main_heading,
.section-btn, #top-banner .banner-content, .navbar-brand h1.site-title, p.site-title {
text-align: center !important;
}
.header-box {
justify-content: center;
}
#top-banner .banner-content h2 {
font-size: 30px;
}
.footer-column {
padding-top: 30px;
}
.footer-column .widget {
padding: 0 0 30px;
}
body {
position: static;
}
#top-banner {
padding-top: 0;
}
#top-banner .post-img img {
height: auto;
}
#top-banner .banner-post .post-box {
margin: 10px 0;
}
}
@media screen and (max-width: 320px) {
.woocommerce ul.products li {
width: 100% !important;
}
}
@media screen and (max-width:782px) {
.admin-bar .main-navigation .menu {
padding-top: 45px;
}
}
@media screen and (min-width: 783px) and (max-width: 1000px) {
.admin-bar .main-navigation .menu {
padding-top: 32px;
}
}
@media screen and (min-width:1700px) and (max-width:1900px) {
.container {
max-width: 1520px;
}
}
@media screen and (min-width:1920px) {
.container {
max-width: 1620px;
}
}
@media screen and (min-width: 576px) and (max-width: 991px) {
.row.top-header{
text-align: center;
}
.logo-box{
margin-top: 0px;
text-align: center;
}
.icon-img3 img {
height: 220px;
width: 220px;
object-fit: cover;
}
.banner-head h5 {
font-family: Protest Strike;
font-weight: 400;
font-size: 26px;
}
.banner-btn a,.banner-btn-1 a{
padding: 12px 20px;
display: inline-block;
}
.social-icon {
position: absolute;
width: 180px;
height: 180px;
border: 1px solid #FFFFFF;
border-radius: 16px;
top: -20px;
left: 22%;
z-index: 0;
}
.banner-bg-image img,#top-banner, .slide-index{
height: 400px;
}
.main-header:after{
display: none;
}
.slide-contentt:after {
height: 142%;
}
.class-img img{
width: 100%;
}
.class-img::before {
right: -14px;
width: 82.5%;
height: 430px;
background-size: 100% 100%;
}
.class-img::after{
display: none;
}
.main-header{
background: var(--third-color) !important;
}
.top-info {
background: var(--second-color) !important;
}
.container-sm, .container {
max-width: 700px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
#top-banner .banner-content p{
padding-right: 0;
}
.feature-box h6{
justify-content: center;
}
.service-box{
position: static;
}
.icon-img3 img {
height: 220px;
width: 220px;
object-fit: cover;
}
.social-icon {
position: absolute;
width: 180px;
height: 180px;
border: 1px solid #FFFFFF;
border-radius: 16px;
top: -12px;
left: 9%;
z-index: 0;
}
.banner-head h6::before{
display: none;
}
.banner-head h6{
padding: 0;
}
.banner-head h6 {
margin-top: 18px;
}
span.serv-span {
margin: 10px 5px;
}
.serv-text{
text-align: center;
}
p.slide-one{
font-size: 120px;
}
.icon-2 img {
height: 150px;
}
.icon-2{
bottom: 40%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.service-box {
position: static;
}
.top-info {
background: linear-gradient(90deg, var(--second-color) 32%, var(--first-color) 32%);
}
.main-header {
background: linear-gradient(90deg, #ffffff 32%, var(--third-color) 32%);
}
.main-header:after{
width: 32%;
}
.feature-box h6 {
font-size: 12px;
}
.class-img img {
width: 94%;
height: 320px;
}
.social-icon {
left: 1%;
}
.slide-contentt:after{
content: "";
position: absolute;
top: -68px;
left: 15px;
z-index: 0;
width: 108px;
height: 163%;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/banner-border.png);
background-size: 100% 100%;
}
.class-img::before {
content: "";
position: absolute;
bottom: -27px;
right: -18px;
width: 96.5%;
height: 315px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-cut1.png) no-repeat center;
background-size: 100% 100%;
}
.service-box p{
letter-spacing: 1px;
font-size: 10px;
}
.class-img::after {
top: 31px;
left: -42px;
width: 88.2%;
height: 253px;
background-size: 100% 100%;
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.social-icon {
left: 17% !important;
}
.feature-box h6 {
font-size: 11px;
}
.top-header .top-heading p.contact-text {
font-size: 12px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
.top-info {
background: linear-gradient(90deg, var(--second-color) 28%, var(--first-color) 28%);
}
.main-header {
background: linear-gradient(90deg, #ffffff 28%, var(--third-color) 25%);
}
.main-header:after {
width: 28%;
}
.class-img::after {
background-size: 100% 100%;
}
.class-img::before{
background-size: 100% 100%;
}
.social-icon {
left: 17%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
#top-banner .banner-content p {
padding-right: 0;
}
.slide-contentt:after {
height: 130%;
}
.top-header .top-heading p.contact-text {
font-weight: 400;
font-size: 12px;
}
.slide-index{
height: 500px;
}
.service-box p{
font-size: 10px;
}
.icon-2 img {
height: 270px;
}
.video-text {
position: absolute;
right: -17%;
width: 23%;
top: 50%;
z-index: 3;
transform: translateX(-50%);
}
.class-img::before {
content: "";
position: absolute;
bottom: -35px;
right: -18px;
width: 94.5%;
height: 430px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-cut1.png);
background-size: 100% 100%;
}
.feature-box h6 {
font-weight: 700;
font-size: 12px;
}
.class-img::after {
content: "";
position: absolute;
top: 13px;
left: -63px;
width: 68.2%;
height: 399px;
background: url(//uus.kaevan.ee/wp-content/themes/timber-work/assets/img/about-border.svg);
background-size: cover;
}
.class-img img {
width: 100%;
}
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
.social-icon {
left: 27%;
}
.video-text {
position: absolute;
right: 4%;
width: 14%;
top: 50%;
z-index: 2;
transform: translateX(-50%);
}
.class-img::after,.class-img::before{
background-size:100% 100%;
}
}
@media screen and (max-width:1420px) {
.icon-1{
display: none;
}
} span.navbar-control-trigger{
color: #00224D;
}
button.navbar-control.navbar-control-offcanvas{
margin-bottom: 10px;
margin-top: 10px;
border: 0px;
background: transparent;
}
.single-post .header-layout {
border-bottom: 1px solid #efece2;
}
.site-navigation .primary-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
padding: 0;
}
.site-navigation .primary-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
padding: 0;
}
.theme-menu,
.theme-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.theme-menu a,
.responsive-content-menu a {
color: inherit;
}
.site-navigation .primary-menu .icon {
pointer-events: none;
margin-left: 5px;
}
.site-navigation .primary-menu > li a {
padding: 10px 15px;
display: inline-block;
margin-bottom: 0px;
color: #ffffff;
font-weight: 400;
font-size: 13px;
letter-spacing: 0%;
text-align: center;
}
.site-navigation .primary-menu > li a:hover{
color: #000;
}
.header-layout .site-navigation .primary-menu > li:last-child {
margin-right: 0;
}
.site-navigation .primary-menu > li > a,.link-icon-wrapper a {
line-height: 1;
font-size: 13px;
font-weight: 400;
position: relative;
}
.site-navigation .primary-menu > li:hover > a::before,
.site-navigation .primary-menu > li:focus > a::before {
width: 100%;
left: 0;
}
.site-navigation .primary-menu > li.active > a::before {
width: 100%;
left: 0;
}
.site-navigation .primary-menu > li:not(.megamenu-has-children),
.site-navigation .primary-menu > li:not(.megamenu-has-children) .dropdown-menu li {
position: relative;
}
.site-navigation .primary-menu a {
display: inline-block;
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
.site-navigation .primary-menu > li ul.sub-menu a {
padding: 15px;
font-size: 14px;
margin-bottom: -2px;
color: #ffffff;
font-weight: 500;
}
.site-navigation .primary-menu > li ul.sub-menu li .link-icon-wrapper i{
display: none;
} .site-navigation ul.primary-menu.theme-menu ul.sub-menu li a:hover, .main-navigation .menu > ul.sub-menu li > a:focus{
border-radius: 0px;
padding: 15px;
}
.site-navigation .primary-menu ul {
background-color: var(--first-color);
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
width: 200px !important;
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translateY(0.6rem);
}
.site-navigation .primary-menu li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu li.page_item_has_children:hover > ul,
.site-navigation .primary-menu li.page_item_has_children:focus > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu li.page_item_has_children:focus-within > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu ul::after {
content: "";
display: block;
position: absolute;
bottom: 100%;
}
.site-navigation .primary-menu ul::before {
height: 2rem;
left: 0;
right: 0;
}
.link-icon-wrapper{
position: relative;
}
.link-icon-wrapper i {
font-size: 8px;
color: #fff;
position: absolute;
top: 13px;
right: 4px;
line-height: 1;
}
.site-navigation .primary-menu ul a {
background: transparent;
border: none;
color: inherit;
padding: 1.5rem;
transition: background-color 0.15s linear;
width: 100%;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
padding-right: 3rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children .icon {
position: absolute;
right: 1.5rem;
top: calc(50% - 0.5rem);
} .site-navigation .primary-menu ul ul {
top: 0;
}
.site-navigation .primary-menu ul li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu ul li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu ul li.page_item_has_children:hover > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus > ul {
left: calc(100% + 0rem);
}
.site-navigation .primary-menu ul li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus-within > ul {
left: calc(100% + 0rem);
}
.site-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
background: #000;
color: #fff !important;
}
.site-navigation ul.primary-menu.theme-menu ul li a:hover,.site-navigation .primary-menu ul li a:focus{
background: #000;
color: #fff !important;
}
.site-navigation .primary-menu ul ul::before {
position: absolute;
content: '';
bottom: 0;
height: 5.6rem;
right: auto;
left: -2rem;
top: 0;
width: 2rem;
}
@media (any-pointer: coarse) {
.site-navigation .primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
} body.touch-enabled .primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
@media screen and (max-width: 991px) {
.site-navigation .primary-menu-wrapper {
display: none;
opacity: 0;
visibility: hidden;
}
}
.navbar-control-offcanvas {
display: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
.navbar-control-offcanvas {
display: block;
opacity: 1;
visibility: visible;
}
}
#offcanvas-menu {
background: rgba(0, 0, 0, 0.42);
position: fixed;
top: 0;
height: 100%;
right: -100%;
width: 100%;
z-index: 1000;
justify-content: flex-end;
-webkit-transition: right 0.5s;
-moz-transition: right 0.5s;
-ms-transition: right 0.5s;
-o-transition: right 0.5s;
transition: right 0.5s;
}
#offcanvas-menu .offcanvas-wraper {
height: 100%;
padding: 20px 100px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
}
#offcanvas-menu .offcanvas-wraper::-webkit-scrollbar {
width: 0;
height: 0;
}
@media screen and (max-width: 991px) {
#offcanvas-menu .offcanvas-wraper {
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
padding: 20px;
}
}
@media screen and (max-width: 767px) {
#offcanvas-menu .offcanvas-wraper {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
#offcanvas-menu .close-offcanvas-menu {
text-align: right;
cursor: pointer;
}
#offcanvas-menu .close-offcanvas-menu .offcanvas-close {
font-size: 14px;
font-weight: 700;
margin: 10px auto;
align-items: center;
display: flex;
justify-content: space-between;
}
.admin-bar #offcanvas-menu .close-offcanvas-menu .offcanvas-close {
margin-top: 40px;
}
.responsive-date-clock .responsive-content-date,
.responsive-date-clock .theme-topbar-clock {
text-align: left;
}
.responsive-date-clock .theme-topbar-icon,
.responsive-date-clock .theme-topbar-label {
display: inline-block;
vertical-align: middle;
}
.offcanvas-wraper > * {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
opacity: 0;
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
will-change: transform, opacity;
}
.offcanvas-menu-active .offcanvas-wraper > * {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-branding {
transition-delay: 0.3s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-main-navigation {
transition-delay: 0.6s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-social-navigation {
transition-delay: 0.9s;
}
#offcanvas-menu.offcanvas-menu-active {
display: -ms-flexbox;
display: flex;
right: 0;
}
.offcanvas-main-navigation {
width: 100%;
}
.offcanvas-item {
margin-bottom: 15px;
}
.offcanvas-main-navigation li,
.responsive-content-menu li {
border-bottom: 0;
position: relative;
}
.offcanvas-main-navigation li:last-child,
.responsive-content-menu li:last-child {
border-bottom: none;
}
.offcanvas-main-navigation a,
.responsive-content-menu a {
padding: 10px 15px;
display: inline-block;
font-size: 17px;
margin-bottom: 0px;
width: 100%;
letter-spacing: 1px;
color: #ffffff;
font-weight: 400;
}
.submenu-wrapper span.btn__content i{
color: #ffffff;
}
button.button-offcanvas-close {
position: relative;
margin-left: 10px;
display: block;
font-size: 22px;
background: var(--first-color);
border-radius: 5px;
border:0px;
color: #fff;
padding: 8px 12px;
text-align: center;
right: 0px;
}
.offcanvas-main-navigation .sub-menu {
border-top: 0;
display: none;
list-style: none;
margin: 0 auto;
padding: 0;
}
.offcanvas-wraper{
background: #000000;
}
.offcanvas-main-navigation .sub-menu.submenu-toggle-active {
display: block;
}
span.navbar-control-trigger i {
font-size: 30px;
color: #fff;
padding: 8px;
background: var(--first-color);
}
.navbar-controls {
text-align: center;
display: flex;
justify-content: center;
}
.offcanvas-main-navigation .submenu-wrapper {
display: flex;
justify-content: space-between;
border: 0px;
width: 100%;
}
.offcanvas-main-navigation .sub-menu .submenu-wrapper a:before{
content: "\00BB \00a0";
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle {
border-width: 0 0 0 0px;
padding-left: 10px;
padding-right: 10px;
background: transparent;
}