/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 14 2023 | 11:36:36 */
#nav-fly-trigger1 {
    display: block !important;
    width: 23px;
    height: 15px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
    top: -8px;
}

#nav-fly-trigger1 span {
    background-color: #fff !important;
    top: 15px;
    width: 23px;
    display: block;
    position: absolute;
    height: 2px;
    opacity: 1;
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-fly-trigger1 span:nth-child(1) {
    top: 16px;
}

#nav-fly-trigger1 span:nth-child(2) {
    display:none;
}



#nav-fly-trigger1 span:nth-child(3) {
    top: 26px;
    right: 0px;
}

.menu-active #nav-fly-trigger1 span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(45deg);
    right: -3px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(47deg);
    width: 25px;
}

.menu-active #nav-fly-trigger1 span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(-45deg);
    right: -3px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-46deg);
    width: 25px;
}

.VerticleMiddle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    
}


.mobileNavigation {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    background: #14594C;
    width: 100%;
    z-index: 11;
    -ms-transform: translateY(-100vh);
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    position: fixed;
    -webkit-transition: transform 287ms cubic-bezier(.215,.61,.355,1) 0.3s;
    -moz-transition: transform 287ms cubic-bezier(.215,.61,.355,1) 0.3s;
    -ms-transition: transform 287ms cubic-bezier(.215,.61,.355,1) 0.3s;
    -o-transition: transform 287ms cubic-bezier(.215,.61,.355,1) 0.3s;
    transition: transform 287ms cubic-bezier(.215,.61,.355,1) 0.3s;
    padding: 0px;
    max-width: 1902px;
    margin: 0 auto;
    left: 0;
    display: none;
}

.mobileNavigation.open {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    height: 100%;
    z-index: 3;
	display:block;
}


.mobileNavigation .et_pb_social_media_follow { position: absolute;
    bottom: 0px;
    margin: 0 10px; }


.mobileNavigation:after { position: absolute;
    right: -60px;
    bottom: -172px;
    background: url(https://sandbox.mbrand.ca/thejenniferlove/wp-content/uploads/2023/01/bird.svg);
    content: '';
    width: 100%;
    height: 100%;
    max-width: 400px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom; display:none;  }

.mobileNavigation ul li { font-size:45px; line-height: 60px; }
.mobileNavigation ul li a { color:#fff; padding-left: 15px !important;
    padding-right: 15px !important; display:block; }

body.open header { position:fixed; z-index:10; width:100%; }

@media(max-width:980px)
{
	#page-container header .et_pb_row_0_tb_header.et_pb_row--with-menu { padding:0 15px !important; }
}

@media(max-width:500px)
{
	.mobileNavigation ul li { font-size:35px; }
}
.headericon.et_pb_social_media_follow li a.icon:before{
	color: #258f7d;
	font-size: 22px;
}