/* --- GLOBAL STYLING --- */

#positionUnavailable {
  background-color: rgba(125, 124, 125, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;

}

.box-content {
  margin-left: 20%;
  margin-top: 30%;
  color: white;
}

#position-image {
  width: 50%;
}

* {

  font-family: 'fs_meregular';
}

em {
  font-family: 'fs_melight';
}

a {
  color: #99A67F !important;
}

#email-address {
  color: white !important;
  text-decoration: underline;
}


hr {
  margin-left: 0;
  border-width: 1px;
  border-color: #878787;

}

.bold-type {
  color: #99A67F;
}

a:hover {
  color: #DA8219 !important;
  text-decoration: none !important;
}

.full-width-bullets li {
  width: 100%;
}

.full-width-bullets li ul li{
  width: 100%;
}

#active {
  background-color: #99A67F;
	color: white;
  border-bottom: 4px solid #838C6C;
}

#pull-quote {
  margin-right: 0 ;
  width: 90%;
  font-size: 1.75rem;
  color: #99A67F; /* This is Cuttsy green */
}

/* --- HOMEPAGE STYLING (NEW) --- */

.home-logo {
  width: 40%;
  margin-bottom: 30px;
  min-width: 200px;
}

.home-content {
  width: 900px;
  position: absolute;
  top: 30%;
  left: 250px;
  padding-right: 150px;
}

.home-heading {
  font-size: 3rem;
  line-height: 4rem;
  font-family: 'fs_meregular';
  color: #7D7C7D;
}

.home-body {
  font-size: 2.6rem;
  line-height: 4rem;
  font-family: 'fs_melight';
  color: #7D7C7D;
}

.line-break-head {
  display: none;
}

.line-break-head-1 {
  display: none;
}

.line-break-head-2 {
  display: none;
}

.line-break-body-1 {
  display: none;
}

  .line-break-body-2 {
    display: none;
  }

@media screen and (max-width: 980px) {

   .home-content {
     width: 80%;
     left: 20%;
   }

}

@media screen and (max-width: 980px) and (min-width: 786px) {

  .line-break-head {
    display: block;
  }

}

@media screen and (max-width: 767px) and (min-width: 724px){

  .line-break-head {
    display: block;
  }

}


@media screen and (max-width: 786px) and (min-width: 772px){

  .line-break-head-2 {
    display: block;
  }
}

@media screen and (max-width: 885px) and (min-width: 669px) {
  .line-break-body-1 {
    display: block;
  }

}

@media screen and (max-width: 668px) and (min-width: 649px) {
  .line-break-body-2 {
    display: block;
  }

}


@media screen and (max-width: 885px) {

   .home-content {
     width: 90%;
     left: 20%;
   }


}

@media screen and (max-width: 550px) {

   .home-content {
     width: 80%;
     left: 10%;
     padding-right: 0;
   }

   .home-logo {
     width: 80%;
   }

}


/* ----------------------------- */


/* --- HOMEPAGE STYLING (OLD) --- */

#home-vid{
    width: 600px;
    height: 600px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -300px;
}

.bg-video {
  background-color: white;
}

.background-video iframe{
  src: url('https://player.vimeo.com/video/250653546?background=1');
}

/* ----------------------------- */



.bodyimg {
  max-width: 600px;
}

.award-img {
  width: 300px;

}

#bookimg {
  padding-left: 50px;
  padding-right: 50px;
}



/* --- TABLE STYLING --- */

.privacy-table {
  border: solid 1px #575756;
  width: 100%;
}

.table-heading {
  background-color: #f3f3f3;
  padding: 15px;
  border: solid 1px #575756;
  color: #99A67F;
  font-family: 'fs_meregular';
  font-size: 1.7rem;
}

.table-row {
  padding: 5px;
}

.table-data {
  font-family: 'fs_melight';
  line-height: 2.5rem;
  font-size: 1.7rem;
  border: solid 1px #575756;
  padding: 15px;
}


/* --- STYLING FOR THE EXPANDED NAV --- */

#expanded-menu {
  overflow-x: hidden;
  transition: 0.5s;
}

.expanded-menu {
  background-color: #f3f3f3;
  height: 100%;
  position: fixed;
  display: block;
  width: 230px;
  text-align: center;
  z-index: 100;
  overflow-x: hidden;
  animation: animateleft 0.4s;
  margin-left: -240px;
  top: 0;
}

.expanded-menu a {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-size: 1.75rem;
  color: #7D7C7D;
}

.expanded-menu a:hover {
  text-decoration: none;
  color: #99A67F;
}


.expanded-menu .menu-line {
  margin: 5px auto;
  width: 25px;
}

#expanded-menu .privacy {
  margin-top: 20px;
  color: #7D7C7D;
  text-align: center;
  display: block;
}

