/*
 Theme Name:     Heather White
 Theme URI:      https://mbrand.ca
 Description:    Custome WordPress development
 Author:         mBrnad.ca
 Author URI:     https://mbrand.ca
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


body.custom-background {
    background-color: #e6e6ff4d !important;
	    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

.btmIconSec { text-align:center; }
.btmIconSec h3 { line-height:152%; }
.btmIconSec a { text-decoration: underline;
    text-decoration-thickness: from-font; }
.btmIconSec .image {
    display: inline-block;
    width: 80px;
    position: relative;
    height: 0rem;
}

.hoverLink a:hover { text-decoration:underline; }

.btmIconSec img {     width:73px;
    height: auto;
    display: inline-flex;
    transform: translateY(-70%) scale(0);
    margin: 0 2rem;
    left: -1.6rem;
    top: 0;
    position: absolute;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
 }

.menuleftimg img  { margin-left: -90px;
    position: relative;
    top: 13px;
    left: -9px; opacity:0;  transition: all 0.8s; }


.menurightimg img { margin-right: -90px;
    position: relative;
    top: 13px;
    right: -9px; opacity:0;  transition: all 0.8s; }

#menu-primary-menu li:hover img { opacity:1;  transition: all 0.8s; }
#menu-primary-menu li:hover a { color:#9999FF; }
body.open .et_pb_button { z-index:0; }

.btmIconSec.et_had_animation img, .btmIconSec.et_is_animating img {
    transform: translateY(-70%);
}

.footerLeft a { display:inline-block; vertical-align:top; margin-right:10px; }
.footerLeft a.et_pb_button { border:3px 20px !important; }

.career-form .row {
    margin-bottom: 55px;
}
.career-form label {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
    display: block;
    color: #352961;
    margin-bottom:10px;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    border: none;
    border-bottom: 2px solid #352961;
    color: #352961 !important;
    box-shadow: none;
    padding: 20px 0 10px;
    width: 100%;
    margin-bottom: 10px;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
    font-size: 16px;
    text-transform: uppercase;
}

textarea {  border: 2px solid #352961; padding:15px; }

.wpcf7-submit {
    border: 2px solid #352961 !important;
    padding: 5px 30px;
    background: #E6E6FF;
    border-radius: 29px;
    color: #352961;
    font-size: 17px;
    cursor: pointer;
    float:right;
}

.wpcf7-submit:hover {  background: #352961; color:#fff; }


.darkfooter footer {     background: #e6e6ff; }

header .headerSection.et_pb_sticky .HOVER { background:#f7f7ff; } 
header .logoImage { -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in; }

header .headerSection.et_pb_sticky .logoImage  { opacity:0;  -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in; }
 
header .et_pb_button { display:inline-block; }    

body a.sIcon.et_pb_button svg { position:relative; z-index:2;}

body a.sIcon.et_pb_button, body a.sIcon.et_pb_button:hover {
    text-transform: lowercase !important;
    border-radius: 100% !important;
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
	 -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	
}

body a.sIcon.et_pb_button:hover svg text { fill:#fff; }

    
.mobileNavigation {
    width: 100% !important;
    margin-right: 0px !important;
    height: 100vh;
    position: fixed;
    right: 0;
    top: -1000px;
    background: #f7f7ff;
    width: 100%;
    z-index: 0;
    -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: 100%;
    margin: 0 auto;
    left: 0;
    
    visibility: hidden;
}


.mobileNavigation.open {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    height: 100%;
      -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;
    
    width: 100%;
    margin-right: 0px;
    visibility: visible;
    top: 0px;
}

.VerticleMiddle {
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
}

.menu-trigger {
   display: flex !important;
    align-items: center;
    width: 50px;
    height: 50px;
    right: 0px;
    /* position: fixed; */
    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;
    z-index: 999999999;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #342961;
    border-radius: 70px;
    margin-left:15px;
}


body.open { overflow:hidden; }

.menu-trigger span {
    background-color: #342961 !important;
    top: 13px;
    display: block;
    position: absolute;
    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;
    width: 25px;
    height: 2px;
    left:0px;
    margin:0 auto;
    z-index:2;
}

.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
    padding: 0.5em 2em!important;
}


.menu-trigger span:nth-child(1)  {
    
  
    top: 13px;
    right: 0px;
}

.menu-trigger span:nth-child(2) {
   
    top: 22px;
    right: 0px;
}

.menu-trigger span:nth-child(3) {
  
    top: 31px;
    right: 0px;
}


