/*
Theme Name: janelas
Theme URI: https://janelaswp.themesflat.co/
Author: Themesflat
Author URI: https://themeforest.net/user/themesflat/portfolio
Description: janelas is responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. It provides multiple pre-built demos which can be imported in seconds using One Click Demo Import Plugin. The theme fully integrates with ThemesFlat By Themesflat.com and Elementor Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts,  multiple header styles, multiple color options etc.
Version: 1.0.7
Tested up to: 5.8.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: janelas
Tags: accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, mark, ins, .go-top:hover, #commentform .wrap-input-submit, .draw-border a, .widget.widget_archive ul li a:hover, .widget.widget_categories ul li a:hover, .widget_categories li a:hover, button, input[type="button"], input[type="reset"], input[type="submit"], .themesflat-services-taxonomy .services-post:hover .post-icon, .wp-block-button__link, .wp-block-file .wp-block-file__button, .is-style-outline .wp-block-button__link:before, .page-links a:hover, .page-links a:focus, .page-links > span, input[type='radio']:checked:before, .block-get-a-quote .overlay-color, .themesflat-top .btn-topbar{
    background: #ffe6b8!important;
}
#header.header-default .draw-border .btn-header:hover {
    color: #ffe6b8!important;
}
#commentform .wrap-input-submit:before, .wp-block-button__link:before, .draw-border a:before, .block-get-a-quote a:before, button:before, .btn:before, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .go-top, .wishlist_table .product-add-to-cart a:before, .widget_shopping_cart_content .buttons>a:before, .widget_shopping_cart_content .buttons a.checkout:before, #header.header-style1 .draw-border a:before, .widget_infor .content-bottom, .contact-get-quote button, .contact-get-quote button:hover, .project-post .content, .block-company-profile, .contact-get-quote button, .contact-home2.style-3 .contact-get-quote button:before, .products li .wrap-btn-action .button, .products li .product-info .added_to_cart, .widget .tagcloud a:hover, .products li .wrap-btn-action .loading:after, .wishlist_table .product-add-to-cart a, .btn-menu span, .btn-menu:before, .btn-menu:after {
    background-color: #00a3f2!important;
}
#header.header-default .draw-border .btn-header {
    border: 1px solid #000000;
    padding: 20px 38px;
    border-radius: 0;
    margin-right: 1px;
    margin-left: 22px;
    color: #434e6e;
}
#mainnav > ul > li.current-menu-item > a, #mainnav > ul > li.current-menu-ancestor > a, #mainnav > ul > li.current-menu-parent > a {
    color: #0c5bb9!important;
}

.order-form{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.order-form label{
    width:48%;
}
.order-form label:last-child{
    width:100%;
}
.order-form label input{
    border-radius: 0;
}
.wpcf7-submit{
    width:100%;
    border-radius: 0;
}
.partnet img{
    filter: grayscale(100%);
    opacity: 0.5;
    transition: 0.3s;
}
.partnet img:hover{
    filter: grayscale(0%);
    opacity: 1;
    transition: 0.3s;
}

.service-block .content{
        background: #699fdf;
}
.item-testimonial .wrap-avatar{
    display:none!important;
}
.item-testimonial .description{
    min-height: 211px;
}

.page-title {
    background-position: center;
    background-attachment: fixed;
}


.service-areas .elementor-widget-icon-box  .elementor-widget-container:hover{
        box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 45%)!important;
            background: #ffe6b8!important;
}
.service-areas .elementor-widget-container:hover .janelas-icon-location{
    color: #4c4c4c;
}
.service-areas  .elementor-widget-container{
    position:relative;
}
.service-areas  .elementor-icon-box-title a{
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 27px 65px;
}
.elementor-widget-n-accordion .e-n-accordion-item-title{
    background: #fff!important;
    border-color: #fff!important;
}
.e-n-accordion-item-title-icon{
        background-color: #FFE6B8;
    padding: 10px 13px;
    border-radius: 20px;
}
.e-n-accordion .e-con-full{
    background: #f3f3f3;
    border: 0!important;
}
.form-file{
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 20px;
    font-size: 14px;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.wpcf7-acceptance  .wpcf7-list-item {
    display: inline-block!important;
    margin: 0 0 0!important;
}
.wpcf7-acceptance  .wpcf7-list-item label{
    display: flex!important;
    font-size: 12px!important;
    line-height: 14px!important;
    gap: 5px;
    align-items: center;
}
.acceptance  .wpcf7-list-item-label{
    font-size: 12px!important;
    line-height: 14px!important;
}
.wpcf7-not-valid-tip{
     margin-top:-20px!important;  
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    margin: 0px 75px;
}
.wrap-services-post .tfanimated .title{
       min-height: 61px; 
}
/*.tf-button-container a{
        background-color: #ffe6b8!important;
}*/
.wpcf7-acceptance .wpcf7-list-item-label{
    color:#9f9f9f;
}
.wpcf7 form.sent .wpcf7-response-output{
        position: absolute;
    bottom: 0;
    left: 53px;
    width: 81%;
    background: #46b450bf;
    color: #fff;
    border-radius: 5px;
}
#header.header-default .container, .header-default .themesflat-top .container {
    max-width: 1195px!important;
}
#header .header-wrap .header-ct-left{
     flex-grow: 1!important;   
}
#header.header-default .draw-border .btn-header{
        border: 0px solid #707070!important;
            color: #434e6e;
}
.draw-border a:before{
        background-color: #1e73be !important;
}
#mainnav ul li a, .header-modal-menu-left-btn .text, header .flat-information li {
    font-size: 15px!important;
    text-transform: uppercase;
}
#mainnav > ul > li > a:after {
    background: #2a6cb9!important;
}
#mainnav > ul > li > a:hover {
    color: #2a6cb9!important;
}
#mainnav ul.sub-menu > li > a {
    line-height: 18px!important;
}

