/* Work around for legacy IE */
@media only screen and (min-width:320px) and (max-width:480px) {
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  ul,
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  .sf-menu li {
    left: auto;
  }
}
@media only screen and (max-width:400px) {
  
  .column-width-50,
  .two-columns .views-row,
  .column-width-33, 
  .three-columns .views-row,
  .column-width-25,
  .four-columns .views-row,
  .column-width-20,
  .five-columns .views-row {
    float: none;
    width: 100%;
  }
  .five-columns .views-row img, 
  .four-columns .views-row img, 
  .three-columns .views-row img, 
  .two-columns .views-row img {
    height: auto;
    text-align: center;
  }
  .image-right .field-type-image.field-label-above .field-label, 
  .image-right .field-type-image figure, 
  .ia-r .field-type-image.field-label-above .field-label, 
  .iat-r .field-type-image.field-label-above .field-label, 
  .ia-r .field-type-image figure, 
  .iat-r .field-type-image figure {
    clear: both;
    display: block;
    float: none;
    text-align: center;
    margin: auto auto 1em;
  }
  .field-type-image img {
    display: block;
    margin: auto;
    text-align: center;
  }

}
@media only screen and (min-width:400px) and (max-width:480px) {
  
  .column-width-50,
  .two-columns .views-row,
  .column-width-33, 
  .three-columns .views-row,
  .column-width-25,
  .four-columns .views-row,
  .column-width-20,
  .five-columns .views-row {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width:480px) and (max-width:592px) {
  
  .column-width-25
  .four-columns .views-row,
  .column-width-20,
  .five-columns .views-row {
    width: 33.3%;
  }
  .column-width-50,
  .two-columns .views-row,
  .column-width-33, 
  .three-columns .views-row {
    width: 50%;
  }

}



@media only screen and (min-width:592px) and (max-width:768px) {
  
  .column-width-20,
  .five-columns .views-row {
    width: 25%;
  }
  .column-width-25,
  .four-columns .views-row {
    width: 50%;
  } 
  .column-width-33, 
  .three-columns .views-row {
    width: 50%;
  }
  .column-width-50,
  .two-columns .views-row  {
    width: 50%;
  }

}
/*colors*/
.color-white, .color-white *, .color-white *:visited{
  color: #fff;
}
.color-green, .color-green *{
  color: #A9C358;
}
.color-yellow, .color-yellow *{
  color: #F7F165;
}
.color-blue, .color-blue *{
  color: #3AA8D9;
}
html,#columns {
  background-color: initial !important;
}
html{
  overflow-x: hidden;
}

#branding {
  display: table-cell;
  height: 125px;
  margin: initial;
  vertical-align: middle;
  width: 15%;
}
#logo {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#menu-bar .menu-toggle {
  display: none !important;
}
#menu-bar, #menu-bar .menu-wrapper {
  clear: right;  
}
#menu-bar .menu-wrapper ul.menu {
  display: table;
  margin: 0 auto;
  width: 80%;
}
#menu-bar .menu-wrapper ul.menu li, .block-menu-top-menu .menu li {
  display: table-cell;
  float: none;
  line-height: 1.5;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
