/*
Theme Name: SKT Windows Door
Theme URI: https://www.sktthemes.org/shop/free-windows-doors-wordpress-theme/
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: SKT Windows door is a furniture, carpentry and interior design related theme and can be used for handyman, interior, wood, repairing, decor, architecture, furniture, construction, welding, builders or constructors, cleaning agencies, mechanic workshops, logistics, gift shop, decor, movers, Modular , kitchen hardware, bungalow, false ceiling, vitrified tiles, wall hangings, decoration, constructor, modular, architect, dining Room, master bedroom, residential, commercial, hospital, cottage, pent house, exterior, living room, plumber, remodeling, wood work, plumbing, windows & doors installation, heating, welding company, fuel industry, metal construction companies, mining services, electricity, Sell Used Furniture, flowers and novelty items, Steel Furniture, Sell Woodcutting Tools, architecture, engineering, electronics, gardeners, plumbers, auto shop markets, maintenance services. Easy to use, flexible, scalable, Elementor template which is SEO plugins compatible and WooCommerce compatible for eCommerce and has CTA for good landing page. Documentation : https://sktthemesdemo.net/documentation/skt-windows-door-doc
Template: decor-lite
Version: 1.3
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/license-list.html#GPLv2
Text Domain: skt-windows-door
Tags: two-columns,right-sidebar,full-width-template,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,featured-images,footer-widgets,translation-ready,rtl-language-support,custom-logo,editor-style,custom-header,blog,e-commerce,portfolio

SKT Windows Door is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).

SKT Windows Door WordPress Theme has been created by SKT Themes(sktthemes.org), 2024.
SKT Windows Door WordPress Theme is released under the terms of GNU GPL
*/

.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.gallery-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    transition: none;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

a {
    color: #a6b339;
}

a:hover {
    color: #282828;
    text-decoration: underline;
}

.logo {
    float: left;
    min-height: inherit;
    padding: 38px 25px 38px 0;
    background-color: #d0df56;
    position: relative;
}

body.wp-custom-logo .logo{padding: 30px 25px 37px 0;}

.logo a:hover {
    text-decoration: none;
}

.logo:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 600%;
    left: -600%;
    background-color: #d0df56;
    top: 0;
}

.logo h2 {
    color: #fff;
    font-family: 'Assistant';
    font-size: 32px;
    text-transform: uppercase;
}

.logo img {
    padding: 10px 0 0 0;
	max-width:295px;
}

.container {
    width: 1200px;
}

#logo-main a:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, a:focus {
    outline: 3px dotted #d0df56;
}

#navigation {
    width: auto;
    float: right;
    position: relative;
}

body.blog #content_navigator, body.search-results #content_navigator, body.search-no-results #content_navigator, body.error404 #content_navigator {
    margin: 50px 0 0 0;
}

.topmenu-bar {
    width: 100%;
    z-index: 9;
    position: relative;
}

.site-main {
    width: 840px;
}

.site-main h1 {
    font-size: 36px;
}

.transheader {
    position: absolute;
    background-color: transparent !important;
}

#navigation {
    float: right;
    text-align: left;
    padding: 0;
    position: relative;
}

.main-navigation {
    display: inline-block;
    width: auto;
    font-size: 14px;
    font-family: 'Roboto Condensed';
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul li:last-child a {
    padding-right: 0px;
}

.main-navigation ul li.menu-item-has-children a {
    padding-right: 20px;
}

.main-navigation ul li a {
    z-index: 99;
}

.main-navigation ul ul {
    float: left;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: block;
    min-width: 230px;
    background: #ffffff;
    opacity: 0;
    transition: all ease 0.23s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1,0);

    transform: scale(1,0);
}

.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation ul li.focus > ul {
    display: block;
    opacity: 1;
    z-index: 1000;
    transform: scale(1,1);
}

