/*
Theme Name: Gigi the Bear Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: gigi-bear
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Gigi the Bear is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1785305988
Updated: 2026-07-29 06:19:48

*/

.wave-strip img {animation: waveFloat 12s ease-in-out infinite;}
@keyframes waveFloat{
    0%{
        transform: translateX(0) translateY(0);
    }
    25%{
        transform: translateX(-1.5%) translateY(2px);
    }
    50%{
        transform: translateX(-3%) translateY(0);
    }
    75%{
        transform: translateX(-1.5%) translateY(-2px);
    }
    100%{
        transform: translateX(0) translateY(0);
    }
}
header#masthead .hfe-nav-menu li a {background-size: 22px;}
.videobtn a {padding-left: 48px !important; color: #fff !important; background-color: #ff2d21 !important;}
.videobtn a:hover {background-color: #5ec03e !important;}
#menu-1-4d8b3c7 .videobtn {margin-left: 8px;}
.hfe-nav-menu .homemenu a {background-image: url('images/home.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px !important;}
.hfe-nav-menu .videos a {background-image: url('images/video.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px !important;}
.hfe-nav-menu .books a {background-image: url('images/books.png'); background-repeat: no-repeat; background-position: left center; padding-left: 28px !important;}
.hfe-nav-menu .resources a {background-image: url('images/paint.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px !important;}
.hfe-nav-menu .about a {background-image: url('images/home2.png'); background-repeat: no-repeat; background-position: left center; padding-left: 28px !important;}
.hfe-nav-menu .coloring a {background-image: url('images/color.png'); background-repeat: no-repeat; background-position: left center; padding-left: 28px !important;}
.hfe-nav-menu .contact a {background-image: url('images/env.png'); background-repeat: no-repeat; background-position: left center; padding-left: 28px !important;}
.hfe-nav-menu .shop-gigi a {background-image: url('images/store.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px !important;}
.hfe-nav-menu-icon {padding: 8px !important;}
.bannerheading .green {color: #5ec03e;}
.bannerheading .red {color: #ff2d21; display: block;}
.bannercol .e-con-inner {margin-left: 195px;}
.bannerbtns .bdt-btn-content-wrap svg {font-size: 25px;}
.elementor-custom-embed-play svg {opacity: 1 !important; background-color: #fff; border-radius: 100px;}
.btnivo .elementor-button-icon svg {height: auto; font-size: 25px;}
.btnivo .elementor-button-content-wrapper {align-items: center;}
.inputwrap {display: flex; gap: 8px;}
.inputwrap div {width: 50%;}
.formbtn {position: relative;}
.formbtn p {margin-bottom: 0px;}
.formbtn .wpcf7-spinner {position: absolute; top: 10px;}
.wpcf7-form .wpcf7-form-control {outline: none;}
.wpcf7-form textarea {font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 400;}
.wpcf7-response-output {text-align: center; font-family: "Poppins", Sans-serif; font-size: 14px; background-color: #fff;}
.imgbox .elementor-image-box-img {width: 110px !important; height: 110px; border-radius: 100px; background-color: #6fab51; display: flex !important; align-items: center; justify-content: center; padding: 12px;}
.imgbox .elementor-image-box-content {width: 60% !important;}
.discoverbox .elementor-image-box-img {width: 145px !important; height: 145px; border-radius: 100px; background-color: #6fab51; display: flex !important; align-items: center; justify-content: center; padding: 14px; margin: auto !important; margin-bottom: 15px !important;}
.lightorange .elementor-image-box-img {background-color: #feb233;}
.green1 .elementor-image-box-img {background-color: #6fab51;}
.darkorange .elementor-image-box-img {background-color: #e77d0b;}
.hdckr span {color: #ff2d21;}
.brd a {text-decoration: none;}
.txthd .greentxt {color: #529527;}
.txthd .redtxt {color: #ff2d21;}
.page-id-80 .adv-section {display: none;}
.error404 .site-main {text-align: center; padding: 100px 20px 0px;}
.error404 .site-main h1 {font-family: "Super Warming", Sans-serif; font-size: 35px; font-weight: 400; color: #05184d; line-height: 1;}
.bloglist .hfe-post-content {text-align: center;}
.bloglist .hfe-post-content a {text-decoration: none;}
.bloglist .hfe-read-more {background-color: #ff2d21; border-radius: 100px; padding: 12px 30px; display: block; max-width: 150px; margin: auto;}
.bloglist .hfe-read-more:hover {background-color: #5ec03e;}
#loadMore {background-color: #ff2d21; color: #fff; text-decoration: none; border-radius: 100px; padding: 12px 20px; font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 600; width: 100%; max-width: 195px; margin: auto; text-align: center; grid-column: span 3; box-shadow: 5px 6px 0px 0px #a21811; margin-top: 20px;}
body.single h1.entry-title {font-family: "Super Warming", Sans-serif; font-size: 45px; font-weight: 400; color: #05184d; line-height: 1; text-align: center; margin-bottom: 20px; margin-top: 0px;}
body.single .page-content h2 {font-family: "Super Warming", Sans-serif; font-size: 35px; font-weight: 400; color: #05184d; line-height: 1; margin-bottom: 10px; margin-top: 20px;}
body.single .page-content h3 {font-family: "Super Warming", Sans-serif; font-size: 30px; font-weight: 400; color: #05184d; line-height: 1; margin-bottom: 10px; margin-top: 20px;}
body.single .page-content h4 {font-family: "Super Warming", Sans-serif; font-size: 25px; font-weight: 400; color: #05184d; line-height: 1; margin-bottom: 10px; margin-top: 20px;}
body.single .site-main {padding: 60px 20px 0px;}
body.single .page-content p, body.single .page-content li {font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 400; color: #000000; line-height: 1.4;}
body.single .page-content p a, body.single .page-content li a {color: #ff2d21; text-decoration: none; font-weight: 500;}
body.single .page-content ul {padding-bottom: 12px; padding-left: 20px;}
body.single .page-content li {margin-bottom: 6px;}
body.single .page-content .postbtn {background-color: #ff2d21; color: #fff; border-radius: 100px; padding: 14px 14px; display: block; max-width: 240px; text-align: center;}
body.single .page-content .postbtn:hover {background-color: #061028;}
.float-up-down {animation: floatUpDown 3s ease-in-out infinite;}
.float-up-down2 {animation: floatUpDown2 3s ease-in-out infinite; animation-delay: 0.5s;}
@keyframes floatUpDown {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}
@keyframes floatUpDown2 {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}
.float-left-right {animation: floatLeftRight 3s ease-in-out infinite;}
@keyframes floatLeftRight {
    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }
}



@media only screen and (min-width: 1201px) and (max-width: 1300px) {
header#masthead .hfe-nav-menu li a {padding-right: 15px;}	
.leftimg {left: 30px !important;}
.leftimg img {width: 610px;}
.rightimg img {width: 400px !important;}
.mainbannerleft {left: 20px !important;}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
header#masthead .hfe-nav-menu li a {padding-left: 65px !important; background-position: 30px 50% !important;}
header#masthead #menu-1-b4cf944 .videobtn a {padding-left: 0 !important; text-align: center; justify-content: center;}
.bannercol .e-con-inner {margin-left: auto;}
.wpcf7-form textarea {font-size: 14px;}
.imgbox .elementor-image-box-img {width: 95px !important; height: 95px; padding: 20px;}
.discoverbox .elementor-image-box-img {width: 95px !important; height: 95px; padding: 20px;}
.bloglist .hfe-posts-grid {display: flex !important; flex-wrap: wrap; justify-content: center;}
.bloglist .hfe-posts-grid article {width: 31%;}
body.single h1.entry-title {font-size: 40px; margin-bottom: 15px;}
body.single .page-content h2 {font-size: 35px;}
body.single .page-content h3 {font-size: 28px;}
body.single .page-content h4 {font-size: 24px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
header#masthead .hfe-nav-menu li a {padding-left: 65px !important; background-position: 30px 50% !important;}
header#masthead #menu-1-b4cf944 .videobtn a {padding-left: 0 !important; text-align: center; justify-content: center;}
.bannercol .e-con-inner {margin-left: auto;}
.bannerbtns .bdt-btn-content-wrap svg {font-size: 22px;}
.wpcf7-form textarea {font-size: 14px;}
.imgbox .elementor-image-box-content {width: 100% !important; margin-top: 7px;}
.imgbox .elementor-image-box-img {width: 90px !important; height: 90px; padding: 16px;}
.discoverbox .elementor-image-box-img {width: 105px !important; height: 105px; padding: 25px;}
.bloglist .hfe-posts-grid {display: block !important;}
.bloglist .hfe-posts-grid article {margin-bottom: 30px;}
.hfe-posts-grid {text-align: center;}
#loadMore {padding: 10px 20px; font-size: 14px;}
body.single .site-main {padding: 40px 20px 0px;}
body.single h1.entry-title {font-size: 38px; margin-bottom: 15px;}
body.single .page-content h2 {font-size: 32px;}
body.single .page-content h3 {font-size: 27px;}
body.single .page-content h4 {font-size: 22px;}
body.single .page-content p, body.single .page-content li {font-size: 14px;}
}