body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

.navbar-default .navbar-toggle {
    background-color: #FE7D01;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FE7D01;
}

.whiteCap {
    padding: 10px 0;
    background-color: #FFF;
    color: #2B6938;
}

.slick-slide .nutrition img {
    width: 50%;
}

.visually-hidden {
    display: none;
}

.description .field--name-field-historical-text p {
    color: #000;
}

.shrink {
    max-height: 90px;
    overflow: hidden;
    position: relative;
    transition: all 1s;
    height: auto;
}

.readMore {
    color: #00C329;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    display: block;
    width: 100%;
    text-align: right;
}

.share {
    color: #176938;
    font-weight: bold;
    font-size: 16px;
    text-align: right;
}

.share img {
    margin: 0 5px;
}

.share a:hover {
    text-decoration: none;
}

.error {
    color: red;
}

.navbar.container {
    max-width: none;
}

#home .closeWhiteCap .Xes {
    width: 21px;
}

.closeWhiteCap {
    position: absolute;
    right: 0;
}

.shrink.maxHeight {
    max-height: 10000px;
}

.readMore:hover, .readMore:active, .readMore:focus {
    color: #00C329;
}


p {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 24px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 26px;
    height: 4px;
    border-radius: 1px;
}

.navbar-header {
  float: none;
}
.navbar-toggle {
    display: block;
    padding: 20px 17px;
    border-radius: 40px;
    border: 0;
    margin-right: 0;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;
}

.navbar-default {
    background: transparent;
    border: none;
}

.header {
    height: 396px;
    color: #fff;
    background-size: auto 30vw;
    background-position: center;
    background-attachment: fixed;
    background-position-y: top;
}

.header h1 {
    font-weight: normal;
}

body.navbar-is-fixed-top {
    margin-top: 0;
}

h1, h2 {
    font-family: 'Chau Philomene One', sans-serif;
}

h1 {
    font-size: 60px;
}

.user-login-form {
    top: 100px;
    position: relative;
    margin: 200px;
}