.main-navigation ul ul ul {
    left: unset !important;
    right: 100%;
    top: 0;
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.main-navigation ul > li:hover > ul {
    opacity: 1;
    left: 0;
    z-index: 9999;
}

.main-navigation ul > li:hover > ul li a {
    color: #000;
}

.main-navigation ul ul li:hover > ul {
    opacity: 1;
    left: 100%;
}

.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation ul li li:last-child > a {
    border: none;
}

.main-navigation ul li a {
    display: block;
    padding: 0px 20px;
    position: relative;
    z-index: 99;
    line-height: 100px;
    transition: all ease 0.23s;
    text-decoration: none;
    color: #282828;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Roboto Condensed';
}

.main-navigation ul.sub-menu li.current_page_item a {
    background-color: #282828;
}

.main-navigation ul li:hover a, .main-navigation ul li a:focus, .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a {
    opacity: 1;
    color: #d0df56;
}

.main-navigation ul li:hover a ul li a {
    color: #282828;
}

.a13-sticky-variant .main-navigation ul li a {
    color: #b0b0b0;
}

.a13-sticky-variant .header-search-toggle {
    color: #FFF;
}

.a13-sticky-variant .main-navigation ul li a:hover, .a13-sticky-variant .main-navigation ul li.current-menu-item a, .a13-sticky-variant .main-navigation ul li.current_page_item a {
    color: #21201f;
}

.main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus {
    color: #d0df56 !important;
    background-color: #222933;
}

.main-navigation ul li ul li a {
    line-height: 40px;
    color: #222933;
    font-weight: normal;
}

.main-navigation li > a {
    position: relative;
}

.main-navigation li li.current_page_item > a:after, .main-navigation li li.current-menu-item > a:after, .main-navigation ul li li a:hover:after {
    display: none;
}

.main-navigation li.menu-item-has-children > a {
    padding-right: 24px;
}

.main-navigation li.menu-item-has-children > a:after {
    content: "\f347";
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    font-family: dashicons;
}

.main-navigation ul ul li.menu-item-has-children > a:after {
    content: "\f345";
    right: 0;
    margin-top: 10px;
    font-family: dashicons;
}

.main-navigation ul ul li.menu-item-has-children > a:hover:after {
    color: #282828;
}

.menu-toggle, .main-navigation.toggled ul {
    display: block;
}

.menu-toggle {
    width: auto;
}

.menu-toggle:hover {
    opacity: .89;
}

.toggled .menu-toggle span {
    background: #ffb400;
}

.menu-toggle span {
    background: #ffffff;
    border: none;
    height: 3px;
    width: 32px;
    position: absolute;
    top: 7px;
    left: 4px;
    transition: all .25s ease;
    cursor: pointer;
}

.menu-toggle span:nth-of-type(2) {
    top: 18px;
}

.menu-toggle span:nth-of-type(3) {
    top: 29px;
}

.main-navigation button.menu-toggle:focus {
    outline: 1px solid #141414;
    border-radius: 0;
}

.header-right-infos {
    position: relative;
    float: right;
}

.header-phone-number {
    width: 300px;
    margin: 0;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
}

.header-phone-number img {
    vertical-align: middle;
    float: left;
    background: #fff;
    border-radius: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 14px;
    margin: 15px 20px 0 35px;
}

.header-phone-number span {
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    padding: 18px 0 4px 0;
    top: 0px;
}

.header-phone-number a {
    color: #FFF;
}

.header-phone-number a:hover {
    color: #282828;
}

.postmeta a {
    color: #a6b339;
}

.postmeta a:hover {
    color: #000000;
}

.header-right-infos {
    border-left: solid 1px #ff6673;
    padding-bottom: 17px;
}

.footerarea {
    background-color: #1f1f1f;
    padding: 0;
}

.footerarea .container {
    padding: 65px 0 15px 0;
}

#main-set {
    background-color: #FFF;
}

.page_content {
    padding: 40px 0 30px 0;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.single_title {
    margin: 0 0 20px 0;
}

#sidebar h2 {
    font-size: 20px;
}

#sidebar .wp-block-group {
    border: 1px solid #eeeff5;
    padding: 0 0 15px 25px;
    margin: 20px 0;
    box-sizing: border-box;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 6px 4px 0 #dcdcdc;
}

#sidebar .wp-block-search {
    border: 1px solid #eeeff5;
    padding: 0 15px 15px 25px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 6px 4px 0 #dcdcdc;
}

.wp-block-search__input {
    border-color: #eeeff5;
}

#sidebar ul li a {
    color: #a6b339 !important;
}

#sidebar ul li a:hover, #sidebar li a:hover {
    color: #282828;
}

#footer {
    position: relative;
}

.header-social-icons {
    float: right;
    margin-top: 35px;
    margin-left: 42px;
    border-left: solid 1px #a5a6a5;
    padding-left: 20px;
}

.header-social-icons .social-icons {
    margin-top: 0px;
}

.header-social-icons .social-icons a {
    background-color: transparent !important;
    width: 30px;
    height: 30px;
    line-height: 30x;
}

.social-icons a:hover {
    background-color: transparent !important;
}

.footer-logo {
    text-align: left;
    padding: 45px 0 0 0;
    float: left;
}

.footer-social {
    float: right;
    text-align: right;
    padding: 32px 0;
}

.social-icons {
    display: inline-table;
}