#menu-bar .menu-wrapper .menu li a {
  padding: 1em;
  background-color: transparent;
  white-space: normal;
}
#menu-bar nav.block-menu ul a:focus, #menu-bar nav.block-menu ul a:hover,
 #menu-bar nav.block-menu ul li.active-trail a,
  #menu-bar .menu-wrapper .menu li a:hover {
  background-color: transparent;
  color: #0679be;
}
#menu-bar .menu-wrapper .menu .menu li:hover a,
 #menu-bar .menu-wrapper .menu .menu li.active-trail a,
  #menu-bar .menu-wrapper .menu .menu li a, #menu-bar .menu-wrapper .menuparent ul li:hover a,
   #menu-bar .menu-wrapper .menuparent ul li:hover span {
  background-color: #fff;
  color: #0679be;
}
#menu-bar .menu-bar-wrapper .menu li:hover .menu, .block-menu-top-menu .menu li:hover .menu {
    max-height: calc(100vh);
    z-index: 10;
}
#menu-bar .menu-bar-wrapper .menu li .menu, .block-menu-top-menu .menu li .menu {
  box-sizing: content-box;
  clear: inherit;
  display: initial;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transition: max-height 0.2s ease-in 0s;
  width: 100%;
  z-index: 3;
  -webkit-transition: max-height .2s ease-in;
  -moz-transition: max-height .2s ease-in;
  -o-transition: max-height .2s ease-in;
}
#menu-bar .menu-bar-wrapper .menu li.expanded:hover::before {
  color: #0679be;
  content: "";
  display: inline-block;
  font: 16px fontawesome;
  left: 15%;
  position: absolute;
  bottom: -9px;
  transform: rotate(45deg);
}
#menu-bar .menu-bar-wrapper .menu li .menu li, .block-menu-top-menu li .menu li {
  border: 1px solid #0679be;
  display: block;
  width: 99%;
}
#menu-bar .menu-wrapper .menu .menu li a, #menu-bar .menu-wrapper .menuparent ul li a,
 #menu-bar .menu-wrapper .menuparent ul li span {
  background-color: #0679be;
  color: #fff;
}

#menu-bar .menu-wrapper .menu .menu ul.menu {
    border-left: 5px solid #0679be;
    display: block;
    position: relative;
    width: 96%;
}
#menu-bar .menu-wrapper .menu .menu li span {
    background-color: #0679be;
    color: #fff;
    display: block;
    padding: 1em;
}
#menu-bar .menu-wrapper .menu .menu li span.active-trail,
 #menu-bar .menu-wrapper .menu .menu li:hover span {
    background-color: #fff;
    color: #0679be;
}
#menu-bar .menu-wrapper .menu .menu li {
    background-color: #fff;
}
#menu-bar .menu-wrapper .menu .menu ul.menu li a {
    padding: 5px;
}
.block-menu-top-menu .menu li .menu, #block-superfish-2 ul.menu li.menuparent ul{
  background-color: #fff !important;
}
.block-menu-top-menu li .menu li, #block-superfish-2 ul.menu li.menuparent ul li {
  box-shadow: 0 0 2px #3ea7d9;
}
.block-menu-top-menu .menu li a {
  display: block;
  margin: 10px;
}

#menu-bar .menu-wrapper .menuparent ul li {
  display: block;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
  top: 100%;
}
#menu-bar .menu-wrapper .menuparent ul li:hover, #menu-bar .menu-wrapper .menuparent ul li:hover ul {
  box-shadow: 0 0 2px #3ea7d9;
}


#page .title.has-small-margin-right {
  margin-right: 7px;
}

.title-breadcrumb-wrapper {
  background-color: #3ea7d9;
  display: table-cell;
  padding: 2.5em 0;
  vertical-align: middle;
  width: 100vw;
}
.title-breadcrumb-wrapper #main-content-header h1#page-title {
  color: #fff;
  margin: 0;
}

/*block menus*/
.region-header .block {
  margin-bottom: initial;
}
.block-menu-top-menu .menu li, #block-superfish-2 ul.menu li {
  display: inline-block;
  font-size: 0.9em;
}


.block-menu-contact-info ul li {
    list-style: outside none none;
    margin: 3px 0;
}
.block-menu-contact-info ul li.expanded > span i {
    display: none;
}
.block-menu-contact-info ul li .title {
    margin-left: 6px;
}
.block-menu-social-menu .menu li {
  display: inline;
  font-size: 1.5em;
  list-style: outside none none;
  margin: 0 10px;
}
.block-menu-contact-info ul li.expanded > span > span.title {
    margin: initial;
}
footer .block-menu-social-menu .menu {
  font-size: 1.6em;
  margin: initial;
}
.block-menu-contact-info ul li .menu {
  margin: 0 0 1em;
}

header .block-menu-social-menu .menu li a {
    color: #383633;
}
header .block-menu-social-menu .menu li a:hover {
    color: #3EA7D9;
}