#expanded-menu .privacy p {
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0;
  margin-bottom: 5px;
}

.privacy a {
  font-size: 1.2rem;
  text-align: center;
  font-family: 'fs_melight';
}

.logo {
  width: 60px;
  display: block;
  margin: 30px auto 30px auto;
}

.socialmedia {
  display: block;
  text-align: center;
  padding-top: 20px;
}

.socialmedia a {
  display: inline;
}

.socialmedia a img {
  width: 20px;
  margin: 5px 2px;
}

.expanded-menu .closebtn {
  margin-top: 20px;
  float: none;
}

.expanded-menu .closebtn img {
  width: 30px;
}


/* --- STYLING FOR THE CONTACTED NAV --- */

.menu {
  height: 100%;
}

.contracted-menu {
  width: 75px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #f3f3f3;
  display: block;
  text-align: center;
  position: fixed;
  z-index: 1;
  overflow-x: hidden;
  animation: animateleft 0.4s;

  -ms-flex: 0 100px;
-webkit-box-flex:  0;
-moz-box-flex:  0;
-ms-box-flex:  0;
box-flex:  0;

}

.menu-icons {
  margin-top: -20px;
  max-height: 100%;
}


.contracted-menu .burger {
  margin-bottom: 20px;
  margin-top: 20px;
  width: 25px;
}

.contracted-menu .logo-small {
  margin-bottom: 40px;
  margin-top: 40px;
  width: 40px;
}

.contracted-menu .socialmedia-sm {
  margin-top: 20px;
}

.contracted-menu img {
  margin: 7px 10px;
  width: 50px;
  display: inline-block;
  text-align: center;

}

.contracted-menu .sm-small {
  width: 25px;
  margin: 5px 10px;
}

/* Mini nav */
.secNav {
	display: block;

	margin-bottom: 50px;
}

.secNav-level2 {
  margin-top: 30px;
}


.secNav ul {
	list-style: none;
	padding-left: 0 !important;
}

.subButton {
	display: inline;
	padding: 10px 40px;
	border-radius: 2px;
  border-bottom: 4px solid #B7B7B7;
	margin-right: 20px;
  font-size: 1.25em;
  background-color: #E2E2E1;
  color: #7D7C7D;
}


.subButton:hover {
	background-color: #99A67F;
	color: white;
  border-bottom: 4px solid #838C6C;
  padding-top: -5px;

}

/* --- STYLING FOR MAIN PAGES --- */

#main {
  transition: margin-left .2s;
  margin-top: 40px;
}

.webcontainer {
  padding-left: 0 !important;
  padding-right: 0 !important;

}

.container {
  width: 100%;
  height: 100%;
}

.col-sm-8 p {
  width: 100%;
}

.CSR {
  padding-left: 0 !important;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

h1 {
  font-size: 5rem !important;
  color: #8da07d !important;
}

h2 {
  color: #595959 !important;
}

h3 {
  color: #595959 !important;
}

h4 {
  color: #99A67F;
}

hr.dividingline {
  margin-bottom: 40px;
  margin-left: 0;
  border-top: 1px dashed #8c8b8b;
  width: 90%;
  clear: both;
}

.intro {
  font-size: 2rem;
  line-height: 3.2rem;
  font-family: 'fs_melight';
  margin: 20px 120px 40px 0;
  width: 90%;
}

.intro a {
  font-family: 'fs_melight';
  color: #99A67F;

}

.player .video-wrapper {
  background-color: white !important;
}

.intro a:hover {
    text-shadow:  -.5px 0 #DA8219, 0 .5px #DA8219, .5px 0 #DA8219, 0 -.5px #99A67F;
    text-decoration: none;
    color: #DA8219;
}

.intro strong {
  font-size: 2.3rem;
  line-height: 2rem;
  font-family: 'fs_meregular';
}

#intro-body {
  font-size: 2rem;
  line-height: 3.2rem;
  font-family: 'fs_melight';
  margin: 20px 0px 10px 0;
  color: #8da07d;
  width: 90%;
  padding-right: 30px;
}

#bottom-para {
  margin-bottom: 60px;
}

#teamphoto {
  background-color: #F9F9F9;
}

.act-img {
  width:200px;
  margin-right: 20px;
  margin-bottom: 50px;
  margin-top: 20px;
}

#img-mobile {
  display: none;
}

.mobile-team {
  display: none;
}

.col-sm-1 {
  padding: 0;
  margin: 0;
}

.col-sm-6 {
  padding: 0;
}

.col-sm-7 {
  padding: 0;
  margin: 0;
}

.col-sm-8 {
  padding: 0;
  margin: 0;
}

.col-sm-10 {
  padding: 0;
  margin: 0;
}