.social-icons a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    margin: 0 2px;
    padding: 0;
    background-color: transparent !important;
}

.social-icons a:link, .social-icons a:visited {
    background-size: 45%;
}

.social-icons br {
    display: none;
}

.social-icons .fb {
    background: url(images/icon-fb.png) no-repeat center center;
}

.social-icons .tw {
    background: url(images/icon-tw.png) no-repeat center center;
}

.social-icons .in {
    background: url(images/icon-in.png) no-repeat center center;
}

.social-icons .insta {
    background: url(images/icon-insta.png) no-repeat center center;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.footer aside.widget {
    color: #bebebe;
    font-family: 'Assistant';
    padding: 0px;
    border: none;
    line-height: 1.55;
}

.cols-3 {
    width: 31.33%;
    font-size: 17px;
    font-weight: 400;
    color: #1b1b1b;
    margin: 0 14px 2.6%;
}

.container.footerinfobox {
    padding: 45px 0 45px 0;
}

.cols-3 ul li {
    float: left;
    width: 50%;
}

.cols-3 ul li a {
    padding: 6px 0;
}

.footer .cols-3:nth-of-type(3) {
    margin-right: inherit;
}

.footer-row .cols-3 ul li a {
    color: #bebebe !important;
}

.footer-row .cols-3 ul li a:hover, .footer-row .cols-3 ul li.current_page_item a {
    color: #d0df56 !important;
}

.copyright-wrapper {
    background-color: #161616;
}

.copyright-txt {
    color: #bebebe;
}

.copyright-txt a {
    color: #d0df56;
}

.copyright-txt a:hover {
    color: #cccccc;
}

.sticky {
    border-bottom-color: #d0df56;
}

input.search-submit, .post-password-form input[type="submit"], .wpcf7-form input[type="submit"], .woocommerce-product-search button[type="submit"] {
    background-color: #d0df56;
}

.inner-banner-thumb {
    margin: 0;
    height: 272px;
    overflow: hidden;
}

.inner-banner-thumb img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.inner-banner-thumb h1 {
    font-family: 'Playfair Display';
    font-size: 54px;
    color: #000000;
    font-weight: 700;
}

.inner-banner-thumb .black-title h1 {
    color: #FFF;
}

.header {
    padding: 0px;
    background-color: #ffffff;
}

#footer-wrapper {
    margin-top: 0px;
    background-color: #1a191e;
}

.blog_lists h4 {
    font-size: 25px;
    font-family: 'Assistant';
    font-weight: 700;
}

a.ReadMore {
    background-color: #a6b339;
}

a.ReadMore:hover {
    text-decoration: none;
}

.blog_lists h4 a:hover {
    color: #d0df56 !important;
}

.wp-block-search__label {
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0 12px 0;
    display: table;
    line-height: 1.1;
}

.pagination .nav-links span.current, .pagination .nav-links a:hover {
    background-color: #d0df56;
}

.head-info-area {
    background-color: rgba(25,24,24, 0.5);
}

.head-info-area .right .phntp {
    padding: 13px 25px 13px 0;
    display: inline-block;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 15px;
}

.head-info-area .right .taglinetp {
    padding: 13px 0 0 25px;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 15px;
}

.emltp a {
    color: #FFF;
    font-size: 15px;
}

.emltp a:hover {
    color: #ffffff;
}

.widget-column-2 {
    padding: 0;
}

#footer-info-area {
    width: 100%;
    background: #1f1f1f;
}

#footer-info-area .contact-info {
    background: #161616;
    width: 100%;
    display: table;
}

#footer-info-area .col-4 {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    box-sizing: border-box;
}

#footer-info-area .box {
    border-right: 2px solid;
    border-right-color: #1f1f1f;
    padding: 38px 25px;
}

#footer-info-area .box img {
    padding-right: 50px;
    float: left;
    position: relative;
}

.yellowdivide {
    width: 2px;
    height: 22px;
    background: #d0df56;
    position: absolute;
    left: 25%;
}

#footer-info-area .box h5 {
    color: #fefefe;
    text-transform: uppercase;
    margin: 0 0 -5px;
    padding-bottom: 10px;
    position: relative;
    top: -5px;
    font: 400 15px Lato,sans-serif;
}

#footer-info-area .box p {
    color: #bebebe;
    font-size: 13px;
    word-wrap: break-word;
    margin: 0;
}

.lbox {
    border-right: 0px !important;
}

aside.widget {
    background-color: inherit;
}

.copyright-wrapper {
    border-top: none;
}

h3.widget-title{
  color: #000000;
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.1;
  font-weight: 600;
}

aside.widget{padding:0px;}