/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/**
 * _settings.scss
 */
/**
 * _base.scss
 */
/* line 4, ../sass/_base.scss */
* {
  font-family: Rubik, Arial, sans-serif;
}

/* line 8, ../sass/_base.scss */
h1 {
  font-weight: bold;
}
/* line 11, ../sass/_base.scss */
h1.title {
  font-size: 52px;
  font-weight: normal;
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
}

/* line 18, ../sass/_base.scss */
h1 {
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
  font-size: 78px;
  font-weight: normal;
  color: #00997d;
}

/* line 26, ../sass/_base.scss */
h1.special, h2.special, h3.special, h4.special {
  font-weight: normal;
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
}

/* line 32, ../sass/_base.scss */
h2, .pseudo-h2 {
  font-weight: bold;
  font-size: 40px;
}

/* line 37, ../sass/_base.scss */
h3, .pseudo-h3 {
  font-size: 30px;
  font-weight: normal;
}

/* line 42, ../sass/_base.scss */
h4, .pseudo-h4 {
  font-size: 24px;
  padding: 1em 0;
  line-height: normal;
}

/* line 48, ../sass/_base.scss */
p {
  font-size: 15px;
}

/* line 52, ../sass/_base.scss */
img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  /* line 58, ../sass/_base.scss */
  body {
    margin-top: 0;
  }
}
/* line 63, ../sass/_base.scss */
p.tag {
  color: #FC6809;
  color: #C54D02;
  font-size: 15px !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid #FC6809;
  border: 2px solid #C54D02;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
}

/**
 * _components.scss
 */
/* ------- Navigation ---------- */
/* line 10, ../sass/_components.scss */
.navbar {
  border-radius: 0;
  min-height: 70px;
  padding-top: 12px;
  z-index: 1;
  margin-bottom: 0;
}
/* line 16, ../sass/_components.scss */
.navbar.navbar-inverse {
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
}
/* line 21, ../sass/_components.scss */
.navbar.navbar-inverse .navbar-nav > li > a {
  color: white;
  letter-spacing: 0.5px;
  padding: 0px !important;
  margin: 15px;
}
@media (min-width: 891px) {
  /* line 29, ../sass/_components.scss */
  .navbar nav {
    display: inline-block;
  }
  /* line 32, ../sass/_components.scss */
  .navbar .region-navigation-collapsible {
    text-align: right;
  }
}

/* line 41, ../sass/_components.scss */
.navbar-inverse .navbar-brand {
  color: #494949;
  font-weight: bold;
  font-size: 24px;
}
/* line 46, ../sass/_components.scss */
.navbar-inverse .navbar-brand:hover {
  color: #494949;
}

/* line 53, ../sass/_components.scss */
.navbar.navbar-inverse {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 56, ../sass/_components.scss */
.navbar.navbar-inverse.navbar-inverse .navbar-nav > li > a {
  color: #494949;
}

/* line 61, ../sass/_components.scss */
.navbar-brand {
  color: #494949;
}
/* line 64, ../sass/_components.scss */
.navbar-brand:hover {
  color: #494949;
}

/* line 69, ../sass/_components.scss */
nav.tabs {
  background: #fff;
  padding: 5px;
}

/* line 74, ../sass/_components.scss */
.nav > li > a:hover,
.nav > li > a:focus {
  background: none;
  box-shadow: inset 0 -3px 0 0 #66DAC6;
}

/* line 81, ../sass/_components.scss */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: transparent;
  box-shadow: inset 0 -3px 0 0 #66DAC6;
}

/* line 88, ../sass/_components.scss */
.navbar-inverse .navbar-nav > li > a:hover {
  background-color: #66DAC6;
}

/* line 92, ../sass/_components.scss */
.logo.navbar-btn {
  margin-top: 0px;
  max-width: 115px;
  padding-right: 0px !important;
}
/* line 97, ../sass/_components.scss */
.logo.navbar-btn img {
  width: 100%;
}

/* line 102, ../sass/_components.scss */
.navbar-inverse .navbar-brand {
  font-family: "Comfortaa", Rubik, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 1px;
}

/* line 109, ../sass/_components.scss */
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #333;
}

/* ------- Page Header ---------- */
/* line 116, ../sass/_components.scss */
.page-header {
  border: none;
}

/* line 122, ../sass/_components.scss */
.region-header h1 {
  margin: 30px 0 !important;
  color: #fff;
}

/* line 130, ../sass/_components.scss */
.path-node.page-node-13 .page-ds-header h1, .path-node.page-node-13 .page-ds-header h1.title,
.page-ds-header h1,
.page-ds-header h1.title {
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
  font-size: 78px;
  font-weight: normal;
  color: #00997d;
}

/* line 138, ../sass/_components.scss */
.user-logged-in .page-ds-header {
  position: relative;
}