.page-title-heading{
    text-align: center;
    margin-bottom: 3px;
    font-size: 65px;
    font-weight: 700;
    font-family: Rajdhani;
    color: #fff !important;
    z-index: 9;
    position: relative;
}

.tf-services-wrap.style3 .services-post .content {
    margin-right: 20px;
    margin-top: -30px;
    background: #fff;
    padding: 35px 7px 27px 7px!important;
}
.tf-services-wrap.style3 .services-post .content .title{
    font-size: 17px;
}
.tf-services-wrap.style3 .services-post .tf-button-container {
    margin: 0 54px 0 0!important;
}
.tf-services-wrap .services-post{
        border-radius: 25px!important;
}
.services-post .featured-post{
    border-top-left-radius: 25px;
}
.updownmax {
    animation: updownmax 2s infinite alternate;
}
@keyframes updownmax {
	0% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(30px);
    }
}


.how_we .tficonbox .description{
        min-height: 110px;
}

.tf-services-wrap.style3 .services-post .tf-button-container a{
    background-color: #fbe5bd!important;
}
 .themesflat-services-taxonomy .services-post:hover .post-icon{
        background: #d9c59f !important;
 }
 .no-desc .description{
    min-height:0!important;
 } 
 
 
 #header #logo a img, .modal-menu__panel-footer .logo-panel a img {
    max-width: 228px!important;
    height: auto;
}

#header.header-default .draw-border .btn-header{
    padding: 20px 13px!important;
}

.footer-widgets #nav_menu-2 {
    margin-left: 0%!important; 
}

#menu-footer-2{
    display: flex;
    flex-wrap: wrap;
}
#menu-footer-2 li{
        flex-basis: 50%;
}
.service-page .services-post-608 h2{
        font-size: 17px!important;
}
.service-page .services-post-1270 .desc{
    min-height: 91px;
}
.service-all1 .description{
        min-height: 162px!important;
}
.service-all2 .description{
        min-height: 91px !important;
}
 .widget_infor .icon-box .icon{
        background-color: #ffe6b8!important;
 }
 .widget_infor .content-bottom{
    background-color: #2868b9 !important;
 }
 .post-meta{
        display: none;

 }
 #text-2 {
        background: #ffe6b8;
    border-radius: 10px;
 }
 .widget-title{
       text-align: center;
     padding: 50px 0 20px;
 }
 #text-2  .contact-get-quote {
    padding: 0 32px 43px;
}
 #text-2  button{
    margin-top:10px;
 }
 
  #wpcf7-f4103-p2790-o1 button{
    background-color: #E3CCA1!important;
    color: #434E6E!important;
}
 #wpcf7-f4103-p2790-o1 button:hover{
    background-color: #434E6E!important;
    color: #E3CCA1!important;
}
 #wpcf7-f4103-p2790-o1 .contact-get-quote button:before{
        background-color: #434E6E !important;
 }
 #footer #nav_menu-3 .widget-title{
    text-align: left!important;
        padding-top: 0;
 }
 .form-header{
    text-align: center;
    margin-bottom: 30px;
 }
.popup-form-overlay {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.6);
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
     transition: all 0.25s ease;
}
.popup-form-content .wpcf7 input::placeholder,
.popup-form-content .wpcf7 textarea::placeholder {
  color: #c7c7c7;
}

.popup-form-content label{
    color:#888888;
}
.popup-form-content .wpcf7-submit{
    margin-top: 30px!important;
    color:#4B3D2A!important;
    font-family: "Rubik", Sans-serif!important;
    font-size: 18px;
    font-weight: 500;
}
.popup-form-content .wpcf7-submit:hover{
    background-color: #434E6E!important;
    color: #E3CCA1!important;
}
.popup-form-content  .wpcf7 form.invalid .wpcf7-response-output, .popup-form-content  .wpcf7 form.unaccepted .wpcf7-response-output,.popup-form-content .wpcf7 form.payment-required .wpcf7-response-output {
    margin: 0px 0;
}
.popup-form-content  .wpcf7 form.sent .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    left: 33px;
    width: 84%;
    background: #46b450bf;
    color: #fff;
    border-radius: 0;
}
.popup-form-content {
  background: #fff;
  padding: 40px 40px;
  border-radius: 8px;
  position: relative;
  max-width: 500px;
  width: 100%;
      transition: all 0.25s ease;
}
.popup-form-close {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 28px;
  cursor: pointer;
}

.page  .type-page>.featured-post{
	display:none!improtant;
}
#wpcf7-f5182-o1 .wpcf7 form.sent .wpcf7-response-output {
    position: absolute;
    bottom: -57px!;
    left: 24px;
    width: 83%;
    background: #46b450bf;
    color: #fff;
    border-radius: 5px;
}
@media (max-width:900px){
    .form-file {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}
@media (max-width: 767px) {
    .service-areas .elementor-icon-box-wrapper {
        flex-direction: row;
        text-align: start;
        align-items: center;
    }
    .page-title-heading{
        font-size: 42px;
    }
    .themesflat-top .content-left{
        display:none!important;
    }
    .page-template-default .themesflat-top .content-right{
        text-align: right !important;
        font-size: 17px;
        padding-right: 19px;
    }
}
@media (max-width: 400px){
        .wpcf7-file{
           width: 100%; 
        }
        .form-file{
           flex-direction: column; 
        }
}