/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* The Weinschenk Institute Logo Settings*/
    .logo {
      padding: 0px;
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: 200;
      line-height: 30px;
      color: inherit;
      -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
              border-radius: 6px;
    }

    .logo li {
      line-height: 30px;
    }


    .theteamwlogo {
        height:150px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/theteamwlogo_mid.png);
        background-size:30%;
        background-repeat:no-repeat;
        background-position:center center;
    }


/*Headers*/

    h1 {
      margin: 10px 0;
      font-family: Open Sans, sans-serif;
      font-weight: 300;
      line-height: 20px;
      color: inherit;
      text-rendering: optimizelegibility;
    }
    h2 {
      margin: 10px 0;
      font-family: Open Sans, sans-serif;
      font-weight: 300;
      line-height: 35px;
      color: inherit;
      text-rendering: optimizelegibility;
    }
    h3 {
      margin: 10px 0;
      font-family: Open Sans, sans-serif;
      font-weight: 300;
      line-height: 30px;
      font-size: 20px;
      color: inherit;
      text-rendering: optimizelegibility;
    }
    h4 {
      margin: 10px 0;
      font-family: Open Sans, sans-serif;
      font-weight: 300;
      line-height: 25px;
      color: inherit;
      text-rendering: optimizelegibility;
    }
    h5 {
      margin: 10px 0;
      font-family: Open Sans, sans-serif;
      font-weight: 300;
      line-height: 20px;
      color: inherit;
      text-rendering: optimizelegibility;
    }
    h6 {
      margin: 10px 0;
      font-family: Open Sans, sans-serif;
      font-weight: 300;
      line-height: 20px;
      color: inherit;
      text-rendering: optimizelegibility;
    }

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
      font-weight: normal;
      line-height: 1;
      color: #999999;
    }

   .frontlogo{
     max-width: 100%;
   }

    .headertext_right {

      left: 5%;

    }

    .headertext_leftright {

      left: 5%;
      right: 10%;

    }

/*Frontpage stuff text*/

    .frontpage_btn {
      padding-top: 15px;
      padding-right: 20px;
      padding-bottom: 20px;
      padding-left: 20px;
      font-size: 1.5rem;
      font-weight: 300;
      line-height: 1.2;
      border-radius: 0.3rem;
      width: 250px;

       /*to change color, and change hover color for frontpage
      color: #fff;
      background-color: #005fa1;
      border-color: #005fa1;


    }


    .frontpage_btn:hover {
      color: #fff;
      background-color: #65909A;
      border-color: #65909A;
    }
      */
    }

    .buttonSpacer {

      margin-top: 3%;
    }


/*Text*/

    body {

      font-size: 1.1rem;
			font-weight: 300;

    }

/*
    font-family-sans-serif:
      // Safari for OS X and iOS (San Francisco)
      -apple-system,
      // Chrome < 56 for OS X (San Francisco)
      BlinkMacSystemFont,
      // Windows
      "Segoe UI",
      // Android
      "Roboto",
      // Basic web fallback
      "Open Sans","Helvetica Neue", Arial, sans-serif,
      // Emoji fonts
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
*/

/*Navbar*/

		.nav-item {
			font-size: 1.2rem;
			font-weight: 400;
			margin: 2px 0px 2px 8px;
		}

		.navbar-brand{
			font-size: 1.8rem;
			font-weight: 400;
			margin-top: -.2rem; /*make brand logo centered with menu*/
			margin-right: 8px; /*make menu start a little earlier for consistent sizing*/
		}


/*Colors*/


    .bg-primary{

      background-color: #007bff !important;
    }

    .btn-primary {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff;
      /*padding-bottom: 15px;
      padding-top: 15px;
      padding-left: 20px;
      padding-right: 20px */
    }

    .btn-primary:hover {
      color: #fff;
      background-color: #0069d9;
      border-color: #0062cc;
    }


/*Main Header Full Screen*/
    .head_full {
        background: #333333;
    }

@media (min-width: 0px) and (max-width: 600px) {
    .podcast_header_image {
        background: url(https://www.humantech.theteamw.com/human_tech.png) center no-repeat;
        background-color:#E8C40F;
        background-size: contain;
        height: 300px;
        width: 100%;
        min-width: 100%;
        z-index:-1;
    }
}

@media (min-width: 600px) and (max-width: 900px) {
    .podcast_header_image {
        background: url(https://www.humantech.theteamw.com/human_tech.png) center no-repeat;
        background-color:#E8C40F;
        background-size: contain;
        height: 440px;
        width: 100%;
        min-width: 100%;
        z-index:-1;
    }
}

@media (min-width: 900px) and (max-width: 1200px) {
    .podcast_header_image {
        background: url(https://www.humantech.theteamw.com/human_tech.png) center no-repeat;
        background-color:#E8C40F;
        background-size: contain;
        height: 600px;
        width: 100%;
        min-width: 100%;
        z-index:-1;
    }

}

@media (min-width: 1200px) {
    .podcast_header_image {
        background: url(https://www.humantech.theteamw.com/human_tech.png) center no-repeat;
        background-color:#E8C40F;
        background-size: contain;
        height: 800px;
        width: 100%;
        min-width: 100%;
        z-index:-1;
    }
}


    .head_text {
        color: #ffffff;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        line-height:120%;
        font-size:74pt;
        }


/* HR line*/
    .hr {
      display: block;
      clear: both;
      margin-left: 10%;
      margin-right: 10%;
      margin-bottom: 30px;
      margin-top: 30px;
      width: 85%;
      height: 1px;
      background: #e4e4e4;
      background: -webkit-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: -moz-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: -ms-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: -o-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
    }

 /*Hero Block Settings*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  width: 10rem;
}

/* Section Header Photos*/

    .learnheader {
        height:200px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/headers/learn_small.jpg)  center no-repeat;
        background-size:100%;
    }
    .booksheader {
        height:200px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/headers/books_small.jpg) center no-repeat;
        background-size:100%;
    }

    .speakingheader {
        height:200px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/headers/speaking_small.jpg) center no-repeat;
        background-size:100%;
    }

    .servicesheader {
        height:200px;
        background-color:#ff2244;
        background: url(/img/headers/consulting_smallfat.jpg) center no-repeat;
        background-size:100%;
        margin-top: -0.25rem !important; /*move it up a little*/
    }

    .aboutheader {
        height:200px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/headers/about_small.jpg) center no-repeat;
        background-size:100%;
    }

    .contentheader {
        height:200px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/headers/camera2_small.jpg) center no-repeat;
        background-size:100%;
    }