.col-sm-4 {
  padding: 0;
  margin: 0;
}

.col-sm-5 {
  padding: 0;
  margin: 0;
}

.col-sm-11 {
  padding: 0;
  margin: 0;
}

.col-sm-12 {
  padding: 0;
  margin: 0;
}

#main .col-sm-6 .placeholder-image {
  width: 400px;
  height: 275px;
  padding: 10px 0;
}

.ipa-placeholder {
  width: 150px;
  padding: 10px;
}

#image-cert {
  max-width: 200px;
  background-color: #fff;
  margin-bottom: 20px;
}

.ipa {
  padding-left: 0;
}

.ipa ul {
  list-style-position: outside;

}

.ipa li {
  padding-bottom: 10px;
  padding-right: 40px;
  font-size: 1.7rem;
  line-height: 2.5rem;
  font-family: 'fs_melight';
  list-style: none;
  margin-left: 14px;
  text-indent: -14px;
  width: 80%;
}


.ipa li::before {
  color: #99A67F;
  content: "\2022";
  font-size: 1em;
  padding-right: 1rem;
}


#main .meet-team{
  background-color: pink;
}

#main .teamphoto {
  width: 1000px;
  height: 500px;
}

p {
  margin-right: 40px;
  margin-bottom: 15px;
  line-height: 2.5rem;
  font-size: 1.7rem;
  font-family: 'fs_melight';
  width: 100%;
}

.body-copy {
  width: 90%;
  padding-right: 30px;
}

.bodyimg {
  width: 100%;
  margin: 10px 0;
}

.quote {
  width: 80%;
  margin-bottom: 30px;
}

.content-img {
  width: 100%;
  max-width: 750px;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

#img-mobile {
  display: none;
}

#cuttsy-website-image {
  width: 95%;
}

#actmobile {
  width: 30%;
  margin-top: 20px;
}

.benefits-icons {
  top: 0 ;
  position: relative;
  display: inline-block;

}


#awardicon {
 width: 130px;
}

.benefits-icons div img{
  height: 100px;
  display: block;
  margin: auto;
  padding-left: auto;
  padding-right: auto;
  padding-top: auto;
  padding-bottom: 10px;
  text-align: center;
}

.benefits-icons .benefits-head {
  display: inline;
  text-align: center;
  line-height: 1.2em;
  margin: auto;
  padding: auto;
  display: block;
}



/* -----  WHAT WE DO. ----- */

#whatWeDo {
  background-color: #CCD1C0;
  position: relative;
  z-index: -1;
}

#section1, #section2, #section3 {
  margin-left: 280px;
  margin-right: 100px;
}

.subhead {
  padding-top: 50px;
  margin-left: 50px;
  font-size: 3rem;
}

.buttons{
  position: absolute;
  float: right;
}

.italics {
  font-family: 'fs_melight';
}

#contactformbox {
  height: 900px;
}

#overlay-close {
  color: white !important;
}

#close-dropdown {
  color: white !important;
}




/* -----  HOW WE WORK. ----- */

.sidemenu {
  position: fixed;
  display: block;
  width: 150px;
  background-color: #CCD1C0;
  float: right;
  right: 10vw;
  top: 40vh;
}

.pagecontent {
  margin: 0 300px 0 255px;
}


.webcontent {
  margin-left: 255px;
}

.webcontent li {
  list-style: none;
}

#day-video {
  width: 100%;
  margin-bottom: 100px;
}

.video-heading {
  margin-bottom: 20px;
}

.chalkboard-video {
  width: 700px;
  height: 393.72839506173px;
}

.spacer {
  height: 400px;

}

/* -----  PRIVACY. ----- */

#privacy {
  padding-left: 0;
  margin-left: 0;
}

#privacy-text {
  width: 80%;
}

.clients {
  max-width: 900px;
}

/* -----  FOOTER ----- */

.global-footer {
  margin-top: 100px;
  background-color: #f3f3f3;
  height: 240px;
  clear: left;
  bottom: 0;
  left:0;
  right:0;
  position: relative;
}

.mobile-footer-logo {
  display: none;
}

.footer-copy {
  font-size: 0.8em;
  margin-bottom: 5px;
}

.footer-nav {
  padding-top: 40px;
  padding-left: 0 ;
  padding-right: 0 ;
  margin-left: 20%;
  width: 80%;
  overflow: hidden;
}

.footer-logo {
  width: 100%;
  margin-bottom: 20px;
}

.footer-logo-sec {
  width: 50%;
}

.footer-nav ul {
  padding-left: 0 !important;
}

.footer-nav li {
  list-style: none;
  padding-bottom: 7px;
}

#cuttings6 {
  position: absolute;
}

.bullet-heading {
  color: #99A67F;
}