/* line 142, ../sass/_components.scss */
.page-node-type-page:not(.path-frontpage)
.page-node-type-page:not(.page-node-2),
.path-node {
  background-image: url(../img/graphic_fern_light.svg);
  background-position: 120% 0%;
  background-size: 40%;
  background-repeat: no-repeat;
  	/*.page-ds-content {
  		padding-top: 50px;
  
  		@media (max-width: 890px) {
  			padding-top: 30px;
  		}
  	}*/
}
/* line 151, ../sass/_components.scss */
.page-node-type-page:not(.path-frontpage)
.page-node-type-page:not(.page-node-2) .page-ds-header,
.path-node .page-ds-header {
  color: #fff;
  margin: 0 -15px;
  padding: 100px 40px 20px;
  margin-top: -70px;
  z-index: -1;
}
@media (max-width: 890px) {
  /* line 151, ../sass/_components.scss */
  .page-node-type-page:not(.path-frontpage)
  .page-node-type-page:not(.page-node-2) .page-ds-header,
  .path-node .page-ds-header {
    padding: 100px 15px 40px;
  }
}
/* line 164, ../sass/_components.scss */
.page-node-type-page:not(.path-frontpage)
.page-node-type-page:not(.page-node-2) .page-ds-header h1.title,
.path-node .page-ds-header h1.title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 46px;
  color: #494949;
}

/* ------- Content ---------- */
/* line 185, ../sass/_components.scss */
.main-container {
  margin-top: -70px;
  padding-top: 20px;
  min-height: 93vh;
  padding-bottom: 100px;
}

/* ------- Footer ---------- */
/* line 195, ../sass/_components.scss */
.footer {
  border-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
  background-color: #1d5896;
}
/* line 202, ../sass/_components.scss */
.footer a {
  color: #fff;
}
/* line 206, ../sass/_components.scss */
.footer .nav li {
  float: left;
}

/* line 211, ../sass/_components.scss */
#block-footercontent {
  background-color: #1d5896;
  margin: 0 -15px;
  color: #fff;
}
/* line 216, ../sass/_components.scss */
#block-footercontent .container {
  padding: 100px 40px 80px;
}
/* line 220, ../sass/_components.scss */
#block-footercontent h3 {
  margin-top: 20px;
}
/* line 224, ../sass/_components.scss */
#block-footercontent p.credit {
  margin-top: 60px;
  color: #00e4b4;
  font-size: 26px;
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
}
/* line 231, ../sass/_components.scss */
#block-footercontent .btn.btn-info {
  margin-top: 10px;
  background-color: #F5B1E8;
  padding: 18px 32px;
}
/* line 236, ../sass/_components.scss */
#block-footercontent .btn.btn-info:hover, #block-footercontent .btn.btn-info.active, #block-footercontent .btn.btn-info:focus {
  background-color: #f8c8ef;
}
/* line 241, ../sass/_components.scss */
#block-footercontent a.footer-mailto {
  color: #66DAC6;
  color: #98E6D9;
}
/* line 245, ../sass/_components.scss */
#block-footercontent a.footer-mailto:hover {
  color: #00997d;
}

/* line 251, ../sass/_components.scss */
.copyright {
  color: #fff;
  margin-top: -30px;
}

/* line 257, ../sass/_components.scss */
.eu-cookie-compliance-banner {
  padding: 10px 0;
}
/* line 259, ../sass/_components.scss */
.eu-cookie-compliance-banner h2, .eu-cookie-compliance-banner p {
  font-weight: normal;
}
/* line 262, ../sass/_components.scss */
.eu-cookie-compliance-banner p {
  margin-bottom: 15px;
  font-size: 12px !important;
}
/* line 266, ../sass/_components.scss */
.eu-cookie-compliance-banner button {
  font-family: Rubik, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.0em;
  border-radius: 4px;
  padding: 4px 20px 3px;
  margin-top: 0.5em;
  text-transform: uppercase;
}

/* ------- Buttons ---------- */
/* line 279, ../sass/_components.scss */
.btn {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
/* line 283, ../sass/_components.scss */
.navbar .btn {
  margin-top: 3px;
}
/* line 287, ../sass/_components.scss */
.btn.btn-lg {
  font-size: 18px;
  padding: 10px 32px;
  border: none;
  box-shadow: 0 4px 0px rgba(0, 0, 0, 0.4);
}
/* line 295, ../sass/_components.scss */
.main-container .btn.btn-lg {
  margin-top: 30px;
  padding: 18px 32px;
}
/* line 301, ../sass/_components.scss */
.btn.btn-success {
  background-color: #00e4b4;
  color: #494949;
}
/* line 305, ../sass/_components.scss */
.btn.btn-success:hover, .btn.btn-success.active, .btn.btn-success:focus {
  background-color: #000e0b;
  color: #494949;
}
/* line 311, ../sass/_components.scss */
.btn.btn-info {
  background-color: #ffc700;
  color: #494949;
}
/* line 315, ../sass/_components.scss */
.btn.btn-info:hover, .btn.btn-info.active, .btn.btn-info:focus {
  background-color: #ffd84d;
  color: #494949;
}
/* line 321, ../sass/_components.scss */
.btn.btn-pink {
  background-color: #F5B1E8;
  color: #494949;
}
/* line 325, ../sass/_components.scss */
.btn.btn-pink:hover, .btn.btn-pink.active, .btn.btn-pink:focus {
  background-color: #f8c8ef;
  color: #494949;
}

/* line 332, ../sass/_components.scss */
#block-vedgy-requestmoreinfobutton {
  float: right;
  margin-left: 30px;
}

/* line 338, ../sass/_components.scss */
.panel {
  margin-bottom: 20px !important;
}

/* line 342, ../sass/_components.scss */
.panel-body {
  min-height: 180px;
}

