/*! Theme Name: Gumdrop Theme URI: Description: Website for Gumdrop Ltd. Author: Gethyn Jones Author URI: http://gethynjones.me Version: 1.0 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden]{
    display:none
}
html{
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    margin:0
}
a:focus{
    outline:thin dotted
}
a:active,a:hover{
    outline:0
}
h1,.shopping_cart h2{
    font-size:2em;
    margin:0.67em 0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
mark{
    background:#ff0;
    color:#000
}
code,kbd,pre,samp{
    font-family:monospace, serif;
    font-size:1em
}
pre{
    white-space:pre-wrap
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
@font-face{
    font-family:'alte_haas_groteskbold';
    src:url("../fonts/altehaasgrotesk/altehaasgroteskbold-webfont.eot");
    src:url("../fonts/altehaasgrotesk/altehaasgroteskbold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/altehaasgrotesk/altehaasgroteskbold-webfont.woff") format("woff"),url("../fonts/altehaasgrotesk/altehaasgroteskbold-webfont.ttf") format("truetype"),url("../fonts/altehaasgrotesk/altehaasgroteskbold-webfont.svg#alte_haas_groteskbold") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'alte_haas_groteskregular';
    src:url("../fonts/altehaasgrotesk/altehaasgroteskregular-webfont.eot");
    src:url("../fonts/altehaasgrotesk/altehaasgroteskregular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/altehaasgrotesk/altehaasgroteskregular-webfont.woff") format("woff"),url("../fonts/altehaasgrotesk/altehaasgroteskregular-webfont.ttf") format("truetype"),url("../fonts/altehaasgrotesk/altehaasgroteskregular-webfont.svg#alte_haas_groteskregular") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'amatic_scbold';
    src:url("../fonts/amatic/amaticsc-bold-webfont.eot");
    src:url("../fonts/amatic/amaticsc-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/amatic/amaticsc-bold-webfont.woff") format("woff"),url("../fonts/amatic/amaticsc-bold-webfont.ttf") format("truetype"),url("../fonts/amatic/amaticsc-bold-webfont.svg#amatic_scbold") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'amatic_scregular';
    src:url("../fonts/amatic/amaticsc-regular-webfont.eot");
    src:url("../fonts/amatic/amaticsc-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/amatic/amaticsc-regular-webfont.woff") format("woff"),url("../fonts/amatic/amaticsc-regular-webfont.ttf") format("truetype"),url("../fonts/amatic/amaticsc-regular-webfont.svg#amatic_scregular") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'icomoon';
    src:url("../fonts/icons/icomoon.eot");
    src:url("../fonts/icons/icomoon.eot?#iefix") format("embedded-opentype"),url("../fonts/icons/icomoon.woff") format("woff"),url("../fonts/icons/icomoon.ttf") format("truetype"),url("../fonts/icons/icomoon.svg#icomoon") format("svg");
    font-weight:normal;
    font-style:normal
}
body{
    font-family:sans-serif;
    font-size:0.9375em;
    line-height:1.8em;
    color:#4c4c4c;
    background:#fafafa
}
body,html{
    overflow-x:hidden
}
h1,.shopping_cart h2,h2,h3,h4,h5,h6{
    font-family:"alte_haas_groteskbold",sans-serif;
    font-weight:normal;
    color:#ee2575
}
h1>a,.shopping_cart h2>a,h2>a,h3>a,h4>a,h5>a,h6>a{
    color:#4c4c4c
}
h1>a:hover,.shopping_cart h2>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover{
    color:#ee2575
}
h1,.shopping_cart h2{
    margin:1em 0;
    font-size:2.2em;
    line-height:1.27273em
}
@media only screen and (min-width: 768px){
    h1,.shopping_cart h2{
        margin:1.08333em 0;
        font-size:2.4em;
        line-height:1.33333em
    }
}
h2{
    margin:1em 0 0.57143em;
    font-size:1.4em;
    line-height:1.57143em
}
h3{
    margin:1em 0;
    font-size:1.4em
}
h4{
    margin:1em 0;
    font-size:1.2em;
    line-height:1.33333em
}
h5{
    margin:1em 0;
    font-size:1em;
    line-height:1.4em
}
h6{
    margin:1.25em 0;
    font-size:0.8em;
    line-height:1.75em;
    text-transform:uppercase
}
p{
    margin:0.8em 0;
    text-rendering:optimizeLegibility
}
p a:hover{
    border-bottom:1px dotted
}
small{
    font-size:70%
}
a{
    color:#ee2575;
    text-decoration:none;
    -moz-transition:color 0.1s ease-in;
    -webkit-transition:color 0.1s ease-in;
    transition:color 0.1s ease-in
}
a:hover{
    color:#f03d84
}
a:active{
    position:relative;
    top:0.06667em
}
ul{
    margin:0
}
blockquote{
    border-left:3px solid #ee2575;
    padding-left:0.875em;
    margin-left:0;
    font-size:1.2em;
    line-height:1.6em;
    color:#b4b4b4
}
cite{
    display:block
}
hr{
    clear:both;
    border:none;
    border-top:1px solid #dcdcdc
}
.page-heading{
    padding:0.8em 1.2em;
    margin:0 0 2.6em 0;
    font-size:1em;
    color:#4c4c4c;
    background:#f5f5f5;
    -moz-border-radius:21px;
    -webkit-border-radius:21px;
    border-radius:21px
}
@media only screen and (min-width: 768px){
    .page-heading{
        padding:0.66667em 1em;
        margin-bottom:2em;
        font-size:1.2em
    }
}
.page-intro{
    margin-top:0;
    font-weight:bold
}
.education h2{
    font-family:'amatic_scbold';
    font-size:3em
}
.button{
    display:block;
    padding:0.13333em 1em;
    margin-bottom:1em;
    font-weight:bold;
    text-align:center;
    color:#fff;
    background:#ee2575;
    -moz-border-radius:21px;
    -webkit-border-radius:21px;
    border-radius:21px;
    -webkit-box-shadow:0px 2px 0px 0px #b80e52;
    box-shadow:0px 2px 0px 0px #b80e52;
    text-shadow:0px -1px 0px rgba(0,0,0,0.2);
    -moz-transition:background 0.1s ease-in;
    -webkit-transition:background 0.1s ease-in;
    transition:background 0.1s ease-in
}
.button:hover{
    color:#fff;
    background:#e71267;
    border:none !important
}
@media only screen and (min-width: 768px){
    .button{
        display:inline-block;
        vertical-align:middle;
        *vertical-align:auto;
        *zoom:1;
        *display:inline
    }
}
.button:after{
    font-family:'icomoon';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    position:relative;
    top:2px;
    right:-3px;
    margin-left:6px;
    font-size:85%;
    content:"\e00c"
}
.button.secondary,.button.tertiary{
    margin:0;
    color:#4c4c4c;
    background:#efefef;
    text-shadow:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-transition:color 0.1s ease-in;
    -webkit-transition:color 0.1s ease-in;
    transition:color 0.1s ease-in
}
.button.secondary:hover,.button.tertiary:hover{
    color:#ee2575
}
.button.secondary:after,.button.tertiary:after{
    top:0
}
.button.secondary{
    text-align:left
}
.button.secondary:after{
    float:right
}
.button.tertiary{
    padding:0;
    text-align:left;
    background:none
}
.button.small{
    padding:0.4em 0.6em;
    font-size:75%
}
.label{
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    padding:0 0.4em;
    font-size:0.93333em;
    color:#fff;
    background:#f03d84
}
fieldset{
    padding:0;
    border:none
}
label{
    margin-bottom:0.4em
}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select,textarea{
    width:100%;
    padding:0.6em 0.8em;
    margin-bottom:0.4em;
    border:1px solid #e6e6e6;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-shadow:inset 0px 0px 3px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 0px 0px 3px 0px rgba(0,0,0,0.1);
    box-shadow:inset 0px 0px 3px 0px rgba(0,0,0,0.1);
    -moz-border-radius:21px;
    -webkit-border-radius:21px;
    border-radius:21px
}
input[type="checkbox"]{
    position:relative;
    top:-0.06667em;
    margin-right:0.2em
}
input[type="submit"]{
    display:block;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:0.6em 1em 1em;
    margin-bottom:0.9375em;
    font-weight:bold;
    color:#fff;
    border:none;
    background:#ee2575;
    -moz-border-radius:21px;
    -webkit-border-radius:21px;
    border-radius:21px;
    -webkit-box-shadow:0px 2px 0px 0px #b80e52;
    box-shadow:0px 2px 0px 0px #b80e52;
    text-shadow:0px -1px 0px rgba(0,0,0,0.2);
    -moz-transition:background 0.1s ease-in;
    -webkit-transition:background 0.1s ease-in;
    transition:background 0.1s ease-in
}
input[type="submit"]:hover{
    color:#fff;
    background:#e71267
}
input[type="submit"]:active{
    position:relative;
    top:1px
}
@media only screen and (min-width: 1024px){
    input[type="submit"]{
        display:inline-block;
        vertical-align:middle;
        *vertical-align:auto;
        *zoom:1;
        *display:inline;
        width:auto
    }
}
input.button,input[type="submit"]{
    width:100%;
    padding:0.6em 1em;
    border:none
}
@media only screen and (min-width: 1024px){
    input.button,input[type="submit"]{
        display:inline-block;
        vertical-align:middle;
        *vertical-align:auto;
        *zoom:1;
        *display:inline;
        width:auto
    }
}
::-webkit-input-placeholder{
    color:rgba(0,0,0,0.6)
}
:-moz-placeholder{
    color:rgba(0,0,0,0.6)
}
::-moz-placeholder{
    color:rgba(0,0,0,0.6)
}
:-ms-input-placeholder{
    color:rgba(0,0,0,0.6)
}
optgroup{
    font-style:normal
}
option,optgroup{
    padding:0.2em
}
html{
    overflow-y:scroll
}
img{
    max-width:100%
}
.cf:before,.cf:after{
    content:" ";
    display:table
}
.cf:after{
    clear:both
}
.cf{
    *zoom:1
}
[data-icon]:before{
    font-family:'icomoon';
    content:attr(data-icon);
    speak:none;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased
}
.icon-alone{
    display:inline-block
}
.screen-reader-text{
    position:absolute;
    top:-9999px;
    left:-9999px
}
.grid{
    position:relative;
    max-width:960px;
    padding:0 15px;
    margin:auto
}
.grid:before,.grid:after{
    content:" ";
    display:table
}
.grid:after{
    clear:both
}
.grid{
    *zoom:1
}
.panel{
    background: none;
    border: 0;
}
.border-bottom{
    border-bottom:1px solid #4c4c4c
}
.border-top{
    border-top:1px solid #4c4c4c
}
.collapse{
    padding:0
}
.collapse-left{
    padding-left:0
}
.collapse-right{
    padding-right:0
}
@media only screen and (min-width: 768px){
    .grid-1{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:8.333333333%;
        float:left;
        padding:0 15px
    }
    .grid-2{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:16.666666667%;
        float:left;
        padding:0 15px
    }
    .grid-3{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:25%;
        float:left;
        padding:0 15px
    }
    .grid-4,.wpmem_msg,#wp_mem_intro{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:33.333333333%;
        float:left;
        padding:0 15px
    }
    .grid-5{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:41.666666667%;
        float:left;
        padding:0 15px
    }
    .grid-6{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:50%;
        float:left;
        padding:0 15px
    }
    .grid-7,.wpmem_msg+#wpmem_reg,.wpmem_msg+#wpmem_login,#wpmem_container{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:58.333333333%;
        float:left;
        padding:0 15px
    }
    .grid-8{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:66.666666667%;
        float:left;
        padding:0 15px
    }
    .grid-9{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:75%;
        float:left;
        padding:0 15px
    }
    .grid-10{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:83.333333333%;
        float:left;
        padding:0 15px
    }
    .grid-11{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:91.666666667%;
        float:left;
        padding:0 15px
    }
    .grid-12{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:100%;
        float:left;
        padding:0 15px
    }
}
.block-grid{
    float:none;
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    vertical-align:middle
}
.lt-ie8 .grid-1{
    width:7.1%
}
.lt-ie8 .grid-2{
    width:15.4%
}
.lt-ie8 .grid-3{
    width:23.8%
}
.lt-ie8 .grid-4,.lt-ie8 .wpmem_msg,.lt-ie8 #wp_mem_intro{
    width:32.1%
}
.lt-ie8 .grid-5{
    width:40.5%
}
.lt-ie8 .grid-6{
    width:48.8%
}
.lt-ie8 .grid-7,.lt-ie8 .wpmem_msg+#wpmem_reg,.lt-ie8 .wpmem_msg+#wpmem_login,.lt-ie8 #wpmem_container{
    width:57.1%
}
.lt-ie8 .grid-8{
    width:65.5%
}
.lt-ie8 .grid-9{
    width:73.8%
}
.lt-ie8 .grid-10{
    width:82.1%
}
.lt-ie8 .grid-11{
    width:90.5%
}
.lt-ie8 .grid-12{
    width:98.8%
}
#profile-utility{
    background:#eee
}
.user-greeting{
    margin:0;
    font-size:0.8em;
    font-weight:bold
}
.logout-link{
    float:right;
    padding:0.08333em 0.75em;
    font-size:0.8em;
    color:#4c4c4c;
    font-weight:bold;
    border-left:1px solid #fff
}
.logout-link:first-child{
    border-right:1px solid #fff
}
.site-branding{
    margin:1.6875em 0;
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    line-height:1
}

#site-nav{
    position:relative;
    z-index:2;
    background:#fff;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    -webkit-box-shadow:0px 6px 12px 0px rgba(0,0,0,0.03);
    box-shadow:0px 6px 12px 0px rgba(0,0,0,0.03)
}

#page-content{
    padding:3.2em 0
}
#secondary-content{
    padding:1.4em 0;
    background:#fff;
    border-top:1px solid #e6e6e6;
    -webkit-box-shadow:0px -6px 12px 0px rgba(0,0,0,0.03);
    box-shadow:0px -6px 12px 0px rgba(0,0,0,0.03)
}
#secondary-content .page-actions{
    margin-top:1em
}
@media only screen and (min-width: 768px){
    #page-sections div:nth-child(2n+3){
        clear:both
    }
}
#footer-snippet-list{
    padding:3.4em 0;
    background:#e6e6e6
}
#sub-footer{
    padding-top:2.8em;
    padding-bottom:2.8em
}
.home #page-content{
    padding:1.4em 0
}
.single-case-study h1,.single-case-study .shopping_cart h2,.shopping_cart .single-case-study h2{
    margin-top:0;
    font-size:1.4em
}
.single-case-study .royalSlider{
    margin-bottom:2.2em
}
.single-case-study blockquote:first-child{
    margin-top:0
}
.single-case-study blockquote:first-child>p{
    margin-top:0
}
.single-case-study>footer{
    text-align:center
}
@media only screen and (min-width: 768px){
    .single-case-study>footer{
        text-align:left
    }
}
.single-case-study>footer>.partner-logo{
    margin:1em 0 2em 0
}
.single-gumdrop-post>footer{
    margin:1em 0
}
.partner{
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:49%;
    padding:0.8em;
    vertical-align:middle;
    text-align:center
}
@media only screen and (min-width: 768px){
    .partner{
        width:24.6%;
        padding:1.4em
    }
}
.partner .partner-logo{
    opacity:0.6;
    -moz-transition:opacity 0.1s ease-in;
    -webkit-transition:opacity 0.1s ease-in;
    transition:opacity 0.1s ease-in
}
.partner .partner-logo:hover{
    opacity:1
}
.page-template-global-markets-php #page-content{
    padding:0
}
.util-links{
    margin-bottom:0.75em;
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    font-size:0.75em;
    font-weight:bold;
    text-transform:uppercase
}
@media only screen and (min-width: 768px){
    .util-links{
        position:relative;
        top:2.625em;
        float:right
    }
}
.util-links a{
    color:#4c4c4c
}
.util-links a:hover{
    color:#ee2575
}
#wpmem_login legend,#wpmem_reg legend{
    display:none;
    margin-bottom:0.85714em;
    font-size:1.3125em;
    font-family:"alte_haas_groteskbold",sans-serif;
    font-weight:normal;
    color:#ee2575
}
#wpmem_login label,#wpmem_reg label{
    font-weight:bold;
    display:block
}
#wpmem_login .text,#wpmem_reg .text{
    clear:both
}
#wpmem_login .req,#wpmem_reg .req{
    color:#ee2575
}
#wpmem_login .checkbox,#wpmem_login .div_checkbox,#wpmem_reg .checkbox,#wpmem_reg .div_checkbox{
    float:left;
    margin:0.9375em 0.1875em 0.9375em 0
}
#wpmem_login .div_checkbox,#wpmem_reg .div_checkbox{
    margin-right:0.75em
}
#wpmem_login input[type="reset"],#wpmem_reg input[type="reset"]{
    display:none
}
#wpmem_login input[type="submit"],#wpmem_reg input[type="submit"]{
    margin-top:0.9375em
}
#wpmem_login input[type="submit"]{
    display:block;
    clear:both
}
.wpmem_msg{
    text-align:left;
    margin-bottom:1.4em;
    color:#bd0000
}
@media only screen and (min-width: 768px){
    .wpmem_msg+#wpmem_reg,.wpmem_msg+#wpmem_login{
        float:right
    }
}
.wpmem_msg{
    padding:0 0.8em;
    font-weight:bold;
    background:#eee;
    -moz-border-radius:0.3125em;
    -webkit-border-radius:0.3125em;
    border-radius:0.3125em
}
.wp_mem_error{
    color:#bd0000
}
.wp_mem_success{
    color:#ee2575
}
#wp_mem_intro{
    margin-top:0;
    font-size:1.2em
}
#wp_mem_intro>h1,.shopping_cart #wp_mem_intro>h2{
    margin:0 0 0.41667em;
    line-height:1.1
}
#wp_mem_intro>h2{
    margin:0 0 0.57143em;
    font-size:1.57143em;
    line-height:1.2
}
@media only screen and (min-width: 768px){
    #wpmem_container{
        float:right
    }
}
.change-password #wpmem_container{
    float:none
}
.change-password .wpmem_msg{
    width:auto !important
}
.home #secondary-content{
    padding:2.8em 0
}
.page-template-collaboration-products-php #secondary-content{
    padding-top:2.8em
}
#secondary-content .social-module{
    padding-bottom:1.2em
}
.social-links.l-fixed-right{
    position:absolute;
    z-index:2;
    top:-45px;
    right:15px
}
@media only screen and (min-width: 768px){
    .social-links.l-fixed-right{
        top:30px
    }
}
.l-top-align>*:first-child{
    margin-top:0
}
#site-nav .grid{
    padding:0
}
@media only screen and (min-width: 768px){
    #site-nav .grid{
        padding:0 15px
    }
}
#menu-icon{
    display:block;
    padding:1.125em 0.75em;
    font-weight:bold;
    color:#000;
    border-bottom:1px solid rgba(0,0,0,0.2);
    cursor:pointer
}
@media only screen and (min-width: 768px){
    #menu-icon{
        display:none
    }
}
#menu-icon:before{
    content:"";
    float:left;
    position:relative;
    top:0.4375em;
    width:1em;
    height:0.15em;
    margin-right:0.1875em;
    background:#000;
    box-shadow:0 0.25em 0 0 #000, 0 0.5em 0 0 #000
}
.site-nav{
    position:relative;
    z-index:1;
    display:none;
    padding:0;
    margin:0;
    background:#ccc
}
@media only screen and (min-width: 768px){
    .site-nav{
        display:block;
        padding:0 15px;
        background:none
    }
}
.site-nav>li{
    text-transform:uppercase;
    font-size:0.8em;
    font-weight:bold;
    list-style:none
}
.site-nav>li:last-child>a{
    color:#ee2575
}
@media only screen and (min-width: 768px){
    .site-nav>li{
        position:relative;
        float:left;
        margin-right:1.5em
    }
    .site-nav>li:hover>.sub-menu{
        display:block
    }
}
@media only screen and (min-width: 1024px){
    .site-nav>li{
        margin-right:3.75em
    }
}
.site-nav a{
    display:block;
    padding:1em;
    color:#666666;
    border-bottom:1px solid rgba(0,0,0,0.2);
    border-top:1px solid rgba(255,255,255,0.2)
}
@media only screen and (min-width: 768px){
    .site-nav a{
        float:left;
        padding:3.25em 0;
        line-height:1;
        border:none
    }
    .site-nav a:hover{
        color:#ee2575
    }
}
.site-nav>.current-menu-item>a,.site-nav>.current_page_parent>a,.site-nav>.current_page_ancestor>a{
    color:#ee2575
}
.sub-menu{
    position:relative;
    z-index:3;
    padding:0;
    margin:0;
    background:#fafafa;
    display:none
}
.sub-menu>li{
    position:relative;
    list-style:none
}
@media only screen and (min-width: 768px){
    .sub-menu>li>a{
        color:#000;
        display:block;
        float:none;
        padding:0.75em 1.5em;
        margin-bottom:0.25em;
        white-space:nowrap;
        background:#fff;
        border:1px solid #bbb;
        -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);
        box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2)
    }
    .sub-menu>li>a:hover{
        background:#fafafa
    }
    .sub-menu>li:hover>.sub-menu{
        display:block;
        top:0;
        left:96%
    }
    .sub-menu>li:hover>.sub-menu:before,.sub-menu>li:hover>.sub-menu:after{
        display:none
    }
}
@media only screen and (min-width: 768px){
    .sub-menu{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        display:none;
        position:absolute;
        top:74%;
        left:0;
        text-transform:none;
        background:transparent
    }
}
@media only screen and (min-width: 768px){
    .menu-parent>a:after{
        content:'';
        position:absolute;
        right:15px;
        width:0;
        height:0;
        margin:0 0 0 0.25em;
        border-top:6px solid transparent;
        border-bottom:6px solid transparent;
        border-left:6px solid #000
    }
    .menu-parent>a:hover:after{
        border-left-color:#ee2575
    }
}
.sales-snippet h2,.sales-snippet a{
    -moz-transition:color 0.1s ease-in;
    -webkit-transition:color 0.1s ease-in;
    transition:color 0.1s ease-in
}
.sales-snippet:hover h2,.sales-snippet:hover a{
    color:#ee2575
}
#map{
    width:100%;
    height:13.33333em
}
@media only screen and (min-width: 768px){
    #map{
        height:40em
    }
}
.purchase{
    padding-top:25px;
    margin-bottom:30px;
    color:#959494;
    font-weight:bold;
    border-top:1px solid #e1e1e1
}
.purchase .button{
    font-size:11px;
    margin-bottom:0
}
.purchase .button:after{
    display:none
}
.purchase input[type=submit]{
    font-size:11px;
    margin-bottom:0
}
.purchase__img{
    display:none
}
@media only screen and (min-width: 768px){
    .purchase__img{
        display:block;
        float:left;
        max-width:150px;
        margin:0 20px 20px 0
    }
}
.purchase__info{
    margin:0
}
.purchase__price{
    margin-top:0
}
.purchase--snippet{
    padding-top:0;
    margin-top:15px
}
.shop-snippet{
    position:relative;
    cursor:pointer;
    padding-bottom:60px
}
.shop-snippet h1>a,.shop-snippet .shopping_cart h2>a,.shopping_cart .shop-snippet h2>a{
    color:#ee2575
}
.shop-snippet:hover h1>a,.shop-snippet:hover .shopping_cart h2>a,.shopping_cart .shop-snippet:hover h2>a{
    color:#d0105c
}
.shop-snippet .purchase{
    margin-bottom:0
}
.shop-snippet .purchase__price{
    margin-bottom:10px
}
.shop-snippet .purchase__action{
    position:absolute;
    bottom:20px
}
@media only screen and (min-width: 768px){
    .shop-snippet:nth-child(3n+4){
        clear:both
    }
}
.shopping_cart{
    font-size:0.9375em
}
.shopping_cart input[name="quantity"]{
    text-align:center
}
.wp_cart_remove_item_form input[type="image"]{
    max-width:10px
}
.signup-form{
    background:#fff;
    border-top:1px solid #e6e6e6;
    -webkit-box-shadow:0px -6px 12px 0px rgba(0,0,0,0.03);
    box-shadow:0px -6px 12px 0px rgba(0,0,0,0.03)
}
#mc-embedded-subscribe-form{
    padding:1.8em 0
}
@media only screen and (min-width: 768px){
    #mc-embedded-subscribe-form{
        padding:1.8em 0
    }
}
@media only screen and (min-width: 1024px){
    #mc-embedded-subscribe-form{
        padding:1.8em 7.86667em
    }
}
#mc-embedded-subscribe-form h4{
    margin-top:0;
    font-size:1em;
    color:#4c4c4c
}
@media only screen and (min-width: 768px){
    #mc-embedded-subscribe-form h4{
        float:left;
        margin:0.4em 1.2em 0 0
    }
}
#mc-embedded-subscribe-form input[type="email"],#mc-embedded-subscribe-form input[type="submit"]{
    margin:0
}
@media only screen and (min-width: 768px){
    #mc-embedded-subscribe-form input[type="email"]{
        width:23.33333em
    }
}
.mc-field-group{
    margin-bottom:0.8em
}
@media only screen and (min-width: 768px){
    .mc-field-group{
        float:left;
        margin:0
    }
}
@media only screen and (min-width: 768px){
    .signup-options{
        float:none;
        clear:both;
        padding-top:0.8em
    }
}
.signup-options p{
    margin:0 0 0.8em 0
}
.signup-options ul{
    padding:0.8em;
    margin:0.8em 0;
    border:1px solid #f5f5f5
}
.signup-options li{
    float:left;
    padding:0.2em 1em;
    margin-right:0.4em;
    list-style:none;
    background:#f5f5f5;
    -moz-border-radius:21px;
    -webkit-border-radius:21px;
    border-radius:21px
}
.subscribe-submit{
    clear:both
}
@media only screen and (min-width: 768px){
    .subscribe-submit{
        float:left;
        clear:none;
        margin-left:0.6em
    }
}
.footer-snippet{
    margin-bottom:4em;
    font-size:0.8em
}
.footer-snippet img{
    max-width:30%
}
.footer-snippet:last-child{
    margin-bottom:0;
    border:none
}
.footer-snippet:hover a{
    color:#ee2575
}
@media only screen and (min-width: 768px){
    .footer-snippet{
        margin-bottom:0;
        border-right:1px dotted #ee2575
    }
}
.footer-snippet h5{
    margin-top:0;
    font-size:1.33333em;
    color:#ee2575
}
.footer-snippet img{
    float:left;
    margin-right:1em
}
.footer-snippet p{
    overflow:hidden
}
.sub-links{
    padding:0
}
@media only screen and (min-width: 768px){
    .sub-links{
        padding:0 15px
    }
}
.sub-links>li{
    margin-right:0.5em;
    display:inline;
    list-style:none
}
.sub-links a{
    font-size:0.8em;
    font-weight:bold;
    color:#646464
}
.sub-links a:hover{
    color:#ee2575
}
.social-links{
    padding:0
}
@media only screen and (min-width: 768px){
    .social-links{
        padding:0 15px;
        text-align:right
    }
}
.social-links>li{
    margin-right:0.08333em;
    display:inline;
    font-size:2.2em;
    list-style:none
}
.social-links>li:last-child{
    margin:0
}
.social-links a{
    font-size:0.8em;
    font-weight:bold;
    color:#b5b5b5
}
.social-links a:hover{
    color:#ee2575
}
.site-meta,.powered-by{
    font-size:0.8em;
    color:#646464
}
@media only screen and (min-width: 768px){
    .powered-by{
        text-align:right
    }
}
.content-module{
    margin-bottom:4em
}
.content-module>img{
    float:left;
    max-width:30%;
    margin-right:0.8em
}
.content-module .module-content{
    overflow:hidden
}
.content-module h2{
    margin:0;
    -moz-transition:color 0.1s ease-in;
    -webkit-transition:color 0.1s ease-in;
    transition:color 0.1s ease-in
}
.content-module:hover h2,.content-module:hover a{
    color:#ee2575
}
.content-module:hover .links-list a{
    color:#4c4c4c
}
.content-module .links-list a:hover{
    color:#ee2575
}
.content-module:last-child{
    margin-bottom:0
}
@media only screen and (min-width: 768px){
    .content-module:nth-last-child(-n+2):nth-of-type(2n+1),.content-module:nth-last-child(-n+2):nth-of-type(2n+1) ~ .content-module{
        margin-bottom:0
    }
    .content-module:nth-child(3){
        clear:both
    }
}
.links-list{
    padding:0
}
.links-list>li{
    padding:0.4em 0;
    list-style:none
}
.links-list>li:last-child{
    padding-bottom:0
}
.more-link{
    font-size:0.8em;
    font-weight:bold;
    color:#626262
}
.image-snippet{
    position:relative;
    margin-bottom:1.8em
}
.image-snippet h1,.image-snippet .shopping_cart h2,.shopping_cart .image-snippet h2{
    font-size:1.2em
}
@media only screen and (min-width: 768px){
    .image-snippet h1,.image-snippet .shopping_cart h2,.shopping_cart .image-snippet h2{
        margin-bottom:0
    }
}
.image-snippet p{
    margin:0
}
.image-snippet img{
    position:relative;
    z-index:1
}
.image-snippet:last-child{
    margin-bottom:0
}
@media only screen and (min-width: 768px){
    .image-snippet:nth-last-child(-n+3):nth-of-type(3n+1),.image-snippet:nth-last-child(-n+3):nth-of-type(3n+1) ~ .image-snippet{
        margin-bottom:0
    }
}
.vcard{
    padding:0
}
.vcard>li{
    padding:0.4em 0;
    list-style:none;
    font-weight:bold
}
.vcard>li>a{
    color:#4c4c4c
}
.vcard>li>a:hover{
    color:#ee2575
}
.vcard>li:last-child{
    padding-bottom:0
}
.drop-shadow{
    position:relative
}
.drop-shadow>img{
    position:relative;
    z-index:1
}
.drop-shadow:before,.drop-shadow:after{
    content:"";
    position:absolute;
    z-index:0;
    bottom:26px;
    left:8px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 15px 10px rgba(0,0,0,0.4);
    box-shadow:0 15px 10px rgba(0,0,0,0.4);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg)
}
.drop-shadow:after{
    right:8px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg)
}
.drop-shadow.placeholder{
    position:relative;
    display:block;
    background:#fff
}
.drop-shadow.placeholder>*{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.drop-shadow.placeholder img{
    width:100%
}
.drop-shadow.placeholder.landscape{
    padding-bottom:61.724137931%
}
.drop-shadow.placeholder:before,.drop-shadow.placeholder:after{
    bottom:14px
}
.social-module>h3{
    -moz-transition:color 0.1s ease-in;
    -webkit-transition:color 0.1s ease-in;
    transition:color 0.1s ease-in
}
.social-module:hover>h3,.social-module:hover a{
    color:#ee2575
}
.social-module:hover>img{
    opacity:1
}
.social-module>img{
    float:left;
    margin-right:0.8em;
    opacity:0.4;
    -moz-transition:opacity 0.1s ease-in;
    -webkit-transition:opacity 0.1s ease-in;
    transition:opacity 0.1s ease-in
}
.gumtec-logo{
    position:relative;
    top:2px
}
.js .signup-options{
    display:none
}
@media only screen and (min-width: 768px){
    .js .image-snippet>.snippet-content{
        display:none;
        position:absolute;
        z-index:4;
        top:0;
        bottom:8px;
        left:15px;
        right:15px;
        padding:0 1.2em;
        background:#ee2575;
        background:rgba(238,37,117,0.8);
        cursor:pointer
    }
    .js .image-snippet>.snippet-content>h1,.js .shopping_cart .image-snippet>.snippet-content>h2,.shopping_cart .js .image-snippet>.snippet-content>h2,.js .image-snippet>.snippet-content>p,.js .image-snippet>.snippet-content>.button{
        color:#fff
    }
    .js .image-snippet>.snippet-content>h1,.js .shopping_cart .image-snippet>.snippet-content>h2,.shopping_cart .js .image-snippet>.snippet-content>h2{
        padding-bottom:0.33333em;
        margin-bottom:0.33333em;
        border-bottom:1px solid
    }
    .js .image-snippet>.snippet-content>h1>a,.js .shopping_cart .image-snippet>.snippet-content>h2>a,.shopping_cart .js .image-snippet>.snippet-content>h2>a{
        color:#fff
    }
    .js .image-snippet>.snippet-content>.button{
        position:absolute;
        bottom:1.2em
    }
    .js .image-snippet>.snippet-content>.button:hover{
        color:#000
    }
    .js .image-snippet>.snippet-content>.button:active{
        top:auto;
        bottom:1.13333em
    }
}
#loader{
    position:fixed;
    z-index:101;
    left:0;
    right:0;
    top:0;
    height:100%;
    background:#fff
}
#content-slider{
    padding-bottom:0.4em
}
@media only screen and (min-width: 768px){
    #content-slider h1,#content-slider .shopping_cart h2,.shopping_cart #content-slider h2{
        font-size:3.2em;
        margin:0 0 0.25em;
        color:#000
    }
    #content-slider p{
        margin:1.16667em 0 1.66667em;
        font-size:1.2em;
        line-height:1.83333em
    }
    #content-slider .grid-6{
        display:table-cell;
        float:none;
        vertical-align:middle
    }
}
#content-slider .drop-shadow img{
    position:relative;
    z-index:1
}
.content-slide{
    float:left
}
@media only screen and (min-width: 768px){
    .prev{
        position:absolute;
        top:50%;
        left:-13px
    }
    .next{
        position:absolute;
        top:50%;
        right:-13px
    }
}
.prev,.next{
    display:none
}
@media only screen and (min-width: 768px){
    .prev,.next{
        display:block;
        color:#000;
        font-size:3.2em
    }
    .prev:active,.next:active{
        position:absolute;
        top:50%
    }
}
.bullets{
    padding:0;
    text-align:center
}
.bullets>li{
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    list-style:none
}
.bullets>li>a{
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    width:0.8em;
    height:0.8em;
    margin:0 0.2em;
    text-indent:-9999px;
    outline:0;
    background:#c8c8c8;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:0px 2px 0px 0px #fff;
    box-shadow:0px 2px 0px 0px #fff
}
.bullets>li>a.is-current-bullet,.bullets>li>a:hover{
    background:#999
}
#flash{
    height:620px
}

button.single_add_to_cart_button {
    background-color: green;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: green;
}



@media only screen and (min-width: 768px) {
    ul.site-nav {
        display: flex;
        justify-content: space-between;
    }

    ul > li.menu-item {
        margin-right: 0;
    }
}