/* -------------------------------------------

  Name:	    Fairtrade International
  Date:	    2018_10_09
  Author:   Grom Digital

---------------------------------------------  */

a.grom-anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}

div.grom-module-box {
    margin: 30px 0 !important;
}

div.grom-tabs-a {
  margin: 30px 0 !important;
}

article.grom-module-aside {
    margin: 30px 0 !important;
}

article.grom-module-box {
    margin: 30px 0 !important;
}

article.grom-producerprofile-box {
    padding: 0px !important; 
    margin-bottom: 40px !important;
}

article.grom-producerprofile-box p {
    padding-bottom: 0px; 
    margin-bottom: 0px; 
}

article.grom-tighten-bottom, ul.grom-tighten-bottom {
  margin-bottom: 0px;
}

article.grom-tighten-top {
  margin-top: 0px;
}

h2.h3 {
  margin-top: 28px !important;
}

article.module-aside.text-right {
  text-align: left;
}

article.grom-accordion-a {
    margin: 35px 0 !important;
}

/* background color of second-level fly-outs in top nav 
li > ul li.active > a, #nav > ul:first-child > li > ul li.toggle > a { padding-left: 17px; padding-right: 7px; background: #B2B2B2; color: inherit; }
                                        [data-whatintent="mouse"] #nav > ul:first-child > li > ul li.sub > a:hover, [data-whatintent="mouse"] #nav > ul:first-child > li > ul li.sub:hover > a, #nav > ul:first-child > li > ul li.active.sub > a, #nav > ul:first-child > li > ul li.toggle.sub > a { padding-right: 43px; }
                                        #nav > ul:first-child > li > ul li a.toggle { left: auto; right: 0; z-index: 1; width: 48px; background: none; }
                                        #root #nav > ul:first-child > li > ul li a.toggle { background: none; }
                                #nav > ul:first-child > li > ul ul { display: none; position: absolute; left: 100%; top: 0; list-style: none; padding: 0; background: #DEDEDE; }

/*aside nav.nav-list li.active a { background: #B2B2B2; }
/*aside nav.nav-list li.gromactive > a { background: #B2B2B2 !important; }*/

/* no uppercase in language choices, bit of spacing */
#nav > ul > li.langdrop { width: 120px; }

.nav-list li:hover > a { background: #D2D2D2;}

/* Hide the Honeypot Captcha field in the contact us form */
input#noScriptKiddiesPlease { display: none; }
/* bigger fonts in the input fields, please */
fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; }
        legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; }
        input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1.5em; line-height: normal; text-align: left; text-transform: none; outline: none; }
form h3 label { font-size: 0.6em; font-weight: 400; }

@media only screen and (max-width: 75em) { /* 1200 */
#nav > ul.shrink-fr {font-size: 87% !important;}
}


