/*
Theme Name: Claue Child
Theme URI: http://www.janstudio.net/claue
Author: JanStudio
Author URI: http://www.janstudio.net
Description: The best woocommerce theme for online fashion store, furniture store, handemade store, organic store, wordpress personal portfolio, personal blog.
Template: claue
Version: 1.0.0a60
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: claue
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/*=======
Temporary
=========*/

/*Hide cart icon */
.jas-action.flex.end-xs.middle-xs {
    display: none;
}

/*=======
General
=========*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8e8e8e;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8e8e8e;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8e8e8e;
}
:-moz-placeholder { /* Firefox 18- */
  color: #8e8e8e;
}

.elementor a, p a {
    color: #888888 !important;
}

.elementor a:hover, p a:hover {
    color: #596aa2 !important;
}

em {
    font-family: inherit !important;
}
.worksans {
    font-family: 'Work Sans' !important;
    font-weight: 200 !important;
}

input:not([type="submit"]):not([type="checkbox"]), textarea, select {
    font-size: 20px;
    color: #2f2e2e;
    font-family: 'Work Sans', sans-serif;
}
p {
    line-height: 1.7;
}

/*=============
  BUTTONS
==============*/
input[type="submit"], button, a.button, .jas-ajax-load a {
    border: 2px solid #5b6ca4;
    padding: 10px 38px;
    background: #5b6ca4;
    color: #fff !important;
    border-radius: 0px;
    font-size: 25px;
    line-height: 30px !important;
    text-transform: uppercase;
    font-family: 'Work Sans';
    font-weight: 200;
    letter-spacing: 1px;
    height: 53px !important;
}

/*=============
  Miscellaneous
==============*/
/*White text*/
.white-text h1, .white-text h2, .white-text h3,
 .white-text h4, .white-text h5, .white-text h6,
 .white-text p {
   color: #fff;
 }

/*Testimonial image*/
@media screen and (max-width:767px) {
.testimonial-img img {
  max-width: 225px !important;
  }
}



/*========
  MENU
==========*/

/*SEARCH*/
.header__search input[type="text"] {
    color: #fff !important;
  }

/*Home only*/
body.home #jas-header:not(.header-sticky) .jas-menu > li > a {
    color: transparent;
}

/*Sticky Menu background*/

.header-sticky .header__mid {
    /*background-color: #596aa2;*/
    /*background-color: rgba(49, 87, 143, 0.98);*/
    background-color: rgba(89, 106, 162, 0.98);
    transition-duration: 2s;
}
.header__transparent {
    transition-duration: 2s;
}
/*Align menu items to the right side*
nav.jas-navigation.flex.center-xs {
    justify-content: flex-end;
}
*/

/*Logo size*/
@media only screen and (min-width: 62em) {
  img.regular-logo, img.retina-logo {
      max-width: 300px;
  }
}

/*Menu font*/
.jas-menu > li > a {
    font-family: 'Work Sans' !important;
    font-weight: 200 !important;
    /*move menu in line with logo*/
    line-height: 35px !important;
    display: block !important;
    margin-top: 15px !important;
}

/*For use when Transpancy header enabled on*/
.home #jas-content {
    margin-top: -122px;
}


/*============
Menu Mobile
==============*/

.jas-push-menu {
  max-width: 80%;
}

/*top bg*/
h3.mg__0.tc.cw.bgb.tu.ls__2 {
    background: #5b6ca4;
}
/*icon color*/
.jas-action a {
    color: #5b6ca4 !important;
}

li.menu-item {
    height: 50px;
}
#jas-mobile-menu ul li a {
    padding: 7px 20px;
    font-weight: 500;
    border-bottom: solid 1px #eee;
    position: relative;
	  text-transform: uppercase;
    font-size: 20px;
    font-family: 'Work Sans', sans-serif;
    color: #474747 !important;
}

#jas-mobile-menu {
    padding: 0px;
}

#jas-mobile-menu ul li.current-menu-item::before {
    content: '';
    width: 3px;
    left: 0;
    top: -4px;
    bottom: 3px;
    position: absolute;
    background-color: #ff6029;
}

.mask-overlay {
    content: '';
    position: fixed;
    background: none;
}

.menu-opened .jas-canvas-menu {
-webkit-box-shadow: 1px 0px 10px 0px rgba(232,232,232,1);
-moz-box-shadow: 1px 0px 10px 0px rgba(232,232,232,1);
box-shadow: 1px 0px 10px 0px rgba(232,232,232,1);
}


.page-head:before {
    background: rgba(144,101,40,0.5) !important;
}








/* ----------------------------------------
   ------------- 15. CONTACT --------------
   ---------------------------------------- */
/*Error / messages
-------*/
   span.wpcf7-not-valid-tip {
       color: #ea7777;
       font-family: 'Work Sans';
     }

  div.wpcf7-validation-errors {
     border: 2px solid #f9bc62;
     font-family: 'Work Sans';
 }

 div.wpcf7-mail-sent-ok {
     border: 2px solid #8bb977;
     font-family: 'Work Sans';
 }
 div.wpcf7-response-output {
     padding: 1em 1em;
 }

/*FORM
-----*/
   .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
   width: 100%;
   }

   /*inline fields class styles*/
   .inline-field-right {
    width: 48%;
   	position: relative;
   	display:inline-block;
    padding-bottom: 10px;
    float: right;
   }
   .inline-field-left {
    width: 48%;
   	position: relative;
   	display:inline-block;
    padding-bottom: 10px;
   	float: left;
   }

   @media only screen and (max-width:550px) {
   .inline-field-right {
       width: 100%;
   }
   .inline-field-left {
    width: 100%;
   	float: left;
   }
   }

.wpcf7-form input:not([type="submit"]):not([type="checkbox"]), textarea.wpcf7-form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 24px 12px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wpcf7 textarea {
  resize: none;
  overflow: auto;
}
.wpcf7 .wpcf7-form-control:hover,
.wpcf7 .wpcf7-form-control:focus {
  border-color: none;
}
/*To align button right*/
.contact-form-wrapper input[type=”submit”] {
  float: none;
}