/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/

/** Theme Reset **/

.hpad-xl{padding-left: 20%; padding-right: 20%;}
.hpad-lg{padding-left: 15%; padding-right: 15%;}
.hpad-md{padding-left: 10%; padding-right: 10%;}
.hpad-sm{padding-left: 5%; padding-right: 5%;}
.hpad-xs{padding-left: 2.5%; padding-right: 2.5%;}

.hmag-xl{margin-left: 20%; margin-right: 20%;}
.hmag-lg{margin-left: 15%; margin-right: 15%;}
.hmag-md{margin-left: 10%; margin-right: 10%;}
.hmag-sm{margin-left: 5%; margin-right: 5%;}
.hmag-xs{margin-left: 2.5%; margin-right: 2.5%;}

.vpt-5{padding-top: 100px;}
.vpt-4{padding-top: 80px;}
.vpt-3{padding-top: 60px;}
.vpt-2{padding-top: 40px;}
.vpt-1{padding-top: 20px;}

.vpb-5{padding-bottom: 100px;}
.vpb-4{padding-bottom: 80px;}
.vpb-3{padding-bottom: 60px;}
.vpb-2{padding-bottom: 40px;}
.vpb-1{padding-bottom: 20px;}

.vmt-5{margin-top: 100px;}
.vmt-4{margin-top: 80px;}
.vmt-3{margin-top: 60px;}
.vmt-2{margin-top: 40px;}
.vmt-1{margin-top: 20px;}

.vmb-5{margin-bottom: 100px;}
.vmb-4{margin-bottom: 80px;}
.vmb-3{margin-bottom: 60px;}
.vmb-2{margin-bottom: 40px;}
.vmb-1{margin-bottom: 20px;}

.hide-overflow{
    overflow: hidden !important;
}
.curved-lg{
    border-radius: 50px !important;
}
.curved-md{
    border-radius: 35px !important;
}
.curved-sm{
    border-radius: 25px !important;
}
.curved-xs{
    border-radius: 15px !important;
}
.page-gap{
    margin: 0 15px !important;
}
.page-gap-top{
    margin:10px 15px 0 !important;
}
.page-gap-top-lg{
    margin:70px 15px 0 !important;
}
.page-gap-top-md{
    margin:50px 15px 0 !important;
}
.page-gap-top-sm{
    margin:30px 15px 0 !important;
}
::selection {
    background-color: var(--pgc-green); 
    color: var(--pgc-white); 
}
::-moz-selection {
    background-color: var(--pgc-green); 
    color: var(--pgc-white); 
}

.hidden-all{
    display: none !important;
}
.blur-glass{
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.theme-color{color: var(--pgc-green) !important;  opacity: 1 !important;}
.theme-color-accent{color: var(--pgc-light-green) !important; opacity: 1 !important;}

/** End Theme Reset **/

/** Animated Button 1 **/
.btn-anim_1 a, #btn-anim_1 a{
    transition: color 0.3s 0.1s ease-out;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.btn-anim_1 a::after, #btn-anim_1 a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--pgc-dark-blue);
    transition: width ease-in-out .2s;
    z-index: 1;
}
.btn-anim_1 a:hover, #btn-anim_1 a:hover{
    color: #ffffff;
    transition: all ease-in-out .2s;
}
.btn-anim_1 a:hover span, #btn-anim_1 a:hover span{
    position: relative;
    z-index: 2;
}
.btn-anim_1 a:hover::after, #btn-anim_1 a:hover::after{
    width: 100%;
    z-index: 1;
    transition: width ease-in-out .2s;
}
.btn-anim_1 a:hover .elementor-button-text, #btn-anim_1 a:hover .elementor-button-text{
    color: #ffffff !important;
    z-index: 2;
}
.pgc-form .elementor-field-textual:focus, .pgc-form .elementor-field-textual:hover{
    box-shadow: none !important;
    border-color: var(--pgc-green) !important;
}


.bdt-slide-title span,
.elementor-heading-title span{
    opacity: 0.7;
}
.bdt-tabs .bdt-tab .bdt-tabs-item a:after {
    height: 1px !important;
}

/** End Animated Button 1 **/