/*.columns-inner {
  padding-top: initial;
}*/
.reset-columns-inner .columns-inner {
  padding: initial !important;
}

/*footer*/
#page > footer {
  font-size: 0.9em;
}

/*frontpage styles*/
.front article, .front article .field, .front article .node-content,
 .section-recipe .columns-inner, .section-recipe #content-column {
  margin: initial;
  padding: initial;
}
.front .columns-outer-wrapper {
  display: none;
}
.entity-section.section-section > h2, .entity-content-builder-section > h2 {
  display: none;
}
.paragraphs-items > .field {
  padding: initial;
}
.region-secondary-content .block-inner,
 .region-tertiary-content .block-inner{
  margin: initial;
 }


.section-rthw {
    padding: 2em 0;
}
.section-rthw .one-column {
    margin: 1em;
    text-align: center;
}
.section-rthw .one-column img {
    height: 178px;
    width: auto;
}
.section-rthw h2 {
    font-size: 1.6em;
    text-align: center;
}
.section-rthw .field-name-field-pp-link a {
  border: 1px solid;
  padding: 1em;
}
/*layouts*/
.node-type-page #content-column, .node-type-page #block-system-main,
 .node-type-page .pane-node-field-section, .node-type-panel #content-column,
  .node-type-panel #block-system-main, .node-type-panel .pane-node-field-section,
   .page-panels #content-column, .page-panels .columns-inner {
  margin: initial;
  padding: initial;
}

/*front slide*/
.paragraphs-item-owlslider-paragraphs {
  width: 100vw;
}
.top-front-slider .entity.entity-paragraphs-item {
    position: relative;
}
.top-front-slider .entity-paragraphs-item > .content > .paragraphs-items {
    bottom: 5%;
    left: 9%;
    position: absolute;
    width: 50%;
}
.front-slider-wrapper .field-name-field-pp-link a {
  background-color: #1c6da0;
  border-radius: 100px;
  padding: 1em 2em;
}
.front-slider-wrapper .field-name-field-pp-link a:hover {
  background-color: #fff;
  color: #72A624;
}
.top-front-slider .owl-dots {
    bottom: 5%;
    left: 70%;
    width: 30%;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #3fa8d9;
}

.paragraphs-item-25 .node-title {
  text-align: center;
  text-transform: uppercase;
}
.paragraphs-item-24 .paragraphs-item-paragraphs-pack-content .pane-paragraphs-item-field-pp-link .field-item {
  display: table;
  margin: 0 auto;
  width: 33%;
}
.paragraphs-item-24 .paragraphs-item-paragraphs-pack-content .pane-paragraphs-item-field-pp-link a {
  background-color: #3ea7d9;
  border-radius: 50%;
  color: #fff;
  display: table-cell;
  float: none;
  height: 155px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 155px;
  z-index: 0;
}
.paragraphs-item-24 .paragraphs-item-paragraphs-pack-content .pane-paragraphs-item-field-pp-link a::after {
  border: 0.5em solid;
  border-radius: 100%;
  content: "";
  display: block;
  height: 98%;
  left: -7px;
  position: absolute;
  top: -7px;
  width: 98%;
  z-index: -1;
}


.wtb-partners h3 {
    margin-top: initial;
    text-transform: capitalize;
}
.wtb-partners {
    text-align: center;
}
.wtb-partners a {
    border: 1px solid;
    display: block;
    margin: 0 auto;
    padding: 0.5em;
    width: 50%;
}
.wtb-partners .views-fieldset {
    margin: 0 auto;
    width: 80%;
}
/*reponsive panel tabs*/
ul.resp-tabs-list li {
  font: 18px aileron-regular;
  padding: 1em !important;
  text-align: center;
  width: 20%;
}


.paragraphs-item-37 li.node-readmore > a {
  border: 1px solid;
  text-transform: capitalize;
}