/*Overlay*/
.overlay{
	background:rgba(0,0,0,.5);
}


/*make frontpage text larger for bigger screens*/
  .frontpageheader_h2 {

  font-size: 1.3rem;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  line-height: 33px;
  text-rendering: optimizelegibility;
  color: white;

  }




  @media (min-width: 992px) {

   .buttonSideSpacer {
      margin-right: 3%;
      margin-left: 3%;
    }
    .frontpageheader_h2 {

    font-size: 1.6rem;
    font-weight: lighter;
    font-family: 'Open Sans', sans-serif;
    line-height: 45px;
    text-rendering: optimizelegibility;
    color: white;

    }

  }

  @media (min-width: 1250px) {

    .frontpage_btn {
      padding-top: 15px;
      padding-right: 20px;
      padding-bottom: 20px;
      padding-left: 20px;
      font-size: 2.0rem;
      font-weight: 300;
      line-height: 1.5;
      border-radius: 0.3rem;
      width: 300px;
    }

    .frontpageheader_h2 {

    font-size: 1.8rem;
    font-weight: lighter;
    font-family: 'Open Sans', sans-serif;
    line-height: 50px;
    text-rendering: optimizelegibility;
    color: white;
    }


		.nav-item {
			font-size: 1.5rem;
			font-weight: 400;
			margin: 2px 0px 2px 10px;
		}

		.navbar-brand{
			font-size: 2.2rem;
			font-weight: 400;
			margin-top: -.2rem; /*make brand logo centered with menu*/
			margin-right: 10px; /*make menu start a little earlier for consistent sizing*/
		}


}

@media (min-width: 1500px) {
}


@media (max-width: 992px) {

    .head_full {
        background: #333333;;
    }

    .head_text {
        color: #ffffff;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        line-height:120%;
        font-size:45pt;
        }

    .hr {
      display: block;
      clear: both;
      margin-left: 10%;
      margin-right: 10%;
      margin-bottom: 30px;
      margin-top: 30px;
      width: 85%;
      height: 1px;
      background: #e4e4e4;
      background: -webkit-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: -moz-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: -ms-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: -o-linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
      background: linear-gradient(left, rgba(228, 228, 228, 0) 0%, #e4e4e4 20%, #e4e4e4 80%, rgba(228, 228, 228, 0) 99%);
    }



/*Book Images*/

    .bookimage {
        height:380px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/getpeopletodostuff.jpg) center no-repeat;
        background-size:100%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }


    .bookimagedostuff {
        height:400px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/getpeopletodostuff.jpg) center no-repeat;
        background-size:100%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }

    .bookimagedesigner {
        height:350px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/designer.jpg) center no-repeat;
        background-size:100%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }

    .bookimagepresenter {
        height:350px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/presenter.jpg) center no-repeat;
        background-size:100%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }

    .bookimageclick {
        height:350px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/click.jpg) center no-repeat;
        background-size:100%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }


}

/*Book Images*/

    .bookimage {
        height:380px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/getpeopletodostuff.jpg) center no-repeat;
        background-size:65%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }


    .bookimagedostuff {
        height:350px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/getpeopletodostuff.jpg) center no-repeat;
        background-size:65%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }

    .bookimagedesigner {
        height:350px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/designer.jpg) ;
        background-size:65%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
        background-repeat:no-repeat;
        background-position:center center;
        }

    .bookimagepresenter {
        height:350px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/presenter.jpg);
        background-size:65%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
        background-repeat:no-repeat;
        background-position:center center;
        }

    .bookimageclick {
        height:350px;
        background-color:#ff2244;
        width: 100%;
        background: url(/img/books/click.jpg) center no-repeat;
        background-size:65%;
        border-style:solid;
        border-color:#ddd;
        border-width:0px;
    }



/*Repeat of logo wrapper css so that responsive card-group-logo works at all other sizes*/
	.card-deck-logo {
    display: table;
    width: 100%;
    margin-bottom: 0.75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
  }
  .card-deck-logo .card {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: top;
  }
  .card-deck-wrapper-logo {
    margin-right: 0rem;
    margin-left: 0rem;
  }
  .card-group-logo {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .card-group-logo .card {
    display: table-cell;
    vertical-align: top;
  }
  .card-group-logo .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group-logo .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group-logo .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group-logo .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group-logo .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group-logo .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group-logo .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group-logo .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group-logo .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group-logo .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }