/* CSS Document for Taylormaid custom styling*/
/* v-1.5 */

/* SMOOTH SCROLL ON BACK-TO-TOP */
html {
  -webkit-scroll-behavior: smooth;
  -moz-scroll-behavior: smooth;
  -o-scroll-behavior: smooth;
  scroll-behavior: smooth; }

/* NAV BAR ITEMS STYLING */
.container-nav-bar {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 6px;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fedefb !important; }

.container-nav-bar-small {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fedefb !important; }

.nav-item-padded {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-bottom: .5rem;
	font-size: 1.25rem;
	font-weight: 500;}

.nav-link-new {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  text-decoration: none;
  color: #92D050 !important;
  padding: 0px;
  margin: 0px 10px;
  display: inline-block;
  position: relative; }

.nav-link-new:hover {
  color: #4A4B4B !important;
  opacity: 1; 
  transition: color 1s cubic-bezier(0.6, 0, 0.2, 1);}

.nav-link-new-ltr::before {
  transition: 300ms;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #92D050;
  opacity: 1;
  width: 0%;
  bottom: -2px; }

.nav-link-new-ltr:hover::before {
  width: 100%; }

/* TYPOGRAPHY STYLING */
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;}
 
.heading-1 {
  font-size: 2.5rem;
  padding-top: 1.5rem;
  color: #92D050;}

.heading-2 {
  font-size: 2rem;
	 color: #92D050; }

.heading-3 {
  font-size: 1.5rem;
  color: #4A4B4B; }

.heading-3-green {
  font-size: 1.5rem;
  color: #92D050; }

.heading-4 {
  font-size: 2.5rem;
  font-weight: 300;
  padding-top: 1rem; 
  color: #fff;}

.heading-4-grey {
  font-size: 2.5rem;
  font-weight: 300;
  padding-top: 1rem; 
  color: #4A4B4B;}
 
.heading-5 {
  font-size: 1.5rem;
  font-weight: 300;
  color: #fff; }

.heading-5-grey {
  font-size: 1.5rem;
  font-weight: 300;
  color: #4A4B4B; }
 
.heading-6 {
  font-size: 1.25rem;
  color: #232323; }

.heading-6-side-nav {
  padding-top: 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: #232323; }
 
body,td,th,p,p-bullets {
	color: #232323;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
 font-size: 1.25rem; } 

 @media (max-width: 47em) {
 p-bullets { 
 font-size: 1rem; } }
 
.white-font {
	color: #fff;
 font-family: "Montserrat", sans-serif;
 font-weight: 400;
 font-size: 1rem; }
@media (max-width: 47em) {
 .white-font { 
 margin-left: 1%;
 margin-right: 1%; } } 
 
.white-font-pad {
	color: #fff;
 font-family: "Montserrat", sans-serif;
 font-weight: 400;
 font-size: 1rem; 
 margin-left: 12%;
 margin-right: 12%; }
@media (max-width: 47em) {
 .white-font-pad { 
 margin-left: 1%;
 margin-right: 1%; } }

.white-font-pad-less {
	color: #fff;
 font-family: "Montserrat", sans-serif;
 font-weight: 400;
 font-size: 1rem; 
 margin-left: 6%;
 margin-right: 6%; }
@media (max-width: 47em) {
 .white-font-pad { 
 margin-left: 1%;
 margin-right: 1%; } }
 
.footer-3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;     
  font-size: .8rem;
  color: #4A4B4B; }

.intro-text {
 padding-left: 5rem;
 padding-right: 5rem; }
 @media (max-width: 61em) {
 .intro-text {
 padding-left: .5rem; 
 padding-right: .5rem; } }

.intro-bullets {
 padding-left: 35%;
 padding-right: auto; }
 @media (max-width: 61em) {
 .intro-bullets { 
 padding-left: 15%;
 padding-right: auto;} }
 @media (max-width: 47em) {
 .intro-bullets { 
 padding-left: 5%;
 padding-right: auto;
 font-size: 1rem; } }
 @media (max-width: 36em) {
 .intro-bullets { 
 padding-left: 0%;
 padding-right: auto;
 font-size: 1rem; } }

.white-text {
 padding-left: 5rem;
 padding-right: 5rem; 
 padding-bottom: 2rem;
 font-size: 1.25rem;
 font-weight: 500;
 color: white; }
 @media (max-width: 61em) {
 .white-text {
 padding-left: .5rem; 
 padding-right: .5rem; } }

.modal-header-cc,
.modal-footer-cc,
.modal-title-cc{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
 background-color: white;
 font-family: "Montserrat", sans-serif;
 text-align: center; }

.modal-header-cc {
 font-weight: 300;
 font-size: 1.25rem;
 color: #4A4B4B; }

.modal-footer-cc {
 font-weight: 300;
 font-size: 1rem;
 color: #4A4B4B; }

.modal-title-cc {
 padding-top: .5rem;
 font-weight: 400;
 font-size: 1.5rem;
 color: #92D050; }

.modal-body-cc {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
 text-align: center;
 background-color: white;
 width: auto;
 padding: 0;}

.modal-close-cc {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
 background-color: white;
 padding: 1rem;
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
 font-size: 1.125rem;
 color: #4A4B4B;
 text-align: center; }

.btn-primary-modal {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #4A4B4B;
  background-color: #fff; 
  border-style: none !important;
  padding: .3rem .75rem;
  transition: all .2s; }

.btn-primary-modal:hover {
  color: #fff;
  background-color: #4A4B4B; 
  border-style: none !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15); }

/* LINKS STYLING */
a:link {
	color: #000DFF; }

a:hover {
	color: #CD15FF; }

a:visited {
	color: #7D14FF; }

/* NAV ICON STYLING */		
/* Small Screen nav */
.margin {
  margin: 0;
  padding: 0; }

#nav-icon-3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  -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; }

#nav-icon-3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #92D050;
  border-radius: 0px;
  opacity: 1;
  left: 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-icon-3 span:nth-child(1) {
  top: 0px; }

#nav-icon-3 span:nth-child(2),#nav-icon-3 span:nth-child(3) {
  top: 9px; }

#nav-icon-3 span:nth-child(4) {
  top: 18px; }

#nav-icon-3.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%; }

#nav-icon-3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon-3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon-3.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%; }

/* BUTTON STYLING */
.btn-lg-header, .btn-group-lg > .btn {
  padding: 0.5rem 2.5rem;
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 300;
  color: white;
  line-height: 1.5;
  border-radius: 0rem;
  border-color: white; }

.btn-lg-header:hover {
  color: #4A4B4B;
  border-color: #4A4B4B;
  text-decoration: none; }

/* TESTIMONIAL PAGE STYLING */
.testimonial-box {
   background-color: #fff;
   margin-bottom: 1rem !important;
   padding: 1rem;
   text-align: left;
   border-radius: 0px;
   box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
   transition: transform .3s; } 

.float-in-left {
   display: block;
   font-size: 1rem;
   font-weight: 400;
   animation-name: moveInLeft;
   animation-duration: 2s;
   animation-timing-function: ease-out; } 
 
.float-in-right {
   display: block;
   font-size: 1rem;
   font-weight: 400;
   animation: moveInRight;
   animation-duration: 2s;
   animation-timing-function: ease-out;} 
 
@keyframes moveInLeft {
  0% {
    opacity: 0.5;
    transform: translateX(-20rem); }
  50% {
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 
 
@keyframes moveInRight {
  0% {
    opacity: 0.5;
    transform: translateX(20rem); }
  50% {
    transform: translateX(-1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 

/* Turn off above (and all?) animations, transitions, and transforms on phones and tablets */
@media only screen and (max-width : 768px) {
	.float-in-right, .float-in-left {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important; }
}
 
/* ICON STYLING */
.facebook-big {
  color: blue; 
  font-size: 60px; 
  padding-left: .5rem;
  padding-right: .5rem; }

.at {
  color: cornflowerblue; 
  font-size: 60px; 
  padding-left: .5rem;
  padding-right: .5rem; }

.phone {
  color: red; 
  font-size: 60px; 
  padding-left: .5rem;
  padding-right: .5rem; }

/* BACK-TO-TOP BUTTON STYLING */
#backBtn {
  scroll-behavior: smooth;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: #92D050;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 0px;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.95); 
  transition: transform .3s; }

#backBtn:hover {
  background-color: white;
  color: #4A4B4B; }

/* CONTAINER STYLING */
.bg-jobscontact {
 background-color: #fff;
 border-radius: 0px;
 padding-right: 1rem;
 padding-left: 1rem;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 1.5rem; }

/* ROW STYLING */
.row-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
	width: 100%;
	background-color: #FEDEFB; }

.row-header {
 /* background-color: aliceblue; FOR TESTING PURPOSES*/
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 height: auto;
 padding-top: 1rem;
 padding-bottom: 0rem;
 align-content: center;
 align-self: center;
 align-items: center;
 justify-content: center; }

/* TERMS PAGES STYLING */
.navbar-nav-side {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-left: 0;
 padding-top: 0;
 margin-bottom: 0;
 list-style: none;
 -ms-flex-align: left;
 align-items: left; }

.nav-link-side {
  font-size: 1rem;
  display: block;
  padding: 0.25rem 0rem;}

.mr-auto-side,
.mx-auto-side {
	margin-right: 0px !important;
	align-content: left;
	align-self: left;
	justify-content: left;
	align-items: left; }

.jumbotron-terms {
	background-color: #F0F0F0;
	padding-top: 2rem;
	padding-bottom: 0rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	margin-bottom: -20px;
	margin-top: 0px; }

.container-terms {
 background-color: #fff;
 border-radius: 10px;
 padding-right: 1rem;
 padding-left: 1rem;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 1.5rem; }

.terms-font {
	color: #003366;
 font-family: "Montserrat", sans-serif;
 font-weight: 400;
 font-size: .9rem; } 

/* PARALLAX STYLING */
.bgimg-1, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7{
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
 
.bgimg-1 {
	background-image: url("../images/images-index/header_dark.jpg");
	min-height: auto; }

.bgimg-3 {
  background-image: url(../images/images-index/tea_dark.jpg);
  min-height: auto; }

.bgimg-4 {
  background-image: url(../images/images-index/people_dark.jpg);
  min-height: auto; }

.bgimg-5 {
  background-image: url(../images/images-index/jobs_dark.jpg);
  min-height: auto; }

.bgimg-6 {
  background-image: url(../images/images-index/contact_dark.jpg);
  min-height: auto; }

.bgimg-7 {
  background-image: url(../images/images-index/stories_dark.jpg);
  min-height: auto; }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7{
    background-attachment: scroll; }
}

/* END */