/* line 1, ../sass/_front.scss */
.path-frontpage {
  /* background-color: $meadow; */
  background-image: url(../img/graphic_weed.svg), url(../img/graphic_fern.svg), url(../img/blob_pink.svg), url(../img/blob_blue.svg), url(../img/blob_orange.svg);
  background-position: -25% 7%, 120% 20%, 140% -5%, -40% 10%, 200% 5%;
  background-size: 45%, 45%, 75%, 65%, 85%;
  background-repeat: no-repeat;
}
/* line 8, ../sass/_front.scss */
.path-frontpage h3 {
  display: block;
}
@media (max-width: 680px) {
  /* line 8, ../sass/_front.scss */
  .path-frontpage h3 {
    margin-top: 40px;
  }
}
/* line 19, ../sass/_front.scss */
.path-frontpage p {
  font-size: 20px;
}
/* line 23, ../sass/_front.scss */
.path-frontpage .icons-services {
  background-color: #66DAC6;
  height: 200px;
  max-width: 200px;
  width: 100%;
  border-radius: 50%;
}
/* line 31, ../sass/_front.scss */
.path-frontpage .main-container {
  background-size: 1203px auto;
  background-repeat: no-repeat;
  background-position: center 100px;
  padding-top: 130px;
  padding-bottom: 0;
}
@media (max-width: 1280px) {
  /* line 31, ../sass/_front.scss */
  .path-frontpage .main-container {
    background-size: 1027px auto;
  }
}
@media (max-width: 1080px) {
  /* line 31, ../sass/_front.scss */
  .path-frontpage .main-container {
    background-size: 843px auto;
  }
}
@media (max-width: 890px) {
  /* line 31, ../sass/_front.scss */
  .path-frontpage .main-container {
    background-size: 643px auto;
  }
}
@media (max-width: 680px) {
  /* line 31, ../sass/_front.scss */
  .path-frontpage .main-container {
    background-size: 90.5vw auto;
    background-position: center 110px;
  }
}
@media (max-width: 460px) {
  /* line 31, ../sass/_front.scss */
  .path-frontpage .main-container {
    background-size: 381px auto;
    background-position: center 115px;
  }
}
@media (max-width: 400px) {
  /* line 31, ../sass/_front.scss */
  .path-frontpage .main-container {
    background-size: 349px auto;
    background-position: 16px 85px;
    padding-top: 100px;
  }
}
/* line 67, ../sass/_front.scss */
.path-frontpage .page-header,
.path-frontpage .title {
  display: none;
}
/* line 73, ../sass/_front.scss */
.path-frontpage .field--name-body section div.col-sm-6 {
  padding-bottom: 20px;
}
/* line 77, ../sass/_front.scss */
.path-frontpage .field--name-body section:nth-child(1) {
  height: 65vh;
}
@media (max-width: 400px) {
  /* line 77, ../sass/_front.scss */
  .path-frontpage .field--name-body section:nth-child(1) {
    height: 80vh;
  }
}
@media (max-height: 400px) {
  /* line 77, ../sass/_front.scss */
  .path-frontpage .field--name-body section:nth-child(1) {
    height: 120vh;
  }
}
/* line 88, ../sass/_front.scss */
.path-frontpage .field--name-body section:nth-child(2) {
  padding-bottom: 80px;
}
/* line 94, ../sass/_front.scss */
.path-frontpage .field--name-body section:nth-child(3) {
  border-top: 2px solid #eee;
  background: #fff;
}
/* line 101, ../sass/_front.scss */
.path-frontpage .field--name-body section:nth-child(3) .container {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 109, ../sass/_front.scss */
.blobbies {
  max-height: 90vh;
  margin: 0 auto;
  padding: 10% 20%;
  color: white;
}
/* line 116, ../sass/_front.scss */
.blobbies h1 {
  font-weight: normal;
  font-size: 78px;
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
  text-align: center;
  color: white;
}
@media (max-width: 890px) {
  /* line 137, ../sass/_front.scss */
  .blobbies h1 {
    font-size: 48px;
  }
}
@media (max-width: 680px) {
  /* line 109, ../sass/_front.scss */
  .blobbies {
    max-height: 95%;
  }
  /* line 147, ../sass/_front.scss */
  .blobbies h1 {
    font-size: 48px;
  }
}
@media (max-width: 400px) {
  /* line 109, ../sass/_front.scss */
  .blobbies {
    max-height: 100vh;
    margin-bottom: 20px;
  }
}

/* line 165, ../sass/_front.scss */
.learn-more-btn .btn {
  padding: 8px 20px;
  font-size: 16px;
}

/* line 1, ../sass/_webform.scss */
.node--type-webform .field.field--name-body {
  width: 45%;
  float: left;
  margin-right: 5%;
}

/* line 11, ../sass/_webform.scss */
.node--type-webform .field--name-webform {
  width: 50%;
  float: left;
  padding: 30px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  border: 1px solid #efefef;
  box-shadow: 0 4px 0px rgba(0, 0, 0, 0.4);
    /* @media (max-width: 1080px) {
    	float: none;
    	width: 100%;
    	margin-left: 0;
    	margin-top: -40px;

		.webform-button--submit {
		    width: 100%;
		}
	} */
}
/* line 20, ../sass/_webform.scss */
.node--type-webform .field--name-webform .form-actions {
  text-align: right;
}
/* line 24, ../sass/_webform.scss */
.node--type-webform .field--name-webform .webform-button--submit {
  padding: 10px 20px;
  margin-top: 20px;
  background-color: #1d5896;
  border: 0px solid transparent;
  box-shadow: 0 4px 0px rgba(0, 0, 0, 0.4);
}
/* line 32, ../sass/_webform.scss */
.node--type-webform .field--name-webform .webform-button--submit:hover, .node--type-webform .field--name-webform .webform-button--submit.active, .node--type-webform .field--name-webform .webform-button--submit:focus {
  background-color: #2571c1;
}

@media (max-width: 890px) {
  /* line 51, ../sass/_webform.scss */
  .path-node.page-node-type-webform .page-ds-header {
    padding-bottom: 0px;
  }

  /* line 56, ../sass/_webform.scss */
  .node--type-webform .field--name-webform {
    width: 98%;
  }

  /* line 60, ../sass/_webform.scss */
  .node--type-webform .field.field--name-body {
    width: 100%;
    margin-bottom: 30px;
  }
}
/* line 66, ../sass/_webform.scss */
#block-webform .form-control {
  width: 100%;
}

/* ------- PepperSnap Page Styles ---------- */
/* line 3, ../sass/_custom.scss */
.page-node-2 {
  background: linear-gradient(180deg, #00997d 10%, white 10%);
}
/* line 6, ../sass/_custom.scss */
.page-node-2 .page-ds-header {
  background: #00997d;
  background-image: url(../img/graphic_weed.svg), url(../img/graphic_fern_light.svg);
  background-position: -15% 7%, 120% 70%;
  background-size: 45%, 50%;
  background-repeat: no-repeat;
  color: #fff;
  margin: 0 -15px;
  padding: 100px 40px 40px;
  margin-top: -70px;
  z-index: -1;
}
@media (max-width: 890px) {
  /* line 6, ../sass/_custom.scss */
  .page-node-2 .page-ds-header {
    padding: 100px 15px 40px;
  }
}
/* line 24, ../sass/_custom.scss */
.page-node-2 .navbar.navbar-inverse {
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 28, ../sass/_custom.scss */
.page-node-2 .navbar.navbar-inverse.navbar-inverse .navbar-nav > li > a {
  color: white;
}
/* line 32, ../sass/_custom.scss */
.page-node-2 .page-ds-content {
  padding-top: 50px;
}
@media (max-width: 890px) {
  /* line 32, ../sass/_custom.scss */
  .page-node-2 .page-ds-content {
    padding-top: 30px;
  }
}
/* line 41, ../sass/_custom.scss */
.page-node-2 .page-ds-header h1 {
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
  font-size: 78px;
  font-weight: normal;
  color: white;
}
/* line 48, ../sass/_custom.scss */
.page-node-2 .page-ds-header .page-header,
.page-node-2 .page-ds-header .title {
  display: none;
}
/* line 56, ../sass/_custom.scss */
.page-node-2 .navbar-inverse .navbar-brand {
  color: white;
  font-weight: bold;
}
/* line 60, ../sass/_custom.scss */
.page-node-2 .navbar-inverse .navbar-brand:hover {
  color: white;
}
/* line 67, ../sass/_custom.scss */
.page-node-2 .navbar-inverse .navbar-toggle .icon-bar {
  background-color: white;
}
/* line 71, ../sass/_custom.scss */
.page-node-2 .main-container {
  padding-bottom: 0px;
}

/* line 78, ../sass/_custom.scss */
.field--name-field-intro-text {
  font-size: 22px;
}

/* line 82, ../sass/_custom.scss */
.features-display {
  background: #eee;
  margin: 0 -15px;
  padding: 4em 15px 6em 15px;
}
/* line 87, ../sass/_custom.scss */
.features-display h2 {
  text-align: center;
}
/* line 90, ../sass/_custom.scss */
.features-display .col-sm-4 {
  text-align: center;
}
/* line 94, ../sass/_custom.scss */
.features-display .col-sm-4 h3 svg {
  font-size: 52px;
  margin: 20px 0;
  color: #1d5896;
}
/* line 100, ../sass/_custom.scss */
.features-display .icon-wrap {
  background-color: #66DAC6;
  display: inline-block;
  padding: 0px 20px;
  border-radius: 50%;
  font-size: 2em;
  width: 3em;
  height: 3em;
  padding-top: .75em;
  text-align: center;
  color: white;
}
/* line 113, ../sass/_custom.scss */
.features-display .col-sm-4 {
  margin-top: 10px;
  margin-bottom: 30px;
}

/* line 120, ../sass/_custom.scss */
section.page-intro {
  padding-bottom: 60px;
}
/* line 124, ../sass/_custom.scss */
section.cta-section {
  background: #1d5896;
  margin: 0 -15px;
  color: #fff;
}
/* line 128, ../sass/_custom.scss */
section.cta-section h2 {
  font-size: 2.8em;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 30px;
}
/* line 136, ../sass/_custom.scss */
section.last-section {
  margin-bottom: -70px;
  padding-bottom: 70px;
  padding-top: 70px;
}

/* - Peppersnap page - */
/* line 147, ../sass/_custom.scss */
.jumbotron-wrap {
  background-image: url(../images/your-school-website.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  margin: 3% 0;
  		/* background-size: 1203px auto;
  		background-repeat: no-repeat;
  		background-position: center ($navbarHeight + 30);
  		padding-top: $navbarHeight + 60;
  		padding-bottom: 0;
  
  		@media (max-width: 1280px) {
  			background-size: 1027px auto;
  		}
  
  		@media (max-width: 1080px) {
  			background-size: 843px auto;
  		}
  
  		@media (max-width: 890px) {
  			background-size: 643px auto;
  		}
  
  		@media (max-width: 680px) {
  			background-size: 90.5vw auto;
  			background-position: center ($navbarHeight + 40);
  		}
  
  		@media (max-width: 460px) {
  			background-size: 381px auto;
  			background-position: center ($navbarHeight + 45);
  		}
  
  		@media (max-width: 400px) {
  			background-size: 349px auto;
  			background-position: 16px ($navbarHeight + 15);
  			padding-top: $navbarHeight + 30;
  		} */
}

@media screen and (min-width: 768px) {
  /* line 191, ../sass/_custom.scss */
  .container .jumbotron, .container-fluid .jumbotron {
    padding: 12% 12% 8% 12%;
  }
}
/* line 196, ../sass/_custom.scss */
.jumbotron {
  border: 10px solid #494949;
  border-top: none;
  border-radius: 0 0 20px 20px;
  width: 100%;
  max-height: 90vh;
  margin: 0 auto;
  padding: 100px 100px 60px;
}
/* line 207, ../sass/_custom.scss */
.jumbotron .btn.btn-info {
  background-color: #F5B1E8;
  margin-top: 30px;
}
/* line 212, ../sass/_custom.scss */
.jumbotron h1 {
  font-weight: normal;
  font-family: "Fredoka One", Rubik, Arial, sans-serif;
  text-align: center;
  color: white;
}
@media (max-width: 1280px) {
  /* line 196, ../sass/_custom.scss */
  .jumbotron {
    padding: 90px 90px 50px;
  }
}
@media (max-width: 1080px) {
  /* line 196, ../sass/_custom.scss */
  .jumbotron {
    padding: 60px 60px 40px;
  }
}
@media (max-width: 890px) {
  /* line 196, ../sass/_custom.scss */
  .jumbotron {
    padding: 50px 50px 60px;
  }
  /* line 232, ../sass/_custom.scss */
  .jumbotron h1 {
    font-size: 48px;
  }
}
@media (max-width: 680px) {
  /* line 196, ../sass/_custom.scss */
  .jumbotron {
    padding: 50px 30px 60px;
    max-height: 95%;
  }
  /* line 242, ../sass/_custom.scss */
  .jumbotron h1 {
    font-size: 48px;
  }
}
@media (max-width: 460px) {
  /* line 196, ../sass/_custom.scss */
  .jumbotron {
    padding: 20px 10px 30px;
  }
}
@media (max-width: 400px) {
  /* line 196, ../sass/_custom.scss */
  .jumbotron {
    padding: 20px 10px 30px;
    max-height: 100vh;
    margin-bottom: 20px;
  }
}

/* line 260, ../sass/_custom.scss */
.jumbotron {
  background: transparent;
  color: #fff;
}

/* line 265, ../sass/_custom.scss */
section.why {
  padding-bottom: 5em;
}
/* line 268, ../sass/_custom.scss */
section.why img {
  margin-top: 15%;
}

/* line 274, ../sass/_custom.scss */
#block-webform {
  background-color: #F5B1E8;
  margin-left: -15px;
  margin-right: -15px;
  padding: 100px 40px 80px;
}
/* line 280, ../sass/_custom.scss */
#block-webform h2 {
  padding-left: 30px;
  padding-bottom: 40px;
  width: 1170px;
  margin: 0 auto;
}
/* line 287, ../sass/_custom.scss */
#block-webform form {
  width: 1170px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 294, ../sass/_custom.scss */
#block-webform .form-control {
  width: 100%;
  float: left;
  height: 61px;
  padding: 12px 24px;
  border-radius: 6px;
}
/* line 302, ../sass/_custom.scss */
#block-webform .webform-button--submit {
  padding: 16.5px 32px;
  font-size: 18px;
  box-shadow: 0 4px 0px rgba(0, 0, 0, 0.4);
  background-color: #ffc700;
  color: #494949;
  border-radius: 6px;
  float: left;
  width: auto;
  margin-left: 15px;
  border: 0px;
  min-width: 189.44px;
}
/* line 315, ../sass/_custom.scss */
#block-webform .webform-button--submit:hover, #block-webform .webform-button--submit.active, #block-webform .webform-button--submit:focus {
  background-color: #ffd84d;
}
/* line 320, ../sass/_custom.scss */
#block-webform .form-actions .btn, #block-webform .form-actions .btn-group {
  margin-right: 0;
}

/* line 326, ../sass/_custom.scss */
.field.field--name-field-intro-text.field--type-text.field--label-hidden.field--item {
  display: none;
}

/* - Blog - */
/* line 332, ../sass/_custom.scss */
.post-date-container {
  padding-top: 0px !important;
  padding-bottom: 10px;
  letter-spacing: 1px !important;
}

/* line 338, ../sass/_custom.scss */
.page-node-type-article {
  background-image: none;
}
/* line 341, ../sass/_custom.scss */
.page-node-type-article .main-container {
  min-height: none;
}
/* line 345, ../sass/_custom.scss */
.page-node-type-article .featured-image img {
  border: 0px;
}
/* line 349, ../sass/_custom.scss */
.page-node-type-article .post-date {
  line-height: 4;
  font-size: 17px;
  letter-spacing: 1px;
}

/* line 359, ../sass/_custom.scss */
.path-blog .view-header .container {
  padding-bottom: 35px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: 2px solid #eee;
}
/* line 366, ../sass/_custom.scss */
.path-blog .views-row {
  margin-bottom: 20px;
}

/**
 * _responsive.scss
 */
@media (max-width: 1024px) {
  /* line 14, ../sass/_responsive.scss */
  .page-node-2 .page-ds-header {
    padding: 100px 0px 40px 0px;
  }
  /* line 17, ../sass/_responsive.scss */
  .page-node-2 .page-ds-header .container {
    padding: 0px;
  }
}
@media (max-width: 991px) {
  /* line 25, ../sass/_responsive.scss */
  .path-frontpage {
    background-image: url(../img/graphic_weed.svg), url(../img/graphic_fern_light.svg), url(../img/blob_pink.svg), url(../img/blob_blue.svg), url(../img/blob_orange.svg);
    background-position: -25% 7%, 120% 15%, 160% -5%, -65% 2%, 210% 2%;
    background-size: 45%, 45%, 65%, 55%, 65%;
    background-repeat: no-repeat;
  }

  /* line 46, ../sass/_responsive.scss */
  .nav > li > a {
    display: inline-block;
  }
}
@media (max-height: 767px) {
  /* line 61, ../sass/_responsive.scss */
  .path-frontpage {
    background-position: -25% 7%, 120% 15%, 140% -14%, -40% 0%, 180% 0;
  }

  /* line 65, ../sass/_responsive.scss */
  .path-frontpage .field--name-body section:nth-child(1) {
    height: 92vh;
  }
}
@media (max-width: 991px) {
  /* line 73, ../sass/_responsive.scss */
  .path-frontpage .field--name-body section:nth-child(1) {
    height: auto !important;
  }

  /* line 77, ../sass/_responsive.scss */
  .page-ds-header h1, h1 {
    font-size: 48px;
  }

  /* line 81, ../sass/_responsive.scss */
  .main-container {
    min-height: 0px;
  }
}
@media (max-width: 890px) {
  /* line 90, ../sass/_responsive.scss */
  .navbar-header {
    float: none;
  }

  /* line 93, ../sass/_responsive.scss */
  .navbar-left, .navbar-right {
    float: none !important;
  }

  /* line 96, ../sass/_responsive.scss */
  .navbar-toggle {
    display: block;
  }

  /* line 99, ../sass/_responsive.scss */
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }

  /* line 105, ../sass/_responsive.scss */
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  /* line 109, ../sass/_responsive.scss */
  .navbar-collapse.collapse {
    display: none !important;
  }

  /* line 112, ../sass/_responsive.scss */
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

  /* line 116, ../sass/_responsive.scss */
  .navbar-nav > li {
    float: none;
  }

  /* line 119, ../sass/_responsive.scss */
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* line 123, ../sass/_responsive.scss */
  .collapse.in {
    display: block !important;
  }

  /* line 127, ../sass/_responsive.scss */
  .main-container {
    padding-top: 60px;
  }

  /* line 131, ../sass/_responsive.scss */
  .path-node .page-ds-header {
    padding: 20px 15px;
    margin-top: 0;
  }

  /* line 136, ../sass/_responsive.scss */
  #block-vedgy-requestmoreinfobutton {
    float: none;
    margin: 0;
    margin-bottom: 15px;
  }
  /* line 141, ../sass/_responsive.scss */
  #block-vedgy-requestmoreinfobutton .btn {
    width: 100%;
  }

  /* line 146, ../sass/_responsive.scss */
  section.page-intro {
    padding-bottom: 30px;
  }

  /* line 151, ../sass/_responsive.scss */
  .page-node-2 .page-ds-header h1 {
    font-size: 48px;
  }

  /* line 156, ../sass/_responsive.scss */
  .path-frontpage .field--name-body section:nth-child(1) {
    height: 40vh;
  }
}
@media (max-width: 768px) {
  /* line 163, ../sass/_responsive.scss */
  .btn.btn-lg, #block-webform .webform-button--submit {
    padding: 18px 32px;
    font-size: 14px;
    min-width: 0px;
  }

  /* line 169, ../sass/_responsive.scss */
  .webform-button--submit {
    margin-top: 20px;
  }

  /* line 173, ../sass/_responsive.scss */
  .blobbies {
    padding: 20%;
  }

  /* line 177, ../sass/_responsive.scss */
  .path-frontpage .field--name-body section:nth-child(2),
  .path-frontpage .field--name-body section:nth-child(3) {
    padding: 60px 8%;
    padding-bottom: 60px;
  }

  /* line 183, ../sass/_responsive.scss */
  #block-footercontent .container {
    padding: 60px 8% 60px;
  }
  /* line 186, ../sass/_responsive.scss */
  #block-footercontent .container .col-sm-4.text-center {
    text-align: left;
    margin-top: 20px;
  }

  /* line 192, ../sass/_responsive.scss */
  .copyright {
    margin-top: 0px;
  }

  /* line 196, ../sass/_responsive.scss */
  .path-frontpage .field--name-body section:nth-child(0) {
    height: 65vh;
  }

  /* line 200, ../sass/_responsive.scss */
  .path-frontpage .col-sm-4 {
    text-align: center;
  }
  /* line 203, ../sass/_responsive.scss */
  .path-frontpage .col-sm-4 ul {
    list-style: none;
  }

  /* line 208, ../sass/_responsive.scss */
  .footer .nav li {
    float: none;
    text-align: center;
  }

  /* line 213, ../sass/_responsive.scss */
  .copyright.pull-right {
    float: none !important;
    text-align: center;
  }

  /* line 218, ../sass/_responsive.scss */
  .path-frontpage ul {
    padding-left: 0px !important;
  }
}
@media (max-width: 600px) {
  /* line 225, ../sass/_responsive.scss */
  .blobbies {
    padding: 7%;
    padding-top: 15%;
  }
}
@media (max-width: 400px) {
  /* line 233, ../sass/_responsive.scss */
  .logo.navbar-btn {
    margin-top: 10px;
    max-width: 80px;
  }

  /* line 238, ../sass/_responsive.scss */
  .container .jumbotron, .container-fluid .jumbotron {
    margin-top: -7px;
  }

  /* line 242, ../sass/_responsive.scss */
  span.sr {
    display: none;
  }
}
/* line 250, ../sass/_responsive.scss */
.navbar-toggle {
  border: none;
  background: transparent !important;
}
/* line 254, ../sass/_responsive.scss */
.navbar-toggle:hover {
  background: transparent !important;
}
/* line 258, ../sass/_responsive.scss */
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
/* line 262, ../sass/_responsive.scss */
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
/* line 266, ../sass/_responsive.scss */
.navbar-toggle .middle-bar {
  opacity: 0;
}
/* line 269, ../sass/_responsive.scss */
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

/* line 276, ../sass/_responsive.scss */
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
/* line 279, ../sass/_responsive.scss */
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
/* line 282, ../sass/_responsive.scss */
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

/* line 287, ../sass/_responsive.scss */
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: none;
}

@media (max-width: 1200px) {
  /* line 295, ../sass/_responsive.scss */
  #block-webform h2, #block-webform form {
    width: 970px;
  }
}
@media (max-width: 991px) {
  /* line 304, ../sass/_responsive.scss */
  #block-webform h2, #block-webform form {
    width: 750px;
  }
}
@media (max-width: 769px) {
  /* line 313, ../sass/_responsive.scss */
  #block-webform h2, #block-webform form {
    width: 100%;
  }
}
/**
 * _additions.scss
 * 
 * - Misc. additions and overrides for 3SV website.
 */
/* line 7, ../sass/_additions.scss */
.navbar.navbar-inverse {
  background-color: rgba(255, 255, 255, 0.85);
}

/* line 11, ../sass/_additions.scss */
.path-frontpage {
  background-position: -25% 7%,120% 15%,160% -5%,-65% 2%,210% 2%;
  background-size: 45%,45%,65%,55%,65%;
}

/* line 16, ../sass/_additions.scss */
.blobbies h1 {
  margin-bottom: 20px;
  color: #2777D4;
}

/* line 22, ../sass/_additions.scss */
.blobbies p {
  text-align: center;
  font-size: 28px;
  color: #333;
}

/* line 33, ../sass/_additions.scss */
p.tag {
  color: #1d5896;
  border: 0px solid #2677D4;
  background-color: #E9F2FC;
}

/* line 39, ../sass/_additions.scss */
.page-node-type-page:not(.path-frontpage) .page-node-type-page:not(.page-node-2), .path-node {
  background-position: 130% -20%;
}

/* line 45, ../sass/_additions.scss */
.page-node-13 .main-container {
  padding-bottom: 0px;
}

/* line 50, ../sass/_additions.scss */
.page-node-13 div#sliding-popup {
  background: #666;
}

/* line 54, ../sass/_additions.scss */
.page-node-13 .cta-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 59, ../sass/_additions.scss */
.page-node-13 .icon-wrap {
  background-color: #EC6633;
  display: inline-block;
  padding: 15px 20px;
  border-radius: 50%;
  font-size: 3.5em;
  width: 2em;
  height: 2em;
  text-align: center;
  color: white;
  margin-top: -1em;
  margin-bottom: 5px;
}

/* line 73, ../sass/_additions.scss */
.page-node-13 {
  background: #fff;
}
/* line 76, ../sass/_additions.scss */
.page-node-13 .highlights-section {
  background: #F5B1E8;
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 60px;
}
/* line 83, ../sass/_additions.scss */
.page-node-13 .page-ds-header {
  background: #236BBF;
  margin-top: 5px !important;
  padding: 80px 0 !important;
  background-image: url(/themes/vedgy/images/peppersnap-website-graphic-scribbles.svg);
  background-repeat: no-repeat;
  background-position: top -60px right;
}
/* line 92, ../sass/_additions.scss */
.page-node-13 .page-ds-header h1 {
  color: #66DAC6 !important;
  max-width: 900px;
}
/* line 98, ../sass/_additions.scss */
.page-node-13 .page-ds-header h2 {
  font-weight: 300;
}
/* line 102, ../sass/_additions.scss */
.page-node-13 .topics-list h2 {
  font-size: 48px;
}
/* line 106, ../sass/_additions.scss */
.page-node-13 .topics-list ul.lead {
  font-size: 28px;
  margin-top: 20px;
  list-style: none;
}
/* line 112, ../sass/_additions.scss */
.page-node-13 .topics-list ul.lead li {
  margin-bottom: 2px;
  text-indent: -41px;
  padding-left: 41px;
}
/* line 118, ../sass/_additions.scss */
.page-node-13 .topics-list .fa-arrow-right {
  margin-right: 10px;
}

/* line 124, ../sass/_additions.scss */
.row.checkerboard {
  margin-bottom: 40px;
}

/* line 128, ../sass/_additions.scss */
.row.checkerboard.img-right .col-sm-6:nth-child(2) {
  text-align: right;
  padding: 0;
}

/* line 133, ../sass/_additions.scss */
.row.checkerboard.img-left .col-sm-6:nth-child(1) {
  text-align: left;
  padding-left: 0;
}

/* line 137, ../sass/_additions.scss */
.row.checkerboard.img-left .col-sm-6:nth-child(1) {
  padding-left: 30px;
}

/* line 145, ../sass/_additions.scss */
section.topics-list {
  padding: 100px 0 60px;
}

/* line 149, ../sass/_additions.scss */
span#topic-spinner {
  color: #2777D4;
}

/* line 154, ../sass/_additions.scss */
.form-item p.lead {
  padding: 0 20px;
  margin-bottom: 20px;
}

/* line 159, ../sass/_additions.scss */
#block-webform h2 {
  padding-bottom: 20px;
  text-align: center;
}

/* line 164, ../sass/_additions.scss */
input#edit-peppersnap-email {
  padding: 12px;
  font-size: 20px;
}

@media (max-width: 1024px) {
  /* line 170, ../sass/_additions.scss */
  #block-vedgy-requestmoreinfobutton {
    margin-left: 15px !important;
    margin-right: -15px;
  }

  /* line 174, ../sass/_additions.scss */
  .navbar-nav > li a {
    margin: 15px 10px !important;
  }

  /* line 179, ../sass/_additions.scss */
  div.container {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  /* line 186, ../sass/_additions.scss */
  .navbar-nav > li a {
    margin: 15px 7px !important;
  }

  /* line 189, ../sass/_additions.scss */
  #block-vedgy-requestmoreinfobutton {
    margin-left: 7px !important;
    margin-right: -20px;
  }

  /* line 195, ../sass/_additions.scss */
  .page-node-13 #block-webform .webform-button--submit {
    float: none;
  }

  /* line 199, ../sass/_additions.scss */
  .page-node-13 #block-webform #edit-actions {
    text-align: center;
  }

  /* line 203, ../sass/_additions.scss */
  .page-node-13 .topics-list h2 {
    font-size: 36px;
    margin-bottom: 40px;
    margin-top: -30px;
  }

  /* line 210, ../sass/_additions.scss */
  section.cta-section div.row div.col-sm-11 h2 {
    font-size: 40px;
    padding: 0 20px;
    margin-top: -10px;
    margin-bottom: -40px;
  }
}
@media (max-width: 767px) {
  /* line 219, ../sass/_additions.scss */
  .path-frontpage .field--name-body section:nth-child(2) h2 {
    font-size: 40px !important;
  }

  /* line 223, ../sass/_additions.scss */
  .path-frontpage .field--name-body section:nth-child(2) h3 {
    margin-top: 0;
  }

  /* line 227, ../sass/_additions.scss */
  .page-node-13 .page-ds-header img {
    margin-left: -10%;
    margin-top: 20px;
    display: none;
  }

  /* line 233, ../sass/_additions.scss */
  .page-node-13 .page-ds-header {
    background-size: 50%;
  }

  /* line 237, ../sass/_additions.scss */
  .page-node-13 .page-ds-header p {
    text-align: center;
  }

  /* line 241, ../sass/_additions.scss */
  .path-node.page-node-13 .page-ds-header h1 {
    font-size: 52px !important;
    margin-top: -10px;
  }

  /* line 246, ../sass/_additions.scss */
  .path-node.page-node-13 .page-ds-header h2 {
    font-size: 30px;
  }

  /* line 250, ../sass/_additions.scss */
  .path-node.page-node-13 .btn {
    font-size: 18px !important;
  }

  /* line 254, ../sass/_additions.scss */
  .path-node.page-node-13 p.lead {
    font-size: 18px;
  }

  /* line 258, ../sass/_additions.scss */
  .page-node-13 .field--name-body > .container {
    margin-top: -60px;
  }

  /* line 262, ../sass/_additions.scss */
  .page-node-13 .icon-wrap {
    margin-top: 20px;
  }

  /* line 266, ../sass/_additions.scss */
  .page-node-13 .highlights-section {
    padding-top: 30px;
  }

  /* line 270, ../sass/_additions.scss */
  .page-node-13 .topics-list ul.lead {
    margin: 0 !important;
  }

  /* line 274, ../sass/_additions.scss */
  .checkerboard img {
    margin-top: 20px;
  }

  /* line 278, ../sass/_additions.scss */
  .row.checkerboard .col-sm-6 {
    padding: 0 40px !important;
  }

  /* line 283, ../sass/_additions.scss */
  input#edit-peppersnap-email {
    padding: 10px !important;
    font-size: 16px;
  }

  /* line 288, ../sass/_additions.scss */
  .page-node-13 #block-webform {
    padding: 50px 10px !important;
  }

  /* line 292, ../sass/_additions.scss */
  .page-node-13 #block-webform h2 {
    padding-left: 0 !important;
  }

  /* line 296, ../sass/_additions.scss */
  .page-node-13 #block-webform form {
    padding: 0;
  }

  /* line 300, ../sass/_additions.scss */
  .page-node-13 #block-webform form .row {
    width: 100vw;
  }
}