.kf-numbers-wrapper .views-row {
    display: table-cell;
    min-width: 175px;
    padding: 0 1em;
    text-transform: capitalize;
    vertical-align: middle;
}
.kf-numbers-wrapper {
    display: table;
    text-align: center;
    width: 70%;
}
.kf-numbers-wrapper h3 {
  min-height: 50px;
}
.counter {
    font-size: 3em;
}
.section-about-us .pane-node-title * {
    text-align: center;
}

/*paragraph stlyes*/
.group-50-column .paragraphs-item-para-image > .content .field-name-field-image-caption-byline,
 .group-50-column .paragraphs-item-para-image > .content {
  content: "";
  display: block;
  min-height: 50vh;
  min-width: 20vw;
}
.group-50-column .group-element-wrapper .field-item.odd::after {
  clear: both;
  content: "";
  display: table;
}
.paragraphs-item-para-headings .content, .paragraphs-item-paragraphs-pack-content .content {
  padding: 20px;
}
.field-name-field-image-para figure {
  
}
.paragraphs-item-para-image .field-name-field-image-para img {
  border: 1px solid #e6e4de;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  padding: 0.5em;
  width: 90%;
}


.field-name-field-pp-image figure {
    margin: 0 auto;
    max-width: 90%;
}
.field-name-field-pp-image figure img {
    width: 90%;
}

.paragraphs-item-para-image .field-name-field-image-para figure {
  padding: initial;
}
.paragraphs-item-para-image .field-name-field-image-caption-byline {
  float: none;
  font-style: italic;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}
/*.group-50-column .entity.entity-paragraphs-item {
  width: 50%;
  float: left;
}*/
.group-50-column .at-panel {
  float: none;
  height: 50vh;
}
.group-50-column .field, .group-50-column .block {
  margin: initial;
  padding: initial;
}

.group-50-column .paragraphs-item-paragraphs-pack-content > .content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.group-50-column .field-item.odd .paragraphs-item-paragraphs-pack-content > .content::before, .group-50-column .field-item.even .paragraphs-item-paragraphs-pack-content > .content::before, .group-50-column .region-two-50-second .region-inner::before, .group-50-column .paragraphs-item-paragraphs-pack-content .region-two-50-second .region-inner::before {
  color: #fff;
  content: "";
  float: left;
  font: 4vw fontawesome;
  left: -3%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0;
  z-index: -1;
}
.region-two-50-second .region-inner .pane-paragraphs-item-field-pp-image {
  position: relative;
  z-index: -2;
}
.group-50-column figure {
  max-width: initial;
}
.group-50-bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}
/*.group-50-column .field-item.even .paragraphs-item-paragraphs-pack-content > .content::before {
  right: -3.5%;
}
.group-50-column .field-item.odd .paragraphs-item-paragraphs-pack-content > .content::before {
  left: -3.5%;
}*/
.group-column-group-wrapper > .paragraphs-items > .field-name-field-paragraph-element-referenc > .field-items > .field-item::after {
    content: "";
    display: block;
    float: none;
}
.para-image-wrapper {
    content: "";
    display: block;
    float: none;
    margin: 1vh auto;
    min-height: 45vh;
    position: relative;
    text-align: center;
    width: 65%;
}

.para-image-content {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    color: #fff;
    font-style: italic;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}


.eb-image-hasoverlay .eb-image::after,.eb-image-hasoverlay.eb-image::after,
 .eb-image-hasoverlay.eb-parallax::after,.eb-image-hasoverlay .eb-parallax::after,
  .eb-image-hasoverlay-darker .eb-image::after, .eb-image-hasoverlay-darker.eb-image::after,
   .eb-image-hasoverlay-darker.eb-parallax::after, .eb-image-hasoverlay-darker .eb-parallax::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.eb-image-hasoverlay .eb-image::after,.eb-image-hasoverlay.eb-image::after,
 .eb-image-hasoverlay.eb-parallax::after,.eb-image-hasoverlay .eb-parallax::after{
  background-color: rgba(0, 0, 0, 0.3);
}
.eb-image-hasoverlay-darker .eb-image::after, .eb-image-hasoverlay-darker.eb-image::after,
   .eb-image-hasoverlay-darker.eb-parallax::after, .eb-image-hasoverlay-darker .eb-parallax::after {
    background-color: rgba(0, 0, 0, 0.7);
}
.eb-image-hasoverlay .eb-image, .eb-image-hasoverlay.eb-image, .eb-image-hasoverlay.eb-parallax,
 .eb-image-hasoverlay .eb-parallax, .eb-image-hasoverlay-darker .eb-image,
  .eb-image-hasoverlay-darker.eb-image, .eb-image-hasoverlay-darker.eb-parallax,
   .eb-image-hasoverlay-darker .eb-parallax {
    position: relative;
    z-index: 0;
}