/* icon                       .form-media header .check label .input:before, .form-media header button:before, .link-btn.text-right a:before, .list-cart a.close:before, .nav-pagination li.prev > a:after, .nav-pagination li.first > a:after, .nav-pagination li.next > a:after, .nav-pagination li.last > a:after, figcaption.overlay .close:before, .overlay-close:before, .module-forms .form-code h1 i, .module-forms .form-code h2 i, .module-forms .form-code h3 i, .module-forms .form-code h4 i, .module-forms .form-code h5 i, .module-forms .form-code h6 i, .infobox:before, a.toggle-infobox:before, .module-calendar .owl-nav button:before, .list-news figure .owl-nav button:before, .list-news figure.video:before, .list-news figure.video a:before, .list-featured .owl-nav button:before, .list-products figure a:before, #mobile ul li a.toggle:after, #top > .menu:before, #nav > ul > li > form button:before, #nav > ul > li > form ul li:before, #nav > ul > li > ul li.sub > a:before, .nav-breadcrumbs li:before, #footer button:before, .form-code button:before, .form-code:before, .semantic-select .ul:before, .semantic-select .ticker:before, .select:before, .list-slider .owl-nav button:before, .accordion-a > .header:before, .list-icon i { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; }

.nav-pagination { position: relative; margin: 22px -5px 0; color: #1e1e1e; font-weight: 700; text-align: center; }
        .nav-pagination > * { position: relative; z-index: 2; }
        .nav-pagination ol, .nav-pagination ul { list-style: none; padding: 0; }
        .nav-pagination > *:first-child:last-child { margin-left: auto; margin-right: auto; }
        .nav-pagination li { margin: 0 5px 5px; font-size: 1.2em; }
        .nav-pagination li > a, .nav-pagination li > span { display: block; position: relative; min-width: 32px; height: 32px; padding: 0 5px; border: 1px solid #979797; color: #1E1E1E; font-size: 1.1666666667em; font-weight: 500; line-height: 30px; text-decoration: none; }
        .nav-pagination li.prev > a, .nav-pagination li.next > a, .nav-pagination li.first > a, .nav-pagination li.last > a { min-width: 0; width: 30px; text-indent: -3000em; text-align: left; }
                .nav-pagination li.prev > a:after, .nav-pagination li.next > a:after, .nav-pagination li.first > a:after, .nav-pagination li.last > a:after { font-size: 14px; }
                        .nav-pagination li.prev > a:after { content: "\e93c"; }
                        .nav-pagination li.first > a:after { content: "\e93c\e93c"; }
                        .nav-pagination li.next > a:after { content: "\e93d"; }
                        .nav-pagination li.last > a:after { content: "\e93d\e93d"; }
        .nav-pagination p { margin-left: 5px; margin-right: 5px; font-size: 1.2em; }
                .nav-pagination p span { color: #00B9E4; }
        .nav-pagination > * ~ .text-center { position: absolute; left: 0; top: 0; right: 0; z-index: 1; }
.nav-pagination.a { font-family: Veneer_webfont, Vaneer, Helvetica_Neue, "Helvetica Neue", Helvetica, Arial, sans-serif; }
        .nav-pagination.a li { font-size: 2em; }
        .nav-pagination.a li > a, .nav-pagination.a li > span { min-width: 30px; height: 30px; padding: 0 4px; border-color: #dedede; background: #fff; color: #1E1E1E; font-weight: 400; line-height: 28px; }
                .nav-pagination.a li > a:before, .nav-pagination.a li > span:before { left: -1px; right: -1px; top: auto; bottom: -1px; z-index: 9; height: 1px; background: #00B9E4; }
        .nav-pagination.a li.prev > a, .nav-pagination.a li.next > a, .nav-pagination.a li.first > a, .nav-pagination.a li.last > a { min-width: 0; width: 24px; padding: 0; border-width: 0; background: none; color: #b2b2b2; }
                .nav-pagination.a li.prev > a:after, .nav-pagination.a li.next > a:after, .nav-pagination.a li.first > a:after, .nav-pagination.a li.last > a:after { font-size: 24px; }
                        .nav-pagination.a li.prev > a:after { content: "\e96b"; }
                        .nav-pagination.a li.first > a:after { content: "\e96b\e96b"; }
                        .nav-pagination.a li.next > a:after { content: "\e96c"; }
                        .nav-pagination.a li.last > a:after { content: "\e96c\e96c"; }

*/

.form-media header button {background: white;}

/* change font size in landing pages for WWW */
.list-products-issues li.big h1, .list-products-issues li.big h2, .list-products-issues li.big h2, .list-products-issues li.big h4, .list-products-issues li.big h5, .list-products-issues li.big h6 {
    font-size: 4.4em !important;
}

.list-news li.hidden:before {background: #efefef !important;}

/* for the yellow box in producer profiles */
a.black {color: black !important;}

/* price table iframe */

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 92%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

div.operators-iframe {
  background-color: white;
  padding-right: 25px;
  margin-bottom: 25px;
}

.quote-highlight-asparagus { color: #BED600; }
.quote-highlight-cerulean  { color: #00B9E4; }
.quote-highlight-fuchsia   { color: #E0119D; }
.quote-highlight-sangria   { color: #E00034; }
.quote-highlight-sunshade  { color: #FFA02F; }
.quote-highlight-supernova { color: #FECB00; }
.quote-highlight-violet    { color: #80379B; }

.scheme-box { margin: 15px 0px 10px 25px; padding: 25px 20px 30px; font-family: Veneer_webfont, Vaneer, Helvetica_Neue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1428571429; text-transform: uppercase; font-size: 2.8em; font-style: inherit; text-align: center;}
  .scheme-box.float-left, .scheme-box.float-right { width: 100%; max-width: 33%; }
span.scheme-box {font-family: Veneer_webfont, Vaneer, Helvetica_Neue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1428571429; text-transform: uppercase; font-size: 2.2em; font-style: inherit; text-align: center;}

div.grom-wide-banner-gcfp {
  width: 100%;
  background-color: rgb(255,193,62);
}
img.grom-wide-banner-gcfp {
  display: block;
  margin-left: auto;
  margin-right: auto;
}