/* 
Theme Name: Yojimbo
Theme URI: https://webkatana.com/
Description: Yojimbo is a custom child theme based on Hello Elementor, created by Webkatana Team
Author: Webkatana
Author URI: https://webkatana.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: yojimbo-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* highlighted color on browser */

::-moz-selection {
    background-color: #153682;
    color: #fff;
}
  
::selection {
    background-color: #153682;
    color: #fff;
}

/* highlighted color on browser */

/* Global page padding */

.elementor-section.elementor-inner-section .elementor-container.elementor-column-gap-default {
    padding: inherit;
}

.elementor-section.elementor-top-section .elementor-container.elementor-column-gap-default {
    padding: 0px 40px 0px 40px;
}

@media screen and (max-width: 1024px) {
.elementor-section.elementor-top-section .elementor-container.elementor-column-gap-default {
    padding: 0px 30px 0px 30px;
}
}

@media screen and (max-width: 767px) {
.elementor-section.elementor-top-section .elementor-container.elementor-column-gap-default {
    padding: 0px 20px 0px 20px;
}
}

/* Global page padding */

/* Remove global padding for POST CONTENT */

.postcontent .elementor-section.elementor-top-section .elementor-container.elementor-column-gap-default {
    padding: 0px;
}

/* Remove global padding for POST CONTENT */

/* fix elementor excerpt */

.fix-excerpt .elementor-post__excerpt, .fix-excerpt .premium-blog-post-content{
 -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* fix elementor excerpt */

/* fix elementor load more thumbnails */

.fixloadmorethumbnails .elementor-posts .elementor-post__card .elementor-post__thumbnail img {
    height: 100% !important;
    width: auto !important;
}

/* fix elementor load more thumbnails */

/* Break long words and URL */

p, a, ul, li  { 
 -ms-word-break: break-all;
     word-break: break-all;

/* Non standard for WebKit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
    
}

/* Break long words and URL */

/* Fix eventual overflox pb */
body {overflow-x:hidden !important;}
/* Fix eventual overflox pb */

/* WK FOOTER */

.wkfooterv1 img {
	opacity: 0.1;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
	/*max-width: 150px;*/
}

.wkfooterv1 img:hover{
	opacity: 1;
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
   transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.wkfooterv2 img {
	opacity: 0.2;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
	/* max-width: 130px; */
}

.wkfooterv2 img:hover{
	opacity: 1;
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
   transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.wkfooterv3 img {
	opacity: 0.3;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
	/* max-width: 130px; */
}

.wkfooterv3 img:hover{
	opacity: 1;
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
   transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
/* END WK FOOTER */

/* Hide REcaptcha V3 globally */

.grecaptcha-badge { visibility: hidden; }

/* Hide REcaptcha V3 globally */

/* Elementor Global message */

.elementor-message {
    margin: 10px 0;
    font-size: 0.9em;
    padding: 12px 15px;
    line-height: 1;
    background: #ffffff50;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px 2px #00000036;
}

.elementor-message.elementor-message-success{color:#28A745;}
.elementor-message.elementor-message-danger{color:#DC3545;}
.elementor-message.elementor-help-inline{color:#ED6C03;}  
  
/* Elementor Global message */  

/* Break titles */
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
/* Break titles */
  
/* Improved Entrance Animations  */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-50px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(50px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/* Improved Entrance Animations  */

/* Fix hello elementor button */

[type=button]:focus, [type=submit]:focus, button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

/* Fix hello elementor button */


/* Fix comment section */

input#wp-comment-cookies-consent {
    height: 18px;
    width: 18px;
    margin-right: 6px;
    margin-top: -1px;
    filter: invert(0%) hue-rotate(260deg) brightness(1);
}

label[for=wp-comment-cookies-consent] {
    font-size: 90%;
    vertical-align: text-top;
    display: inline;
    line-height: 90%;
}

form#commentform {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

p.comment-notes {
    order: 1;
}

p.comment-form-author {
    width: 48%;
    order: 2;
    margin-right: 4%;
}

p.comment-form-email {
    width: 48%;
    order: 3;
}

p.comment-form-comment {
    order: 4;
    width: 100%;
}

p.form-submit {
    order: 5;
}

p.comment-form-cookies-consent {
    order: 6;
}

h2#reply-title {
    margin-top: 25px;
}

#comments .comment .comment-body, #comments .pingback .comment-body {
    border-bottom: 2px dashed #ccc;
}

em.comment-awaiting-moderation {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 0;
    color: #BCB097;
    font-size: 90%;
}

#comments .comment-metadata, #comments .reply {
    font-size: 12px;
    line-height: 2.4;
}


@media (max-width: 767px) {
p.comment-form-author, p.comment-form-email {
    width: 100%;
    margin-right: 0;
}
p.form-submit {
    width: 100%;
}

#commentform #submit {
    width: 100% !important;
    display: block;
}
}

/* Fix comment section */

/* Fix icon box animation speed */

.elementor-widget-premium-addon-icon-box {
    -webkit-transition: all 0.3s ease-in,-webkit-transform 0.3ms!important;
    transition: all 0.3s ease-in,-webkit-transform 0.3ms!important;
    transition: all 0.3s ease-in,transform 0.3ms!important;
    transition: all 0.3s ease-in,transform 0.3ms,-webkit-transform 0.3ms!important;
}

/* Fix icon box animation speed */

/* Removing input background colour for Chrome */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

/* Removing input background colour for Chrome */

/* Elementor Form Fix */
.elementor-field-group .elementor-field-textual:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
/* Elementor Form Fix */