#DOMWindow {
  height: auto !important;
}

/*entity forms*/


/*contact info*/
.contact-form .form-text {
  box-sizing: padding-box;
  width: 100%;
}
#panel-contact-info .menu li {
    display: inline-block;
    margin: 5px 0;
    width: 100%;
}
#panel-contact-info .menu li .title {
    display: block;
    float: right;
    margin-left: 10px;
    width: 95%;
}

/*simple*/
.simplenews-subscribe input.form-text.required, .simplenews-subscribe input.form-submit {
  border: initial !important;
  box-sizing: padding-box;
  font-size: 0.8em;
  padding: 0.6em;
  width: 100%;
}
.pane-simplenews-1 .simplenews-subscribe input.form-text.required {
  border: 2px solid #5e5247 !important;
}
.simplenews-subscribe input.form-submit {
  background-color: #f9ef68;
  background-image: initial;
  color: #383633;
}

/*investors*/
.investor-slide-wrapper .owl-carousel .owl-item img {
  display: block;
  margin: 0 auto;
  max-height: 250px;
  width: auto;
}
.investor-slide-wrapper .owl-carousel .owl-item {
  height: 300px;
}
.investor-slide-wrapper .owl-carousel .owl-item > * {
  padding: 3em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*team*/

.team-inner-wrap {
  background-color: #eaeaea;
  margin: 1em;
}
.team-content {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 320px;
  position: relative;
}
.team-content .name-role-wrap {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  padding: 5px 0;
  position: absolute;
  width: 100%;
}
.team-content .name-role-wrap * {
  color: #F4F4F4;
  float: left;
  margin: 0 10px;
  text-transform: capitalize;
  width: 100%;
}
.team-content .name-role-wrap a {
  display: inline;
  font-size: 1.8em;
  height: 15px;
  position: absolute;
  right: 5px;
  text-align: center;
  text-shadow: 1px 1px 3px #000;
  top: 15px;
  width: 15px;
  z-index: 0;
}

.name-role-wrap > em {
  font-size: 0.8em;
}
.team-details {
  float: left;
  margin-top: 15px;
}

/*milestone*/

.mile-content p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.mile-content > * {
  display: inline-block;
}
.mile-wrap {
  padding: 1em 0;
}
.mile-outer-wrap.views-row-odd .mile-content p {
    float: right;
    text-align: left;
}
.mile-outer-wrap.views-row-even .mile-content p {
  float: left;
  text-align: right;
}
.mile-outer-wrap {
  clear: both;
  display: block;
  float: left;
  position: relative;
  width: 100%;
}
.mile-title {
  background-color: #3fa8d9;
  border-radius: 100%;
  box-shadow: 3px 5px 11px rgba(0, 0, 0, 0.4);
  float: left;
  height: 170px;
  position: relative;
  text-align: center;
  width: 170px;
}
.mile-outer-wrap.views-row-even .mile-wrap .mile-title {
  float: right;
}
.mile-content p {
  margin: 0 1em;
  width: 80%;
}
.mile-wrap .mile-content {
    display: block;
    height: 200px;
    position: relative;
}

.views-row-last.mile-outer-wrap, .mile-outer-wrap.views-row-last .mile-wrap .mile-title {
  display: block;
  float: none;
  margin: 0 auto;
}
.mile-outer-wrap::before {
  background-color: #000;
  content: "";
  display: block;
  height: 101%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: -3;
}
.views-row-even.mile-outer-wrap::before {
  right: 8%;
}
.views-row-odd.mile-outer-wrap::before {
  left: 8%;
}
.views-row-last .mile-title::before {
  left: 0;
  right: 0;
}
.mile-title::after {
  background-color: inherit;
  border-radius: 100%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.mile-outer-wrap::after {
  background-color: #000;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 84%;
}
.mile-content .mile-title em {
  background-color: inherit;
  color: #fff;
  display: table-cell;
  font-size: 1.3em;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  white-space: normal;
  width: 80%;
}

.views-row-last.mile-outer-wrap::after {
    content: none;
}
.mile-outer-wrap:nth-last-child(2)::after {
    width: 42%;
}
.mile-outer-wrap.views-row-even:nth-last-child(2)::after {
  width: 42%;
}
.mile-outer-wrap.views-row-even:nth-last-child(2)::after {
    right: -42%;
}
.mile-outer-wrap.views-row-odd:nth-last-child(2)::after {
    left: -42%;
}
.views-row-even.mile-outer-wrap.views-row-last::before,
 .views-row-odd.mile-outer-wrap.views-row-last::before {
  left: 0;
  right: 0;
}

/*recipe*/
.recipe-content-img-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-block-size: 70vh;
}

.section-recipe .pane-node-field-video-link iframe {
  display: block;
  float: none;
  height: 70vh;
  margin: 0 auto;
  width: 50%;
}
.serve-prep-cook-content {
    display: table;
    float: none;
    margin: 0 auto;
    width: 50%;
}
.serve-prep-cook-content span {
    display: table-cell;
    position: relative;
    text-align: center;
}
.serve-prep-cook-content h5 {
  display: block;
  margin-top: initial;
}
.serve-prep-cook-content h3 {
  display: inline;
  font-size: 3em;
}
.serve-prep-cook-content span:nth-last-child(2)::before, .serve-prep-cook-content span:nth-last-child(2)::after {
  background-color: #cecece;
  color: orange;
  content: "";
  display: block;
  font-size: 12em;
  height: 130%;
  line-height: 0;
  position: absolute;
  top: -15px;
  transform: rotate(10deg);
  width: 1%;
}
.serve-prep-cook-content span:nth-last-child(2)::before {
  left: 0%;
}
.serve-prep-cook-content span:nth-last-child(2)::after {
  right: 0%;
}

.kigali-recipe ul.resp-tabs-list li {
  background-color: #efedea;
  border-color: #3ea7d9;
  display: block;
  font-size: 1.3em;
  height: 100%;
  margin: 1em 0 0;
  padding: 1em !important;
  width: 45%;
}
.kigali-recipe ul.resp-tabs-list li.resp-tab-active {
  background-color: #fff;
  color: #3ea7d9;
  padding-top: 1.2em !important;
}
.kigali-recipe .resp-tab-content {
  border: 1px solid #3ea7d9;
}
.kigali-recipe-list-wrap .views-row:nth-child(2n-1) {
  clear: left;
}

.recipe-ingredient-outer-wrap.views-row-odd, .recipe-method-outer-wrap.views-row-odd {
    background-color: #efedea;
}
.recipe-ingredient-outer-wrap, .recipe-method-outer-wrap {
    padding: 1em 5px;
}


.recipe-list-content-outer-wrapper {
  background-color: transparent !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  display: block;
  margin-bottom: 2em;
  min-height: 32vh;
  width: 100%;
}
.recipe-list-content-inner-wrapper {
  float: right;
}
.recipe-details-wrap {
  background-color: #fff;
}

/*products*/
.product-content-outer-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  min-height: 185px;
  width: 100%;
}
.product-details {
  background-color: #fff;
  display: table-cell;
  vertical-align: middle;
}
.products-list-wrap .view-header {
  margin-bottom: 3em;
}
.products-list-wrap .view-content > h3 {
  padding: 0.5em 0;
}
.products-list-wrap .view-content > h3::before {
  background-color: #efefef;
  border: 1px solid #3ea7d9;
  content: "";
  display: block;
  float: none;
  left: 0;
  margin: -13px auto 0;
  padding: 1.1em 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: -1;
}
.product-list-item .at-panel .region .region-inner {
  display: table;
  height: 60vh;
  position: relative;
  width: 100%;
}
.views-row-even.product-list-item .pdt-img {
  float: right;
}

