@font-face { font-family: 'Source Sans Pro'; font-weight: 600; font-style: normal; text-rendering: optimizeLegibility;
    src: url('font/sourcesanspro-semibold-webfont.eot');
    src: url('font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('font/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
}


@font-face { font-family: 'Source Sans Pro'; font-weight: bold; font-style: normal; text-rendering: optimizeLegibility;
    src: url('font/sourcesanspro-bold-webfont.eot');
    src: url('font/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-bold-webfont.woff') format('woff'),
         url('font/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
}


@font-face { font-family: 'Source Sans Pro'; font-weight: normal; font-style: italic; text-rendering: optimizeLegibility;
    src: url('font/sourcesanspro-it-webfont.eot');
    src: url('font/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-it-webfont.woff') format('woff'),
         url('font/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
}


@font-face { font-family: 'Source Sans Pro EL'; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility;
    src: url('font/sourcesanspro-extralight-webfont.eot');
    src: url('font/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-extralight-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('font/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
}


@font-face { font-family: 'Source Sans Pro'; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility;
    src: url('font/sourcesanspro-regular-webfont.eot');
    src: url('font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-regular-webfont.woff') format('woff'),
         url('font/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
}


html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: #fff url(../img/site-bg.jpg);
    background-size: 100% auto;
    background-size: cover;
    background-repeat: repeat-y;
    font-family: 'Source Sans Pro', sans-serif;
}
/*body:before { content: " "; position: absolute; width: 1280px; top: 0; bottom: 0; left: 50%; margin-left: -640px; background: #fff; }*/
body>div.page {
    position: relative;
    box-sizing: border-box;
    margin: auto;
    min-width: 300px;
    max-width: 1280px;
    background: transparent;
}

:focus, .in-focus, .slick-slider .slick-next:focus::before, .slick-slider .slick-prev:focus::before {
  outline: none;
  box-shadow: 0 0 3px 3px #87CEFA!important;
}
.slideshow a:focus::after, .slideshow a:active::after {
    content: " ";
    display: block;
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 6px dashed #87CEFA;
    box-sizing: border-box;
}

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

.clear { clear: both; }

.slick-dots li button { color: #000!important; }

/* Additional classes for accessibility */
.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}
.link-info {
    position:relative;
    z-index:24;
}
.link-info:hover, .link-info:focus, .link-info:active {
    z-index:25;
}
.link-info span {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}
.link-info:hover span, .link-info:focus span, .link-info:active span {
    display: block;
    position: absolute;
    font-size: 100%;
    top: 1em;
    left: 1em;
    min-width: 12em;
    width: auto;
    white-space: nowrap;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 0.25em 0;
}
.link-info.tab-btn:hover span, .link-info.tab-btn:focus span, .link-info.tab-btn:active span {
    top: 3em;
}



a { color: #083f88; text-decoration: none; }
a:hover { text-decoration: underline; }
a > img { border: none; } /* IE 10- */
.linkable { cursor: pointer; }

sup { position: relative; top: -1px; font-size: 100%; font-weight: normal; vertical-align: baseline; }

header { position: relative; z-index: 200; margin: 0 58px; padding: 1px 0 0 0; }
header h1 a { position: absolute; z-index: 100; display: block; width: 244px; height: 110px; background: url(../img/logo.png) no-repeat; text-indent: -9999px; }
header .contact { position: absolute; top: 20px; right: 24px; color: #083f88; font-size: 18px; font-weight: 600; text-transform: uppercase; }
header .contact a { color: #083f88; }

/* top navigation */
header ul { list-style: none; font-size: 0; line-height: 0; }
header ul.nav {  height: 48px; margin: 0; padding: 0; }
header ul.nav > li { display: inline-block; }
header ul.nav > li > a { display: inline-block; font-weight: 600; }
header ul.nav > li a { padding: 18px; color: #083f88; font-size: 18px; }
header ul.nav > li a:hover { color: #6ECFF6; text-decoration: none; }
header ul.nav > li.clicked > a,
header ul.nav > li.active > a,
header ul.nav > li:hover > a { background-color: rgba(255,255,255,0.95); }
header ul.nav > li > ul,
header ul.nav > li .dropdown,
header ul.nav > li .dividers,
header ul.nav > li > div ul { position: absolute; z-index: 10; margin: 0; border-radius: 0 0 12px 12px; padding: 0; background-color: rgba(255,255,255,0.95); box-shadow: 0px 4px 4px rgba(0,0,0,0.25); overflow: hidden; transition: max-height 0.25s, padding 0.4s;  }
header ul.nav > li.search .dropdown { font-size: 1rem; line-height: 2em; }
header ul.nav > li.search .dropdown fieldset { border: none; margin: 0; padding: 0; min-width: 0; }

/*these keep safaria from activating the menus of later siblings
safaria activates :hover when a the cursor is near an element before it is even over it.
this means that you can still :hover over a menu with a max-height of zero just by being near where it would be
and because elements later in the dom take priority if a menu is overlapped by the menu to the right
and you hover of the top edge of where it would be the right menu gets activing
*/
header ul.nav > li:nth-child(1) .dropdown,header ul.nav > li:nth-child(1) .dividers{
    z-index: 10;
}
header ul.nav > li:nth-child(2) .dropdown,header ul.nav > li:nth-child(2) .dividers{
    z-index: 9;
}
header ul.nav > li:nth-child(3) .dropdown,header ul.nav > li:nth-child(3) .dividers{
    z-index: 8;
}
header ul.nav > li:nth-child(4) .dropdown,header ul.nav > li:nth-child(4) .dividers{
    z-index: 7;
}
header ul.nav > li:nth-child(5) .dropdown,header ul.nav > li:nth-child(5) .dividers{
    z-index: 6;
}
header ul.nav > li:nth-child(6) .dropdown,header ul.nav > li:nth-child(6) .dividers{
    z-index: 5;
}


/* standard text-only drop-down */
header ul.nav > li > ul { display: none; }
header ul.primary > li { line-height: 12px; }
header ul.primary > li:last-child:after { display: none; }
header ul.nav > li > ul > li > a { width: auto; white-space: nowrap; }
header ul.nav > li > ul > li a { margin: 0 12px; border-bottom: 1px solid #6ECFF6; padding: 16px 12px; font-size: 16px; line-height: 110%; transition: padding 0.5s; }
header ul.nav > li > ul > li a:hover { background-color: rgba(110,207,246,0.15); color: #083f88; }
header ul.nav > li > ul > li:hover ul li:first-child a { padding-top: 8px; }
header ul.nav > li > ul > li:last-child a { border-bottom: none; border-radius: 0 0 10px 10px; padding-bottom: 16px; }
header ul.nav > li > ul > li > a { display: block; font-weight: normal; }
/* primary navigation */

header ul.primary .brands .dividers { box-sizing: border-box; width: 519px; margin-left: -95px; padding: 0 8px; }
/*header ul.primary .brands > div { overflow: hidden; }*/
header ul.primary .brands ul li { display: inline-block; margin-left: -1px; }
header ul.primary .brands ul a { display: block; height: 48px; margin: 0; padding: 8px; background-position: center; background-repeat: no-repeat; text-indent: -9999px; border-bottom: none; border-left: 1px solid #6ECFF6; transition: background-color 0.1s; }
header ul.primary .brands ul a:hover { background-color: rgba(110,207,246,0.15); }
/*.brands .galbani a { width: 72px; background-image: url(../img/brands/galbani.png); }*/
.brands .galbani a { width: 90px; background-image: url(../img/brands/galbani.png); }
/*.brands .president a { width: 77px; background-image: url(../img/brands/president.png); }*/
.brands .president a { width: 90px; background-image: url(../img/brands/president.png); }
/*.brands .parmalat a { width: 90px; background-image: url(../img/brands/parmalat.png); }*/
.brands .parmalat a { width: 90px; background-image: url(../img/brands/parmalat.png); }
/*.brands .kraft a { width: 90px; background-image: url(../img/brands/kraft.png); }*/
.brands .kraft a { width: 90px; background-image: url(../img/brands/kraft.png); }
/*.brands .cracker-barrel a { width: 90px; background-image: url(../img/brands/cracker-barrel.png); }*/
.brands .cracker-barrel a { width: 90px; background-image: url(../img/brands/cracker-barrel.png); }

    
header ul.brands { display: none!important; }
.page.lactalis-culinary .image-grid li img { box-sizing: border-box; }


header { display: flex; align-items: center; justify-content: space-between; }
#header-intro { display: flex; align-items: center; justify-content: flex-start; }
#header-nav { display: flex; align-items: center; justify-content: flex-end; }
header h1 a, header ul.brands { position: initial; display: inline-block; }
header ul.brands { padding: 0; }
header ul.brands .dividers { display: none; }
/*header ul.primary .brands > div { overflow: hidden; }*/
header ul.brands li { display: inline-block; margin-left: -1px; }
header ul.brands a { display: block; height: 48px; margin: 8px 0 8px 0; padding: 0 8px; background-position: center; background-repeat: no-repeat; text-indent: -9999px; border: none; }
header ul.brands a:hover { background-color: rgba(110,207,246,0.15); }
header ul.primary { padding: 0; margin: 0; position: initial; }
header ul.primary > li { padding: 0; margin: 0; }
header ul.primary > li:after { content: " | "; display: inline-block; font-weight: bold; font-size: 1rem; pointer-events: none; }
header ul.secondary { margin: 0; }


/* secondary navigation */
header ul.secondary {
    right: 0;  margin: 52px 0 0 0;
}
header ul.secondary > li .dropdown { position: absolute; max-height: 0; border-radius: 0 0 12px 12px; padding: 0 12px; overflow: hidden; transition: max-height 0s, padding 0s; }
header ul.secondary > li.active .dropdown,
header ul.secondary > li:hover .dropdown { max-height: 600px; padding-top: 9px; padding-bottom: 22px; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); }
header ul.secondary > li.active .dropdown { box-shadow: 0px 4px 8px rgba(0,0,0,0.5); }
header ul.secondary > li > a { display: block; box-sizing: border-box; width: 44px; height: 48px; margin: 0; padding: 0; background-position: 8px 11px; background-repeat: no-repeat; font-size: 18px; line-height: 11px; text-indent: -9999px; cursor: pointer; }

header ul.nav > li.menu { display: none; position: relative; }
header .menu > a { background-image: url(../img/menu.png); }
header .menu > a:hover { background-image: url(../img/menu-over.png); }
header .menu ul { right: 0; }
header ul.secondary .rollup1 { display: none; }
header ul.secondary .rollup2 { display: none; }
header ul.secondary .rollup3 { display: none; }
header ul.secondary .rollup4 { display: none; }
header ul.secondary .rollup5 { display: none; }

header ul.secondary > li.search .dropdown { box-sizing: border-box; right: 0; width: 336px; }
header ul.secondary > li.search > a {background-image: url(../img/search.png);}
header ul.secondary > li.search.active > a,
header ul.secondary > li.search > a:hover { background-image: url(../img/search-over.png);}
header ul.secondary > li.search input { position: relative; box-sizing: border-box; width: 100%; border: 1px solid #bbb; font-size: 18px; padding: 4px 8px; }
header ul.secondary > li.search input.searching {background: url(../img/search-spinner.gif) right 8px center no-repeat;}

header ul.secondary > li.search.disabled .dropdown { max-height: 0; padding: 0 0 0 0; box-shadow: none; }

header ul.secondary { margin: 0; }

.search .message { padding: 0 8px; font-size: 22px; color: #083f88; }

header ul.nav > li.search > div.dropdown ul.results { max-height: 240px; }
.search .results { position: static; margin: 16px 0 0 0; background: transparent; box-shadow: none; max-height: none; line-height: 22px; overflow: auto; }
.search .results li a { position: relative; display: block; height: 64px; padding: 8px 0; }
.search .results li a img { position: absolute; top: 13px; left: 13px; border-radius: 26px; width: 52px; height: 52px; }
.search .results li a:before { position: absolute; content: " "; width: 70px; height: 62px; background: url(../img/search-result-frame.png) 8px 0 no-repeat; }
.search .results li a div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search .results li a div sup { position: relative; top: -3px; font-weight: normal; vertical-align: baseline; }
.search .results li a .title { margin: 8px 28px 0 80px; color: #083f88; font-size: 18px; }
.search .results li a .summary { margin: 2px 28px 0 80px; padding-bottom: 18px; border-bottom: 1px solid #6ECFF6; color: #666; font-size: 15px; font-style: italic; }
.search .results li a:hover { background-color: rgba(110,207,246,0.15); text-decoration: none; }
/*.search .results li a:hover .title { color: #6ECFF6; }*/


    /* nav updates */
    #full-mobile { display: none; }
    header ul.primary ul { padding: 0; }
    header ul.primary li { position: relative; }
    header ul.nav > li > ul > li ul li a { display: block; padding-left: 32px; }
    header ul.nav > li > ul > li:hover ul li:first-child a { padding-top: 16px; }
    header ul.nav > li > ul li { position: relative; }
    header ul.nav > li > a .submenu-toggle { display: none; }
    header ul.nav > li > ul > li a.submenu-parent {
      display: block;
      position: relative;
      padding-right: 4em;
    }
    .submenu-toggle {
      width: 1.5em;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      font-size: 18px;
      font-family: monospace;
      line-height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      /*border-left: 1px solid #6ECFF6;*/
      transition: all linear 0.1s;
      pointer-events: none;
      color: rgb(110, 207, 246);
    }
    #menu-nav .submenu-toggle { width: 100%; }
    li.open > a > .submenu-toggle,
    li.clicked > a > .submenu-toggle {
        transform: rotate(90deg);
    }
    header ul.nav > li > ul > li ul { display: none; }

.layout{
    position: relative;
    display: block;
    margin: 0 58px;
}

.layout:after{
    content:"";
    display: block;
    clear: both;
}

.layout.two-column > .left { float: left; width: 25%; margin-right: 4%; }
.layout.two-column > .right { position: relative; float: left; width: 70%; padding: 0 0 24px 0; background-color: #fff; }
.layout.two-column > .right.inner-shadow:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 0 0 12px rgba(0,0,0,0.3) inset; pointer-events: none; }
.bottom-promos, .bottom > .promos { display: none; clear: both; position: relative; padding: 24px 0; }

.left .nav {
    position: relative;
    padding-bottom: 16px;
    background-color: white;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.3) inset;
}
.left .shadow { box-shadow: 4px 4px 5px rgba(0,0,0,0.20); }
.left ul.nav { margin: 0; padding: 22px 12px 24px 12px; list-style: none; }
.left .nav ul { margin: 0; padding: 22px 12px 0 12px; list-style: none; }
.left .nav li a { display: block; padding: 9px 12px; font-size: 18px; line-height: 120%; font-weight: 600; color: #083f88; }
.left .nav li.current > a { color: #000; /* #6ECFF6; */ }
.left .nav li a:hover { background-color: rgba(110,207,246,0.25); text-decoration: none; }

.left .nav li ul { margin: 0; padding: 0; }
.left .nav li li a { padding-left: 32px; }

.left .filters { display: block; margin: 12px 24px 0 24px; border-top: 1px solid #6ECFF6; border-bottom: 1px solid #6ECFF6; padding: 16px 0 24px 0; }
.left .filters .title { font-size: 18px; line-height: 90%; font-weight: bold; color: #083f88; text-transform: uppercase; }
.left .filters select { box-sizing: border-box; display: inline-block; width: 100%; margin: 12px 0 0 0; padding: 1px 0 1px 16px; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #444; }

.right .filters { position: relative; z-index: 1; float: right; margin-bottom: 24px; border-radius: 4px; background-color: #eee; padding: 8px; text-align: center; white-space: nowrap; }
.right .filters fieldset { border: none; margin: 0; padding: 0; }
.right .filters .title, .right .filters legend { display: inline-block; margin-right: 4px; font-size: 13px; font-weight: bold; color: #083f88; text-transform: uppercase; }
.right .filters legend { float: left; line-height: 2em; }
.right .filters form { display: inline-block; }
.right .filters select { display: inline-block; }
.products section.content { clear: none; }
.concepts section.content { clear: none; }

section,div.group { margin: 0 40px; }
section.header { margin: 0 0 32px; position: relative; width: 100%; padding-top: 25%; background-repeat: no-repeat; background-size: 100%; z-index: 1; }
section.title,
section.content { margin-top: 24px; clear: both; position: relative; font-size: 15px; line-height: 160%; color: #444; }
section.no-margin { margin: 0; }
.title h1 { margin: 28px 0 0 0; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; font-weight: normal; color: #083f88; }
.content h1 { margin: 28px 0 0 0; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; font-weight: normal; color: #083f88; }
.content h2 { margin: 8px 0; font-size: 22px; font-weight: normal; color: #444; text-transform: uppercase; }
.content p { margin: 4px 0 16px 0; }
.content p a { font-weight: bold; font-style: italic; color: #083f88; }
.content sup { position: relative; top: -1px; font-size: 100%; font-weight: normal; vertical-align: baseline; }
.content table { width: 100%; }
.content table tr td { box-sizing: border-box; /*width: 50%;*/ vertical-align: top; }

.content table.ingredients tr td { width: auto; }
.content table.ingredients tr td:first-child { white-space: nowrap; }
.content table.ingredients tr td:last-child { padding-left: 12px; }

.content.recipe table.ingredients { width: auto; }
.content.recipe table.ingredients tr td { padding: 0 10px 0 0; }

.content.two-col {}
.content.two-col table,
.decorative-box { margin: 24px 0; padding: 0 0 0 4%; border-radius: 0 40px 0 0; background-color: #fef3e2; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
.content.two-col table td { width: 46%; padding: 20px 4% 0 0; }

div.group.decorative-box, .decorative-box { margin: 40px 40px; } 

.content .summary { font-size: 18px; color: #222; }

.content div.text { float: left; }

.concepts .content.concept .img.left,
.content div.left { box-sizing: border-box; float: left; margin-left: 0; margin-right: 4%; }
.concepts .content.concept .img.right,
.content div.right { box-sizing: border-box; float: right; margin-left: 4%; margin-right: 0; }
.concepts .content.concept .img.half,
.content div.half { width: 48%; }
.concepts .content.concept .img.one-third,
.content div.one-third { width: 31.33%; }
.concepts .content.concept .img.two-thirds,
.content div.two-thirds { width: 64.66%; }

.content.flex{
    display: flex;
    align-items: center;
    flex-direction: row;
}

.content.flex>*{
    flex:1;
}

.content.flex>div.left{
    margin: 0 1em 0 0;
}

.content.flex div.right{
    order: 1;
    margin: 0 0 0 1em;
}

.content.flex div.text{
    float: none;
}

.content.flex div.img{
    text-align: center;
}

.content.flex div.img img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline;
}



@media (max-width: 720px) {
    .content.flex{
        flex-direction: column;
    }

    .content.flex>div.left{
        margin: 1em 0;
    }
    
    .content.flex div.right{
        order: 0;
        margin: 1em 0;
    }
    #gdrp-alert-bar .buttons {
        min-width: auto;
    }
}


.content img.left{
    float: left;
    margin-right: 1em;
}

.content img.right{
    float: right;
    margin-left: 1em;
}

.content img.one-third{
    width: 33%;
    height: auto;
}

.content img.half{
    width: 50%;
    height: auto;
}

.content img.two-thirds{
    width: 66%;
    height: auto;
}

.description img.center { display: block; max-width: 100%; margin: auto; }

.concept-list-container img,
.carousel-container img,
.promo-image img,
section .img img { display: block; width: 100%; }
.content .inner-shadow { position: relative; }
.content .inner-shadow:before { content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 3px 7px rgba(0,0,0,0.5); }

.content div.shadow { box-shadow: 2px 4px 10px rgba(0,0,0,0.35); }

div.group.two-columns>*{float: left; /*width:48%; set later */box-sizing:border-box;clear:none;margin:0;}
div.group.two-columns>*:nth-child(odd){clear:both;}
div.group:after{content:"";display:block;clear:both;}

/* page-specific styles */

.wide section { margin-left: 58px; margin-right: 58px; }
@media (max-width: 720px) {
    .wide section { margin-left: 4%; margin-right: 4%; }
}

.lactalis-culinary .content h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 22px; font-weight: bold; text-transform: none; }

.news .content { display: inline-block; border-top: 1px solid #6ECFF6; margin-top: 16px; padding-top: 16px; }
.news .content h2,
.news .content h2 a { margin: 0; color: #083f88; text-decoration: none; }
.news .content h2 a:hover { text-decoration: underline; }
.news .content h4 { margin-bottom: 0; }
.news .content ul,
.news .content ol { margin: 0 0 1em; padding: 0 0 0 16px; }
.news .content ul { list-style: none; }
.news .content ul li:before { content: "•"; position: absolute; margin: 1px 0 0 -14px; font-family: Arial, sans-serif; font-size: 150%; line-height: 100%; color: #083f88; }

.news .news.continuation,
.news .news.no-divider { border-top: none; margin-top: 0; padding-top: 0; }
.news .news.continuation h2 {font-size: 17.55px; font-weight: bold; text-transform: none; color: rgb(68, 68, 68); }
.news .news.content .shadow { box-shadow: none; }
.news .news.content.show-shadow .shadow { box-shadow: 4px 4px 5px rgba(0,0,0,0.20); }

.product .layout.two-column > .right { padding-top: 0; }
.product section.header{ margin: 0; width: 100%; padding-top: 28%; background-repeat: no-repeat; background-size: 100%; }
.product section.header.mozzarella { background-image: url(../img/products/types/mozzarella-header.jpg); }
.product section.header.fresh-mozzarella { background-image: url(../img/products/types/fresh-mozzarella-header.jpg); }
.product section.header.ricotta { background-image: url(../img/products/types/ricotta-header.jpg); }
.product section.header.mascarpone { background-image: url(../img/products/types/mascarpone-header.jpg); }
.product section.header.brie { background-image: url(../img/products/types/brie-header.jpg); }
.product section.header.camembert { background-image: url(../img/products/types/camembert-header.png); }
.product section.header.feta { background-image: url(../img/products/types/feta-header.jpg); }
.product section.header.goat-cheese { background-image: url(../img/products/types/goat-cheese-header.jpg); }
.product section.header.spreadable-cheese { background-image: url(../img/products/types/spreadable-cheese-header.jpg); }
.product section.header.cheddar { background-image: url(../img/products/types/cheddar-header.jpg); }
.product section.header.provolone { background-image: url(../img/products/types/provolone-header.jpg); }
.product section.header.asiago { background-image: url(../img/products/types/asiago-header.png); }
.product section.header.parmesan { background-image: url(../img/products/types/parmesan-header.jpg); }
.product section.header.romano { background-image: url(../img/products/types/romano-header.jpg); }
.product section.header.blue-cheese { background-image: url(../img/products/types/blue-cheese-header.jpg); }
.product section.header.swiss { background-image: url(../img/products/types/swiss-header.jpg); }
.product section.header.gorgonzola { background-image: url(../img/products/types/gorgonzola-header.jpg); }
.product section.header.manchego-and-other-spanish { background-image: url(../img/products/types/manchego-and-other-spanish-header.jpg); }
.product section.header.ptit-basque { background-image: url(../img/products/types/ptit-basque-header.png); }
.product section.header.roquefort { background-image: url(../img/products/types/roquefort-header.jpg); }
.product section.header.shred-blends { background-image: url(../img/products/types/shred-blends-header.png); }
.product section.header.snack { background-image: url(../img/products/types/snack-header.jpg); }
.product section.header.milk { background-image: url(../img/products/types/milk-header.jpg); }
.product section.header.butter { background-image: url(../img/products/types/butter-header.jpg); }
.product section.header.premium-mozzarella { background-image: url(../img/products/types/premium-mozzarella-header.jpg); }
.product section.header.flavored-loaves { background-image: url(../img/products/types/flavored-loaves-header.jpg); }
.product section.header.sheeps-milk-cheese { background-image: url(../img/products/types/sheeps-milk-cheese-header.jpg); }
.product section.header.premium-cheddar { background-image: url(../img/products/types/premium-cheddar-header.png); }

.brand .layout.two-column { max-width: 100%; box-sizing: border-box; }
.brand .layout.two-column .content { max-width: 90%; }

.product section.title { clear: none; }
.product section.title h1 { float: left; margin: 8px 0 24px 0; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; font-weight: normal; }

.product section.brand { clear: both; margin-top: 32px; display: table; position: relative; background-color: #F6F3EE; box-shadow: inset 0 0 4px rgba(0,0,0,0.15); }


.product section.brand .logo { position: relative; display: table-cell; width: 140px; vertical-align: top; }
.product section.brand .logo img { display: block; box-sizing: border-box; width: 100%; padding: 18px 16px; }

.product section.brand .description { display: table-cell; margin-left: 120px; padding: 12px 16px 12px 0; vertical-align: middle; color: #333; }
.product section.brand .description h3 { margin: 0; font-size: 18px; font-weight: 600; }
.product section.brand .description p { margin: 0 0 16px 0; font-size: 14px; }
.product section.brand .description p:last-child { margin-bottom: 0; }
.product section.brand .description .img.left { float: left; margin: 0 16px 16px 0; }
.product section.brand .description .img.right { float: right; margin: 0 0 16px 16px; }
.product section.brand .description .img.center { text-align: center; }
.product section.brand .logo .img { display: none; text-align: center; }
.product section.brand .logo .img img { display: inline-block; max-width: 80%; padding-bottom: 0; }
.product section.brand .logo .caption,
.product section.brand .logo .caption p,
.product section.brand .description .caption,
.product section.brand .description .caption p { margin: 0; font-size: 12px; line-height: 110%; text-align: center; }
.product section.brand .logo .caption p { margin: 0 16px; }

.product section.products { position: relative; font-size: 0; }
.product section.products > ul { margin: 0; padding: 0; }
.product section.products .product { position: relative; display: inline-block; box-sizing: border-box; margin-top: 16px; width: 25%; text-align: center; font-size: 16px; text-decoration: none; vertical-align: top; text-transform: uppercase; }
.product section.products a.product[href="#"] { cursor:default; }
.product section.products .product .format { position: absolute; top: -8px; left: -8px; z-index: 10; padding: 0 8px; background-color: #EE2E23; color: #fff; font-size: 12px; font-style: italic; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; box-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.product section.products .product .format.tigrato-cut-shreds { text-indent: -9999px; width: 25%; height: 20%; background-image: url(../img/products/flags/tigrato-cut-shreds.png); background-position: center center; background-repeat: no-repeat; background-size: 85%; }
.product section.products .product .format:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 8px rgba(0,0,0,0.25); }
.product section.products .product .format:after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 0; border-right: 8px solid #7F2936; border-bottom: 8px solid transparent; margin-right: 8px;  }
.product section.products .product.callout-new .img:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/products/callouts/new.png) no-repeat right bottom / 33%; }
.product section.products .product .img { position: relative; margin: 8px 6px 0 6px; border-radius: 2px; box-shadow: inset 0 0 8px rgba(0,0,0,0.15); }
.product section.products .product .img img { margin: 12.5% 0; display: inline-block; width: 80%; }
.product section.products .product .description { margin-top: 8px; font-size: 14px; line-height: 14px; color: #000; padding: 0 5px;}
.product section.products .product .shelf-life { margin-top: 4px; font-size: 10px; line-height: 10px; color: #5AB58A; text-transform: uppercase; }
.product section.products .product .shelf-life:before { content: "Shelf Life: "; }
.product section.products .product .sku { font-size: 14px; font-weight: 600; color: #EA0000; }

.concepts .layout.two-column > .right { padding-top: 0; }
.products section.header,
.concepts section.header { margin-bottom: 21px; background-repeat: no-repeat; }
.concepts section.header.cheese-plates { background-image: url(../img/concepts/header-cheese-plates.jpg); }
.concepts section.header.mozzarella { background-image: url(../img/concepts/header-mozzarella.jpg); }
.concepts section.header.fresh-mozzarella { background-image: url(../img/concepts/header-fresh-mozzarella.jpg); }
.concepts section.header.brie { background-image: url(../img/concepts/header-brie.jpg); }
.concepts section.header.creamy-brie { background-image: url(../img/concepts/header-creamy-brie.jpg); }
.concepts section.header.feta { background-image: url(../img/concepts/header-feta.jpg); }
.concepts section.header.cheddar { background-image: url(../img/concepts/header-cheddar.jpg); }
.concepts section.header.donatellas-kitchen { background-image: url(../img/concepts/header-donatellas-kitchen.png); }
.concepts section.header.parmesan { background-image: url(../img/concepts/header-parmesan.jpg); }
.concepts section.header.romano { background-image: url(../img/concepts/header-romano.jpg); }
.concepts section.header.goat-cheese { background-image: url(../img/concepts/header-goat-cheese.jpg); }
.concepts section.header.manchego-and-other-spanish { background-image: url(../img/concepts/header-manchego-and-other-spanish.jpg); }
.concepts section.header.provolone-and-other-italian { background-image: url(../img/concepts/header-provolone-and-other-italian.jpg); }
.concepts section.header.ricotta-and-mascarpone { background-image: url(../img/concepts/header-ricotta-and-mascarpone.jpg); }
.concepts section.content { font-size: 15px; }

.concepts .concept-list-container.grid { position: relative; margin: 0 -6px; }
.concepts .concept-list-container.grid .concept-list { display: flex; flex-flow: row wrap; justify-content: left; }
.concepts .carousel-container { position: relative; }
.concepts .carousel { position: relative; z-index: 1; display: block; box-sizing: border-box; margin-bottom: 16px; }
.concepts .grid .concept-list > div a,
.concepts .carousel > div a,
.concepts .grid .concept-list > div div.linkable,
.concepts .carousel > div div.linkable { position: relative; display: block; margin: 0 6px 8px; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); transition: box-shadow 0.1s; }
.concepts .grid .concept-list > div { float: left; width: 33.33%; }
.concepts .grid .concept-list > div a:hover,
.concepts .carousel > div a:hover,
.concepts .grid .concept-list > div div.linkable:hover,
.concepts .carousel > div div.linkable:hover { box-shadow: 0px 4px 4px rgba(0,0,0,0.5); }
.concepts .grid .concept-list > div a img,
.concepts .carousel > div a img,
.concepts .grid .concept-list > div div.linkable img,
.concepts .carousel > div div.linkable img { display: block; }
.concepts .grid .concept-list > div a img.flag,
.concepts .carousel > div a img.flag,
.concepts .grid .concept-list > div div.linkable img.flag,
.concepts .carousel > div div.linkable img.flag { position: absolute; width: 20%; top: 4%; right: 4%; }

.concepts .grid .concept-list > div a .caption,
.concepts .carousel > div a .caption,
.concepts .grid .concept-list > div div.linkable .caption,
.concepts .carousel > div div.linkable .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 8px;
    background-color: rgba(255,255,255,0.8);
    font-size: 14px;
    text-align: center;
    color: #222;
    text-shadow: 1px 1px 4px white, -1px -1px 4px white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.concepts .controls
.concepts .controls { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; list-style: none; font-size: 0; }
.concepts .controls li { position: absolute; z-index: 1; top: 0; bottom: 0; display: block; width: 32px; cursor: pointer; text-indent: -9999px; background: center center no-repeat; }
.concepts .controls li.prev { left: -32px; background-image: url(../img/carousel-left.png); }
.concepts .controls li.next { right: -32px; background-image: url(../img/carousel-right.png); }
.concepts .controls li.prev:hover { background-image: url(../img/carousel-left-over.png); }
.concepts .controls li.next:hover { background-image: url(../img/carousel-right-over.png); }
@media (max-width: 480px) {
	.concepts .controls li { top: 50%; bottom: auto; margin-top: -22px; width: 44px; height: 44px; border-radius: 22px; background-color: rgba(255,255,255,0.9); box-shadow: -4px 2px 4px rgba(0,0,0,0.25) inset; }
	.concepts .controls li.prev { left: 24px; }
	.concepts .controls li.next { right: 24px; }
}

.concepts .grid .controls { display: none; }

.concepts .content.concept .add-this { float: right; margin: 8px 0 8px 1em; }
.concepts .content.concept{
    margin: 0 46px 32px;
    border-radius: 20px 0 0 0;
    border: 1px solid rgba(204,204,204,0.6);
    padding: 8px 16px;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    background-color: #F4F3EF;
}

.concepts .content.concept .img { float: left; position: relative; display: block; width: 40%; margin: 0 5% 8px 0; }
.concepts .content.concept .img img {}
.concepts .content.concept .column-text { float: left; width: 55%; }
.concepts .content.concept.condensed p { line-height: 150%; }
.concepts .content.concept .column-text ul,
.concepts .content.concept .bottom-text ul,
.concepts .content.concept .column-text ol,
.concepts .content.concept .bottom-text ol { margin: 0; padding: 0 0 0 16px; }
.concepts .content.concept .bottom-text { clear: both; padding: 16px 0 0 0; }
.concepts .content.concept .legal { display: none; margin-top: 12px; font-size: 12px; text-align: center; color: #888; }

.concepts .content h2 {
    color: #083F88;
    margin: 8px 0;
    font-size: 27px;
    font-weight: normal;
}

.concepts .content h2 .byline {
    display: block;
    margin: 4px 0;
    font-size: 60%;
    letter-spacing: 3px;
}

.concepts .content .bio { display: flex; align-items: center; margin: 32px -16px -8px; background-color: #0056A4; color: #fff; overflow: hidden; }
.concepts .content .bio .photo { box-sizing: border-box; width: 43%; padding: 0 0 0 16px; }
.concepts .content .bio .photo img { display: block; width: 100%; }
.concepts .content .bio .text { box-sizing: border-box; width: 57%; float: none; padding: 8px 32px; font-family: 'Source Sans Pro  EL', sans-serif; letter-spacing: .25px; }
.concepts .content .bio .text p { line-height: 125%; }
.concepts .content .bio .text p:first-child { margin-top: 0; }
.concepts .content .bio .text p:last-child { margin-bottom: 0; }

.concepts .content.fancy-h3 h3{
    font-family: 'Damion', cursive;
    font-weight: normal;
    color: black;
    font-size: 1.8em;
    margin: 0.66em 0;
}

.concepts .content.fancy-h3 .custom-format {
    letter-spacing: 0.15em;
}

.concepts .arrangment img{
    width: 66%;
    height: auto;
    float: right;
    margin: 0 0 1em 1em;
}

.concepts .arrangment .legend, .concepts .arrangment .closing{
    width: calc(33% - 1em);
}
.concepts .arrangment .closing{
    margin-top: 28px;
}

.concepts .arrangment ol{
    padding: 0;
    list-style-position: inside;
}

.concepts .arrangment li{
    font-size: 1.2em;
    line-height: 1.5em;
}

@media (max-width: 720px) {
    .concepts .arrangment img{
        width: 100%;
        float: none;
        margin: 0;
    }
    .concepts .arrangment .legend, .concepts .arrangment .closing{
        width: 100%;
        text-align: center;
    }
}

.concepts .content.cheese-plate{
    background-color: #F4F3EF;
    padding: 1em;
}

.concepts .content.cheese-plate .add-this { text-align: right; padding-bottom: 1em; }

.concepts .content.cheese-plate > .img { float: left; width: calc(50% - 1em); margin: 0 1em 1em 0; box-sizing: border-box; }


.concepts .content.cheese-plate .video{
    display: inline-block;
    width: 50%;/*100% - width of left image*/
    font-weight: bold;
    font-style: normal;
    line-height: 2.5em;
    color: #3D66A1;
}

.concepts .content.cheese-plate .video img{
    width: 100%;
}

.concepts .content.cheese-plate table.accompaniment{
    clear: both;
    border-collapse: seperate;
    border-spacing: 0;
    border: none;
    border-top: 1px solid #48C2EF;
    border-bottom: 1px solid #48C2EF;
    padding: 0.8em 0;
}

.concepts .content.cheese-plate table.accompaniment th,.concepts .content.cheese-plate table.accompaniment td{
    border-left: 1px solid #48C2EF;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding: 0.5em 0.8em;
    text-align: left;
    vertical-align: middle;
}

@media (max-width: 397px) {
    .concepts .content.cheese-plate table.accompaniment{
        padding: 0.4em 0;
    }

.concepts .content.cheese-plate table.accompaniment th,.concepts .content.cheese-plate table.accompaniment td{
        padding: 0.4em;
    }
}

.concepts .content.cheese-plate table.accompaniment thead th{
    padding-top: 0;
}

.concepts .content.cheese-plate table.accompaniment tbody tr:last-child td{
    padding-bottom: 0;
}

.concepts .content.cheese-plate table.accompaniment th:first-child,.concepts .content.cheese-plate table.accompaniment td:first-child{
    border-left: none;
}

.concepts .content.cheese-plate table.accompaniment th:nth-child(2),.concepts .content.cheese-plate table.accompaniment td:nth-child(2){
    width: 8em;
}

.concepts .content.cheese-plate .legal { display: none; margin-top: 12px; font-size: 12px; text-align: center; color: #888; }

.concepts .arrangment hr,.concepts .content.cheese-plate hr{
    height: 2px;
    background-color: #0b4186;
    position: relative;
    margin: 4px auto 16px auto;
    border: none;
    display: table;
}

.concepts .content.cheese-plate hr{
    width: 33%;
}

.concepts .arrangment hr{
    width: 100%;
}

.concepts .arrangment hr:before,.concepts .content.cheese-plate hr:before,.concepts .arrangment hr:after,.concepts .content.cheese-plate hr:after{
  content:"";
  display:block;
  border: 3px solid #0b4186;
  width:0;
  border-radius: 3px;
  position: absolute;
  top: calc(-3px + 2px / 2);
}

.concepts .arrangment hr:before,.concepts .content.cheese-plate hr:before{
  left: calc(-3px + 2px / 2);
}

.concepts .arrangment hr:after,.concepts .content.cheese-plate hr:after{
  right: calc(-3px + 2px / 2);
}

.concepts .concept-back-wrapper a:hover {
    text-decoration: none;
}
.concepts .concept-back-wrapper a img {
    margin: 0 0.5em 0 0;
}
.concepts .concept-back-wrapper a img:last-child {
    position: relative;
    top: 0.25em;
}
.concepts .concept-back-wrapper a > p { display: inline-block; }


@media (max-width: 397px) {
    .concepts .content.cheese-plate{
        margin: 0;
        padding: 8px;
    }
}

@media (max-width: 1000px) {
    .concepts .content.concept .add-this {float: none; text-align: right;}
    .concepts .content.cheese-plate .video{
        display: block;
        width: 100%;
    }
}


.pairings ul { margin: 0; padding: 0; list-style: none; }
.pairings > ul { margin: 24px 0 24px 14px; display: table; }
.pairings > ul > li { position: relative; display: table-cell; border-left: 1px solid #6ECFF6; padding: 8px 12px 0 16px; }
.pairings > ul > li:before { content: ""; position: absolute; top: -16px; left: -14px; width: 27px; height: 27px; border-radius: 14px; background: /*#6ECFF6*/ #00AEEF no-repeat; box-shadow: -2px 2px 4px rgba(8,63,136,0.8) inset; }
.pairings > ul > li.wine:before { background-image: url(../img/pairings/wine.png); }
.pairings > ul > li.beer:before { background-image: url(../img/pairings/beer.png); }
.pairings > ul > li.proteins:before { background-image: url(../img/pairings/proteins.png); }
.pairings > ul > li.fruits:before { background-image: url(../img/pairings/fruits.png); }
.pairings > ul > li.nuts:before { background-image: url(../img/pairings/nuts.png); }
.pairings > ul > li.flavors:before { background-image: url(../img/pairings/flavors.png); }
.pairings > ul > li:last-child { padding-right: 0; }
.pairings strong { display: block; margin-bottom: 8px; font-size: 16px; line-height: 100%; color: #083f88; }
.pairings ul ul li { margin: 8px 0; font-size: 14px; line-height: 100%; }

.pairingDropdownWrapper, .content.pairings {display: none;}
.content.pairings {position: relative; padding-top: 3px;}
.content.pairings .pairingDropdownWrapper {position: absolute; top: 0; right: 0; margin: 0; border: none; }

@media (max-width: 1000px) {
	.pairings > ul { display: block; margin-top: 40px; margin-bottom: 0; line-height: 0; }
	.pairings > ul > li { position: relative; display: block; border-left: none; border-top: 1px solid #6ECFF6; padding: 0 12px 40px 16px; }
	.pairings strong { position: absolute; display: block; top: -18px; margin-bottom: 8px; font-size: 16px; line-height: 100%; color: #083f88; }
	.pairings ul ul { font-size: 14px; line-height: 120%; }
	.pairings ul ul li { display: inline-block; margin: 2px 0 0 0; line-height: 120%; }
	.pairings ul ul li:after { content: ", "; }
	.pairings ul ul li:last-child:after { content: ""; }
    .content.pairings .pairingDropdownWrapper {position: relative; top: auto; right: auto; margin: 0; float: none;}
}



section.brand { margin-top: 0; margin-bottom: 16px; display: table; position: relative; }
section.brand .left { float: none; margin: 0; position: relative; display: table-cell; width: 140px; vertical-align: middle; }
section.brand .left img { display: block; box-sizing: border-box; width: 100%; padding: 12px 16px 12px 0; }
section.brand .text { display: table-cell; padding: 12px 16px 12px 0; vertical-align: middle; color: #333; }
section.brand .text h1 { margin: 0; font-size: 18px; font-weight: 600; text-transform: uppercase; color: #333;}
section.brand .text p { margin: 0; font-size: 14px; line-height: normal}
section.brand .text a { color: #ee2e24; font-weight: 600; text-decoration: underline; }

section.videos { clear: both; font-size: 0; }

section.videos .video {
    display: inline-block;
    width: 32.33%;
    margin: 0 1% 16px 0;
    text-align: center;
    vertical-align: top;
    color: #444;
}

.video:hover { text-decoration: none; color: #000; }
.video:hover .img { box-shadow: 0 4px 8px rgba(0,0,0,0.5); }
.video .img:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 3px 7px rgba(0,0,0,0.75); }

.video .img{
    display: block;
    position: relative;
    box-shadow: 0 4px 4px rgba(0,0,0,0.25);
    transition: box-shadow 0.1s;
}

.video .img:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
    background: url(../img/video-play.png) center center no-repeat;
    background-size: 72px;
    opacity: 0.75;
}

.videos .video .img:after {
    background-size: 30%;
}

.video:hover .img:after {
    opacity: 1;
}

.video .img img {
    width: 100%;
    display: block;
}

.video h2 { margin: 8px 4px 0 4px; font-size: 14px; line-height: 100%; text-transform: uppercase; }
.video p { margin: 0 4px 4px 4px; font-size: 14px; line-height: 100%; }

button.ytp-play-button.ytp-button {
    display: none;
}

.youtube-video-container.hidden {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.youtube-video-container.hidden .ytwrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.youtube-video-container.hidden .ytwrapper::after {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.youtube-video-container.hidden .ytwrapper::before {
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    bottom: -1.5em;
    right: 0;
    background-image: url(/img/shadowbox/close.png);
    cursor: pointer;
}

.youtube-video-container.hidden iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-grid { margin: 10px 0; padding: 0; list-style: none; font-size: 0; text-align: center; }
.image-grid li { display: inline-block; }
.image-grid li img { width: 100%; }

.image-grid.cell-spacing li { margin: 24px 1%; }

.image-grid.inner-shadow li { position: relative; }
.image-grid.inner-shadow li:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 3px 7px rgba(0,0,0,0.5); }

.image-grid.divider li { border-left: 1px solid #aaa; }
.image-grid.divider li:first-child { border-left: none; }

/*
.our-people .content,
.parent-company .content { line-height: 225%; }
*/
.page .content p { line-height: 225%; }

.slideshow { position: relative; width: 1166px; height: 372px; overflow: hidden; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); transition: box-shadow 0.1s; }
.slideshow:hover { box-shadow: 0px 8px 8px rgba(0,0,0,0.25); }
.slideshow .slides { position: relative; display: block; width: 1166px; height: 372px; }
.slideshow .slides img { display: block; }

/* IE10- do not support pointer-events: none;, so do not overlay inset shadow */
.modern .slideshow .slides:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0 12px rgba(0,0,0,0.5) inset; pointer-events: none; }

.slideshow .arrow-left,
.slideshow .arrow-right,
.slideshow .arrow-leftdn,
.slideshow .arrow-rightdn { position: absolute; display: block; width: 64px; height: 64px; top: 160px; background: url(../img/slider-arrows.png) no-repeat; overflow:hidden; cursor: pointer; }
.slideshow .arrow-left,
.slideshow .arrow-leftdn { left: 0; }
.slideshow .arrow-right,
.slideshow .arrow-rightdn { right: 0; }
.slideshow .arrow-left { background-position: 0 0; }
.slideshow .arrow-left:hover { background-position: -128px 0; }
.slideshow .arrow-leftdn { background-position: -256px 0; }
.slideshow .arrow-right { background-position: -64px 0; }
.slideshow .arrow-right:hover { background-position: -192px 0; }
.slideshow .arrow-rightdn { background-position: -320px 0; }

.slideshow .left .slideshow .arrow-left,
.slideshow .left .slideshow .arrow-right,
.slideshow .left .slideshow .arrow-leftdn,
.slideshow .left .slideshow .arrow-rightdn { top: 0px; }

.concepts .slick-dots li { margin: 0; }

.promos {
    position: relative;
    margin-top: 42px;
    margin-bottom: 42px;
    font-size: 0;
    padding: 0 2.5%;
}

.bottom .promos { padding: 0 1.4% 0 0.5%; }

a.promo {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 31.33%; margin: 0 1%;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    transition: box-shadow 0.1s;
}

a.promo:hover { 
    box-shadow: 0px 8px 8px rgba(0,0,0,0.5);
}

.promo img {
    width: 100%;
    display: block;
}

.promo .caption{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    height: 25%;
    padding: 3% 4%;
    font-size: 24px; line-height: 105%;
    font-weight: 600;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.promo .caption sup { position: relative; top: -12%; font-size: 66%; font-weight: normal; vertical-align: baseline; }
.promo.green .caption {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008752+0,00673e+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(0,135,82,0.8) 0%, rgba(0,103,62,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,135,82,0.8) 0%,rgba(0,103,62,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,135,82,0.8) 0%,rgba(0,103,62,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc008752', endColorstr='#cc00673e',GradientType=0 ); /* IE6-9 */

}
.promo.red .caption {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1c24+0,b4151b+100&0.85+0,0.85+100 */
background: -moz-linear-gradient(top,  rgba(237,28,36,0.85) 0%, rgba(180,21,27,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(237,28,36,0.85) 0%,rgba(180,21,27,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(237,28,36,0.85) 0%,rgba(180,21,27,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ed1c24', endColorstr='#d9b4151b',GradientType=0 ); /* IE6-9 */

}
.promo.blue .caption {
background: -moz-linear-gradient(top,  rgba(0,61,122,0.8) 0%, rgba(0,29,63,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,61,122,0.8) 0%,rgba(0,29,63,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,61,122,0.8) 0%,rgba(0,29,63,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC003D7A', endColorstr='#CC001D3F',GradientType=0 ); /* IE6-9 */

}

.left .promos { margin: 24px 0 0 0; padding: 0; }
.left a.promo { display: block; width: auto; margin: 0 0 24px 0; }
.left .promo .caption { font-size: 20px; }

a.promo.concepts .wrapper{
    text-align: center;
    position: absolute;
    width: 100%;
}

a.promo.concepts .title {
    display: inline-block;
    max-width: calc(100% - 96px);
    background: linear-gradient(to bottom, rgba(0,61,122,0.9) 0%,rgba(0,29,63,0.9) 100%);
    color: white;
    border-radius: 0 0 10px 10px;
    padding: 12px 16px;
    font-size: 18px;
    line-height: 100%;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: inset 0 16px 16px rgba(0,0,0,0.25);
}

a.promo.concepts .caption{
    background-color: rgba(255,255,255,0.8);
    color: #222;
    height: auto;
    font-weight: normal;
    text-shadow: 1px 1px 8px white, -1px -1px 8px white;
    font-size: 16px;
    padding: 6% 4%;
}

a.promo.concepts img{
    width: 100%;
}

.left .promo-image { display: block; margin: 16px 8%; }
.left .promo-image img { width: 100%; }

.right .promos { margin: 24px 40px 40px 40px; padding: 0; }
.right .promos a.promo { width: 32%; }
.right .promos a.promo:first-child { margin-left: 0; }
.right .promos a.promo:last-child { margin-right: 0; }
.right .promos a.promo .caption { font-size: 16px; }

.bottom-promos .promos { margin: 0; padding: 0; }
.bottom-promos a.promo { width: 47%; margin: 0 auto 24px; }
.bottom-promos .promo .caption { font-size: 3.5vw; }

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

.bottom-promos .promo-image { display: block; margin: 16px 0; text-align: center; }
.bottom-promos .promo-image img { display: inline-block; }

/* Featured brand promos */
.promos.featured-brand-promos { text-align: center; }
.promos.featured-brand-promos a { margin: 1%; max-width: 100%; width: 344px; }
.promos.featured-brand-promos .caption {
    background: rgba(0,60,120,0.8);
    background: linear-gradient(0deg, rgba(0,60,120,0.9) 0%, rgba(0,60,120,0.8) 95%, rgba(0,60,120,0) 100%);
    font-size: 22px;
}
.promos.featured-brand-promos a.promo:hover .caption {
    color: rgb(0,60,120);
    background-color: transparent!important;
    background: linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 95%, rgba(255,255,255,0) 100%);
}

/* Banner Videos */

section.banner-video, .product-page.galbani #sections section.banner-video {
    width: 100%;
    padding: 0;
    margin: 0;
}
section.banner-video video { width: 100%; }


/* Form Styles */
.form form { position: relative; box-sizing: border-box; margin: 0 0 24px 0; padding: 12px 0 0 4%; background-color: #eee; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
.form form fieldset { border: none; margin: 0; padding: 0; }
.form form fieldset p { clear: both; }
.form form .FormCheck { display: none; }
.form form .field { float: left; width: 46%; margin: 0 4% 0 0; padding: 12px 0 0 0; }
.form form .field.full { clear: both; float: none; width: 96%; }
.form form .field p { margin: 0; color: #083f88; }
.form form .field input,
.form form .field textarea,
.form form .field select { box-sizing: border-box; width: 100%; border: 1px solid #bbb; padding: 8px; font-family: Arial, sans-serif; font-size: 18px; }
.form form .field select.other {}
.form form .field select.other.short { float: left; width: 30%; }
.form form .field input.other { width: 70%; }
.form form .field input[type="checkbox"] { width: auto; }
.form form .field.checkbox p { display: inline; }
.form form .field label { cursor: pointer; }
.form form .actions { clear: both; padding: 12px 0; }
.form form .actions button.submit,
.form form .actions input { padding: 8px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.form form .info { clear: both; margin: 0 4% 0 0; padding: 1px 0 0 0; }
.form .message { border-radius: 2px; margin-bottom: 24px; padding: 8px 12px; background-color: #eee; color: #000; }
.form .message.green { background-color: #008752; color: #fff; }
.form .message.red { background-color: #ed1c24; color: #fff; }
.galbani-rebate #sections .message p + p { margin-top: 0.5em; }

/* privacy page */
section.legal table,
.cookie-management-policy #sections table {border-collapse: collapse}
section.legal table tr td,
section.legal table tr td,
.cookie-management-policy #sections table tr td {width: auto; border: 1px solid #ccc; padding: 10px; line-height: 160%;}
.page section.legal p,
.page section.legal table tr td p {line-height: 160%;}
section.legal table tr td:first-child
.cookie-management-policy #sections table tr td:first-child {width: 30%;}

footer {
    clear: both;
    padding: 0 0 12px 0;
    color: #083f88; text-align: center;
    font-size: 16px;
    line-height: 110%;
    margin-top: 4em;
}
.page > footer {
    margin-bottom: 8em;
}

.content.legal h1 { margin-bottom: 12px; }
.content.legal h1.privacy-options::before { content: ""; display: inline-block; width: 42px; height: 20px; margin-right: 4px; background-image: url(../img/privacyoptions.svg); background-repeat: no-repeat; }

body #onetrust-consent-sdk #onetrust-banner-sdk a[href],
body #onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
body #onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn,
body #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pgph-link,
body #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
body #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler + a,
body #onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link,
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-legclaim-link,
body #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a,
body #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand,
body #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a,
body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content #ot-pc-desc .ot-link-btn,
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info a,
body #onetrust-consent-sdk #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info a,
body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a { color: #DB1422; }

footer ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
footer li { display: inline-block; margin: 0; padding: 0; border-right: 1px solid #083f88; line-height: 14px; font-size: 16px; }
footer li:last-child { border: none; }
footer li a { display: inline-block; padding: 0 6px; }
footer li.privacy-options a::after { content: ""; display: inline-block; width: 30px; height: 14px; margin-left: 4px; background-image: url(../img/privacyoptions.svg); background-repeat: no-repeat; }
footer .phone { margin: 12px 0 18px; font-size: 18px; font-weight: bold; }
footer .legal { margin: 6px 58px; font-family: Arial, sans-serif; font-size: 11px; }
footer a { color: #083f88; }
.fade-to-white { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+50&0+0,0.76+25,1+50 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.76) 25%, rgba(255,255,255,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.76) 25%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.76) 25%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* suggestions */

/*.page { background: #fff url(../img/bg-photo-faded-1.jpg) no-repeat; }*/
/*
header ul.primary { background-color: rgba(255,255,255,0.75); }
header ul.primary > li:hover > a { background-color: rgba(255,255,255,0.85); }
header ul.primary ul { background-color: rgba(255,255,255,0.95); }
header ul.primary .dividers { background-color: rgba(255,255,255,0.95); }
header ul.secondary {
background: -moz-linear-gradient(left,  rgba(255,255,255,0.75) 40%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.75) 40%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0.75) 40%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C0ffffff', endColorstr='#00ffffff',GradientType=1 );
}
*/


#concept-catagory-select{
    /*position: absolute;
    right: 0;
    bottom: 100%;*/
    display: none;
    width: 25%;
    float: right;
    margin-left: 1em;
}

#subnav-select{
    display: none;
    float: right;
    margin-right: 40px;
    position: relative;
    top: -10px;
    z-index: 1;
}

.grecaptcha-badge { z-index: 1100; }

/* Responsive: Typical Tablets */
@media (max-width: 1280px) {
	body:before { display: none; }

	/* remove dots */
    
	.promo .caption { font-size: 1.75vw; }
	.left .promo .caption { font-size:  1.5vw; }
	.right .promos a.promo .caption { font-size: 1.2vw; }
}

/* Responsive: Collapse Nav */

@media (max-width: 1100px) {
    .page > footer {
        margin-bottom: 22em;
    }
        header ul.nav > li a { padding: 18px 1vw; }
}

@media (max-width: 1000px) {
	/* drop left/right margins */
	header { margin: 0; }
	section.responsive-margin { margin-left: 0; margin-right: 0; }
    footer .legal { margin-left: 12px; margin-right: 12px; }
	
	.promo .caption { font-size: 2vw; }
	.layout.two-column { margin: 0 24px; }
	.layout.two-column > .left { margin-right: 3%; }
	.layout.two-column > .right { width: 71%; }

	/* reduce left navigation font size */
	.left .nav li a { font-size: 14px; }

	/* vertically align left/right content */
	.content h2 { margin-top: 16px; }
	.content div.left,
	.content div.right,
	.content div.text { float: none; margin: 0; }
	.content div.half,
	.content div.one-third,
	.content div.two-thirds { width: auto; }

	.news .content h2 { margin-top: 16px; }
    
    .concepts .grid .concept-list > div { width: 50%; }
}

@media (max-width: 960px) {
	.right .promos a.promo { display: block; width: 100%; margin: 0 0 32px 0; }
	.right .promos a.promo .caption { height: auto; font-size: 4vw; }
}

@media (max-width: 890px) {
        header ul.nav > li a { font-size: 1.9vw; }
}

@media (max-width: 840px) {
    /* nudge product menu left */
	header ul.primary .products .dividers { margin-left: -338px; }
}

/* Responsive: Typical Smartphones in landscape and Tablets in portrait */
@media (max-width: 720px) {
	/* navigation below logo */
        header .contact { display: none; }


	/* adjust left-edge of products */
	header ul.primary .products .dividers { margin-left: -192px; }

	.layout.two-column { margin: 0; }
	.layout.two-column > .left {
        display: none;
    }

    #concept-catagory-select{
        display: initial;
    }
    
    #subnav-select{
        display: initial;
    }
    .galbani-pro-files section.brand .left img { padding-top: 0; }
    .galbani-pro-files section.brand .text { padding-top: 0; }
    
    .layout.two-column > .right { width: auto; }

	.layout.two-column > .right.chef-sprinkles { padding-top: 40%; }

	.promos { margin: 24px auto; }

	.right .promos a.promo .caption { font-size: 6vw; }

    .bottom-promos, .bottom > .promos { display: block; }

    .bottom-promos a.promo.concepts { margin: 0 5%; width: 47%; text-align: center; }
    .bottom-promos a.promo.concepts .img { display: block; width: 100%; }
    .bottom-promos a.promo.concepts .caption { padding-bottom: 24px; }
	
}

@media (max-width: 735px) {
	/* collapse last nav */
        header ul.primary .rollup1 { display: none; }
        header ul.primary .rollup2::after { display: none; }
    	header ul.secondary .rollup1 { display: block; }
    	header ul.secondary { width: 88px; }
    	header ul.secondary > li.menu { display: inline-block; }
    header ul.nav > li > ul > li > a { width: auto; white-space: normal; }
}

@media (max-width: 610px) {

	/* narrow drop-downs */
	/*
	header ul.primary .brands .dividers { margin-left: -104px; }
	header ul.primary .products .dividers { margin-left: -150px; width: 358px; }
	*/
	header ul.primary .brands .dividers { margin-left: -104px; }
	header ul.primary .products .dividers { margin-left: -150px; width: 336px; }

    header ul.brands li {
        max-width: 30%;
    }
}

@media (max-width: 575px) {

        
    /* Narrow logo */
    #header-intro {
        align-items: stretch;
        justify-content: space-between;
        max-width: 95%;
        margin: auto;
    }
    header h1 { margin: 0; width: 40%; }
    header h1 a {
        background-size: contain;
        background-position: left center;
        width: 100%;
        height: 100%;
    }
    header ul.brands {
        display: flex;
        justify-content: space-between;
        width: 60%;
    }
    header ul.brands li a {
        max-width: 100%;
        background-size: contain;
        padding: 5px 0;
        margin: 0;
    }

    header h1 { width: 40vw; }
    #header-intro { margin: 0 5px; }
    ul.nav.primary { transform: translateY(0px); }

    
    
	/* small white header */
    
        #header-nav { margin-top: 0; } 
        .wide .promos a.promo { max-width: 90%; }
	header .contact { top: 0; width: 120px; padding: 20px 16px 0; line-height: 24px; }

	/* vertical brands menu */
	header ul.primary .brands ul li { display: block; }
	header ul.primary .brands ul a { box-sizing: border-box; min-width: 100%; margin: 0; height: 56px; }
	header ul.primary .brands .dividers { margin-left: -72px; width: 220px; }

	.layout.two-column > .right { box-shadow: none; }
	.right .filters { float: none; }
	.product section.title h1 { float: none; }
	.product section.brand .logo .img { display: block; }
	.product section.brand .description .img { display: none; }
	section { margin: 0 24px; }

	/* two promos */
	.wide .promos[:not(.featured-brand-promos)] a.promo:last-child { display: none; }
	.wide .promos[:not(.featured-brand-promos)] a.promo { width: 48%; margin: 0 1%; background-color: rgba(255,255,255,0.6); box-shadow: 0px 4px 4px rgba(0,0,0,0.25); transition: background-color 0.1s, box-shadow 0.1s; }
	.wide .promos[:not(.featured-brand-promos)] a.promo .caption { font-size: 3vw; }

	.product section.brand .logo { vertical-align: top; }
	.product section.products .product { width: 50%; }

	.concepts .content.concept { margin: 0 24px 32px; }
	.concepts .content.concept .img,
    .concepts .content.cheese-plate > .img { display: none; }
	.concepts .content.concept .column-text { float: none; width: auto; }

	section.videos .video { width: 49%; }

	.form form .field { float: none; width: auto; }
    #subnav-select{margin-right: 24px;}
}

@media (max-width: 505px) {
    header ul.nav > li a { padding: 18px 4px; font-size: 13px; }
    header ul.nav > li::after { font-size: 13px; font-weight: normal; }
	header ul.secondary { width: 88px; }

	.promo .caption { font-size: 10px; }

    .concepts .grid .concept-list > div { width: 100%; }
}

@media (max-width: 380px) {
	header ul.nav { padding-left: 0; }
	header ul.secondary > li.search .dropdown { width: 320px; }
    
	/* condensed (320px wide) product menu */
	header ul.primary .products ul { margin: 0; }
	header ul.primary .products .dividers { max-width: 320px; }
	header ul.primary .products .container .subtypes li { width: 124px; }
	header ul.primary .products .container .subtypes li a { background-size: 200%; }

	.search .results { position: static; margin: 16px 0 0 0; background: transparent; box-shadow: none; max-height: none; line-height: 22px; }
	.search .results li a { position: relative; display: block; height: 64px; padding: 8px 0; }
	.search .results li a img { position: absolute; top: 13px; left: 13px; border-radius: 26px; width: 52px; height: 52px; }
	.search .results li a:before { position: absolute; content: " "; width: 70px; height: 62px; background: url(../img/search-img-bg.png) 8px 0 no-repeat; }
	.search .results li a div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.search .results li a div sup { position: relative; top: -3px; font-weight: normal; vertical-align: baseline; }
	.search .results li a .title { margin: 8px 28px 0 80px; color: #083f88; font-size: 18px; }
	.search .results li a .summary { margin: 2px 28px 0 80px; padding-bottom: 18px; border-bottom: 1px solid #6ECFF6; color: #666; font-size: 15px; font-style: italic; }
	.search .results li a:hover { background-color: rgba(110,207,246,0.15); text-decoration: none; }
	/*.search .results li a:hover .title { color: #6ECFF6; }*/

	section { margin: 0 8px; }

	.product section.brand .logo { display: block; float: left; }
	.product section.brand .description { display: block; margin-left: 0; padding: 12px 16px; }
	.product section.brand .description h3 { text-align: center; }
	.product section.brand .description p { clear: both; }
	.product section.brand .logo .img { display: none; }

	.concepts .content.concept { margin: 0 8px 32px; }
	.concepts .content.concept .img { float: none; width: auto; margin: 8px 0; }
	.concepts .content.concept .column-text { float: none; width: auto; padding: 0;}

    .bottom-promos { padding: 0; }
	#subnav-select{margin-right: 8px;}
    section.legal table tr td,
	.cookie-management-policy table tr td { padding: 4px; }
}

@media (max-width: 320px) {
    .right .promos a.promo .caption { font-size: 18px; }

    header ul.primary .rollup2 { display: none; }
    header ul.primary .rollup3::after { display: none; }
    header ul.secondary .rollup2 { display: block; }
}

@media print {
	body { background: #fff; }
	.layout.two-column > .left { display: none; }
	.page { background: transparent; }
	.controls { display: none; }
	footer { padding-top: 12px; }

	/* recipe card */
	.concepts .layout.two-column > .right { width: auto; background: transparent; box-shadow: none; }
	.concepts .content.concept { border: 1px solid #aaa; box-shadow: none; }
	.concepts header,
	.concepts section.header,
	.concepts section.filters,
	.concepts section.intro,
	.concepts section.concept-type,
	.concepts .add-this,
	.concepts footer .nav,
	.concepts footer .phone,
	.concepts footer .address,
    .concepts .bottom-promos { display: none; }
	.concepts .content.concept .legal { display: block; }
	.concepts section.pairings { page-break-inside: avoid; }
}

header ul.primary .concepts{
}

header ul.primary .concepts .dividers {
    width: 480px;
    margin-left: -200px;
    padding: 0 1em;
    font-size: 18px;
    line-height: 1.8em;
    max-height: 0px;
}

header ul.primary li.concepts:hover .dividers {
    padding: 1em;
    max-height: none;
}

header ul.primary .concepts ul{
    max-height: none;
}

header ul.primary .concepts ul li {
    font-size: 18px;
    line-height: 1.65em;
    width: 100%;
}

header ul.primary .concepts ul li:hover {
    font-size: 18px;
    line-height: 1.65em;
    width: 100%;
}

header ul.nav > li.concepts .sanity{
    border-collapse: collapse;
}

header ul.nav > li.concepts .sanity a{
    padding: 0;
    padding-left: 11px;
    display: block;
    width: 100%;
}

header ul.nav > li.concepts .sanity a:hover{
    background-color: rgba(110,207,246,0.15);
    color: #083f88;
}

header ul.primary li.concepts .sanity{
    width: 100%;
    max-height: 0;
}

header ul.primary li.concepts:hover .sanity{
    max-height: none;
}

header ul.primary .concepts td:nth-child(1){
    border-right: solid 1px #6ECFF6;
}

header ul.primary .concepts td:nth-child(2){
}

header ul.primary .concepts img{
    display: none;
    width: 223px;
    height: 223px;
}


/* pizza challenge */
.pizza-challenge>.wrapper {margin: 58px 40px; border-left: 12px solid #323F8C; border-right: 12px solid #323F8C; border-bottom: 12px solid #323F8C; background: #fff; }
.pizza-challenge section {margin: 0; clear: both;}
.pizza-challenge .intro {display: flex; align-items: center;}
.pizza-challenge .intro .img {margin: 32px 2% 32px 3%; width: 13%;}
.pizza-challenge .intro h2 {font-weight: 400; margin-right: 4%; font-size: 1.8vw; color: #323F8C; line-height: 1em;}
.pizza-challenge .product-list {margin: 10px 3%;}
.pizza-challenge .product-list h3 sup { top: -1.5em; font-size: 40%; }
.pizza-challenge h3 {background: #323F8C; font-size: 2.5vw; color: #fff; text-align: center; padding: 10px; margin: 0 0 10px 0; font-family: georgia;}
.pizza-challenge .president-header h3 { background: #ed1c24; }

@media (max-width: 1280px) {
    .pizza-challenge .intro .img {width: 20%;}
    .pizza-challenge .intro h2 {font-size: 2.5vw;}
}

@media (max-width: 1080px) {
    .pizza-challenge .intro .img {margin-top: 15px; margin-bottom: 10px;}
    .pizza-challenge>.wrapper {margin: 0; }
}

@media (max-width: 767px) {
    .pizza-challenge .intro .img {width: 250px; margin-top: 20px; margin-bottom: 10px;}
    .pizza-challenge .intro h2 {font-size: 20px;}
    .pizza-challenge h3 {font-size: 32px;}
}

@media (max-width: 480px) {
    .pizza-challenge .intro h2 {font-size: 16px;}
    .pizza-challenge h3 {font-size: 24px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #header-intro { float: left; }
    header h1 a { position: relative; }
}


/* galbani rebate */

/*
body > div.galbani-rebate { margin-top: 5%;  }
.galbani-rebate > header { display: none; }
*/
.galbani-rebate #sections a { text-decoration: underline; }
.galbani-rebate #sections h2 { font-size: 1.5em; font-weight: bold; color: #2250a9; text-transform: none; }
.galbani-rebate #sections h2 u { font-size: 110%; display: inline-block; text-decoration: none; border-bottom: 1px solid #2250a9; margin-bottom: 1rem; }
.galbani-rebate #sections .content p { line-height: 1em; }
.galbani-rebate img { max-width: 100%; }
.galbani-rebate #sections section:first-child + section.content { margin-top: -8px; }
.galbani-rebate #sections section.content, 
.galbani-rebate #sections section.form form fieldset, 
.galbani-rebate #sections section.form .message { font-size: 30px; padding: 2.5rem 6rem; color: #2250a9; margin-top: 0; margin-bottom: 0; }
.galbani-rebate #sections section.content { background: #fff; }
.galbani-rebate #sections section.content.join-bottom { padding-bottom: 0; }
.galbani-rebate #sections section.content.join-top { padding-top: 0; }
.galbani-rebate #sections section.content.join-top p { margin-top: 0; }
.galbani-rebate #sections section.content p a { font-style: normal; text-decoration: underline; font-weight: inherit; }
.galbani-rebate #sections section.content > *:first-child { margin: 0 0 1rem; padding: 0; }
.galbani-rebate #sections section.content.bg-img { position: relative; background-position: bottom center; background-color: #0f0402; min-height: 14em; padding-top: 1em; color: #fff; font-weight: 600; }
.galbani-rebate #sections section.content.bg-img p a { text-decoration: underline; font-size: 90%; }
.galbani-rebate #sections ul { padding: 0 1em; margin: 0; }
.galbani-rebate #sections ul li { margin: 0.5em 0; line-height: 1.25em; }
.galbani-rebate #sections ul li a { margin: 0.5em 0; line-height: 1.25em; text-decoration: underline; font-weight: bold; }
.galbani-rebate #sections .bg-img p { color: #fff; text-shadow: 1px 1px 3px #000; }
.galbani-rebate #sections .bg-img p a { color: #fff; font-weight: inherit; font-style: initial; text-shadow: 1px 1px 3px #000; font-style: none; text-decoration: underline; }
.galbani-rebate #sections .bg-img ul { padding: 0; margin: 0; list-style: none; text-align: right; }
.galbani-rebate #sections .bg-img ul li { margin: 0; }
.galbani-rebate #sections .bg-img ul a { color: #2250a9; background: rgba(255,255,255,0.85); padding: 0.5em 0.5em 0.4em; text-transform: uppercase; font-size: 90%; font-weight: bold; border-radius: 0.5em; display: inline-block; min-width: 11em; text-align: center; text-decoration: none; }
.galbani-rebate #sections .bg-img ul a:hover, 
.galbani-rebate #sections .bg-img ul a:focus { color: #fff; background: #2250a9; text-decoration: none; }
.galbani-rebate #sections .bg-img > p:last-child { position: absolute; bottom: 0; font-size: 90%; font-weight: normal; }
.galbani-rebate #sections table { font-size: 0.9rem; border-collapse: collapse; line-height: 1.25em; overflow-y: scroll; }
.galbani-rebate #sections table tr { background-color: #e9e9e9; color: #000; }
.galbani-rebate #sections table thead tr { background-color: #fff; color: #2250a9; white-space: nowrap; }
.galbani-rebate #sections table tr > * { padding: 0.5em 0.5em; word-wrap: break-word; overflow-wrap: break-word; vertical-align: top; }
.galbani-rebate #sections table tr > *:first-child { width: 6em; }
.galbani-rebate #sections section.content:last-child h2, .galbani-rebate section.content:last-child p { line-height: 1.25em; }
.galbani-rebate #sections section.content:last-child > h2:first-child { margin-bottom: 0; font-size: 1em; }
.galbani-rebate #sections section.content:last-child p { margin-top: 0; font-size: 70%; color: #433; }
.galbani-rebate #sections .form form { padding: 0; margin: 0; }
.galbani-rebate #sections section.form .message { color: #fff; }
.galbani-rebate #sections section.form .message a { color: #fff; }
.galbani-rebate #sections section#registernow.form > .message > * { max-width: 50%; }
.galbani-rebate #sections section.form .message.red { background-color: rgb(237, 28, 36); }
.galbani-rebate #sections section.form .message.green { color: #fff; }
.galbani-rebate #sections section.form form { box-shadow: none; }
.galbani-rebate #sections form .fields { display: flex; }
.galbani-rebate #sections form label { display: none; }
.galbani-rebate #sections input, 
.galbani-rebate #sections select { width: 100%; font-size: 75%; margin: 0.5em 0; padding: 0.5em; border: 1px solid #000; box-sizing: border-box; }
.galbani-rebate #sections form select.placeholder, 
.galbani-rebate #sections form select option.placeholder { color: rgba(0,0,0,0.6); }
.galbani-rebate #sections form select.placeholder option { color: #000; }
.galbani-rebate #sections form .fields input,
.galbani-rebate #sections form .fields select { margin-left: 0.5em; }
.galbani-rebate #sections form .fields input:first-of-type { margin-left: 0; }
.galbani-rebate #sections input[type="number"] { line-height: 2.5em; padding: 0 0 0 0.5em; }
.galbani-rebate #sections form fieldset input.error, 
.galbani-rebate #sections form fieldset select.error { box-shadow: 0 0 3px 3px rgb(237, 28, 36); }
/*
.galbani-rebate form input[type="checkbox"] { -webkit-appearance: none; width: 0em; height: 0em; line-height: 0; padding: 0.4em; margin: 0 0.25em 0 0; display: inline-block; background: #fff; border: 1px solid #000; position: relative; cursor: pointer; }
.galbani-rebate form input[type="checkbox"]:checked::after { display: block; content: " "; position: absolute; height: 0; width: 0; padding: 0.2em; top: 50%; left: 50%; z-index: 99999;background: #000; font-size: 1em; transform: translate(-50%,-50%); }
*/
.galbani-rebate #sections form input[type="checkbox"] { width: 1em; height: 1em; cursor: pointer; }
.galbani-rebate #sections form input[type="submit"], 
.galbani-rebate #sections .button { display: inline-block; background: #2250a9; border: 1px solid #2250a9; color: #fff; margin: 1em auto 0; cursor: pointer; border-radius: 0.5em; padding: 0.5rem 1.5em; width: auto; margin: auto; }
.galbani-rebate #sections form input[type="submit"]:hover, 
.galbani-rebate #sections form input[type="submit"]:focus, 
.galbani-rebate #sections form .consent label { color: #2250a9; background: #fff; }
.galbani-rebate #sections form input[type="submit"]:disabled { pointer-events: none; background: #555; color: #fff; border-color: #555; }
.galbani-rebate #sections form label[for="Consent"] { padding-left: 1.2em; position: relative; display:block; background: transparent; cursor: pointer; color: #433; }
.galbani-rebate #sections form label[for="Consent"] input[type="checkbox"] { position: absolute; top: -1px; left: 0; }
.galbani-rebate #sections .form form .actions { text-align: center; margin-bottom: -1.25rem; }
.galbani-rebate #sections form section.numbered { margin: 1em 0 0; }
.galbani-rebate #sections .hidden-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.galbani-rebate #sections .button:hover, 
.galbani-rebate #sections .button:focus { background: #fff; color: #2250a9; }
.galbani-rebate #sections .numbered .button { background: #fff; color: #2250a9; }
.galbani-rebate #sections .numbered .button:hover, .galbani-rebate .numbered .button:focus { background: #2250a9; color: #fff; border-color: #fff; }
.galbani-rebate #sections .form-intro {  margin: 0; padding: 0; }
.galbani-rebate #sections .form-intro > h2, 
.galbani-rebate #sections .form-intro > p { display: inline-block; margin: 0 0.5em 0 0; }
.galbani-rebate #sections .floating-image-container { height: 0; overflow: visible; position: relative; }
.galbani-rebate #sections .floating-image-container img { position: absolute; right: 1rem; width: 35%; z-index: 10; transform: translateY(-50%); top: 0; }

.galbani-rebate #sections section.content.numbered, 
.galbani-rebate #sections .content.numbered-topper { background-color: #2250a9; color: #fff; padding-top: 1rem; padding-bottom: 1rem; }
.galbani-rebate #sections section.content.numbered p { margin: 0.5em 0; }
.galbani-rebate #sections section.content.numbered-topper h2 { color: #fff; margin: 0; }
.galbani-rebate #sections section.content.numbered-topper { padding-bottom: 0; margin-bottom: 0; z-index: 100; }
.galbani-rebate #sections section.content.numbered-bottomer { padding-top: 0; margin-top: 0; }
.galbani-rebate #sections section.content.numbered.form-topper { background-color: #eee; color: #2250a9; padding-bottom: 0; }
.galbani-rebate #sections section.content.numbered > div.img { flex: none; width: 3em; height: 3em; margin: 0 1em 0 0; }
.galbani-rebate #sections section.content.numbered > div.img img { max-height: 100%; max-width: 100%; }
.galbani-rebate #sections section.upload-files-container label,
.galbani-rebate #sections div.upload-files-container label,
.upload-files-container label{ display: block; margin-left: 6em; }
.galbani-rebate #sections div.upload-files-container label { margin-left: 0; }
.galbani-rebate #sections section.upload-files-container .button,
.galbani-rebate #sections div.upload-files-container .button,
.upload-files-container .button { margin-top: 0; margin: 0 1em 0 0; font-weight: 600; }

.galbani-rebate #sections section.content.product-list { padding-top: 2rem; padding-bottom: 3rem; background-color: #2250a9; color: #fff; }
.galbani-rebate #sections section.content.product-list > h2:first-child { padding-bottom: 1rem; color: #fff; }
.galbani-rebate #sections .product-list a { font-weight: normal; font-style: normal; text-decoration: underline; color: #fff; }

.galbani-rebate #sections table#galbani-rebate-calculator thead tr,
.galbani-rebate #sections table#galbani-rebate-calculator tfoot tr { background: #2250a9; color: #fff; }
.galbani-rebate #sections table#galbani-rebate-calculator thead tr th,
.galbani-rebate #sections table#galbani-rebate-calculator tfoot tr th { font-weight: normal; }
.galbani-rebate #sections table#galbani-rebate-calculator tbody tr { background: #fff; border-top: 5px solid #e9e9e9; }
.galbani-rebate #sections table#galbani-rebate-calculator tfoot tr { border-top: 5px solid #e9e9e9; }
.galbani-rebate #sections table#galbani-rebate-calculator tbody tr td { text-align: center; vertical-align: middle; }
.galbani-rebate #sections table#galbani-rebate-calculator tfoot tr > * { font-size: 1.25em; padding-top: 1em; padding-bottom: 1em; text-align: center; }
.galbani-rebate #sections table#galbani-rebate-calculator tfoot tr > td:last-child { text-align: center; }
.galbani-rebate #sections table#galbani-rebate-calculator tfoot tr th { text-align: right; }
.galbani-rebate #sections table#galbani-rebate-calculator tr > *:first-child { text-align: left; }
.galbani-rebate #sections table#galbani-rebate-calculator tr > *:nth-child(2) { text-align: left; }
.galbani-rebate #sections table#galbani-rebate-calculator tbody tr > td:last-child { font-weight: bold; font-size: 1.25em; }

.galbani-rebate #sections #steps { border-bottom: 1rem solid #fff; }
.galbani-rebate #sections #howitworks ul li { font-size: 20px; }
.galbani-rebate #sections a[href="#modal-calculator"] { display: flex; align-items: center; margin: 1rem 0 -3rem; font-size: 20px; }
.galbani-rebate #sections a[href="#modal-calculator"] img { height: 2.5em; margin-right: 1em; }
.galbani-rebate #sections input[name="City"] { width: 50%; }
.galbani-rebate #sections select[name="State"],
.galbani-rebate #sections input[name="Zipcode"] { width: 25%; }
.galbani-rebate #sections input[name="Phone"], .galbani-rebate input[name="DistributorNumber"] { width: 40%; }
.galbani-rebate #sections input[name="Email"], .galbani-rebate input[name="DistributorName"] { width: 60%; }
.galbani-rebate #sections .modal input[name="Email"] { width: 100%; }
.galbani-rebate #sections .message p { margin: 0; }
.galbani-rebate #sections img.cheeses { width: 575px; margin: 0.5em auto; }
.galbani-rebate #sections section.content > label[for="files"] { padding-left: 4em; }

.galbani-rebate #sections .modal .modal-close { display: block; text-decoration: none; }
.galbani-rebate #sections .modal { display: none; }
.galbani-rebate #sections section.form.modal form fieldset { border: none; margin: 0; padding: 0 0 1.2em; }
.galbani-rebate #sections section.form.modal form fieldset h2 { margin-top: 0; }
.galbani-rebate #sections section.form.modal .message { padding: 0; }
.galbani-rebate #sections section.form.modal .message.red, 
.galbani-rebate #sections section.form.modal .message.green { padding: 1em; }
.galbani-rebate #sections .modal.active { display: block; position: fixed; top: 0; left: 0; margin: 0; width: 100%; height: 100%; z-index: 9998; background: rgba(0,0,0,0.8); }
.galbani-rebate #sections .modal.active > * { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #eee; padding: 0px 1em 1em; width: 95%; max-width: 960px; max-height: 90%; }
.galbani-rebate #sections .modal.active > * > *:last-child { overflow-y: auto; overflow-x: hidden; max-height: 65vh; }
.galbani-rebate #sections .modal table { margin: auto; }
.galbani-rebate-proofs-of-purchase #sections .form form .actions { font-size: 2em; background: #fff; padding: 1em 0; }
.galbani-rebate-proofs-of-purchase #sections .form .message { border: 1em solid #eee; border-width: 1em 0 0; }
.galbani-rebate #sections #steps { text-align: center; }

.galbani-rebate #sections .modal .modal-header { margin: 0; display: flex; background: #eee; padding: 1em 0; }
.galbani-rebate #sections .modal h2, .galbani-rebate .modal .modal-close { margin: 0; }

.modaled { overflow: hidden!important; }

.galbani-rebate #sections .submitting-message { color: green; border: 2px solid green; width: 13em; margin: 0 auto 1em; }

/* font size tweaks */
.galbani-rebate #sections section.content, 
.galbani-rebate #sections section.form form fieldset, 
.galbani-rebate #sections section.form .message { font-size: 22px; }
.galbani-rebate #sections input,
.galbani-rebate #sections select { font-size: 18px; }
.galbani-rebate-proofs-of-purchase #sections .form form .actions { font-size: 22px; }
.galbani-rebate #sections table input { font-size: inherit; }
.galbani-rebate #sections #howitworks ul li { font-size: inherit; }
.galbani-rebate #sections section.content:last-child p { font-size: inherit; line-height: 120%; }
.galbani-rebate #sections section.content.bg-img { min-height: 430px; }
.galbani-rebate #sections form label[for="Consent"] { font-size: 18px; }
.galbani-rebate #sections #steps div.text { text-align: center; float: none; margin: 0 0 1.5em; }
.galbani-rebate #sections #steps img { width: 100%; max-width: 750px; }
.galbani-rebate #sections h2 u { font-size: inherit; }
.galbani-rebate #sections form input[type="checkbox"] { width: 1em; height: 1em; font-size: inherit; margin-top: 0.2em; }
.galbani-rebate #sections input[type="number"] { line-height: 2em; }
.galbani-rebate #sections a[href="#modal-calculator"] { font-size: 18px; }

/* Mozzarella Rebate Page */
.galbani-mozzarella-rebate #sections > section:first-child { margin-bottom: -6%; z-index: 100; display: block; position: relative; }
.galbani-mozzarella-rebate #sections section.content.bg-img { padding: 0 2rem 2rem; text-align: right; background-position: top center; background-size: cover!important; }
.galbani-mozzarella-rebate #sections section.content.bg-img > ul { font-size: 105%; display: inline-block; background: rgba(0,0,0,0.4); color: #fff; width: 40%; margin: 0; padding: 4rem 2rem 2rem; text-align: left; margin: 0 0 18%;  }
.galbani-mozzarella-rebate #sections section.content.bg-img > ul > li { margin: 0 0 1em; }
.galbani-mozzarella-rebate #sections section.content.bg-img > ul > li:last-child { margin: 0; }
.galbani-mozzarella-rebate #sections section.content.bg-img > ul > li small { font-weight: normal; }
.galbani-mozzarella-rebate #sections section.content.bg-img > ul > li big { font-size: 120%; }
.galbani-mozzarella-rebate #sections .bg-img ul a { display: inline; border: none; background: transparent; color: inherit; text-transform: none; font-weight: inherit; min-width: 0; padding: 0; font-size: 100%; text-decoration: underline; }
.galbani-mozzarella-rebate #sections .bg-img ul a:hover { background: transparent; text-decoration: underline; }
.galbani-mozzarella-rebate #sections .floating-image-container { position: relative; height: 8vw; background: #fff; text-align: center; max-height: 90px; }
.galbani-mozzarella-rebate #sections .floating-image-container img { width: 40%; transform: translateX(-50%); position: absolute; bottom: 0; left: 50%; top: auto; }
.galbani-mozzarella-rebate #sections form section.content.numbered { margin-top: 0; padding-top: 1.5rem; }
.galbani-mozzarella-rebate #sections #steps { padding-top: 1px; padding-bottom: 0; }
.galbani-mozzarella-rebate #sections #steps p { margin: 0 auto; }
.galbani-mozzarella-rebate #sections #step1 { background-color: #2250a9; }
.galbani-mozzarella-rebate #sections #step1form { background-color: #2250a9; padding-top: 1rem; }
.galbani-mozzarella-rebate #sections #step1form label { color: #fff; }
.galbani-mozzarella-rebate #sections #step2 { background-color: #eee; color: #433; }
.galbani-mozzarella-rebate #sections #step2form { background-color: #eee; padding-top: 1rem; }
.galbani-mozzarella-rebate #sections #step3 { background-color: #2250a9; }
.galbani-mozzarella-rebate #sections #step3form { background-color: #2250a9; padding-top: 1rem; }
.galbani-mozzarella-rebate #sections #step4 { background-color: #eee; color: #433; }
.galbani-mozzarella-rebate #sections #step4 div.text { text-align: center; padding-right: 3em; }
.galbani-mozzarella-rebate #sections #step4 input[type="submit"],
.galbani-mozzarella-rebate #sections input[type="submit"]#pop-submit
{ -webkit-appearance: none; height: 100%; background-color: #ce2030; border-color: #ce2030; border-width: 2px; white-space: normal; font-weight: bold; }
.galbani-mozzarella-rebate #sections .step_2 input[type="submit"]#pop-submit {
    margin-left: 50%;
    transform: translateX(-9em);
}
.galbani-mozzarella-rebate #sections #step4 input[type="submit"]:hover,
.galbani-mozzarella-rebate #sections #step4 input[type="submit"]:focus,
.galbani-mozzarella-rebate #sections input[type="submit"]#pop-submit:hover,
.galbani-mozzarella-rebate #sections input[type="submit"]#pop-submit:focus { color: #ce2030; background-color: #fff; }
.galbani-mozzarella-rebate table { width: 100%; }      
.galbani-mozzarella-rebate #sections table#galbani-rebate-calculator thead tr { background: #eee; color: #2250a9; }
.galbani-mozzarella-rebate #sections table#galbani-rebate-calculator thead tr th { font-weight: bold; }
.galbani-mozzarella-rebate #sections p.submitting-message { width: 100%; text-align: center; background: #fff; }
.galbani-mozzarella-rebate #sections input[name="Name"], 
.galbani-mozzarella-rebate #sections input[name="Title"],
.galbani-mozzarella-rebate #sections input[name="PrimaryDistributor"], 
.galbani-mozzarella-rebate #sections input[name="DistributorRepName"] { width: 50%; }
.galbani-mozzarella-rebate #galbani-rebate-calculator input[type="number"] { max-width: 5em; }

.galbani-mozzarella-rebate #sections > section:first-child { margin-bottom: 0; background-color: #0054a6; padding: 0 12%; position: relative; }
.galbani-mozzarella-rebate #sections img.banner { display: block; margin: auto; padding-left: 10%; max-width: 100%; }
.galbani-mozzarella-rebate #sections img.galbani-logo { display: block; position: absolute; top: 0; width: 17%; left: 3%; }

/* Galnabni product page specific colour and spacing */
.product-page.galbani #sections {
    background: #FFFFFF;
    max-width: 1150px;
    margin: auto;
}
.product-page.galbani #sections section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 100px;
    padding-right: 100px;
}
.product-page.galbani .introduction-bodytext {
    margin: 0 -100px;
    padding: 1px 100px;
}
.product-page.galbani section.content, 
.product-page.galbani .page-section-introduction,
.product-page.galbani .pagesection-concepts-intro {
    font-size: 22px;
    color: #2250a9; 
}
.product-page.galbani section.content a, 
.product-page.galbani .page-section-introduction a,
.product-page.galbani .pagesection-concepts-intro a {
    text-decoration: underline;
}

.product-page.galbani section h2 {
    font-size: 33px;
}
.product-page.galbani section.content h2 {
    font-size: 33px;
    font-weight: bold;
    color: #2250a9; 
    text-transform: none;
}
.product-page.galbani section.content p {
    line-height: 125%;
}
.product-page.galbani .pagesection-concepts-intro {
    max-width: 90%;
}
.product-page.galbani .concepts .grid .concept-list > div a .caption, 
.product-page.galbani .concepts .carousel > div a .caption,
.product-page.galbani .concepts .grid .concept-list > div div.linkable .caption, 
.product-page.galbani .concepts .carousel > div div.linkable .caption {
    font-size: 18px;
    font-weight: 600;
    color: #363636;
}
@media (max-width:1250px) {
    .product-page.galbani #sections {
        max-width: 90%;
    }
}
@media (max-width: 1000px) {
    .product-page.galbani #sections {
        max-width: 100%;
    }
    .product-page.galbani section.content, 
    .product-page.galbani .page-section-introduction,
    .product-page.galbani .pagesection-concepts-intro {
        font-size: 24px;
    }
    .product-page.galbani section.content h2 {
        font-size: 36px;
    }
}

@media (max-width: 800px) {
    .product-page.galbani section.content, 
    .product-page.galbani .pagesection-concepts-intro {
        font-size: 22px;
    }
    .product-page.galbani #sections section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .product-page.galbani .introduction-bodytext {
        margin: 0 -20px;
        padding: 1px 20px;
    }
}

/* New section types for product pages */

.page-section-introduction { font-size: 30px; background-repeat:no-repeat; background-position: center top; background-size: cover; position: relative; min-height: 450px; padding-bottom: 10px; }
.page-section-introduction.crop-center { background-position: center center; }
.page-section-introduction.crop-bottom { background-position: center bottom; }
.page-section-introduction sup { font-size: 70%; vertical-align: top; }
section.introduction-banner { margin-bottom: 0; background-color: #0054a6; padding: 0 12%; position: relative; }
section.introduction-banner img.introduction-banner { display: block; margin: auto; padding: 1% 0 1% 15%; max-width: 75%; box-sizing: content-box;}
section.introduction-banner img.introduction-banner { padding: 1% 0 1% 5%; max-width: 65%; }
section.introduction-banner img.introduction-logo { display: block; position: absolute; top: 0; max-width: 17%; max-height: 95%; left: 6%; }
.introduction-bodytext { padding: 1px 1em;  background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
}
.introduction-buttons { text-align: right; margin: 2em 0; }
.introduction-buttons ul { padding: 0; margin: 0; list-style: none; text-align: right; }
.introduction-buttons ul li { margin: 1em 0; line-height: 1.25em; }
.introduction-buttons ul a,
.introduction-buttons-horizontal ul a { color: #2250a9; background: rgba(255,255,255,0.85); padding: 0.5em 0.5em 0.4em; text-transform: uppercase; font-size: 90%; font-weight: bold!important; border-radius: 0.5em; display: inline-block; min-width: 11em; text-align: center; text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-decoration: none; }
.introduction-buttons ul a:hover, 
.introduction-buttons ul a:focus,
.introduction-buttons-horizontal ul a:hover, 
.introduction-buttons-horizontal ul a:focus { color: #fff; background: #2250a9; text-decoration: none; }
.introduction-buttons ul a.link-info:hover span,
.introduction-buttons ul a.link-info:focus span,
.introduction-buttons-horizontal ul a.link-info:hover span,
.introduction-buttons-horizontal ul a.link-info:focus span { top: 2em; font-weight: normal; }
.product-page.galbani section.content a, 
.product-page.galbani .page-section-introduction .introduction-buttons ul a { text-decoration: none; }

.introduction-buttons-horizontal ul { list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; }
.introduction-buttons-horizontal ul li { width: 24%; display: inline-block; text-align: center; margin: 0 0 0.5em 0; }
.introduction-buttons-horizontal ul a { padding: 0.25em; text-decoration: none!important; color: #fff!important; background: #2250a9; border: 1px solid #2250a9; text-transform: uppercase; font-size: 90%; font-weight: bold; border-radius: 0.5em; display: inline-block; min-width: 10em; text-align: center; text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-decoration: none; }
.introduction-buttons-horizontal ul a:hover, 
.introduction-buttons-horizontal ul a:focus { color: #2250a9!important; background: #fff; text-decoration: none; }

a.promo-button { background: #e31837; border: 1px solid #e31837; color: #fff; width: 100%; margin: 0.25em 0; padding: 0.2em 0.5em; text-transform: uppercase; font-size: 1rem; box-sizing: border-box; font-weight: bold!important; border-radius: 0.5em; display: inline-block; min-width: 11em; text-align: center; text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-decoration: none; }
a.promo-button:hover, a.promo-button:focus { background: #fff; color: #e31837; text-decoration: none; }
a.promo-button:last-child { margin-bottom: 1em; }

.page-section-iconlist { font-size: 24px; background-color: #0054a6; padding: 1em 10%; color: #fff; text-align:center; }
.iconlist-intro h1, .iconlist-intro h2 { margin: 0 0 1em; }
.iconlist-container { display: flex; flex-wrap: wrap; justify-content: center; }
.iconlist-container .iconlist-icon { text-align: center;  width: 33%; margin: 0 0 1em; padding: 0 2%; box-sizing: border-box; }
.iconlist-icon figure { text-align: center; margin: auto; }
.iconlist-icon figure img { margin: auto; max-width: 40%; }
.iconlist-icon figcaption { text-align: center; margin: 1em 0 0; }
.iconlist-icon figcaption p { margin: 0; }

.social-media-posts { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 30px; margin-top: 30px; }
.social-media-posts .social-media-post { width: 32.5%; background: #fff; box-shadow: 0px 0px 5px 5px #eee; overflow: visible; margin: 5px 0; padding-bottom: 55px; position: relative; }
.social-media-post .cropcontainer { height: 233px; }
.social-media-post .social-media-content { padding: 10px; }
.social-media-post > a { display: block; color:#000; }
.social-media-post > a:hover { text-decoration: none; }
.social-media-date { color: 777; }
.social-media-title { margin: 0.5em 0; font-size: 18px; }
.social-media-body p { margin: 0.5em 0; }
.social-media-footer { position: absolute; text-align: left; margin: 0; padding: 5px 60px 10px 10px; line-height: 36px; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; }
.social-media-footer cite { font-style: initial; display: flex; align-items: center; line-height: 100%; }
.social-media-footer cite img { margin-right: 5px; height: 36px; border-radius: 100%; }
.social-media-footer .social-media-platform { position: absolute; right: 10px; top: 5px; height: 36px; }

.pagesection-concepts.with-background { padding: 30px; background-size: cover; background-repeat: no-repeat; background-position: top left; }

.offset-right > *, .galbani-video-container > * { width: 50%; padding-left: 42%; }
.offset-left > * { width: 50%; padding-right: 42%; }
.video-nocaptions a.video > span { display:none; }
.video-borders a.video > span.img, .galbani-video-container a.video { display:block; border: 10px solid #fff; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.125); background: #fff; }
.background-cover, .galbani-video-container { background-size: cover; }
.breakout-top > *:first-child { position: relative; top: -35px; margin-bottom: -24px; }
.breakout-top::before { content: " "; display: block; margin-top: 75px; height: 0; }
.breakout-bottom > *:last-child { position: relative; top: 35px; margin-top: -35px; }
.breakout-bottom::after { content: " "; display: block; margin-bottom: 75px; height: 0; }
.product-page.galbani section.galbani-video-container a { text-decoration: none; }
.galbani-video-container span /* caption */ { font-size: 18px; font-weight: 600; color: #363636; font-style: normal; margin-top: 13px; display: block; }
.galbani-video-container span.img /* reset caption */ { margin-top: 0px; }


.smalltext { font-size: 12px; font-weight: lighter; text-align: left; /*opacity: 80%;*/ }

.with-product-image { padding-bottom: 15%; position: relative; }
.with-product-image .product-image { width: 40%; transform: translate(-50%, 80px); position: absolute; bottom: 0; left: 50%; top: auto; z-index:100; }
.with-product-image .smalltext { position: absolute; width: 24%; right: 5%; bottom: 1em; }
.with-product-image + * {padding-top: 30px;}

.cropcontainer > img { display: none; }
.cropcontainer { background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 200px;}
.cropcontainer.crop-top-left { background-position: top left; }
.cropcontainer.crop-top-center { background-position: top center; }
.cropcontainer.crop-top-right { background-position: top right; }
.cropcontainer.crop-center-left { background-position: center left; }
.cropcontainer.crop-center-right { background-position: center right; }
.cropcontainer.crop-bottom-left { background-position: bottom left; }
.cropcontainer.crop-bottom-center { background-position: bottom center; }
.cropcontainer.crop-bottom-right { background-position: bottom right; }

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1150px) {
    .introduction-buttons-horizontal ul li { width: 50%; display: inline-block; text-align: center; margin: 0 0 0.5em 0; }
}
@media (max-width: 1000px) { 
    .page-section-introduction { font-size: 22px; }
    .page-section-iconlist { font-size: 18px; }
    .social-media-posts .social-media-post { width: 49.25%; }
    

}
@media (max-width: 800px) {
    section.introduction-banner img.introduction-banner { padding-left: 20%; }
    .introduction-buttons { margin: 1em auto; }
    .introduction-buttons ul { text-align: center; }
    .iconlist-container .iconlist-icon { width: 48%; }
    .offset-right > *, .galbani-video-container > *  { width: 100%; padding-left: 0; }
    .offset-left > *, .galbani-video-container > *  { width: 100%; padding-right: 0; }
    .with-product-image .product-image { width: auto; height: 150px; }
    .with-product-image .smalltext { position: unset; width: 100%; margin: 2em 0 0; }
    .with-product-image + * { padding-top: 80px; }
    .with-product-image { padding-bottom: 80px; }
    /*
    .introduction-bodytext { padding: 1px 1em;  background: rgb(255,255,255);
        background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
    }
    */
}
@media (max-width: 640px) {
    .iconlist-container .iconlist-icon { width: 100%; max-width: 350px; }
    .iconlist-icon figure img { margin: auto; max-width: 35%; }
    .iconlist-icon figcaption { margin: 0.25em 0 0; }
    .social-media-posts .social-media-post { width: 100%; }
}

@media (max-width: 1200px) {
    .concepts .content .bio .text { font-size: 1.2vw; }
}

@media (max-width: 1100px) {
    .galbani-rebate #sections section.content, 
    .galbani-rebate #sections section.form form fieldset, 
    .galbani-rebate #sections section.form .message { font-size: 22px; padding: 2rem 8%; }
    .galbani-rebate #sections section#registernow.form > .message > * { max-width: 100%; margin-top: 1.5em; }
    .galbani-rebate #sections form section.numbered { margin: 1em 0 0; }
    .galbani-rebate #sections .modal table { width: 100%; }
    .galbani-mozzarella-rebate #sections form section.numbered { margin-top: 0; }    
}

@media (max-width: 1000px) { 
    .galbani-rebate #sections section { margin: 0; }

    .concepts .content .bio { flex-direction: column; }
    .concepts .content .bio .photo { width: 100%; padding: 16px 0 0 0; }
    .concepts .content .bio .text { width: 100%; padding: 16px 24px; font-size: 15px; }
}

@media (max-width: 737px) {
    .galbani-rebate #sections section.content.bg-img { min-height: 333px; }
    /*body > div.galbani-rebate { margin-top: 0;  }*/
    .galbani-rebate #sections section.content, 
    .galbani-rebate #sections section.form form fieldset, 
    .galbani-rebate #sections section.form .message { font-size: 20px; line-height: 125%; }
    .galbani-rebate #sections .form-intro > h2, 
    .galbani-rebate #sections .form-intro > p { display: block; margin: 0 0.5em 0 0; }
    .galbani-rebate #sections form .fields { display: block; }
    .galbani-rebate #sections input[name="City"],
    .galbani-rebate #sections select[name="State"], 
    .galbani-rebate #sections input[name="Zipcode"], 
    .galbani-rebate #sections input[name="Phone"], 
    .galbani-rebate #sections input[name="DistributorNumber"],
    .galbani-rebate #sections input[name="Email"], 
    .galbani-rebate #sections input[name="DistributorName"],
    .galbani-mozzarella-rebate #sections input[name="Name"], 
    .galbani-mozzarella-rebate #sections input[name="Title"],
    .galbani-mozzarella-rebate #sections input[name="PrimaryDistributor"], 
    .galbani-mozzarella-rebate #sections input[name="DistributorRepName"] { width: 100%; }
    .galbani-rebate #sections form .fields input, 
    .galbani-rebate #sections form .fields select { margin-left: 0; }
    .galbani-rebate #sections section.content.bg-img { padding-bottom: 115px; }
    .galbani-rebate #sections .bg-img ul a { width: 100%; padding-left: 0; padding-right: 0; }
    .galbani-rebate #sections .floating-image-container img { width: 50%; }
    .galbani-rebate #sections .content.flex.numbered { flex-direction: row; }
    .galbani-rebate #sections section.upload-files-container,
    .upload-files-container .button { margin-bottom: 0.5em; }
    .galbani-mozzarella-rebate #sections section.content.bg-img > ul { width: auto; }
    /* font size tweaks */
    .galbani-rebate #sections section.content, 
    .galbani-rebate #sections section.form form fieldset, 
    .galbani-rebate #sections section.form .message { font-size: 18px; line-height: 125%; }
    .galbani-rebate #sections input,
    .galbani-rebate #sections select  { font-size: 16px; }
    .galbani-rebate-proofs-of-purchase #sections .form form .actions { font-size: 18px; }

}

@media (max-width: 640px) {
    .galbani-rebate #sections .modal.active > * { padding: 0.5em; width: 95%; }
    .galbani-rebate #sections table tr > * { overflow-wrap: anywhere; }
    .galbani-rebate #sections table tr { display: flex; }
    .galbani-rebate #sections table#galbani-rebate-calculator { font-size: 10px; }
    .galbani-rebate #sections table#galbani-rebate-calculator tr > * {  flex-shrink: 0; flex-grow: 0; white-space: normal; }
    .galbani-rebate #sections table#galbani-rebate-calculator tr > *:first-child { text-align: left; width: 18%; }
    .galbani-rebate #sections table#galbani-rebate-calculator tr > *:nth-child(2) { width: 18%; }
    .galbani-rebate #sections table#galbani-rebate-calculator tr > *:nth-child(3) { width: 25%; }
    .galbani-rebate #sections table#galbani-rebate-calculator tr > *:nth-child(4) { width: 9%; }
    .galbani-rebate #sections table#galbani-rebate-calculator tr > *:nth-child(5) { width: 13%; }
    .galbani-rebate #sections table#galbani-rebate-calculator tfoot tr > *:first-child { text-align: right; width: 75%; }
    /* font size tweaks */
    .galbani-rebate #sections section.content.bg-img { min-height: 333px; }
    .galbani-rebate #sections table tr > *:first-child { width: 5em; white-space: nowrap; }

}

    @media (max-width: 735px) {
      ul.nav.primary { font-size: 1rem; display: block; background-color: rgba(255,255,255,0.95); width: 100%; height: auto; position: absolute; top: 100%; margin-top: 2.5em; padding: 0; transform: translateY(-40px); }
      ul.nav.primary > li { display: none; width: 100%; line-height: inherit; }
      ul.nav.primary > li { line-height: 110%; font-size: 16px; }
      ul.nav.primary > li::after { display: none; }
      ul.nav.primary li a { display: block;  width: 100%; }
      ul.nav.primary li a:hover { background-color: #083f88; color: #fff; }
      header ul.nav > li > a .submenu-toggle { display: flex; }
      header ul.nav > li > ul > li a { box-sizing: border-box; width: 100%; margin: 0; padding-left: 24px; }
      header ul.nav > li.clicked > a, header ul.nav > li.active > a { background-color: transparent; }
        

          ul.nav.primary > li:first-child header ul.nav > li.clicked > a, 
          ul.nav.primary > li:first-child header ul.nav > li.clicked > a + li, 
          ul.nav.primary > li:first-child header ul.nav > li.clicked > a + li + li,
          ul.nav.primary > li:first-child header ul.nav > li.active > a,
          ul.nav.primary > li:first-child header ul.nav > li.active > a + li, 
          ul.nav.primary > li:first-child header ul.nav > li.active > a + li + li {
              background-color: #fff;
          }
          
          ul.nav.primary > li:first-child,
          ul.nav.primary > li:first-child + li,
          ul.nav.primary > li:first-child + li + li { display: block;
            position: absolute;
            top: -3em;
            right: 23.25em;
            width: 6.65em;
            line-height: 75%;  }
          ul.nav.primary > li:first-child > a,
          ul.nav.primary > li:first-child + li > a,
          ul.nav.primary > li:first-child + li + li > a { width: auto; }
          ul.nav.primary > li:first-child + li { right: 16.75em; width: 6.5em; }
          ul.nav.primary > li:first-child + li + li { right: 5.5em; width: 11.25em; }
        
          ul.nav.primary > li:first-child > a .submenu-toggle,
          ul.nav.primary > li:first-child + li > a .submenu-toggle,
          ul.nav.primary > li:first-child + li + li > a .submenu-toggle { display: none; }
        
          header ul.nav > li > ul { width: 100%; }
          ul.nav.primary > li:first-child > ul,
          ul.nav.primary > li:first-child + li > ul,
          ul.nav.primary > li:first-child + li + li > ul { width: 200px; }
          /*
          ul.nav.primary > li:first-child::after,
          ul.nav.primary > li:first-child + li::after { display: block; position: absolute; right: 0; top: 1em; }
          */
          header ul.nav > li > ul > li:last-child a { border-radius: none; border-bottom: 1px solid #6ECFF6; padding-bottom: 14px; }
          
          header ul.nav > li > ul, header ul.nav > li .dropdown, header ul.nav > li .dividers, header ul.nav > li > div ul { border-radius: none; }
        
            header ul.nav > li a { font-size: 18px; white-space: nowrap; }
           ul.nav.primary { margin-top: 0; transform: translateY(-50px); }
            ul.nav.primary > li:first-child + li + li { right: 5.5em; width: 5.5em; }
            ul.nav.primary > li:first-child + li { right: 11em; width: 4.25em; }
            ul.nav.primary > li:first-child { right: 15.25em; width: 5.25em; }
            header ul.primary .brands ul , header ul.primary .brands ul li { display: block; width: 100px!important; }
            header ul.primary .brands ul a { box-sizing: content-box; padding: 8px 0; }
            header ul.primary .brands ul { display: none; }
    }
    @media (max-width: 575px) {
           ul.nav.primary { margin-top: 0; transform: translateY(0px); }
    }
    
    @media (max-width: 522px) {
      header ul.nav > li > ul > li a {
          padding-left: 12px;
      }
    }
    @media (max-width: 505px) {
      ul.nav.primary > li:first-child,
      ul.nav.primary > li:first-child + li,
      ul.nav.primary > li:first-child + li + li { width: 4em; }
      ul.nav.primary > li:first-child { right: 16.25em; width: 3.65em; }
      ul.nav.primary > li:first-child + li { right: 12.5em; width: 3.75em; }
      ul.nav.primary > li:first-child + li + li { right: 5.5em; width: 7em; }
      ul.nav.primary > li:first-child::after,
      ul.nav.primary > li:first-child + li::after { top: 1.3em; }
      .introduction-buttons-horizontal ul li { width: 100%; }
        ul.nav.primary > li:first-child + li + li { right: 5.5em; width: 5em; }
        ul.nav.primary > li:first-child + li { right: 10.5em; width: 4em; }
        ul.nav.primary > li:first-child { right: 14.5em; width: 5em; }
    }
    @media (max-width: 480px) {
            ul.nav.primary { margin-top: 0; transform: translateY(0); }
    }
        @media (max-width: 420px) {
            header ul.nav > li a { font-size: 13px; }
            ul.nav.primary > li:first-child + li + li { right: 5.5em; width: 3.75em; }
            ul.nav.primary > li:first-child + li { right: 9.25em; width: 3em; }
            ul.nav.primary > li:first-child { right: 12.25em; width: 3.75em; }
        }
    @media (max-width: 360px) {
      #full-mobile { display: block; padding: 0; margin: 0; opacity: 0; height: 0; }
      ul.nav.primary > li:first-child + li + li { position: unset; width: 100%; display: none; }
      
      ul.nav.primary > li:first-child header ul.nav > li.clicked > a + li + li,
      ul.nav.primary > li:first-child header ul.nav > li.active > a + li + li {
          background-color: transparent;
      }
      
      ul.nav.primary > li:first-child + li + li { line-height: 110%; font-size: 16px; }
      ul.nav.primary > li:first-child + li + li > a { width: 100%; position: relative; }
      ul.nav.primary > li:first-child + li + li > a .submenu-toggle { display: flex; right: 0.25em; }
      ul.nav.primary > li:first-child + li + li > ul { position: unset; width: 100%; }
      ul.nav.primary > li:first-child + li::after { display: none; }
      ul.nav.primary > li:first-child { right: 9.25em; }
      ul.nav.primary > li:first-child + li { right: 5.5em; }
        ul.nav.primary > li:first-child {
          right: 8.5em;
        }
    }