/** Animate Images**/
.animate-img { 
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-animation-name: grow-shrink;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: grow-shrink;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes grow-shrink {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.animated-icon .icon-title{
    font-size: 18px;
    font-weight: 500;
    font-family: var(--pgc-heading-font-family);
    color: var(--pgc-dark-blue);
    transition: all ease-in-out .3s;
}
.animated-icon:hover .icon-title{
    color: var(--pgc-light-green);
    transition: all ease-in-out .3s;
}
/** End Animate Images **/
 
/** Animate SVG Icons **/
.animated-icon{
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    border: 2px solid var(--pgc-dark-blue);
    padding: 40px 30px;
    box-shadow: 3px 3px 1px 1px rgba(0, 0, 0, 0.92);
    -webkit-box-shadow: 3px 3px 1px 1px rgba(0, 0, 0, 0.92);
    -moz-box-shadow: 3px 3px 1px 1px rgba(0, 0, 0, 0.92);
    transition: all ease-in-out .3s;
}
.animated-icon:hover{
    border-color: var(--pgc-light-green);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.20);
    transition: all ease-in-out .3s;
}
.animated-icon .icon{
    height: 60px;
    width: 60px;
    margin-bottom: 10px;
    display: flex;
    transition: all ease-in .3s;
}
.animated-icon .icon svg {
    fill: var(--pgc-dark-blue);
    max-width: 100%;
    vertical-align: baseline;
    height: 100%;
    width: 100%;
    transition: all ease-in .3s;
}
.animated-icon:hover .icon svg {
    fill: var(--pgc-light-green);
    -webkit-transform: rotate(360deg); 
    transform:rotate(360deg); 
    transition: all ease-in-out .3s;
}

@keyframes rotate-o {
   100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
/** End Animate SVG Icons **/


/** Animated Box **/
.anim-box .anim-btn{
    translate: 1000px 0;
    transition: all ease .5s;
}
.anim-box:hover .anim-btn{
    translate: 0 0;
    transition: all ease .5s;
}
.anim-box .anim-text{
    translate: 0 1000px;
    transition: all ease .5s;
    padding: 20px;
    background: var(--tpg-light-brown);
    border-radius: 30px;
    color: #ffffff !important;
}
.anim-box:hover .anim-text{
    translate: 0 0;
    transition: all ease .5s;
}
.anim-box .anim-text-2{
    translate: 0 -1000px;
    transition: all ease .5s;
    padding: 20px;
    background: var(--tpg-light-brown);
    border-radius: 30px;
    color: #ffffff !important;
}
.anim-box:hover .anim-text-2{
    translate: 0 0;
    transition: all ease .5s;
}
/** End Animated Box **/


/*--------------------------------------------------------------
# Animations
    # - Bubble Mover
    # - Shape Mover
    # - Banner 3 Shake
    # - Square Mover
    # - Tree Move
    # - Leaf Move
    # - Message Move
    # - Text Rotate
    # - Shape Rotate
    # - Flower Rotate
    # - Zump
    # - Zump Bottom
    # - ZoomIn
    # - ZoomOut
    # - Move Horizontal 
    # - Move Horizontal 2
    # - Rotate
    # - Wobble Horizontat Hover
    # - Flip In Y
    # - Flip In X
    # - Flip
    # - Smart Move
    # - Smart Move 2
    # - Smart Move 3
    # - Float Bob Y
    # - Rect Move
    # - Move Background 
    # - Move Background Y
    # - Slide Top
    # - Slide Right
    # - Slide Left
    # - Animated Circle
--------------------------------------------------------------*/
@keyframes bubbleMover {
  0% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  50% {
    -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
    transform: translateY(50px) translateX(100px) rotate(45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  80% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes shapeMover {
  0%, 100% {
    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
  }
  50% {
    transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
  }
}
@keyframes banner3Shake {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }
  30% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  60% {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }
}
@keyframes squareMover {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
  20%, 60% {
    -webkit-transform: translate(20px, 40px) rotate(180deg);
    transform: translate(20px, 40px) rotate(180deg);
  }
  30%, 80% {
    -webkit-transform: translate(40px, 60px) rotate(0deg);
    transform: translate(40px, 60px) rotate(0deg);
  }
}
@keyframes treeMove {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    -webkit-transform: rotate(5deg) translateX(15px);
    transform: rotate(5deg) translateX(15px);
  }
  50% {
    -webkit-transform: rotate(10deg) translateX(30px);
    transform: rotate(10deg) translateX(30px);
  }
}
@keyframes leafMove {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    transform: rotate(-2deg) translateX(5px);
  }
  50% {
    transform: rotate(-4deg) translateX(10px);
  }
}
@keyframes messageMove {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(10px);
  }
}
@keyframes textRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shapeRotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes flowerRotate {
  0%, 100% {
    transform: rotate(0deg);
  }
  25%, 75% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
@keyframes zump {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes zumpBottom {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1.15);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes moveHorizontal {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes moveHorizontal2 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes wobble-horizontal-hover {
  16.65% {
    transform: translateX(5px);
  }
  33.3% {
    transform: translateX(-3px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 50px) rotate3d(0, 1, 0, -190deg);
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 50px) rotate3d(0, 1, 0, -170deg);
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
  }
}
@keyframes smartMove {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes smartMove2 {
  0% {
    width: 0;
  }
  15% {
    width: 126px;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 126px;
    opacity: 0;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes smartMove3 {
  0% {
    width: 0;
  }
  15% {
    width: 173px;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 173px;
    opacity: 0;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
}
@keyframes rectMove {
  0%, 50%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25%, 75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes moveBackground {
  0% {
    background-position: -1920px 100%;
  }
  100% {
    background-position: 0 100%;
  }
}
@keyframes moveBackgroundY {
  0% {
    background-position: 100% 1920px;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes slideTop {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes slideRight {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes slideLeft {
  49% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes animatedCircle {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
.heart-float {
    position: absolute;
    top:50px;
    right: 23px;
    animation: shapeMover 4s linear infinite;
}
.handshake-float {
    position: absolute;
    top: -40px;
    right: 23px;
    animation: moveHorizontal 2s linear infinite;
}

/** End Animations **/

.scroll-icon-anim{
    animation: totopscroller 1.5s 
    linear infinite alternate;
    transition: all .3s ease 0s;
}
@keyframes totopscroller{
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}

.shfb-footer{
    background: #fceeee;
}
.trx_addons_scroll_to_top{
    display: none !important;
}