.strong {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.paragraph--type--imagetext {
    display: flex;
    align-items: center;
    padding: 10px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}

.field--name-field-related-recipe-title h2 {
    text-transform: uppercase;
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}

.mainSection {
    background: rgb(26,99,5);
    background: linear-gradient(0deg, rgba(26,99,5,1) 0%, rgba(0,50,28,1) 100%);
    padding-bottom: 185px;
}

.historySection {
    background: url('/themes/bootstrap/img/historyBackground.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.m-0 {
    margin: 0;
}

.historySection h1 {
    color: #fff;
    margin: 0;
    font-size: 45px;
}

.historySection p {
    color: #fff;
    margin: 0;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.btn-default {
    display: none;
}

.captcha.panel-default {
    display: none;
}

/*
.hiddenArea {
    display: none;
}

.views-field-field-product-image {
    cursor: pointer;
}

.views-field.views-field-title-1 {
    display: none;
    position: fixed;
    background: #fff;
    top: -40px;
    left: 0;
    width: 70%;
    padding: 50px;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 65000;
    max-height: 510px;
    -webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.5);
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
    opacity: 0;
    max-width: 70vw;
    left: calc(-50vw + 50%);
right: calc(-50vw + 50%);

}



.views-field-title {
    color: #1A6305;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}
*/

.views-field.views-field-field-product-image, .views-field.views-field-title {
    text-align: center;
}

.showContent .views-field.views-field-title-1 {
    display: block;
    opacity: 1;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}

.slick-next {
    right: 25px;
}

.slick-prev {
    left: 25px;
}

.slick-slide img {
    display: inline;
}

.slick-dotted.slick-slider {
    padding: 80px 0 50px;
}

.above {
    height: 425px;
}

.showContent .above {
    text-align: left;
}


.scroll {
    overflow-y: scroll;
    height: 35vw;
    padding-right: 20px;
}

.mobileInfo {
    background: #fff;
    padding: 20px 20px 50px;
    color: #2F5700;
}

/* width */
.scroll::-webkit-scrollbar {
  width: 10px;
    height: 20px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
    background: #F9F9F9;
}

/* Handle */
.scroll::-webkit-scrollbar-thumb {
  background: #2F5700;
  border-radius: 3px;
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
  background: #2F5700;
}

.views-field-title img.greenX {
    display: none;
}

.greenX:hover {
    cursor: pointer;
}

.xContainer {
    text-align: right;
    padding: 10px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
}

.showContent .views-field-title img.greenX {
    display: inline-block;
    left: 0;
    position: relative;
    z-index:
}

.above {
    color: #2F5700;
}

.above h2 {
    text-transform: uppercase;
    font-size: 14px;
}

.showContent .above h2 {
    font-size: 30px;
}

.productTitleMobile {
    font-size: 28px;
    color: #2F5700;
}

.accordion {
  color: #2F5700;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Chau Philomene One', sans-serif;
    background-image: url('/themes/bootstrap/img/arrowDown.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-left: 0;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover, .accordion:active, .accordion:focus {
    text-decoration: none;
    color: #2F5700;
    border: 0;
    outline: none;
}

.accordion.active {
    background-image: url('/themes/bootstrap/img/arrowUp.png');
}

.slick-slide:focus {
    outline: none;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom:  1px solid #9B9B9B;
  margin-bottom: 0;
}

.mb-2 {
    margin-bottom: 15px;
}

.mb-3 {
    margin-bottom: 30px;
}
/*
.slick-slider {
    overflow: hidden;
}
*/
.displayHidden {
    display: none;
    padding-right: 25px;
}

.views-row {
    transition: background-color 0.8s ease;
}

.showContent {
    background-color: #fff;
}

.showContent .displayHidden {
    display: block;
}

.views-row {
    width: 350px;
    display: inline-block;
    height: 360px;
    margin: 2px 1px;
}

.views-row.showContent {
    width: 60vw !important;
    padding: 20px 30px;
    position: relative;
    top: -40px;
    -webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.5);
}

.views-row.showContent .img-responsive {
    float: left;
}
.sizes, .sizesMobile {
    align-items: flex-end;
    display: flex;
    margin-right: 10px;
}

.sizes img, .sizesMobile img {
    margin-right: 5px;
}

.productImage img {
    width: 150px;
    transition: width .2s;
}

.showContent .productImage img {
    margin-right: 40px;
    width: 174px;
    margin-top: -30px;
}

.productImage:hover {
    cursor: pointer;
}

.showContent .productImage:hover {
    cursor: default;
}
.slick-prev, .slick-next {
    z-index: 99999999;
}

 .subNav {
    list-style: none;
    text-align: center;
    display: inline-block;
    background-color: #1A6305;
    padding: 19px 30px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
     margin-top: 50px;
}

.subNav a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.subNav a:hover, .subNav a:focus, .subNav a:active, .subNav .active a {
    text-decoration: none;
    color: #FFB800;
}

button.subNav, button.subNav:hover, button.subNav:focus, button.subNav:active {
    text-decoration: none;
    color: #FFB800;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
}

button.subNav {
    background-image:url('/themes/bootstrap/img/downWhite.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
}

.text-center {
    text-align: center;
}

ul.subNav > li {
    float: left;
    margin-left: 1.5em;
    padding: 0;
    padding-right: 1.5em;
}

ul.subNav > li a {
    white-space: nowrap;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.carouselDescription h1, .carouselDescription p {
    color: #fff;
}

.carouselDescription > p:first-child {
    color: #413B38;
}

.carouselImage {
    max-width: 100%;
}

.slick-prev, .slick-next {
    height: 69px;
    width: 69px;
}

.slick-next {
    background-image: url('/themes/bootstrap/img/right.svg');
    background-repeat: no-repeat;
    right: 30px;
}

.field--name-field-history .slick-next {
    right: -75px;
}

.slick-prev {
    background-image: url('/themes/bootstrap/img/left.svg');
    background-repeat: no-repeat;
    left: 30px;
}

.field--name-field-history .slick-prev {
    left: -75px;
}


.slick-prev:before, .slick-next:before {
    content: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-prev:active {
    background-image: url('/themes/bootstrap/img/left.svg');
}

.slick-next:hover, .slick-next:focus, .slick-next:active {
    background-image: url('/themes/bootstrap/img/right.svg');
}

.slick-dots {
   bottom: 30px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #2D9900;
    content: '●';
}

.slick-dots li button:before {
    content: '○';
    font-size: 30px;
    opacity: 1;
    color: #2D9900;
}

.dropdown-menu {
    width: 100%;
    text-align: center;
    background-color: #1A6305;
    margin: 0px 0 0;
}

.dropdown-menu ul li {
    list-style: none;
    margin: 10px 0;
}

.dropdown-menu ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.dropdown-menu ul li a:hover, .dropdown-menu ul li a:active, .dropdown-menu ul li a:focus {
    color: #FFB800;
}

.dropdown {
    margin: 0 20px;
}

.display-none {
    display: none;
}

.whiteBackground {
    background-color: #fff;
}

.field--name-field-recipe-image img {
    width: 100%;
}

.field--name-field-related-recipe-title {
    color: #176938;
}

.recipe h3 {
    color: #176938;
    font-size: 20px;
    font-weight: bold;
}

.recipe p {
    font-size: 16px;
    color: #021322;
}

.recipe a {
    color: #239929;
}

.mt-5 {
    margin-top: 50px;
}

.pt-5 {
    padding-top: 50px;
}

.mt-10 {
    margin-top: 100px;
}

.flexJustify {
    display: flex;
    justify-content: space-between;
}

.flexJustify.recipe {
    padding: 0 50px;
}

.relatedRecipes {
    margin-right: 15px;
}

.relatedRecipes:last-child {
    margin-right: 0;
}

.relatedRecipesInfo {
    background-color: #fff;
    height: 130px;
    padding: 15px;
}

.field--name-field-related-recipe-title {
    text-align: center;
}

.relatedProductImage {
    max-width: 100%;
}

.recipeType {
    color: #2D9900;
    font-size: 12px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.recipeTitle {
    font-weight: bold;
    font-size: 18px;
    color: #3C3C3C;
    margin-bottom: 5px;
}

.recipeTitle a {
    font-weight: bold;
    font-size: 18px;
    color: #3C3C3C;
    margin-bottom: 5px;
}

a .thumbInfo {
    color: #333333;
}

a.relatedRecipesLink, .views-field-field-recipe-thumbnail {
    display: block;
    overflow: hidden;
}

.productImage > img {
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.productImage > img:hover {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}

.showContent .productImage > img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}



a.relatedRecipesLink img, .views-field-field-recipe-thumbnail a img {
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}

a.relatedRecipesLink:hover > img, .views-field-field-recipe-thumbnail a:hover > img {
        -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.relatedRecipesLink:hover {
    text-decoration: none;
}

.drinkType {
    font-size: 14px;
    color: #413B38;
}

.button {
    background-color: transparent;
    text-transform: none;
    color: #fff;
    padding: 12px 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    border: 2px solid;
    border-radius: 10px;
}

.button.green {
    color: #1A6305;
}

.button.greenSolid {
    color: #fff;
    border-color: #1A6305;
    background: #1A6305;
}

.button.white {
    color: #fff;
    border-color: #fff;
}

.button:hover, .button:active, .button:focus {
    color: #fff;
}

.mobileInfo {
    display: none;
}

.recipes a, .recipes a:hover, .recipes a:focus, .recipes a:active {
    color: #239929;
}

.recipesMobile a, .recipesMobile a:hover, .recipesMobile a:focus, .recipesMobile a:active {
    color: #239929;
}

.path-recipes .views-row {
    width:auto;
}

.path-recipes .views-field.views-field-title {
    text-align: left;
}

.path-recipes .view-content li {
    list-style: none;
    margin-bottom: 26px;
}

.path-recipes .view-content ul {
    padding: 0;
}

.views-field-field-recipe-thumbnail img {
    width: 100%;
}

.path-recipes .view-content {
    margin-top: 50px;
}

.navbar-collapse {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: #FE7D01;
}

.navbar .logo {
    position: relative;
    z-index: 1;
}

.nav-menu {
    position: fixed;
    z-index: 999999999;
    background: rgb(0,90,14);
    background: linear-gradient(0deg, rgba(0,90,14,1) 0%, rgba(0,50,28,1) 100%);
    width: 100%;
    height: 100%;
    display: none;
}

.closeButton {
    float: right;
}

.nav-list {
    list-style: none;
    text-align: center;
    padding: 0;
}

.nav-list a {
    color: #fff;
}

.nav-list a:hover, .nav-list a:focus, .nav-list a:active {
    text-decoration: none;
}

.mainNavLink {
    font-family: 'Chau Philomene One', sans-serif;
    font-size: 40px;
    font-weight: normal;
    text-transform: uppercase;
}


.path-frontpage #navbar {
    /*display: none;*/
}

.sub {
    font-size: 15px;
}

.nav-list li {
    margin-bottom: 20px;
}

.firstSection {
    height: 100vh;
    background-image: url(/themes/bootstrap/img/firstBackground.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}

.firstSection h1, .firstSection h2 {
    color: #fff;
    font-weight: normal;
}

.titleCard h1 {
    font-size: 65px;
    text-shadow: 1px 1px 2px #454545;
}

.titleCard h2 {
    font-size: 26px;
    text-shadow: 1px 1px 2px #454545;
}

.secondSection {
    height: 100vh;
    background-image: url(/themes/bootstrap/img/secondBackground.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}

.thirdSection {
    height: 100vh;
    background-image: url(/themes/bootstrap/img/thirdBackground.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}

.fourthSection {
    height: calc((100vw * 5) / 8);
    min-height: 100vh;
    background-image: url(/themes/bootstrap/img/fourthBackground.jpg);
    background-size: cover;
    background-position: center top;
    text-align: center;
}

.absoluteCenter {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mainTitle {
    margin: -340px 0 0 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.subTitle {
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 255px;
    color: #fff;
    text-transform: uppercase;
}

.floatingOrange {
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all 0.7s ease;
}

.thirdSection.snapSection {
    position: inherit;
}
.thirdSection.snapSection.stationary {
    position: relative;
}

.stationary.fourth.snapSection {
    position: relative;
}

.stationary .floatingOrange {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
}

body.page-node-type-home {
  height: 100vh;
  overflow: hidden;
}

.scrollIcon {
    display: block;
    bottom: 25px;
    position: absolute;
    cursor: pointer;
}


.boxSlide h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Chau Philomene One', sans-serif;
}

.boxSlide h3 strong {
    font-size: 40px;
    font-family: 'Chau Philomene One', sans-serif;
}

.boxSlide1 {
    color: #fff;
    width: 360px;
    display: inline;
    text-align: left;
    position: relative;
    right: 270px;
    bottom: 135px;
}

.boxSlide2 h3 {
    font-size: 32px;
    color: #00B009;
}

.boxSlide2 {
    width: 400px;
    height: 220px;
    position: absolute;
    text-align: left;
    right: 590px;
    top: -390px;
    left: 0;
    bottom: 0;
    color: #fff;
    margin: auto
}

.boxSlide3 {
    width: 400px;
    height: 220px;
    position: absolute;
    text-align: left;
    right: -730px;
    top: -390px;
    left: 0;
    bottom: 0;
    color: #fff;
    margin: auto;
}

.boxSlide3 h3 {
    font-size: 32px;
    color: #00B009;
}

.boxSlide4 {
    width: 400px;
    height: 220px;
    position: absolute;
    text-align: left;
    right: 590px;
    top: 0;
    left: 0;
    bottom: -310px;
    color: #fff;
    margin: auto;
}

.boxSlide4 h3 {
    font-size: 32px;
    color: #00B009;
}

.boxSlide5 {
    width: 400px;
    height: 220px;
    position: absolute;
    text-align: left;
    right: -730px;
    top: 0;
    left: 0;
    bottom: -310px;
    color: #fff;
    margin: auto;
}

.boxSlide5 h3 {
    font-size: 32px;
    color: #00B009;
}

.boxSlide6 {
    color: #fff;
    width: 390px;
    display: inline;
    text-align: left;
    position: relative;
    right: 15px;
    bottom: 250px;
}

.boxSlide6 h3 {
    color: #FFF;
}

.boxSlide7 {
    color: #fff;
    width: 390px;
    display: inline;
    text-align: left;
    position: relative;
    right: -104px;
    bottom: 250px;
}

.vhvw {
    width: 100vw;
    height: 100vh;
    position: relative;
}

.col-sm-7.relatedTitle {
    float: none;
}

.path-frontpage .recipe h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Chau Philomene One', sans-serif;
}

.path-frontpage .recipe h3 strong {
    font-size: 74px;
}

.path-frontpage .recipe {
    padding: 50px 0;
}

.path-frontpage .recipe p {
    color: #1A6305;
}

.floridasPhotos {
    text-align: center;
}

.floridasPhotos .field--item {
    display: inline;
}

.floridasPhotos img {
    display: inline-block;
    margin: 7px;
}

.mt-100 {
    margin-top: 80px;
}

.photoHeader {
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #1A6305;
    margin-bottom: 30px;
}

.field--name-field-faqid {
    display: none;
}

.orangeTable {
    padding-bottom: 75px;
    background: #fff;
}

h4 {
   font-family: 'Chau Philomene One', sans-serif;
    font-size: 28px;
    color: #1A6305;
    text-transform: uppercase;
    margin-top: 50px;
}


.flexJustifySocial {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.flexJustifySocial a {
    margin-right: 65px;
}
.flexJustifySocial a:last-child {
    margin-right: 0;
}

.aboutImage img {
    width: 100%;
}
.greenBackground {
    background: rgb(0,90,14);
    background: linear-gradient(0deg, rgba(0,90,14,1) 0%, rgba(0,126,20,1) 100%);
}

.greenBackground h2, .greenBackground h1, .greenBackground p {
    color: #fff;
}


.whiteBackground h2 {
    color: #176938;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
}

.whiteBackground p {
    color: #4E4E4E;
    font-size: 16px;
}

.thumbTitle {
    font-family: 'Chau Philomene One', sans-serif;
    font-size: 20px;
    color: #1A6305;
    text-transform: uppercase;
}

.relatedRecipes {
    width: 33%;
}

.relatedRecipes img {
    width: 100%;
}

.field--name-field-history-bottom-image {
    background: #fff;
    padding-top: 50px;
}

.field--name-field-history-bottom-image img {
    width: 100%;
}

.paragraph--type--history-field {
    display: flex;
    align-items: center;
    background-color: #FFF;
}

.visitor-center .even .paragraph--type--history-field {
    flex-direction: row-reverse;
}

.field--name-field-historical-image img {
    width: 100%;
    object-fit: cover;
}

.field--name-field-historical-image {
    width: 50%;
}

.field--name-field-historical-text {
    width: 50%;
    padding: 30px;
}

.field--name-field-historical-text {
    background-color: #FFF;
}

.field--name-field-historical-text h3 {
    font-weight: bold;
}

.field--name-field-historical-text h2 {
    font-size: 54px;
    color: #413B38;
}

.field--name-field-historical-text p {
    color: #413B38;
}

.alexVideo {
    width: 100%;
    margin-top: 50px;
}

.socialSection1 {
    margin-bottom: 20px;
}

.header h1 {
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #454545;
}

.recipeHeader {
    max-width: 872px;
}

.recipeBody {
    max-width: 872px;
}

.whiteBackground.recipeBody {
    padding: 50px;
}

.field--name-field-recipe-image img {
    width: 100%;
}

.footer {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.footerLinks a, .ourFriends a, .ourFriends {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    line-height: 2em;
}

.ourFriends hr {
    margin-top: 10px;
}

.subFooter {
    background-color: #00321C;
    padding: 20px 0;
}

.subFooter p {
    color: #8CC63F;
}

.social {
    margin-right: 10px;
}

footer {
    background-color: #005A0E;
}

.field--name-field-hero-text {
    z-index: 1;
}
#hero-bg-video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
}

.field--name-field-benefits .field--item.odd {
    background-color: #F6FFF1;
}

.field--name-field-benefits .field--item.even {
    background-color: #FFF;
}

.field--name-field-icon {
    float: left;
    width: auto;
    margin-right: 10px;
}
.field--name-field-icon img {
    max-width: 115px;
}

.field--type-entity-reference-revisions {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 50px;
}

.green {
    color: #176938 !important;
}

.field--name-field-icon-facts {
    padding: 25px;
}

.field--name-field-question.accordion {
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #176938;
    text-transform: none;
    padding-left: 18px;
    background-position: right 10px center;
}

.field--name-field-answer.panel {
    color: #176938;
    background-color: #F6FFF1;
}

.paddingARound {
    padding: 18px;
}

.dsm {
    display: none;
}

.slide3Header {
    display: none;
}

.ojImage {
    display: none;
}

.page-node-type-basic-page .whiteBackground h2 {
    text-align: left;
}

.page-node-type-basic-page table, .page-node-type-basic-page th, .page-node-type-basic-page td {
    padding: 10px;
    border: 1px solid #005025;
    border-collapse: collapse;
}
.page-node-type-basic-page table {
    margin-bottom: 30px;
}

.page-node-type-basic-page td, .page-node-type-basic-page th {
    color: #005025;
    font-size: 16px;
    padding-right: 10px;
    padding-top: 9px;
}


.align-middle {
    justify-content: center;
    align-items: center;
    height: 100%;
}

.align-around {
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.zoom {
    transition: transform .2s;
}

.zoom:hover {
    transform: scale(1.1);
}

.flexBox {
    display: flex;
}

.flexBox h1 {
    font-size: 55px
}

.cardBox {
    padding: 250px 10%;
}

.productCarouselBackground {
    background-size: cover; 
}

.d-flex-responsive, .d-flex-responsive-sm {
    display: flex;
}

.recipeBackground h1 {
    font-size: 35px;
}

.recipeBackground {
    padding: 30px 25px;
    height: 100%;
}

.recipeItem {
    padding: 0 5px;
    height: 100%;
}

.recipeItem a:hover {
    text-decoration: none;;
}

.recipeItem a .recipeImage {
    transition: all .3s;
    max-width: 100%;
}

.recipeItem a:hover .recipeImage {
    scale: 1.05;
}

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.vectorRight {
    bottom: 15px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

.sliderRecipe .slick-prev {
    background-image: url(/themes/bootstrap/img/leftGreen.svg);
    background-repeat: no-repeat;
    left: -70px;
}

.sliderRecipe .slick-next {
    background-image: url(/themes/bootstrap/img/rightGreen.svg);
    background-repeat: no-repeat;
    right: -70px;
}

.page-node-type-recipe .sliderRecipe .slick-prev {
    background-image: url(/themes/bootstrap/img/left.svg);
}

.page-node-type-recipe .sliderRecipe .slick-next {
    background-image: url(/themes/bootstrap/img/right.svg);
    background-repeat: no-repeat;
    right: -70px;
}

.desktopHeader {
    display: block;
    position: fixed;
    background-color: #005A0E;
    width: 100%;
    height: 105px;
    z-index: 999999999999;
    transition: all .3s;
}

.navbar {
    transition: all .3s;
}

.h-100 {
    height: 100%;
}

.desktopHeader a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    width: 105px;
    text-align: center;
}

.desktopHeader a:hover, .desktopHeader a.active, .desktopHeader a:focus, .desktopHeader a:active {
    color: #FFB800;
    text-decoration: none;
}

.mobile-Header {
    display: none;
}

.mobile-Header.below {
    background-color: #005A0E;
}

.friends p {
    margin: 0;
}

.friends a {
    font-weight: normal;
}

.footerLinks h2 {
    font-size: 19px;
    margin: 0;
    margin-bottom: 20px;
}

.footerlogo {
    display: flex;
    height: 300px; 
    justify-content: start;
    background-color: #005A0E;
    align-items: center;
}
.description {
    padding-top: 100px;
    padding-bottom: 75px;
}

.description h1 {
    font-size: 45px;
    margin: 0;
    margin-bottom: 30px;
}

.description h1, .description p {
    color: #FFF;
}

.description p {
    margin-bottom: 30px;
}

a.hoverBig img {
    transition: all 1s;
}

a.hoverBig {
    overflow: hidden;
    display: block;
    width: 100%;
}

a.hoverBig:hover img {
    scale: 1.05;
}

.w-100 {
    width: 100%;
}

.supVideo p {
    margin: 0;
}
.supVideo h2 {
    margin: 0;
    margin-top: 15px;
}

.titleVideos {
    min-height: 135px;
}

.recipeArea {
    padding-bottom: 100px;
}

.productContainer {
    width: 350px;
    height: 360px;
    display: inline-block;
    background: radial-gradient(circle, rgba(0,131,71,1) 0%, rgba(6,60,1,1) 80%);
    margin: 8px;
    transition: all 1s;
    max-width: 100%;
    vertical-align: top;
}

.views-field-field-product-image {
    background-color: #063C01;
    transition: all 1s;
    height: 100%;
}

.productContainer:hover .views-field-field-product-image {
    background-color: transparent;
}

.productContainer a {
    width: 100%;
    display: block;
    height: 100%;
}

.productContainer .img-responsive {
    display: inline;
}

.form-group {
    margin-bottom: 0px;
}

.productHeader {
    display: flex;
}
.productHeroImages {
    display: block;
    width: 50%;
}

.productInfo {
    display: block;
    width: 50%;
    background: #fff;
    padding: 60px 5px 0px 60px;
    flex-grow: 0;
}
.productHeroImages img {
    max-width: 100%;
}

.productHeader .slick-dots {
    text-align: right;
    padding-right: 30px;
}

.productHeroImages.slick-dotted.slick-slider {
    padding: 0;
}

.productHeader .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.productHeader .slick-dots li.slick-active button:before, .productHeader .slick-dots li button:before {
    color: #FFF;
}

.main-container {
    margin-top: 85px;
}

.author {
    display: none;
}

.field--name-field-sizes {
    display: flex;
    align-items: end;
}

.field--name-field-extra-images {
    display: flex;
}

.field--name-field-extra-images .field--item {
    flex-grow: 1;    
}

.field--name-field-extra-images .field--item img {
    width: 100%;
}

.recommendedProductsList {
    display: flex;
    padding-top: 40px;
    align-items: start;
    justify-content: space-evenly;
    gap: 20px;
}

.mt-0 {
    margin-top: 0;
}

h1.white {
    color: #fff;  
}

.productListTitle {
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 5px;
    text-align: center;
}

.recipe {
    background-color: #fff;
}

.recipe strong {
    color: #176938;
}

.productRecomendation {
    display: block;
    text-align: center;
    width: 445px;
}

body.path-recipes {
    background: linear-gradient(0deg, rgba(26,99,5,1) 0%, rgba(0,50,28,1) 100%);
}

.field--name-field-related-recipe-title h2, .field--name-field-related-recipe-title h1 {
    color: #fff; 
    text-align: left;
    margin-top: 0;
}

.field--name-field-related-recipe-description p {
    color: #fff; 
}

.slide {
    height: 100%;

  }

.d-md-show {
    display: none;
}


.enter-y {
    transform: translateY(100px);
    opacity: 0;
    transition: opacity 1s, transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transition: opacity 1s, transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: opacity 1s, transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: opacity 1s, transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: opacity 1s, transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.enter-y-r {
    transform: translateY(-100px);
    opacity: 0;
    transition: opacity 1.7s, transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.enter-x {
    transform: translateX(-100px);
    opacity: 0;
    transition: opacity 1.7s, transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.enter-x-r {
    transform: translateX(100px);
    opacity: 0;
    transition: opacity 1.7s, transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.is-inview .delay-1 {
    transition-delay: 0.2s !important;
}

.is-inview .delay-2 {
    transition-delay: 0.4s !important;
}

.is-inview .delay-2-5 {
    transition-delay: 0.5s !important;
}

.is-inview .delay-3 {
    transition-delay: 0.6s !important;
}

.is-inview .delay-3-5 {
    transition-delay: 0.7s !important;
}

.is-inview .delay-4 {
    transition-delay: 0.8s !important;
}

.is-inview .delay-4-5 {
    transition-delay: 0.9s !important;
}

.is-inview .delay-5 {
    transition-delay: 1s !important;
}

.is-inview .delay-6 {
    transition-delay: 1.2s !important;
}

.is-inview .delay-7 {
    transition-delay: 1.4s !important;
}

.is-inview .delay-8 {
    transition-delay: 1.6s !important;
}

.is-inview .delay-9 {
    transition-delay: 1.8s !important;
}

.is-inview .delay-10 {
    transition-delay: 2s !important;
}

.is-inview .delay-11 {
    transition-delay: 2.2s !important;
}

.is-inview .delay-12 {
    transition-delay: 2.4s !important;
}

.is-inview .delay-13 {
    transition-delay: 2.6s !important;
}

.is-inview .delay-14 {
    transition-delay: 2.8s !important;
}

.is-inview .delay-15 {
    transition-delay: 3s !important;
}

.is-inview .delay-16 {
    transition-delay: 3.2s !important;
}

.is-inview .enter-y,
.is-inview .enter-x,
.is-inview .enter-y-r,
.is-inview .enter-x-r {
    opacity: 1;
    transform: translate(0);
}

.recipe h2.green {
    font-weight: bold;
    font-size: 30px;
    color: #3C3C3C !important;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
}

.views-field.views-field-field-product-image {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.views-field.views-field-field-product-image a img {
    transition: all .5s;
}

.views-field.views-field-field-product-image a:hover img {
    transform: scale(1.1)
}

@media (max-width: 1750px) {
    .header {
        background-size: auto 485px;
        background-position-y: top;
    }
}

@media (max-height: 768px) {
    .mainNavLink {
        font-size: 40px;
    }
}

@media (max-height: 750px) {
    .mainNavLink {
        font-size: 30px;
    }

}

@media (max-height: 650px) {
    .mainNavLink {
        font-size: 20px;
    }

}

@media (max-height: 540px) {
    .mainNavLink {
        font-size: 15px;
    }
    .nav-list li {
        margin-bottom: 3px;
    }
}

@media (max-width: 1370px) {
    .sliderRecipe .slick-next, .slider .slick-next, .page-node-type-recipe .sliderRecipe .slick-next, .recommendedProductsList .slick-next {
        background-image: url(/themes/bootstrap/img/rightMobile.svg);
        background-repeat: no-repeat;
        right: -13px;
    }
    .sliderRecipe .slick-prev, .slider .slick-prev, .page-node-type-recipe .sliderRecipe .slick-prev, .recommendedProductsList .slick-prev {
        background-image: url(/themes/bootstrap/img/leftMobile.svg);
        background-repeat: no-repeat;
        left: -10px;
    }

    .sliderRecipe .slick-next {
        right: -28px;
    }

    .sliderRecipe .slick-prev {
        left: -25px;
    }
}


@media (max-width: 1200px) {

    .path-our-juices .view-content {
        text-align: center;
    }

    .flexJustify.recipe {
        padding: 0;
    }

    .relatedRecipesInfo.aboutInfo {
        height: 150px;
    }
    .boxSlide1 {
        color: #fff;
        width: 390px;
        display: inline;
        text-align: left;
        position: relative;
        right: 148px;
        bottom: 135px;
    }

    .boxSlide2 {
        width: 320px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: 515px;
        top: -400px;
        left: 0;
        bottom: 0;
        color: #fff;
        margin: auto
    }

    .boxSlide3 {
        width: 320px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: -580px;
        top: -400px;
        left: 0;
        bottom: 0;
        color: #fff;
        margin: auto;
    }

    .boxSlide4 {
        width: 320px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: 515px;
        top: 0;
        left: 0;
        bottom: -310px;
        color: #fff;
        margin: auto;
    }

    .boxSlide5 {
        width: 320px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: -580px;
        top: 0;
        left: 0;
        bottom: -310px;
        color: #fff;
        margin: auto;
    }


    .boxSlide6 {
        color: #fff;
        width: 390px;
        display: inline;
        text-align: left;
        position: relative;
        right: 0;
        bottom: 230px;
    }

    .boxSlide7 {
        color: #fff;
        width: 350px;
        display: inline;
        text-align: left;
        position: relative;
        right: -60px;
        bottom: 210px;
    }
}



@media (max-width: 991px) {

    .d-md-none {
        display: none;
    }
    .d-md-show {
        display: block;
    }

    .main-container {
        margin-top: 0;
        overflow: hidden;
    }

    .scroll {
        height: 33vw;
    }

    .field--name-field-history .slick-next {
        background-image: url(/themes/bootstrap/img/rightMobile.svg);
        background-repeat: no-repeat;
        right: -13px;
    }
    .field--name-field-history .slick-prev  {
        background-image: url(/themes/bootstrap/img/leftMobile.svg);
        background-repeat: no-repeat;
        left: -10px;
    }

    .mobile-Header {
        display: block;
    }

    .desktopHeader {
        display: none;
    }
    
    .pb-0 {
        padding-bottom: 0;
    }

    .flexBox {
        display: block;
    }
    .d-flex-responsive {
        display: block;
    }

    .carouselDescription {
        padding: 50px 0;
    }

    .carouselImage {
        padding-bottom: 50px;
    }

    .cardBox {
        padding: 120px 30px;
    }
    .boxImage {
        height: 500px;
    }

    .views-row.showContent {
        width: 70vw !important;
    }
    .relatedRecipesInfo.aboutInfo {
        height: 190px;
    }
    .field--name-field-historical-text {
        padding: 25px;
    }
    .field--name-field-historical-image, .field--name-field-historical-text {
        width: 100%;
    }

    .paragraph--type--history-field {
        display: block;
        height: 100%;
    }

    .boxSlide2 {
        width: 275px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: 425px;
        top: -410px;
        left: 0;
        bottom: 0;
        color: #fff;
        margin: auto;
    }
    .boxSlide4 {
        width: 275px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: 425px;
        top: 0;
        left: 0;
        bottom: -310px;
        color: #fff;
        margin: auto;
    }

    .boxSlide3 {
        width: 240px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: -530px;
        top: -410px;
        left: 0;
        bottom: 0;
        color: #fff;
        margin: auto;
    }
    .boxSlide5 {
        width: 240px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: -530px;
        top: 0;
        left: 0;
        bottom: -310px;
        color: #fff;
        margin: auto;
    }

       .boxSlide6 {
        color: #fff;
        width: 390px;
        display: inline;
        text-align: left;
        position: relative;
        right: 0;
        bottom: 230px;
    }

    .boxSlide7 {
        color: #fff;
        width: 290px;
        display: inline;
        text-align: left;
        position: relative;
        right: -30px;
        bottom: 210px;
    }

}

@media (max-width: 790px) {
    .boxSlide3 {
        width: 240px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: -530px;
        top: -330px;
        left: 0;
        bottom: 0;
        color: #fff;
        margin: auto;
    }
    .boxSlide5 {
        width: 240px;
        height: 220px;
        position: absolute;
        text-align: left;
        right: -530px;
        top: 0;
        left: 0;
        bottom: -310px;
        color: #fff;
        margin: auto;
    }
}

@media (max-width: 768px) {

    .productHeader {
        display: block;
    }

    .productHeroImages {
        width: 100%;
    }
    .productInfo {
        width: 100%;
    }
    .scroll {
        height: auto;
        overflow: visible;
        padding-bottom: 30px;
    }

    .footerlogo {
        display: flex;
        height: 300px; 
        justify-content: space-evenly;
        background-color: #005A0E;
        align-items: center;
    }

    .d-flex-responsive-sm {
        display: block;
    }

    .footerLinks {
        margin-top: 20px;
    }

    .field--name-field-historical-image {
        width: 100%;
    }

    .field--name-field-historical-text {
        width: 100%;
        padding: 30px;
    }

    .paragraph--type--history-field {
        display: block;
    }

    .mainNavLink {
        font-size: 36px;
    }

    .sub {
        font-size: 16px;
    }

    .description h1, h1 {
        font-size: 40px;
    }

    .header h1 {
        font-weight: normal;
        font-size: 40px;
    }    
    .carouselDescription h1 {
        font-size: 40px;
    }

    .views-row.showContent {
        width: 250px !important;
        padding: 0;
        box-shadow: none;
        top:auto;
    }

    .showContent .displayHidden {
        display: none;
    }
    .views-row.showContent .img-responsive {
        float: none;
    }

    .showContent .productImage img {
        margin-right: auto;
        width: 150px;
        margin-top: auto;
    }

    .showContent .above h2 {
        font-size: 14px;
    }

    .above .xContainer {
        display: none;
    }

    .views-row.showContent {
        background: transparent;
    }
    .showContent .above {
        text-align: center;
    }

    .showContent.mobileInfo {
        display: block;
    }

    .flexJustify {
        display: block;
    }

    .ourFriends .flexJustify a {
        display: block;
    }

    .relatedRecipes {
        margin-top: 10px;
        width: 100%;
    }

    .relatedProductImage {
        width: 100%;
    }



    .mainTitle {
        margin: 0;
        padding-top: 140px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-size: 38px;
    }
    .dsm {
        display: block;
        text-align: center;
        margin-top: -17px;
        position: relative;
        z-index: 1;
    }

    .subTitle {
        position: relative;
        right: 0;
        left: 0;
        margin-top: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 24px;
    }

    .secondSection {
        height: auto;
        min-height: 100vh;
        background-image: url(/themes/bootstrap/img/mobileSecondSection.jpg);
        background-size: cover;
        background-position: center;
        text-align: center;
            display: block;
    }

    .boxSlide1 {
        color: #fff;
        width: auto;
        max-width: 390px;
        display: block;
        text-align: left;
        position: relative;
        right: auto;
        top: auto;
        left: auto;
        bottom: auto;
        padding-top: 100px;
        padding-left: 50px;
    }

    .boxSlide h3 {
        margin: 0;
        font-size: 24px;
    }
    .boxSlide h3 strong {
        font-size: 30px;
    }


    .thirdSection {
        min-height: 100vh;
        position: relative !important;
        background-image: url(/themes/bootstrap/img/mobileSection3.jpg);
        background-size: cover;
        background-position: center;
        text-align: center;
        padding: 50px 50px 50px 25px;
        height: auto;
    }

    .vhvw.absoluteCenter {
        padding-top: 30px;
    }

    .slide3Header {
        display: block;
    }

    .slide3Header h2 {
        color: #fff;
        text-transform: uppercase;
    }

    .slide3Header img {
        margin-top: -30px;
        z-index: 1;
        display: relative;
    }

    .boxSlide2, .boxSlide3, .boxSlide4, .boxSlide5, .boxSlide6, .boxSlide7 {
        width: auto;
        height: auto;
        position: relative;
        text-align: left;
        right: auto;
        top: auto;
        left: auto;
        bottom: auto;
        color: #fff;
        margin: 0;
        display: block;
        margin-bottom: 40px;
    }
    .vhvw {
        height: auto;
        width: auto;
    }

    .floatingOrange {
        display: none;
    }


    .fourthSection {
        min-height: 100vh;
        height:auto;
        background-image: url(/themes/bootstrap/img/mobileLastBackground.png);
        background-size: cover;
        background-position: center center;
        text-align: center;
        padding: 100px 50px 50px 25px;
    }

    .boxSlide6 {
        margin-bottom: 0;
    }

    .boxSlide6 h3 {
        text-align: center;
        color: #1A6305;
    }

    .boxSlide7 p {
        color: #1A6305;
        padding: 0 60px;
    }

    .centerMobile {
        text-align: center;
    }

    .centerMobile .button.white {
        color: #1A6305;
        border-color: #1A6305;
    }

    .ojImage {
        display: block;
    }
}


@media (max-width: 500px) {
    .slick-track {}

    .carouselDescription h1 {
        font-size: 25px;
    }
    .productContainer {
        width: 350px;
        display: inline-block;
        margin: 0 0 10px;
        max-width: 100%;
    }

    .mainNavLink {
        font-size: 35px;
    }

    .sub {
        font-size: 12px;
    }
    .logo img {
        width: 80px;
    }

    .boxSlide7 p {
        color: #1A6305;
        padding: 0 20px;
    }

    .orangeTable h4 {
        margin-top: 24px;
    }
}

@media (max-width: 350px) {
    .mainTitle {
        margin: 0;
        padding-top: 95px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-size: 32px;
    }
}

@media (min-width: 1200px) {
    .views-field-field-recipe-thumbnail img {
        height: 248px;
    }
}
@media (min-width: 768px) {
    .views-field-field-recipe-thumbnail img {
        height: 240px;
    }
}

/* CAREERS PAGE STYLES START */

.page-node-type-careers-page {
  font-size: 16px;
  line-height: 24px;
}

.page-node-type-careers-page .footer {
  margin-top: 0;
}

.page-node-type-careers-page::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 200px;
  width: 100%;
  background: #1F6A36;
}

.page-node-type-careers-page .field--type-entity-reference-revisions {
  border: none;
  margin: 0;
}

.field--name-field-careers-cta a {
  padding: 15px 30px;
  text-transform: uppercase;
  background: #019F0F;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  transition: all .3s;
  text-decoration: none;
}

.field--name-field-careers-cta a:hover {
  background: #00860c;
}

.field--name-field-careers-cta a::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 23px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M12.832 7.04883L8.14453 11.7363C7.96875 11.9121 7.73438 12 7.5 12C7.23633 12 7.00195 11.9121 6.82617 11.7363C6.44531 11.3848 6.44531 10.7695 6.82617 10.418L9.90234 7.3125H0.9375C0.410156 7.3125 0 6.90234 0 6.375C0 5.87695 0.410156 5.4375 0.9375 5.4375H9.90234L6.82617 2.36133C6.44531 2.00977 6.44531 1.39453 6.82617 1.04297C7.17773 0.662109 7.79297 0.662109 8.14453 1.04297L12.832 5.73047C13.2129 6.08203 13.2129 6.69727 12.832 7.04883Z' fill='white'/%3E%3C/svg%3E");
}

.field--name-field-careers-menu-item,
.field--name-field-careers-title {
  font-family: 'Chau Philomene One', sans-serif;
}

.paragraph--type--hero {
  padding: 40px 0 100px;
  background: linear-gradient(180deg, #1F6A36 56.99%, #134F2A 82.44%, #07321E 109.42%);
  color: #fff;
}

.paragraph--type--hero .field--name-field-careers-title {
  font-size: 70px;
  line-height: 96px;
}

.paragraph--type--hero .field--name-field-careers-title::after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='22' viewBox='0 0 290 22' fill='none'%3E%3Cpath d='M288.975 10.4735C286.54 10.4468 284.281 10.5394 281.964 10.5727C281.725 10.7461 281.485 10.9781 281.245 11.1514C283.139 11.7587 285.034 12.366 287.224 13.0938C284.724 13.477 282.404 13.8622 279.131 14.3543C281.198 15.4913 282.91 16.4485 285.626 17.9446C281.167 18.3064 277.419 18.7933 273.617 18.869C263.101 19.0471 252.587 19.0493 242.072 19.1688C239.399 19.1396 236.725 19.2276 233.993 19.2563C211.894 19.425 189.735 19.6516 167.577 19.8196C148.27 19.9602 128.906 19.9242 109.657 20.2413C103.775 20.3529 97.4865 19.6389 91.8262 21.2192C90.5751 21.5575 87.7345 20.5879 85.7732 20.6837C64.3743 22.0331 42.8165 21.6212 21.3194 21.0925C20.0721 21.0789 18.7654 21.0646 17.5182 21.0509C14.0153 20.8953 8.84293 21.3079 7.24894 20.4106C4.00286 18.4981 1.2377 16.063 0.550664 13.7093C-0.477964 10.0028 0.217095 6.19784 0.436366 2.44633C0.511169 1.03944 1.94367 0.409919 5.49892 1.21135C7.51379 1.64399 10.1265 1.73125 12.4428 1.75661C28.5977 1.93347 44.8121 2.11098 60.9703 1.9946C97.5636 1.75001 134.159 1.27083 170.754 0.908943C191.843 0.729237 212.931 0.666825 233.961 0.486469C242.039 0.457603 250.118 0.428737 258.139 0.281926C264.615 0.176857 270.489 0.71041 275.995 2.41302C277.889 3.0203 280.802 2.81757 283.114 3.19481C284.3 3.38376 286.074 4.10704 285.952 4.45763C285.337 6.32785 286.27 7.98039 288.926 9.47584C289.221 9.65504 288.921 10.0037 288.916 10.4142L288.975 10.4735Z' fill='%23F47D20'/%3E%3C/svg%3E");
  width: 290px;
  height: 22px;
}

.field--name-field-careers-menu-item {
  position: relative;
  z-index: 1;
  background: #EFF0EF;
  border-radius: 6px;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: space-around;
  max-width: 900px;
  padding: 10px 20px;
}

.field--name-field-careers-menu-item a {
  font-weight: 400;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #757575;
  transition: all .3s;
}

.field--name-field-careers-menu-item a:hover {
  color: #1F6A36;
}

.paragraph--type--careers-two-columns {
  background: #fff;
  padding-bottom: 80px;
}

.paragraph--type--careers-two-columns .field--name-field-careers-title {
  color: #1F6A36;
  font-size: 45px;
  line-height: 62px;
}

.paragraph--type--careers-two-columns .field--name-field-careers-title::after {
  display: block;
  width: 72px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='10' viewBox='0 0 72 10' fill='none'%3E%3Cpath d='M71.9195 4.7307C71.3139 4.72407 70.7521 4.76488 70.1757 4.78205C70.1159 4.85183 70.0558 4.94509 69.9959 5.01488C70.466 5.25482 70.9361 5.49477 71.4795 5.78247C70.8574 5.94002 70.2795 6.09805 69.4648 6.30045C69.9769 6.75217 70.4011 7.13249 71.0742 7.72685C69.9646 7.87906 69.0317 8.08017 68.0859 8.11677C65.4702 8.20553 62.8552 8.22387 60.2398 8.28915C59.5751 8.28187 58.9099 8.32155 58.2302 8.33759C52.7337 8.44177 47.2222 8.56927 41.7109 8.6733C36.9089 8.7616 32.0929 8.77932 27.3049 8.93822C25.8418 8.99264 24.2789 8.71725 22.8685 9.35924C22.5568 9.49671 21.8519 9.11332 21.364 9.15494C16.0396 9.7306 10.6786 9.60147 5.33287 9.42555C5.02269 9.42215 4.69773 9.41859 4.38755 9.4152C3.51659 9.3587 2.22949 9.53245 1.83453 9.17593C1.03037 8.41578 0.346685 7.44562 0.179717 6.50461C-0.069963 5.02265 0.109221 3.49843 0.169982 1.99639C0.190921 1.43311 0.548245 1.17874 1.43115 1.49365C1.93155 1.66348 2.5812 1.69407 3.15726 1.70038C7.17489 1.74436 11.2073 1.78851 15.2262 1.71511C24.3278 1.55647 33.4304 1.30393 42.5325 1.09834C47.7779 0.991407 53.0227 0.931427 58.2534 0.824333C60.2627 0.799371 62.272 0.774409 64.2671 0.702331C65.8779 0.649526 67.3381 0.85335 68.7046 1.52574C69.1747 1.76569 69.8995 1.6797 70.474 1.82687C70.7686 1.90053 71.2087 2.18711 71.1776 2.32765C71.0217 3.07729 71.2508 3.73723 71.909 4.33143C71.9821 4.40267 71.9067 4.54272 71.9049 4.70706L71.9195 4.7307Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.paragraph--type--testimonials {
  position: relative;
  z-index: 2;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 70%);
}

.paragraph--type--testimonials .carousel-indicators {
  padding-top: 20px;
}

.paragraph--type--testimonials .carousel-indicators li {
  width: auto;
  height: auto;
  padding: 3px;
  background: transparent;
  border-color: transparent;
}

.paragraph--type--testimonials .carousel-indicators li.active {
  border-color: #F47D20;
}

.paragraph--type--testimonials .carousel-indicators li span {
  background: #F47D20;
  opacity: 0.5;
  display: block;
  border-radius: 50%;
  width: 11px;
  height: 11px;
}

.paragraph--type--testimonials .carousel-indicators li.active span {
  opacity: 1;
}

.paragraph--type--testimonial {
  background: #1F6A36;
  color: #fff;
  border-radius: 6px;
  padding-top: 70px;
  padding-bottom: 90px;
  overflow: hidden;
}

.paragraph--type--testimonial .field--name-field-careers-description {
  font-size: 20px;
  line-height: 34px;
  font-weight: 300;
}

.paragraph--type--testimonial .quote {
  padding-left: 60px;
  padding-right: 50px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='30' viewBox='0 0 40 30' fill='none'%3E%3Cpath d='M35.5834 0C36.2526 0 36.6708 0.215589 36.8381 0.646766C37.0054 1.07794 37.0891 1.47595 37.0891 1.8408C37.0556 2.27197 36.9051 2.66998 36.6374 3.03483C36.4032 3.39967 36.1021 3.73134 35.734 4.02985C35.366 4.32836 34.9812 4.62687 34.5797 4.92537C34.2116 5.19071 33.877 5.45605 33.5759 5.72139C33.1075 6.18574 32.6223 6.69983 32.1205 7.26368C31.6186 7.82753 31.1669 8.42454 30.7654 9.05473C30.3639 9.68491 30.0293 10.3317 29.7616 10.995C29.4939 11.6584 29.3601 12.3217 29.3601 12.9851C29.3601 13.2504 29.3936 13.5323 29.4605 13.8308C29.5609 14.1294 29.8954 14.2786 30.4642 14.2786C31.5349 14.2786 32.6223 14.4444 33.7265 14.7761C34.8641 15.1078 35.9013 15.6053 36.8381 16.2687C37.775 16.932 38.5278 17.7612 39.0966 18.7562C39.6989 19.7181 40 20.8458 40 22.1393C40 23.3997 39.7992 24.5274 39.3977 25.5224C38.9962 26.4842 38.4274 27.2969 37.6913 27.9602C36.9552 28.6236 36.0853 29.1376 35.0816 29.5025C34.1113 29.8342 33.0238 30 31.8193 30C29.7449 30 28.0552 29.6186 26.7503 28.8557C25.4789 28.0597 24.4918 27.1144 23.7892 26.0199C23.0866 24.8922 22.6182 23.7313 22.3839 22.5373C22.1497 21.3101 22.0326 20.2488 22.0326 19.3532C22.0326 17.5622 22.3003 15.8043 22.8356 14.0796C23.4044 12.3549 24.1573 10.7297 25.0941 9.20398C26.0309 7.67828 27.1016 6.28524 28.3061 5.02488C29.5107 3.73134 30.7486 2.60365 32.0201 1.64179C32.522 1.27695 33.0908 0.912106 33.7265 0.547264C34.3956 0.182421 35.0146 0 35.5834 0ZM13.5508 0C14.22 0 14.6382 0.215589 14.8055 0.646766C14.9728 1.07794 15.0565 1.47595 15.0565 1.8408C15.023 2.27197 14.8724 2.66998 14.6048 3.03483C14.3706 3.39967 14.0694 3.73134 13.7014 4.02985C13.3333 4.32836 12.9486 4.62687 12.5471 4.92537C12.179 5.19071 11.8444 5.45605 11.5433 5.72139C11.0749 6.18574 10.5897 6.69983 10.0878 7.26368C9.58595 7.82753 9.13425 8.42454 8.73275 9.05473C8.33124 9.68491 7.99665 10.3317 7.72898 10.995C7.46131 11.6584 7.32748 12.3217 7.32748 12.9851C7.32748 13.2504 7.36094 13.5323 7.42785 13.8308C7.52823 14.1294 7.86282 14.2786 8.43162 14.2786C9.5023 14.2786 10.5897 14.4444 11.6939 14.7761C12.8315 15.1078 13.8687 15.6053 14.8055 16.2687C15.7424 16.932 16.4952 17.7612 17.064 18.7562C17.6662 19.7181 17.9674 20.8458 17.9674 22.1393C17.9674 23.3997 17.7666 24.5274 17.3651 25.5224C16.9636 26.4842 16.3948 27.2969 15.6587 27.9602C14.9226 28.6236 14.0527 29.1376 13.0489 29.5025C12.0786 29.8342 10.9912 30 9.7867 30C7.71225 30 6.02258 29.6186 4.71769 28.8557C3.44626 28.0597 2.45922 27.1144 1.75659 26.0199C1.05395 24.8922 0.585529 23.7313 0.351317 22.5373C0.117106 21.3101 0 20.2488 0 19.3532C0 17.5622 0.26767 15.8043 0.803011 14.0796C1.37181 12.3549 2.12463 10.7297 3.06148 9.20398C3.99833 7.67828 5.06901 6.28524 6.27353 5.02488C7.47804 3.73134 8.71602 2.60365 9.98745 1.64179C10.4893 1.27695 11.0581 0.912106 11.6939 0.547264C12.363 0.182421 12.982 0 13.5508 0Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.testimonial-author {
  padding-top: 30px;
  font-size: 25px;
  line-height: 30px;
  font-family: 'Chau Philomene One', sans-serif;
  text-transform: uppercase;
}

.testimonial-author .first-word {
  color: #F47D20;
}

.paragraph--type--testimonial .field--name-field-careers-image {
  width: 170px;
  margin: auto;
  text-align: center;
  position: relative;
}

.paragraph--type--testimonial .field--name-field-careers-image:after {
  display: block;
  content: "";
  width: 77px;
  height: 65px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background: url(img/orange-headshot.png) no-repeat;
}

.paragraph--type--testimonial .field--name-field-careers-image img {
  border-radius: 50%;
  border: 6px solid #F47D20;
}

.paragraph--type--cards .field--name-field-careers-cta {
  margin: 60px auto 80px;
  text-align: center;
}

.paragraph--type--card {
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  padding-bottom: 30px;
}

.paragraph--type--card .field--name-field-careers-image {
  margin-bottom: 30px;
}

.paragraph--type--card .field--name-field-careers-description {
  margin: 16px 30px;
}

.paragraph--type--card .field--name-field-careers-title {
  margin: 16px 30px 0;
  color: #1F6A36;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
}

.paragraph--type--card .field--name-field-careers-location {
  margin: 0 30px;
}

.paragraph--type--card .field--name-field-careers-location a {
  display: inline-block;
  padding: 4px 8px 4px 26px;
  background-color: #F47D20;
  background-repeat: no-repeat;
  background-position: 8px center;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' fill='none'%3E%3Cpath d='M4.59375 14.4219C3.17188 12.6445 0 8.40625 0 6C0 3.10156 2.32422 0.75 5.25 0.75C8.14844 0.75 10.5 3.10156 10.5 6C10.5 8.40625 7.30078 12.6445 5.87891 14.4219C5.55078 14.832 4.92188 14.832 4.59375 14.4219ZM5.25 7.75C6.20703 7.75 7 6.98438 7 6C7 5.04297 6.20703 4.25 5.25 4.25C4.26562 4.25 3.5 5.04297 3.5 6C3.5 6.98438 4.26562 7.75 5.25 7.75Z' fill='white'/%3E%3C/svg%3E");
}

.paragraph--type--team {
  border-top: 1px solid #EFF0EF;
  padding: 35px;
}

.paragraph--type--faq-item:last-child,
.paragraph--type--team:last-child {
  border-bottom: 1px solid #EFF0EF;
}

.paragraph--type--team .field--name-field-careers-image img {
  border-radius: 6px;
}

.paragraph--type--team .field--name-field-careers-title {
  color: #1F6A36;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
}

.paragraph--type--team .field--name-field-careers-image,
.paragraph--type--team .field--name-field-careers-html {
  padding-top: 20px;
}

.paragraph--type--team .field--name-field-careers-html ul {
  column-count: 2;
  column-gap: 40px;
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M13.6875 7.71875L8.6875 12.7188C8.5 12.9062 8.25 13 8 13C7.71875 13 7.46875 12.9062 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.paragraph--type--team .field--name-field-careers-html ul li {
  line-height: 2;
  padding-left: 4px;
}

.paragraph--type--teams {
  background: #fff;
  padding-bottom: 60px;
}

.field--item:nth-child(7) .paragraph--type--grid {
  padding-bottom: 180px;
}

.field--item:nth-child(7) .paragraph--type--grid,
.field--item:nth-child(11) .paragraph--type--grid {
  background: #07321E;
  color: #fff;
}

.field--item:nth-child(7) .paragraph--type--grid .field--name-field-careers-title,
.field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-title {
  color: #fff;
}

.field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-grid-items {
  gap: 70px;
}

.field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-grid-items .field--item {
  flex: 1 0 calc(33% - 140px);
}

.field--item:nth-child(10) .paragraph--type--grid .field--name-field-careers-title {
  color: #1F6A36;
}

.field--item:nth-child(10) .paragraph--type--grid .paragraph--type--simple-grid-item {
  background: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.paragraph--type--grid {
  text-align: center;
  padding-bottom: 100px;
  background: #fff;
}

.paragraph--type--grid .field--name-field-careers-grid-items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: stretch;
  justify-content: center;
}

.paragraph--type--grid .field--name-field-careers-grid-items > .field--item {
  display: flex;
  justify-content: center;
}

.paragraph--type--grid .paragraph--type--simple-grid-item {
  padding: 40px 30px;
}

.paragraph--type--grid .field--name-field-careers-grid-items .field--item {
  flex: 1 0 calc(33% - 30px);
}

.paragraph--type--grid .field--name-field-careers-title {
  font-size: 25px;
  line-height: 34px;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.paragraph--type--grid .paragraph--type--simple-grid-item .field--name-field-careers-image {
  background: #F8F7F7;
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto 30px;
}

.paragraph--type--iframe {
  background: #EFF0EF;
  position: relative;
  z-index: 2;
  padding: 50px 0;
}

.paragraph--type--iframe .container {
  background: #fff;
  border-radius: 6px;
  padding: 50px;
}

.paragraph--type--iframe iframe {
  overflow: hidden;
  height: 1411px;
  border: none;
}

.paragraph--type--iframe .careers-heading {
  padding-top: 20px;
  padding-bottom: 20px;
}

.paragraph--type--profile-teaser {
  padding: 0 30px;
}

.paragraph--type--profile-teaser .field--name-field-careers-title {
  max-width: 300px;
  text-align: center;
}

.paragraph--type--profile-teaser .field--name-field-careers-image {
  text-align: center;
  padding-bottom: 30px;
}

.paragraph--type--profile-teaser .field--name-field-careers-image img {
  display: block;
  margin: auto;
  border-radius: 50%;
  width: 180px;
  height: 180px;
}

.paragraph--type--profile-teaser .profile-modal-content .field--name-field-careers-image img {
  width: 240px;
  height: 240px;
}

.paragraph--type--faqs {
  background: #fff;
  padding-bottom: 70px;
}

.paragraph--type--faq-item {
  border-top: 1px solid #EFF0EF;
  padding: 35px;
}

.paragraph--type--faq-item .field--name-field-careers-title {
  color: #1F6A36;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
}

.paragraph--type--faq-item .field--name-field-careers-description {
  padding-top: 30px;
}

.view-profile {
  color: #019F0F;
  cursor: pointer;
}

.view-profile::after {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M13.6875 7.71875L8.6875 12.7188C8.5 12.9062 8.25 13 8 13C7.71875 13 7.46875 12.9062 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.profile-modal-content {
  background: #fff;
  padding: 40px 50px;
  border-radius: 6px;
  position: relative;
}

.profile-modal-content .close {
  position: absolute;
  top: 25px;
  right: 30px;
}

.profile-modal-content .field--name-field-careers-title {
  color: #1F6A36 !important;
  margin: 0 auto;
}

.profile-modal-content .field--name-field-careers-html {
  text-align: left;
  color: #021322;
}

.careers-toggle {
  display: inline-block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  text-indent: 9999px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M0 12.6248C0 5.73999 5.56641 0.124756 12.5 0.124756C19.3848 0.124756 25 5.73999 25 12.6248C25 19.5583 19.3848 25.1248 12.5 25.1248C5.56641 25.1248 0 19.5583 0 12.6248ZM8.20313 11.4529C7.51953 11.4529 7.03125 11.99 7.03125 12.6248C7.03125 13.3083 7.51953 13.7966 8.20313 13.7966H16.7969C17.4316 13.7966 17.9688 13.3083 17.9688 12.6248C17.9688 11.99 17.4316 11.4529 16.7969 11.4529H8.20313Z' fill='%231F6A36'/%3E%3C/svg%3E");
}

.careers-toggle.collapsed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M0 12.625C0 5.74023 5.56641 0.125 12.5 0.125C19.3848 0.125 25 5.74023 25 12.625C25 19.5586 19.3848 25.125 12.5 25.125C5.56641 25.125 0 19.5586 0 12.625ZM12.5 18.0938C13.1348 18.0938 13.6719 17.6055 13.6719 16.9219V13.7969H16.7969C17.4316 13.7969 17.9688 13.3086 17.9688 12.625C17.9688 11.9902 17.4316 11.4531 16.7969 11.4531H13.6719V8.32812C13.6719 7.69336 13.1348 7.15625 12.5 7.15625C11.8164 7.15625 11.3281 7.69336 11.3281 8.32812V11.4531H8.20313C7.51953 11.4531 7.03125 11.9902 7.03125 12.625C7.03125 13.3086 7.51953 13.7969 8.20313 13.7969H11.3281V16.9219C11.3281 17.6055 11.8164 18.0938 12.5 18.0938Z' fill='%231F6A36'/%3E%3C/svg%3E");
}

.careers-heading {
  text-align: center;
  padding: 80px 40px 50px;
  max-width: 750px;
  margin: 0 auto;
}

.careers-heading .field--name-field-careers-title {
  font-size: 45px;
  line-height: 62px;
  text-transform: uppercase;
  color: #1F6A36;
}

.careers-heading .field--name-field-careers-html a {
  text-decoration: underline;
  color: #019F0F;
}

.careers-heading .field--name-field-careers-title::after {
  display: block;
  width: 72px;
  height: 10px;
  margin: 24px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='10' viewBox='0 0 72 10' fill='none'%3E%3Cpath d='M71.9195 4.7307C71.3139 4.72407 70.7521 4.76488 70.1757 4.78205C70.1159 4.85183 70.0558 4.94509 69.9959 5.01488C70.466 5.25482 70.9361 5.49477 71.4795 5.78247C70.8574 5.94002 70.2795 6.09805 69.4648 6.30045C69.9769 6.75217 70.4011 7.13249 71.0742 7.72685C69.9646 7.87906 69.0317 8.08017 68.0859 8.11677C65.4702 8.20553 62.8552 8.22387 60.2398 8.28915C59.5751 8.28187 58.9099 8.32155 58.2302 8.33759C52.7337 8.44177 47.2222 8.56927 41.7109 8.6733C36.9089 8.7616 32.0929 8.77932 27.3049 8.93822C25.8418 8.99264 24.2789 8.71725 22.8685 9.35924C22.5568 9.49671 21.8519 9.11332 21.364 9.15494C16.0396 9.7306 10.6786 9.60147 5.33287 9.42555C5.02269 9.42215 4.69773 9.41859 4.38755 9.4152C3.51659 9.3587 2.22949 9.53245 1.83453 9.17593C1.03037 8.41578 0.346685 7.44562 0.179717 6.50461C-0.069963 5.02265 0.109221 3.49843 0.169982 1.99639C0.190921 1.43311 0.548245 1.17874 1.43115 1.49365C1.93155 1.66348 2.5812 1.69407 3.15726 1.70038C7.17489 1.74436 11.2073 1.78851 15.2262 1.71511C24.3278 1.55647 33.4304 1.30393 42.5325 1.09834C47.7779 0.991407 53.0227 0.931427 58.2534 0.824333C60.2627 0.799371 62.272 0.774409 64.2671 0.702331C65.8779 0.649526 67.3381 0.85335 68.7046 1.52574C69.1747 1.76569 69.8995 1.6797 70.474 1.82687C70.7686 1.90053 71.2087 2.18711 71.1776 2.32765C71.0217 3.07729 71.2508 3.73723 71.909 4.33143C71.9821 4.40267 71.9067 4.54272 71.9049 4.70706L71.9195 4.7307Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.d-flex {
  display: flex;
}

.flex-center-v {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.field--name-field-page-sections {
  overflow: hidden;
}

.field--name-field-page-sections > .field--item:nth-child(2) {
  padding-bottom: 80px;
}

.field--name-field-page-sections > .field--item:nth-child(2),
.field--name-field-page-sections > .field--item:nth-child(8) {
  background: #fff;
  position: relative;
}

.field--name-field-page-sections > .field--item:nth-child(2)::before,
.field--name-field-page-sections > .field--item:nth-child(8)::before {
  display: block;
  content: '';
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -80px;
  left: 50%;
  margin-left: -1400px;
  height: 780px;
  width: 2800px;
  z-index: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .paragraph--type--hero .field--name-field-careers-title {
    font-size: 50px;
    line-height: 60px;
  }

  .paragraph--type--hero .row.d-flex {
    padding-top: 80px;
  }

  .field--name-field-page-sections > .field--item:nth-child(2)::before {
    top: -50px;
  }

  .paragraph--type--careers-two-columns .field--name-field-careers-image {
    min-width: 375px;
  }

  .paragraph--type--testimonial .field--name-field-careers-image img {
    margin-bottom: 30px;
  }

  .paragraph--type--card .field--name-field-careers-title {
    font-size: 24px;
  }

  .paragraph--type--grid .field--name-field-careers-grid-items .field--item {
    flex: 1 0 calc(50% - 30px);
  }

  .field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-grid-items .field--item {
    flex: 1 0 calc(50% - 140px);
  }
}

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

    .description {
        padding-top: 75px;
    }

  .paragraph--type--hero .field--name-field-careers-title {
    font-size: 50px;
    line-height: 60px;
  }

  .paragraph--type--careers-two-columns .row.d-flex,
  .paragraph--type--hero .row.d-flex {
    flex-direction: column-reverse;
  }

  .paragraph--type--hero .row.d-flex {
    padding-top: 50px;
  }

  .paragraph--type--careers-two-columns .field--name-field-careers-image {
    padding-bottom: 30px;
  }

  .paragraph--type--hero .field--name-field-careers-cta {
    text-align: center;
  }

  .paragraph--type--compact-menu {
    margin-left: 15px;
    margin-right: 15px;
  }

  .field--name-field-careers-menu-item {
    flex-direction: column;
  }

  .field--name-field-page-sections > .field--item:nth-child(2)::before {
    top: -50px;
  }

  .field--name-field-careers-menu-item .field--item {
    padding: 4px 0;
  }

  .paragraph .paragraph--type--testimonial {
    border-radius: 0;
  }

  .paragraph--type--testimonial .field--name-field-careers-description {
    font-size: 16px;
    line-height: 26px;
  }

  .paragraph--type--testimonial .field--name-field-careers-image img {
    margin-bottom: 30px;
  }

  .paragraph--type--careers-two-columns .field--name-field-careers-title,
  .careers-heading .field--name-field-careers-title {
    font-size: 40px;
    line-height: 48px;
  }

  .paragraph--type--cards .row.d-flex {
    flex-direction: column;
    gap: 30px;
  }

  .paragraph--type--iframe {
    padding-bottom: 0;
  }

  .paragraph--type--iframe .container {
    padding: 15px;
  }

  .paragraph--type--grid .field--name-field-careers-grid-items {
    flex-direction: column;
  }

  .paragraph--type--grid .paragraph--type--simple-grid-item {
    padding-bottom: 0;
    padding-top: 30px;
  }

  .profile-modal-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* CAREERS PAGE STYLES END */


.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.fieldgroup {
    padding: 0;
    border-width: 0;
}

.container-inline div,.container-inline label {
    display: inline-block;
}

.container-inline .details-wrapper {
    display: block;
}

.container-inline .hidden {
    display: none;
}

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}

.js details:not([open]) .details-wrapper {
    display: none;
}

.hidden {
    display: none;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.visually-hidden.focusable:active,.visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

.invisible {
    visibility: hidden;
}

.item-list__comma-list,.item-list__comma-list li {
    display: inline;
}

.item-list__comma-list {
    margin: 0;
    padding: 0;
}

.item-list__comma-list li:after {
    content: ", ";
}

.item-list__comma-list li:last-child:after {
    content: "";
}

.js .js-hide {
    display: none;
}

.js-show {
    display: none;
}

.js .js-show {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.position-container {
    position: relative;
}

.progress {
    position: relative;
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 16px;
    background-color: #000;
}

.progress__description,.progress__percentage {
    overflow: hidden;
    margin-top: 0.2em;
    color: #555;
    font-size: 0.875em;
}

.progress__description {
    float: left;
}

[dir="rtl"] .progress__description {
    float: right;
}

.progress__percentage {
    float: right;
}

[dir="rtl"] .progress__percentage {
    float: left;
}

.progress--small .progress__track {
    height: 7px;
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px;
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.resize-none {
    resize: none;
}

.resize-vertical {
    min-height: 2em;
    resize: vertical;
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal;
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both;
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff;
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.system-status-counter__status-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px;
}

.system-status-counter__status-icon--error:before {
    background-image: url(/core/misc/icons/e32700/error.svg);
}

.system-status-counter__status-icon--warning:before {
    background-image: url(/core/misc/icons/e29700/warning.svg);
}

.system-status-counter__status-icon--checked:before {
    background-image: url(/core/misc/icons/73b355/check.svg);
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0,0,0,0.063);
}

@media screen and (min-width: 60em) {
    .system-status-report-counters {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .system-status-report-counters__item--half-width {
        width: 49%;
    }

    .system-status-report-counters__item--third-width {
        width: 33%;
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc;
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
}

.tablesort--asc {
    background-image: url(/core/misc/icons/787878/twistie-down.svg);
}

.tablesort--desc {
    background-image: url(/core/misc/icons/787878/twistie-up.svg);
}

div.tree-child {
    background: url(/core/misc/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(/core/misc/tree-bottom.png) no-repeat 11px center;
}

[dir="rtl"] div.tree-child,[dir="rtl"] div.tree-child-last {
    background-position: -65px center;
}

div.tree-child-horizontal {
    background: url(/core/misc/tree.png) no-repeat -11px center;
}

.contextual-region {
    position: relative;
}

.contextual .trigger:focus {
    position: relative !important;
}

.contextual-links {
    display: none;
}

.contextual.open .contextual-links {
    display: block;
}

.quickedit-editable {
    position: relative;
    z-index: 98;
    cursor: pointer;
}

.quickedit-editable:focus {
    outline: none;
}

.quickedit-editable.quickedit-highlighted {
    z-index: 99;
}

.quickedit-validation-errors > .messages {
    margin-right: 0;
    margin-left: 0;
}

.quickedit-validation-errors > .messages > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.quickedit-validation-errors {
    position: relative;
    z-index: 300;
}

.quickedit-validation-errors .messages.error {
    position: absolute;
    top: 6px;
    left: -5px;
    margin: 0;
    border: none;
}

[dir="rtl"] .quickedit-validation-errors .messages.error {
    right: -5px;
    left: auto;
}

#quickedit_backstage {
    display: none;
}

.quickedit-form {
    position: absolute;
    z-index: 300;
    max-width: 35em;
}

.quickedit-form .placeholder {
    min-height: 22px;
}

.quickedit-form .form-wrapper .form-wrapper {
    margin: inherit;
}

.quickedit-form .form-actions {
    display: none;
}

.quickedit-form input {
    max-width: 100%;
}

.quickedit-toolbar-container {
    position: absolute;
    z-index: 100;
    width: 320px;
    max-width: 320px;
}

.quickedit-toolbar-container > .quickedit-toolbar-pointer,.quickedit-toolbar-container > .quickedit-toolbar-lining {
    display: none;
}

.quickedit-form-container {
    position: relative;
    z-index: 100;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}

.quickedit-toolgroup.ops {
    float: right;
}

[dir="rtl"] .quickedit-toolgroup.ops {
    float: left;
}

.quickedit-toolbar-label {
    overflow: hidden;
}

#quickedit-toolbar-fence {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#toolbar-administration,#toolbar-administration * {
    box-sizing: border-box;
}

#toolbar-administration {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: small;
    line-height: 1;
}

@media print {
    #toolbar-administration {
        display: none;
    }
}

.toolbar-loading #toolbar-administration {
    overflow: hidden;
}

.toolbar li,.toolbar .item-list,.toolbar .item-list li,.toolbar .menu-item,.toolbar .menu-item--expanded {
    list-style-type: none;
    list-style-image: none;
}

.toolbar .menu-item {
    padding-top: 0;
}

.toolbar .toolbar-bar .toolbar-tab,.toolbar .menu-item {
    display: block;
}

.toolbar .toolbar-bar .toolbar-tab.hidden {
    display: none;
}

.toolbar a {
    display: block;
    line-height: 1;
}

.toolbar .toolbar-bar,.toolbar .toolbar-tray {
    position: relative;
    z-index: 1250;
}

.toolbar-horizontal .toolbar-tray {
    position: fixed;
    left: 0;
    width: 100%;
}

.toolbar-oriented .toolbar-bar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.toolbar-oriented .toolbar-tray {
    position: absolute;
    right: 0;
    left: 0;
}

@media (min-width: 61em) {
    .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
        position:relative;
        z-index: -999;
        display: block;
        visibility: hidden;
        width: 1px;
    }

    .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
        width: 999em;
    }

    .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab + .toolbar-tab .toolbar-tray {
        display: block;
    }
}

.toolbar-oriented .toolbar-bar {
    z-index: 502;
}

body.toolbar-fixed .toolbar-oriented .toolbar-bar {
    position: fixed;
}

body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
    bottom: 0;
    width: 240px;
    width: 15rem;
}

.toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,.toolbar .toolbar-bar .toolbar-tab,.toolbar .toolbar-tray-horizontal li {
    float: left;
}

[dir="rtl"] .toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
    float: right;
}

@media only screen {
    .toolbar .toolbar-bar .toolbar-tab,.toolbar .toolbar-tray-horizontal li {
        float: none;
    }

    [dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
        float: none;
    }
}

@media (min-width: 16.5em) {
    .toolbar .toolbar-bar .toolbar-tab,.toolbar .toolbar-tray-horizontal li {
        float:left;
    }

    [dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
        float: right;
    }
}

.toolbar-oriented .toolbar-bar .toolbar-tab,.toolbar-oriented .toolbar-tray-horizontal li {
    float: left;
}

[dir="rtl"] .toolbar-oriented .toolbar-bar .toolbar-tab,[dir="rtl"] .toolbar-oriented .toolbar-tray-horizontal li {
    float: right;
}

.toolbar .toolbar-tray {
    z-index: 501;
    display: none;
}

.toolbar-oriented .toolbar-tray-vertical {
    position: absolute;
    left: -100%;
    width: 240px;
    width: 15rem;
}

[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical {
    right: -100%;
    left: auto;
}

.toolbar .toolbar-tray-vertical > .toolbar-lining {
    min-height: 100%;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
    position: relative;
    z-index: 502;
}

.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
    display: none;
}

.toolbar .toolbar-tray-vertical.is-active,body.toolbar-fixed .toolbar .toolbar-tray-vertical {
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.toolbar .toolbar-tray.is-active {
    display: block;
}

.toolbar-oriented .toolbar-tray-vertical.is-active {
    left: 0;
}

[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical.is-active {
    right: 0;
    left: auto;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 240px;
    margin-left: 15rem;
}

@media print {
    body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
        margin-left: 0;
    }
}

[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-right: 240px;
    margin-right: 15rem;
    margin-left: auto;
}

@media print {
    [dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
        margin-right: 0;
    }
}

.toolbar .toolbar-tray .toolbar-toggle-orientation {
    display: none;
}

.toolbar-oriented .toolbar-tray .toolbar-toggle-orientation {
    display: block;
}

.toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
}

[dir="rtl"] .toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {
    right: auto;
    left: 0;
}

.toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
    float: right;
    width: 100%;
}

[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
    float: left;
}

.toolbar .toolbar-bar .home-toolbar-tab {
    display: none;
}

.path-admin .toolbar-bar .home-toolbar-tab {
    display: block;
}

.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
    float: right;
}

[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
    float: left;
}

.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item {
    margin: 0;
}

.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
    background-image: -webkit-linear-gradient(rgb(78,159,234) 0%,rgb(69,132,221) 100%);
    background-image: linear-gradient(rgb(78,159,234) 0%,rgb(69,132,221) 100%);
}

.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab.hidden {
    display: none;
}

.toolbar .toolbar-menu,[dir="rtl"] .toolbar .toolbar-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.toolbar .toolbar-box {
    position: relative;
    display: block;
    width: auto;
    line-height: 1em;
}

.toolbar .toolbar-tray-vertical .toolbar-menu ul {
    display: none;
}

.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {
    display: none;
}

.toolbar-tray-open .toolbar-menu .menu-item--expanded ul {
    display: none;
}

.toolbar .toolbar-tray-vertical li.open > ul {
    display: block;
}

.toolbar .toolbar-tray-vertical .toolbar-handle + a {
    margin-right: 3em;
}

[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-handle + a {
    margin-right: 0;
    margin-left: 3em;
}

.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,.toolbar .toolbar-tray a.is-active {
    color: #000;
    font-weight: bold;
}

@media screen and (max-width: 319px) {
    .toolbar .toolbar-tray-vertical.is-active {
        width:100%;
    }
}

.toolbar .level-2 > ul {
    border-top-color: #e5e5e5;
    border-bottom-color: #ccc;
    background-color: #fafafa;
}

.toolbar .level-3 > ul {
    border-top-color: #ddd;
    border-bottom-color: #c5c5c5;
    background-color: #f5f5f5;
}

.toolbar .level-4 > ul {
    border-top-color: #d5d5d5;
    border-bottom-color: #bbb;
    background-color: #eee;
}

.toolbar .level-5 > ul {
    border-top-color: #ccc;
    border-bottom-color: #b5b5b5;
    background-color: #e5e5e5;
}

.toolbar .level-6 > ul {
    border-top-color: #c5c5c5;
    border-bottom-color: #aaa;
    background-color: #eee;
}

.toolbar .level-7 > ul {
    border-top-color: #ccc;
    border-bottom-color: #b5b5b5;
    background-color: #fafafa;
}

.toolbar .level-8 > ul {
    border-top-color: #ddd;
    border-bottom-color: #ccc;
    background-color: #ddd;
}

.toolbar .toolbar-handle:hover {
    cursor: pointer;
}

.toolbar .toolbar-icon.toolbar-handle {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    padding: 0;
}

[dir="rtl"] .toolbar .toolbar-icon.toolbar-handle {
    right: auto;
    left: 0;
    padding: 0;
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94,158,214);
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)";
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png);
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_555555_256x240.png);
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_777777_256x240.png);
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666666;
    box-shadow: 0 0 5px #666666;
}

.contextual {
    position: absolute;
    z-index: 500;
    top: 6px;
    right: 0;
}

[dir="rtl"] .contextual {
    right: auto;
    left: 0;
}

.contextual-region.focus {
    outline: 1px dashed #d6d6d6;
    outline-offset: 1px;
}

.contextual .trigger {
    position: relative;
    right: 6px;
    float: right;
    overflow: hidden;
    margin: 0;
    padding: 0 2px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 13px;
    background-color: #fff;
    background-attachment: scroll;
}

[dir="rtl"] .contextual .trigger {
    right: auto;
    left: 6px;
    float: left;
}

.contextual.open .trigger {
    z-index: 2;
    border: 1px solid #ccc;
    border-bottom-color: transparent;
    border-radius: 13px 13px 0 0;
    box-shadow: none;
}

.contextual-region .contextual .contextual-links {
    position: relative;
    top: -1px;
    right: 6px;
    float: right;
    clear: both;
    margin: 0;
    padding: 0.25em 0;
    text-align: left;
    white-space: nowrap;
    border: 1px solid #ccc;
    border-radius: 4px 0 4px 4px;
    background-color: #fff;
}

[dir="rtl"] .contextual-region .contextual .contextual-links {
    right: auto;
    left: 6px;
    float: left;
    text-align: right;
    border-radius: 0 4px 4px 4px;
}

.contextual-region .contextual .contextual-links li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    border: none;
    background-color: #fff;
    line-height: 100%;
}

.contextual-region .contextual .contextual-links a {
    display: block;
    margin: 0.25em 0;
    padding: 0.4em 0.6em;
    color: #333;
    background-color: #fff;
    font-family: sans-serif;
    font-size: small;
    line-height: 0.8em;
}

.touchevents .contextual-region .contextual .contextual-links a {
    font-size: large;
}

.contextual-region .contextual .contextual-links a,.contextual-region .contextual .contextual-links a:hover {
    text-decoration: none;
}

.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
    color: #000;
    background: #f7fcff;
}

.toolbar-bar .toolbar-icon-edit:before {
    background-image: url(/core/misc/icons/bebebe/pencil.svg);
}

.toolbar-bar .toolbar-icon-edit:active:before,.toolbar-bar .toolbar-icon-edit.is-active:before {
    background-image: url(/core/misc/icons/ffffff/pencil.svg);
}

.contextual .trigger {
    width: 26px !important;
    height: 26px !important;
    text-indent: -9999px;
    background-image: url(/core/misc/icons/bebebe/pencil.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
}

.contextual .trigger:hover {
    background-image: url(/core/misc/icons/787878/pencil.svg);
}

.contextual .trigger:focus {
    outline: none;
    background-image: url(/core/misc/icons/5181c6/pencil.svg);
}

.quickedit-field.quickedit-editable,.quickedit-field .quickedit-editable {
    box-shadow: 0 0 0 2px #74b7ff;
}

.quickedit-field.quickedit-highlighted,.quickedit-form.quickedit-highlighted,.quickedit-field .quickedit-highlighted {
    box-shadow: 0 0 0 1px #74b7ff,0 0 0 2px #007fff;
}

.quickedit-field.quickedit-changed,.quickedit-form.quickedit-changed,.quickedit-field .quickedit-changed {
    box-shadow: 0 0 0 1px #fec17e,0 0 0 2px #f7870a;
}

.quickedit-editing.quickedit-validation-error,.quickedit-form.quickedit-validation-error {
    box-shadow: 0 0 0 1px #ee8b74,0 0 0 2px #fa2209;
}

.quickedit-editing.quickedit-editor-is-popup {
    box-shadow: none;
}

.quickedit-form .form-item .error {
    border: 1px solid #eea0a0;
}

.quickedit-form form {
    padding: 0.5em;
}

.quickedit-form .form-item {
    margin: 0;
}

.quickedit-form .form-wrapper {
    margin: 0.5em;
}

.quickedit-animate-invisible {
    opacity: 0;
}

.quickedit-animate-default {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.quickedit-animate-slow {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.quickedit-animate-delay-veryfast {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.quickedit-animate-delay-fast {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.quickedit-animate-disable-width {
    -webkit-transition: width 0s;
    transition: width 0s;
}

.quickedit-animate-only-visibility {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.quickedit-validation-errors .messages.error {
    background-color: white;
    box-shadow: 0 0 1px 1px red,0 0 3px 3px rgba(153,153,153,0.5);
}

.quickedit-form {
    background-color: white;
    box-shadow: 0 0 30px 4px #4f4f4f;
}

.quickedit-toolbar-container {
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-transition: all 1s;
    transition: all 1s;
    font-family: "Source Sans Pro","Lucida Grande",sans-serif;
}

.quickedit-toolbar-container > .quickedit-toolbar-content {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding: 0.1667em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: black;
    background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
    background-image: linear-gradient(to bottom,#fff,#e4e4e4);
}

.quickedit-toolbar-container > .quickedit-toolbar-pointer {
    position: absolute;
    z-index: 1;
    bottom: 2px;
    left: 18px;
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #e4e4e4;
    box-shadow: 0 0 0 1px #818181,0 0 0 4px rgba(150,150,150,0.5);
}

[dir="rtl"] .quickedit-toolbar-container > .quickedit-toolbar-pointer {
    right: 18px;
    left: auto;
}

.quickedit-toolbar-container.quickedit-toolbar-pointer-top > .quickedit-toolbar-pointer {
    top: 2px;
    bottom: auto;
}

.quickedit-toolbar-container > .quickedit-toolbar-lining {
    position: absolute;
    z-index: 0;
    top: 7px;
    right: 0;
    bottom: 7px;
    left: 0;
    display: block;
    box-shadow: 0 0 0 1px #818181,0 3px 0 1px rgba(150,150,150,0.5);
}

.quickedit-toolbar-label {
    overflow: hidden;
    padding: 0.333em 0.4em;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: italic;
}

.quickedit-toolbar-label .field:after {
    content: " → ";
}

[dir="rtl"] .quickedit-toolbar-label .field:after {
    content: " ← ";
}

.quickedit-toolbar {
    font-family: "Droid sans","Lucida Grande",sans-serif;
}

.quickedit-toolbar-entity {
    padding: 0.1667em 0.2em;
}

.quickedit-toolbar-fullwidth {
    width: 100%;
}

.quickedit-toolgroup.wysiwyg-floated {
    float: right;
}

[dir="rtl"] .quickedit-toolgroup.wysiwyg-floated {
    float: left;
}

.quickedit-toolgroup.wysiwyg-main {
    clear: both;
    width: 100%;
    padding-left: 0;
}

[dir="rtl"] .quickedit-toolgroup.wysiwyg-main {
    padding-right: 0;
    padding-left: 0;
}

.quickedit-button {
    display: inline-block;
    margin: 0;
    padding: 0.345em;
    cursor: pointer;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    opacity: 1;
    color: #5a5a5a;
    border: 1px solid #d2d2d2;
    background-color: #e4e4e4;
}

.quickedit-button[aria-hidden="true"] {
    visibility: hidden;
    opacity: 0;
}

.quickedit-button + .quickedit-button {
    margin-left: 0.2em;
}

[dir="rtl"] .quickedit-button + .quickedit-button {
    margin-right: 0.25em;
    margin-left: auto;
}

.quickedit-button:hover,.quickedit-button:active {
    color: #2e2e2e;
    border: 1px solid #a0a0a0;
    background-color: #c8c8c8;
}

.quickedit-toolbar-container .quickedit-button.action-cancel {
    border: 1px solid transparent;
    background-color: transparent;
}

.quickedit-button.action-save {
    color: white;
    border: 1px solid transparent;
    background-color: #50a0e9;
    background-image: -webkit-linear-gradient(top,#50a0e9,#4481dc);
    background-image: linear-gradient(to bottom,#50a0e9,#4481dc);
}

.quickedit-button.action-save:hover,.quickedit-button.action-save:active {
    border: 1px solid #a0a0a0;
}

.quickedit-button.action-saving,.quickedit-button.action-saving:hover,.quickedit-button.action-saving:active {
    color: #5a5a5a;
    border-color: #d2d2d2;
    background-color: #e4e4e4;
    background-image: none;
}

.quickedit .icon {
    position: relative;
    min-width: 2.5em;
    min-height: 1em;
}

.quickedit .icon.icon-only {
    text-indent: -9999px;
}

.quickedit .icon.icon-end {
    padding-right: 2.5em;
}

[dir="rtl"] .quickedit .icon.icon-end {
    padding-right: 0;
    padding-left: 2.5em;
}

.quickedit .icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

[dir="rtl"] .quickedit .icon:before {
    right: 0;
    left: auto;
}

.quickedit .icon-end:before {
    right: 0.5em;
    left: auto;
    width: 18px;
}

[dir="rtl"] .quickedit .icon-end:before {
    right: auto;
    left: 0.5em;
}

.quickedit button.icon {
    font-size: 1em;
}

.quickedit .icon-pencil {
    margin-left: 0.5em;
    padding-left: 1.5em;
}

.quickedit .icon-close:before {
    top: 10px;
    height: 12px;
    background-image: url(/core/misc/icons/787878/ex.svg);
}

.quickedit .icon-close:hover:before,.quickedit .icon-close:active:before {
    background-image: url(/core/misc/icons/000000/ex.svg);
}

.quickedit .icon-throbber:before {
    background-image: url(/core/modules/quickedit/images/icon-throbber.gif);
}

.quickedit .icon-pencil:before {
    background-image: url(/core/misc/icons/5181c6/pencil.svg);
    background-position: left center;
    background-size: 1.3em;
}

.quickedit-toolbar-container > .quickedit-toolbar-content,.quickedit-toolbar-container > .quickedit-toolbar-lining {
    border-radius: 4px;
}

.quickedit-button {
    border-radius: 3px;
}

.quickedit-button.action-save,.quickedit-button.action-saving {
    margin-top: 2px;
    color: #fff;
    border-color: #1e5c90;
    background-image: -webkit-linear-gradient(top,#007bc6,#0071b8);
    background-image: linear-gradient(to bottom,#007bc6,#0071b8);
    text-shadow: 0 1px hsla(0,0%,0%,0.5);
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}

.quickedit-button.action-save:hover,.quickedit-button.action-save:focus,.quickedit-button.action-saving:hover,.quickedit-button.action-saving:focus {
    color: #fff;
    border-color: #1e5c90;
    background-color: #2369a6;
    background-image: -webkit-linear-gradient(top,#0c97ed,#1f86c7);
    background-image: linear-gradient(to bottom,#0c97ed,#1f86c7);
}

.quickedit-button.action-save:hover,.quickedit-button.action-save:focus,.quickedit-button.action-saving:hover,.quickedit-button.action-saving:focus {
    box-shadow: 0 1px 2px hsla(203,10%,10%,0.25);
}

.quickedit-button.action-save:active,.quickedit-button.action-saving:active {
    border-color: #144b78;
    background-image: -webkit-linear-gradient(top,#08639b,#0071b8);
    background-image: linear-gradient(to bottom,#08639b,#0071b8);
    box-shadow: inset 0 1px 3px hsla(0,0%,0%,0.2);
}

.quickedit .icon-close:before {
    top: 8px;
}

.toolbar {
    font-family: "Source Sans Pro","Lucida Grande",Verdana,sans-serif;
    font-size: 0.8125rem;
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -o-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -webkit-touch-callout: none;
    touch-callout: none;
}

.toolbar .toolbar-item {
    padding: 1em 1.3333em;
    cursor: pointer;
    text-decoration: none;
    line-height: 1em;
}

.toolbar .toolbar-item:hover,.toolbar .toolbar-item:focus {
    text-decoration: underline;
}

.toolbar .toolbar-bar {
    color: #ddd;
    background-color: #0f0f0f;
    box-shadow: -1px 0 3px 1px rgba(0,0,0,0.3333);
}

[dir="rtl"] .toolbar .toolbar-bar {
    box-shadow: 1px 0 3px 1px rgba(0,0,0,0.3333);
}

.toolbar .toolbar-bar .toolbar-item {
    color: #fff;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
    font-weight: bold;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover,.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.125) 20%,transparent 200%);
    background-image: linear-gradient(rgba(255,255,255,0.125) 20%,transparent 200%);
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.25) 20%,transparent 200%);
    background-image: linear-gradient(rgba(255,255,255,0.25) 20%,transparent 200%);
}

.toolbar .toolbar-tray {
    background-color: #fff;
}

.toolbar-horizontal .toolbar-tray > .toolbar-lining {
    padding-right: 5em;
}

[dir="rtl"] .toolbar-horizontal .toolbar-tray > .toolbar-lining {
    padding-right: 0;
    padding-left: 5em;
}

.toolbar .toolbar-tray-vertical {
    border-right: 1px solid #aaa;
    background-color: #f5f5f5;
    box-shadow: -1px 0 5px 2px rgba(0,0,0,0.3333);
}

[dir="rtl"] .toolbar .toolbar-tray-vertical {
    border-right: 0 none;
    border-left: 1px solid #aaa;
    box-shadow: 1px 0 5px 2px rgba(0,0,0,0.3333);
}

.toolbar-horizontal .toolbar-tray {
    border-bottom: 1px solid #aaa;
    box-shadow: -2px 1px 3px 1px rgba(0,0,0,0.3333);
}

[dir="rtl"] .toolbar-horizontal .toolbar-tray {
    box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3333);
}

.toolbar .toolbar-tray-horizontal .toolbar-tray {
    background-color: #f5f5f5;
}

.toolbar-tray a,.toolbar-tray a:visited {
    padding: 1em 1.3333em;
    cursor: pointer;
    text-decoration: none;
    color: #565656;
}

.toolbar-tray a:hover,.toolbar-tray a:active,.toolbar-tray a:focus,.toolbar-tray a.is-active {
    text-decoration: underline;
    color: #000;
}

.toolbar .toolbar-menu {
    background-color: #fff;
}

.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
    border-left: 1px solid #ddd;
}

[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
    border-right: 1px solid #ddd;
    border-left: 0 none;
}

.toolbar-horizontal .toolbar-tray .menu-item:last-child {
    border-right: 1px solid #ddd;
}

[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
    border-left: 1px solid #ddd;
}

.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
    border-top: 1px solid #ddd;
}

.toolbar .toolbar-tray-vertical .menu-item:last-child {
    border-bottom: 1px solid #ddd;
}

.toolbar .toolbar-tray-vertical .menu-item .menu-item {
    border: 0 none;
}

.toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.toolbar .toolbar-tray-vertical .menu-item:last-child > ul {
    border-bottom: 0;
}

.toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
    margin-left: 0.25em;
}

[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
    margin-right: 0.25em;
    margin-left: 0;
}

.toolbar .toolbar-menu .toolbar-menu a {
    color: #434343;
}

.toolbar .toolbar-toggle-orientation {
    height: 100%;
    padding: 0;
    background-color: #f5f5f5;
}

.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
    border-left: 1px solid #c9c9c9;
}

[dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
    border-right: 1px solid #c9c9c9;
    border-left: 0 none;
}

.toolbar .toolbar-toggle-orientation > .toolbar-lining {
    float: right;
}

[dir="rtl"] .toolbar .toolbar-toggle-orientation > .toolbar-lining {
    float: left;
}

.toolbar .toolbar-toggle-orientation button {
    display: inline-block;
    cursor: pointer;
}

.toolbar .toolbar-icon {
    position: relative;
    padding-left: 2.75em;
}

[dir="rtl"] .toolbar .toolbar-icon {
    padding-right: 2.75em;
    padding-left: 1.3333em;
}

.toolbar .toolbar-icon:before {
    position: absolute;
    top: 0;
    left: 0.6667em;
    display: block;
    width: 20px;
    height: 100%;
    content: "";
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: 100% auto;
}

[dir="rtl"] .toolbar .toolbar-icon:before {
    right: 0.6667em;
    left: auto;
}

.toolbar button.toolbar-icon {
    border: 0;
    background-color: transparent;
    font-size: 1em;
}

.toolbar .toolbar-menu ul .toolbar-icon {
    padding-left: 1.3333em;
}

[dir="rtl"] .toolbar .toolbar-menu ul .toolbar-icon {
    padding-right: 1.3333em;
    padding-left: 0;
}

.toolbar .toolbar-menu ul a.toolbar-icon:before {
    display: none;
}

.toolbar .toolbar-tray-vertical .toolbar-menu ul a {
    padding-left: 2.75em;
}

[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu ul a {
    padding-right: 2.75em;
    padding-left: 0;
}

.toolbar .toolbar-tray-vertical .toolbar-menu ul ul a {
    padding-left: 3.75em;
}

[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu ul ul a {
    padding-right: 3.75em;
    padding-left: 0;
}

.toolbar .toolbar-tray-vertical .toolbar-menu a {
    padding-right: 4em;
    padding-left: 2.75em;
}

[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu a {
    padding-right: 2.75em;
    padding-left: 4em;
}

.toolbar-bar .toolbar-icon-menu:before {
    background-image: url(/core/misc/icons/bebebe/hamburger.svg);
}

.toolbar-bar .toolbar-icon-menu:active:before,.toolbar-bar .toolbar-icon-menu.is-active:before {
    background-image: url(/core/misc/icons/ffffff/hamburger.svg);
}

.toolbar-bar .toolbar-icon-help:before {
    background-image: url(/core/misc/icons/bebebe/questionmark-disc.svg);
}

.toolbar-bar .toolbar-icon-help:active:before,.toolbar-bar .toolbar-icon-help.is-active:before {
    background-image: url(/core/misc/icons/ffffff/questionmark-disc.svg);
}

.toolbar-icon-system-admin-content:before {
    background-image: url(/core/misc/icons/787878/file.svg);
}

.toolbar-icon-system-admin-content:active:before,.toolbar-icon-system-admin-content.is-active:before {
    background-image: url(/core/misc/icons/000000/file.svg);
}

.toolbar-icon-system-admin-structure:before {
    background-image: url(/core/misc/icons/787878/orgchart.svg);
}

.toolbar-icon-system-admin-structure:active:before,.toolbar-icon-system-admin-structure.is-active:before {
    background-image: url(/core/misc/icons/000000/orgchart.svg);
}

.toolbar-icon-system-themes-page:before {
    background-image: url(/core/misc/icons/787878/paintbrush.svg);
}

.toolbar-icon-system-themes-page:active:before,.toolbar-icon-system-themes-page.is-active:before {
    background-image: url(/core/misc/icons/000000/paintbrush.svg);
}

.toolbar-icon-entity-user-collection:before {
    background-image: url(/core/misc/icons/787878/people.svg);
}

.toolbar-icon-entity-user-collection:active:before,.toolbar-icon-entity-user-collection.is-active:before {
    background-image: url(/core/misc/icons/000000/people.svg);
}

.toolbar-icon-system-modules-list:before {
    background-image: url(/core/misc/icons/787878/puzzlepiece.svg);
}

.toolbar-icon-system-modules-list:active:before,.toolbar-icon-system-modules-list.is-active:before {
    background-image: url(/core/misc/icons/000000/puzzlepiece.svg);
}

.toolbar-icon-system-admin-config:before {
    background-image: url(/core/misc/icons/787878/wrench.svg);
}

.toolbar-icon-system-admin-config:active:before,.toolbar-icon-system-admin-config.is-active:before {
    background-image: url(/core/misc/icons/000000/wrench.svg);
}

.toolbar-icon-system-admin-reports:before {
    background-image: url(/core/misc/icons/787878/barchart.svg);
}

.toolbar-icon-system-admin-reports:active:before,.toolbar-icon-system-admin-reports.is-active:before {
    background-image: url(/core/misc/icons/000000/barchart.svg);
}

.toolbar-icon-help-main:before {
    background-image: url(/core/misc/icons/787878/questionmark-disc.svg);
}

.toolbar-icon-help-main:active:before,.toolbar-icon-help-main.is-active:before {
    background-image: url(/core/misc/icons/000000/questionmark-disc.svg);
}

@media only screen and (min-width: 16.5em) {
    .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
        width:4em;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        text-indent: -9999px;
    }

    .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
        left: 0;
        width: 100%;
        background-size: 42% auto;
    }

    .no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
        background-size: auto auto;
    }

    [dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
        right: 0;
        left: auto;
    }
}

@media only screen and (min-width: 36em) {
    .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
        width:auto;
        padding-right: 1.3333em;
        padding-left: 2.75em;
        text-indent: 0;
        background-position: left center;
    }

    [dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
        padding-right: 2.75em;
        padding-left: 1.3333em;
        background-position: right center;
    }

    .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
        left: 0.6667em;
        width: 20px;
        background-size: 100% auto;
    }

    .no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
        background-size: auto auto;
    }

    [dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
        right: 0.6667em;
        left: 0;
    }
}

.toolbar-tab a:focus {
    text-decoration: underline;
    outline: none;
}

.toolbar-lining button:focus {
    outline: none;
}

.toolbar-tray-horizontal a:focus,.toolbar-box a:focus {
    outline: none;
    background-color: #f5f5f5;
}

.toolbar-box a:hover:focus {
    text-decoration: underline;
}

.toolbar .toolbar-icon.toolbar-handle:focus {
    outline: none;
    background-color: #f5f5f5;
}

.toolbar .toolbar-icon.toolbar-handle {
    width: 4em;
    text-indent: -9999px;
}

.toolbar .toolbar-icon.toolbar-handle:before {
    left: 1.6667em;
}

[dir="rtl"] .toolbar .toolbar-icon.toolbar-handle:before {
    right: 1.6667em;
    left: auto;
}

.toolbar .toolbar-icon.toolbar-handle:before {
    background-image: url(/core/misc/icons/5181c6/chevron-disc-down.svg);
}

.toolbar .toolbar-icon.toolbar-handle.open:before {
    background-image: url(/core/misc/icons/787878/chevron-disc-up.svg);
}

.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
    background-image: url(/core/misc/icons/5181c6/twistie-down.svg);
    background-size: 75%;
}

.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before {
    background-image: url(/core/misc/icons/787878/twistie-up.svg);
    background-size: 75%;
}

.toolbar .toolbar-icon-escape-admin:before {
    background-image: url(/core/misc/icons/bebebe/chevron-disc-left.svg);
}

[dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
    background-image: url(/core/misc/icons/bebebe/chevron-disc-right.svg);
}

.toolbar .toolbar-toggle-orientation button {
    width: 39px;
    height: 39px;
    padding: 0;
    text-indent: -999em;
}

.toolbar .toolbar-toggle-orientation button:before {
    right: 0;
    left: 0;
    margin: 0 auto;
}

[dir="rtl"] .toolbar .toolbar-toggle-orientation .toolbar-icon {
    padding: 0;
}

.toolbar .toolbar-toggle-orientation [value="vertical"]:before {
    background-image: url(/core/misc/icons/bebebe/push-left.svg);
}

.toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
    background-image: url(/core/misc/icons/787878/push-left.svg);
}

[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
    background-image: url(/core/misc/icons/bebebe/push-right.svg);
}

[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
    background-image: url(/core/misc/icons/787878/push-right.svg);
}

.toolbar .toolbar-toggle-orientation [value="horizontal"]:before {
    background-image: url(/core/misc/icons/bebebe/push-up.svg);
}

.toolbar .toolbar-toggle-orientation [value="horizontal"]:hover:before,.toolbar .toolbar-toggle-orientation [value="horizontal"]:focus:before {
    background-image: url(/core/misc/icons/787878/push-up.svg);
}

.toolbar-bar .toolbar-icon-user:before {
    background-image: url(/core/misc/icons/bebebe/person.svg);
}

.toolbar-bar .toolbar-icon-user:active:before,.toolbar-bar .toolbar-icon-user.is-active:before {
    background-image: url(/core/misc/icons/ffffff/person.svg);
}

.toolbar .toolbar-tray-vertical .edit-shortcuts {
    padding: 1em;
    text-align: right;
}

[dir="rtl"] .toolbar .toolbar-tray-vertical .edit-shortcuts {
    text-align: left;
}

.toolbar .toolbar-tray-horizontal .edit-shortcuts {
    float: right;
}

[dir="rtl"] .toolbar .toolbar-tray-horizontal .edit-shortcuts {
    float: left;
}

.shortcut-action {
    display: inline-block;
    margin-left: 0.3em;
}

[dir="rtl"] .shortcut-action {
    margin-right: 0.3em;
    margin-left: 0;
}

.shortcut-action__message {
    display: inline-block;
    margin-left: 0.3em;
    padding: 0 5px;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -ms-transform: translateY(-12px);
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
    color: #fff;
    border-radius: 5px;
    background: #000;
    background: rgba(0,0,0,0.5);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

[dir="rtl"] .shortcut-action__message {
    margin-right: 0.3em;
    margin-left: 0;
}

.shortcut-action:hover .shortcut-action__message,.shortcut-action:focus .shortcut-action__message {
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    opacity: 1;
}

.toolbar-bar .toolbar-icon-shortcut:before {
    background-image: url(/core/misc/icons/bebebe/star.svg);
}

.toolbar-bar .toolbar-icon-shortcut:active:before,.toolbar-bar .toolbar-icon-shortcut.is-active:before {
    background-image: url(/core/misc/icons/ffffff/star.svg);
}

.shortcut-action__icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -2px;
    background: transparent url(/core/modules/shortcut/images/favstar.svg) no-repeat left top;
}

[dir="rtl"] .shortcut-action__icon {
    background-image: url(/core/modules/shortcut/images/favstar-rtl.svg);
}

.shortcut-action--add:hover .shortcut-action__icon,.shortcut-action--add:focus .shortcut-action__icon {
    background-position: -20px top;
}

.shortcut-action--remove .shortcut-action__icon {
    background-position: -40px top;
}

.shortcut-action--remove:focus .shortcut-action__icon,.shortcut-action--remove:hover .shortcut-action__icon {
    background-position: -60px top;
}