/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-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 */
/*
    Styling for video gallery
*/

body .yotu-videos.yotu-preset-abnb .yotu-video-title{
    color: #fcfcfc !important;
    font-weight: 600 !important;
    font-size: 17px;
    line-height: 24px!important;
    padding-top: 8px;
    text-decoration: none;
    margin: 0 0 10px!important;
	padding-bottom: 0;
}

/*
Mobile submenu font size increase
*/

.elementor-nav-menu--dropdown {
    font-size: 16px;
	  font-weight: 600 !important;
}

/*
Elementor form datepicker on mobile correction
*/

input[type="date"]:before{
color:rgba(53, 53, 53, 0.44);
content:attr(placeholder);
}

input[type="date"].full:before {
color:black;
content:""!important;
}

input[type="time"]:before{
color:rgba(53, 53, 53, 0.44);
content:attr(placeholder);
}

input[type="time"].full:before {
color:black;
content:""!important;
}

/*
Elementor table of contents left margin spacing
*/

.elementor-toc__list-wrapper {
    margin-left: 0;
}

/*
Paragraph top margin spacing
*/

p {
    margin-top: 20px;
	margin-bottom: 20px;
}

/*
Youtube video player hide copyright
*/

.yotu-lightbox .yotu-copyright, .yotu-lightbox .yotu-copyright a {
    display: none;
}

/*
Youtube subscribe bar font size
*/

div.youtube-subscribe-bar div {
  font-size: 13px;
}

/*
Default post images caption styling
*/

figcaption {
    font-size: 13px;
    font-weight: 500;
	text-align: center;
}

/*
Youtube gallery eliminate video title truncation
*/

.yotu-videos.yotu-mode-grid h3 {
    white-space: inherit !important;
}

/*
Youtube gallery video thumbnail spacing
*/

.yotu-videos li > a {
    padding: 5px !important;
}

/*
Youtube gallery video play icon
*/

.yotu-video-thumb-wrp::after {
    background: url(https://gachoki.com/wp-content/uploads/2020/12/Video-play-icon.webp) no-repeat 50% 50% !important;
    width: 25% !important;
}

/*
Youtube gallery video thumbnail zoom in effect
*/

.yotu-videos li > a:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
  transition: transform 0.5s;
}

.yotu-videos li > a {
  transition: transform 0.5s !important;
}

/*
Youtube gallery play icon opacity
*/

.yotu-video-thumb-wrp::after {
    opacity: 0.9 !important;
}

/* Hides the first accordion item */
.elementor-accordion .elementor-accordion-item:first-child {
display: none;
}

/*
Youtube gallery load more button styling
*/
.yotu-button-prs {
    font-size: 14px !important;
}

/*
Services box title styling
*/
.elementor-widget-image-box .elementor-image-box-title a:hover {
    color: #F14105;
}

 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown;
    animation-duration: 1s; /* Specify the animation duration, for example. */
    animation-timing-function: ease; /* Specify the timing function if needed. */
    /* You can add more animation properties here as needed. */
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft;
    animation-duration: 1s;
    animation-timing-function: ease;
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight;
    animation-duration: 1s;
    animation-timing-function: ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp;
    animation-duration: 1s;
    animation-timing-function: ease;
}

/*
Block copy paste
*/

* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

/*css to disable text highlight will not be able to use ctrl + C  */

body {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none; 
}


/*
Text box and flip box widget styling
*/

.mytextbox {
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: var( --e-global-   color-0fa89cd );
  border-radius: 20px 20px 20px 20px;
  box-sizing: border-box;
  padding: 25px 25px 25px 25px;
}
.mytextbox h3 {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-accent-font-family),Roboto;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  line-height: var(--e-global-typography-accent-line-height);
}
.mytextbox h3 a:link {
  color: var(--e-global-color-secondary);
}
.myflipbox {
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: var( --e-global-color-0fa89cd );
  border-radius: 20px 20px 20px 20px;
  padding: 25px;
}
.myflipbox h3 {
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-accent-font-family),Roboto;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  line-height: var(--e-global-typography-accent-line-height);
}


/*
Text box and flip box widget sizing
*/

@media (min-width:768px) {
	.mytextbox {
      width: 32% !important;
	  max-width: 32% !important;
    }
	.myflipbox {
      width: 49% !important;
	  max-width: 49% !important;
    }
}


/* Add 'MENU' and 'CLOSE' text to mobile menu */

.elementor-menu-toggle:before {
	content: 'MENU';
	font-size: 20px;
	font-weight: 700;
	position: relative;
	margin-right: 10px;
}

.elementor-menu-toggle.elementor-active:before {
	content: 'CLOSE';
}