.menu-active.menu-trigger span:nth-child(1) {
    top: 21px;
    -webkit-transform: rotate(45deg);
    
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(47deg);
   
}


.menu-active.menu-trigger span:nth-child(2) {
    top: 21px;
    -webkit-transform: rotate(-45deg);
   
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-46deg);
   
}

.menu-active.menu-trigger span:nth-child(3) {
    opacity: 0;
}


.mInner { position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 50%;
    max-width: 600px;
    text-align: center; font-size:70px; font-family: 'Cormorant Garamond',Georgia,"Times New Roman",serif; text-transform: uppercase; font-weight:300; transform: translateY(-50%); }
    
.mInner ul { margin:0px; padding:0px; list-style:none; }
.mInner li a { color:#352961; line-height:80px; }
.mInner a:hover, .btmIconSec a:hover { color:#9999FF; }


/*

.HOVER {
	--width: 100%;
	--time: 2s;

	position: relative;
	display: inline-block;
 

    height: 50px;
	padding: 1em;
 
	overflow: hidden;
}

.HOVER text {
	position: relative;
	z-index: 5;
	
	transition: color var(--time);
}

.HOVER span {
	position: absolute;
	display: block;
	content: "";
	z-index: 0;
	width: 0;
	height: 0;
	
	border-radius: 100%;
	background: #fff;
	
	transform: translate(-50%, -50%);
	transition: width var(--time), padding-top var(--time);
}

.HOVER:hover span {
	width: calc(var(--width) * 2.25);
	padding-top: calc(var(--width) * 2.25);
}

*/


.loadingAnimation
{
	position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:#e6e6ff;animation-name:loadingHeight;animation-delay:0.5s;animation-fill-mode:forwards;animation-duration:0.5s;overflow:hidden;}

.loadingAnimation .innerAnimation
{width:100vw;height:100vh;background-color:#e6e6ff;transform:translateY(100vh);transition:200ms;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;animation-name:loading;animation-fill-mode:forwards;animation-duration:0.5s;}

@keyframes loadingHeight{0%{height:100vh;}100%{height:0;display:none;}}
@keyframes loading{0%{transform:translateY(100%);}100%{transform:translateY(0);}}

.HOVER {  -webkit-border-radius: 43px;
    -moz-border-radius: 43px; overflow:hidden; position:relative; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0); display:inline-block;     -webkit-mask-image: radial-gradient(#ffffff,#000000); }

.rounded_btn {  border-radius: 43px; color: #352961;padding: 0.3em 1em!important; position:relative;     border: 2px solid #352961; font-size: 20px;     line-height: 1.7em!important; overflow:hidden;     display: inline-block;  -webkit-border-radius: 43px;
    -moz-border-radius: 43px;  }

.HOVER span.text { position:relative; z-index:2;   } 

.menu-trigger:hover span:nth-child(1), .menu-trigger:hover span:nth-child(2), .menu-trigger:hover span:nth-child(3) { background-color:#fff !important; }
 

span.ripple {
    transition:all linear 700ms;
    transition-timing-function:cubic-bezier(0.25,0.46,0.45,0.9399999999999999);
    border-radius:50%;background:#352961;pointer-events:none;transform:scale(0);position:absolute;z-index:1;  }

.HOVER:hover span.text { color:#fff;   } 


.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
    transform: translateX(-50%);
  z-index: 15;
  width: 100%;
  padding-left: 0;
 
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
   
  cursor: pointer;
 
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}




#quote-carousel {
    padding: 0 10px 30px 10px;
    text-align:center;
}
#quote-carousel .carousel-control {
    background: none;
    
    
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 60px;
    height: 60px;
    cursor: pointer;
    
    
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
     
}
#quote-carousel .carousel-indicators .active {
  
    opacity: 1;
    
}

#quote-carousel  p { font-size:20px; margin-bottom:20px; }
#quote-carousel small { font-size:15px; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #352960;
    background: #352960;
    color: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #bfbfdf;
    background: #bfbfdf;
}

 
@media(max-width:980px)
{
    .headerbutton .et_pb_button { display:none; } 
   
	#page-container { z-index:999999; position:relative;     min-height: 100vh; }
	
}
 
@media(max-width:600px)
{
	.menurightimg img, .menuleftimg img { max-width:60px; }
	.mInner { font-size:50px; }
	
	.menurightimg img { 
		margin-right: -70px; }
	
	.menuleftimg img { 
		margin-left: -70px; }
	
}