/*faqs*/
.page-node-24 .field-name-body h2 {
  color: #3ea7d9;
  margin-top: 2em;
}

/*kf videos*/
.kf-vid {
  margin: 1em;
}
.kf-vid img {
  display: block;
  height: 220px;
  margin: 0 auto;
  width: 220px;
}

/*locations*/
.location-list-wrapper .views-row span {
    background-color: #d3d3d3;
}
.location-list-wrapper .views-row .location-details-wrap {
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5;
    display: table;
    float: left;
    margin-left: 0 !important;
    overflow: hidden;
    padding-bottom: 5px;
    width: 93%;
}
.location-list-wrapper .views-row .location-details-wrap * {
    display: inline-block;
    padding: 0 5px;
    width: 100%;
}

.location-list-wrapper .item-list {
  border-bottom: 1px solid #f0f0f0;
}
.location-list-wrapper .quicktabs-tabs li {
  background-color: #f0f0f0;
  display: inline-block;
  margin-bottom: -1px;
  padding: 0.6em;
  text-align: center;
  width: 200px;
}
.location-list-wrapper .quicktabs-tabs li.active {
  background-color: #fff;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 1px 0;
  padding-top: 1.2em;
}
.location-list-wrapper .quicktabs-tabs li a {
  display: block;
}

.gmap-popup h5 {
  margin-top: 5px;
}

/*kf news*/

.news-listing-item {
    border-bottom: 1px solid #a9c358;
    padding-bottom: 10px;
}
.news-listing-item > a {
  background-color: #a9c358;
  border-radius: 100px;
  color: #fff;
  display: block;
  margin: 10px 0 5px;
  padding: 15px;
  text-align: center;
  width: 100px;
}
.news-listing-item > a:hover {
    background-color: #3aa8d9;
}
.news-listing-item > h4 {
    color: #a9c358;
    font-size: 1.6em;
    text-transform: capitalize;
}
.news-listing-item.views-row-last {
    border: initial;
}

/*cert marks*/

.cert-marks-wrapper .view-content{
    display: table;
    width: 40%;
}
footer .cert-marks-wrapper .view-content {
  width: 100%;
}
.cert-marks-wrapper .views-row {
    display: table-cell;
    vertical-align: top;
}
.cert-marks-wrapper img {
  height: 70px;
  margin: 0 auto;
  width: auto;
}
.cert-marks-wrapper .views-row * {
  display: block;
}

.cert-marks-wrapper .views-row span {
    font-weight: bold;
    margin: 5px 0;
}
.cert-marks-wrapper .views-row p {
    margin: initial;
}

/*sharer*/
.sharer-block ul [class*="-button"] {
    display: inline;
    font-size: 1.3em;
    list-style: outside none none;
    margin: 0 10px;
}
.sharer-block ul,.sharer-block .pane-title.block-title {
  float: left;
  margin: 0.5em 0;
}
.sharer-block {
    border-color: #3aa8d9;
    border-style: solid;
    border-width: 1px 0;
}

/*error pages*/
.errorp {
  height: 45vh;
  position: relative;
}
.errorp p:nth-child(1) {
  display: inline-table;
  font-size: 5em !important;
  left: 0;
  margin: 0 auto;
  opacity: 0.2;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

/*htgrow*/
.htg-section .paragraphs-item-paragraphs-pack-content:nth-child(2n-1) {
    clear: left;
}
.htg-section .paragraphs-item-paragraphs-pack-content h3 {
    margin: 0;
}

.paragraphs-item-58 img {
  margin: 0 auto;
}