/*
Theme Name: Up and Go
Theme URI: http://upandgo.com.au
Author: the Up and Go
Author URI: http://upandgo.com.au
Text Domain: twentythirteen
*/
/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
*   4.1 - Site Header
*   4.2 - Navigation
* 5.0 - Content
*   5.1 - Entry Header
*   5.2 - Entry Meta
*   5.3 - Entry Content
*   5.4 - Galleries
*   5.5 - Post Formats
*   5.6 - Attachments
*   5.7 - Post/Paging Navigation
*   5.8 - Author Bio
*   5.9 - Archives
*   5.10 - Search Results/No posts
*   5.11 - 404
*   5.12 - Comments
*   5.13 - Multisite
* 6.0 - Sidebar
*   6.1 - Widgets
* 7.0 - Footer
* 8.0 - Media Queries
* 9.0 - Print
* ----------------------------------------------------------------------------
*/
@font-face {
font-family:'gooddogregular';
src:url(fonts/gooddog.eot);
src:url(fonts/gooddog.eot?#iefix) format("embedded-opentype"),url(fonts/gooddog.woff) format("woff"),url(fonts/gooddog.ttf) format("truetype"),url(fonts/gooddog.svg#gooddogregular) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'arialboldmt';
src:url(fonts/Arial-BoldMT.eot);
src:url(fonts/Arial-BoldMT.eot?#iefix) format("embedded-opentype"),url(fonts/Arial-BoldMT.woff) format("woff"),url(fonts/Arial-BoldMT.ttf) format("truetype"),url(fonts/Arial-BoldMT.svg#arialboldmt) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'dinotregular';
src:url(fonts/DINOT-Regular.eot);
src:url(fonts/DINOT-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/DINOT-Regular.woff) format("woff"),url(fonts/DINOT-Regular.ttf) format("truetype"),url(fonts/DINOT-Regular.svg#dinotregular) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'dinotbold';
src:url(fonts/DINOT-Medium.eot);
src:url(fonts/DINOT-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/DINOT-Medium.woff) format("woff"),url(fonts/DINOT-Medium.ttf) format("truetype"),url(fonts/DINOT-Medium.svg#dinot) format("svg");
font-weight:700;
font-style:normal
}
@font-face {
font-family:'dinotlight';
src:url(fonts/DINOT-Light.eot);
src:url(fonts/DINOT-Light.eot?#iefix) format("embedded-opentype"),url(fonts/DINOT-Light.woff) format("woff"),url(fonts/DINOT-Light.ttf) format("truetype"),url(fonts/DINOT-Light.svg#dinotlight) format("svg");
font-weight:400;
font-style:normal
}
div.light {
font-family:'dinotlight'
}
div.reg {
font-family:'dinotregular'
}
div.bold {
font-family:'dinotbold'
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {
display:block
}
audio,canvas,video {
display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
[hidden] {
display:none
}
html {
font-size:100%;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
html,button,input,select,textarea {
font-family:"Source Sans Pro",Helvetica,sans-serif
}
.nav-menu li a {
font-family:'gooddogregular'
}
body {
background:#f8f7f7;
color:#333;
line-height:1.5;
margin:0;
font-family:'dinotregular'
}
a {
color:#009fe3;
text-decoration:none
}
a:visited {
color:#009fe3
}
a:focus {
outline:0
}
a:active,a:hover {
color:#009fe3;
outline:0
}
a:hover {
text-decoration:underline
}
h1,h2,h3,h4,h5,h6 {
clear:both;
font-family:'gooddogregular';
line-height:1.3
}
h1 {
font-size:48px;
margin:33px 0
}
h2 {
font-size:30px;
margin:25px 0
}
h3 {
font-size:22px;
margin:22px 0
}
h4 {
font-size:20px;
margin:25px 0
}
h5 {
font-size:18px;
margin:30px 0
}
h6 {
font-size:16px;
margin:36px 0
}
address {
font-style:italic;
margin:0 0 24px
}
abbr[title] {
border-bottom:1px dotted
}
b,strong {
font-weight:700;
font-family:'dinotbold'
}
dfn {
font-style:italic
}
mark {
background:#ff0;
color:#000
}
p {
margin:0 0 24px
}
code,kbd,pre,samp {
font-family:monospace,serif;
font-size:14px;
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none
}
pre {
background:#f5f5f5;
color:#666;
font-family:monospace;
font-size:14px;
margin:20px 0;
overflow:auto;
padding:20px;
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word
}
blockquote,q {
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
content:"";
content:none
}
blockquote {
font-size:18px;
font-style:italic;
font-weight:300;
margin:24px 40px
}
blockquote blockquote {
margin-right:0
}
blockquote cite,blockquote small {
font-size:14px;
font-weight:400;
text-transform:uppercase
}
blockquote em,blockquote i {
font-style:normal;
font-weight:300
}
blockquote strong,blockquote b {
font-weight:400
}
small {
font-size:smaller
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
dl {
margin:0 20px
}
dt {
font-weight:700
}
dd {
margin:0 0 20px
}
menu,ol,ul {
margin:16px 0;
padding:0 0 0 40px
}
ul {
list-style-type:square
}
nav ul,nav ol {
list-style:none;
list-style-image:none
}
li > ul,li > ol {
margin:0
}
img {
-ms-interpolation-mode:bicubic;
border:0;
vertical-align:middle
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:0
}
form {
margin:0
}
fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
legend {
border:0;
padding:0;
white-space:normal
}
button,input,select,textarea {
font-size:100%;
margin:0;
max-width:100%;
vertical-align:baseline
}
button,input {
line-height:normal
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled],input[disabled] {
cursor:default
}
input[type="checkbox"],input[type="radio"] {
padding:0
}
input[type="search"] {
-webkit-appearance:textfield;
padding-right:2px;
/* Don't cut off the webkit search cancel button */
width:270px
}
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-bottom:1px solid #ededed;
border-collapse:collapse;
border-spacing:0;
font-size:14px;
line-height:2;
margin:0 0 20px;
width:100%
}
caption,th,td {
font-weight:400;
text-align:left
}
caption {
font-size:16px;
margin:20px 0
}
th {
font-weight:700;
text-transform:uppercase
}
td {
border-top:1px solid #ededed;
padding:6px 10px 6px 0
}
del {
color:#333
}
ins {
background:#fff9c0;
text-decoration:none
}
hr {
background:url(images/dotted-line.png) repeat center top;
background-size:4px 4px;
border:0;
height:1px;
margin:0 0 24px
}
/**
* 2.0 Repeatable Patterns
* ----------------------------------------------------------------------------
*/
.genericon:before,.menu-toggle:after,.featured-post:before,.date a:before,.entry-meta .author a:before,.format-audio .entry-content:before,.comments-link a:before,.tags-links a:first-child:before,.categories-links a:first-child:before,.edit-link a:before,.attachment .entry-title:before,.attachment-meta:before,.attachment-meta a:before,.comment-awaiting-moderation:before,.comment-reply-link:before,.comment-reply-login:before,.comment-reply-title small a:before,.bypostauthor > .comment-body .fn:before {
-webkit-font-smoothing:antialiased;
display:inline-block;
font:normal 16px/1 Genericons;
vertical-align:text-bottom
}
/* Clearing floats */
.clear:after,.attachment .entry-header:after,.site-footer .widget-area:after,.entry-content:after,.page-content:after,.navigation:after,.nav-links:after,.gallery:after,.comment-form-author:after,.comment-form-email:after,.comment-form-url:after,.comment-body:after {
clear:both
}
.clear:before,.clear:after,.attachment .entry-header:before,.attachment .entry-header:after,.site-footer .widget-area:before,.site-footer .widget-area:after,.entry-content:before,.entry-content:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after,.comment-form-author:before,.comment-form-author:after,.comment-form-email:before,.comment-form-email:after,.comment-form-url:before,.comment-form-url:after,.comment-body:before,.comment-body:after {
content:"";
display:table
}
/* Assistive text */
.screen-reader-text {
clip:rect(1px,1px,1px,1px);
overflow:hidden;
position:absolute!important;
height:1px;
width:1px
}
.screen-reader-text:focus {
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:14px;
font-weight:700;
height:auto;
line-height:normal;
padding:15px 23px 14px;
position:absolute;
left:5px;
top:5px;
text-decoration:none;
width:auto;
z-index:/* Above WP toolbar */
100000
}
/* Form fields, general styles first. */
button,input,textarea,select {
border:1px solid #ccc;
font-family:inherit;
padding:5px
}
input,textarea,select {
color:#141412;
box-shadow:inset 0 1px 2px 0 #ccc
}
input:focus,textarea:focus {
border:1px solid #ccc;
outline:0
}
/* Buttons */
button,input[type="submit"],input[type="button"],input[type="reset"],button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active {
background:#009fe3;
border:none;
border-radius:5px;
color:#fff;
display:inline-block;
padding:11px 24px 10px;
text-decoration:none
}
button:hover,button:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus {
background:#037bae;
outline:0
}
.post-password-required input[type="submit"] {
padding:7px 24px 4px;
vertical-align:bottom
}
.post-password-required input[type="submit"]:active {
padding:5px 24px 6px
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color:#3b3b3b
}
:-moz-placeholder {
color:#3b3b3b
}
::-moz-placeholder {
color:#3b3b3b
}
:-ms-input-placeholder {
color:#3b3b3b
}
/*
* Responsive images
*
* Fluid images for posts, comments, and widgets
*/
.entry-content img,.entry-summary img,.comment-content img,.widget img,.wp-caption {
max-width:100%
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,.entry-summary img,.comment-content img[height],img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {
height:auto
}
img.size-full,img.size-large,img.wp-post-image {
height:auto;
max-width:100%
}
/* Make sure videos and embeds fit their containers. */
embed,iframe,object,video {
max-width:100%
}
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
max-width:100%!important
}
/* Images */
.alignleft {
float:left
}
.alignright {
float:right
}
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}
figure.wp-caption.alignleft,img.alignleft {
margin:5px 20px 5px 0
}
.wp-caption.alignleft {
margin:5px 10px 5px 0
}
figure.wp-caption.alignright,img.alignright {
margin:5px 0 5px 20px
}
.wp-caption.alignright {
margin:5px 0 5px 10px
}
img.aligncenter {
margin:5px auto
}
img.alignnone {
margin:5px 0
}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {
color:#220e10;
font-size:18px;
font-style:italic;
font-weight:300;
margin:0 0 24px
}
div.wp-caption.alignright img[class*="wp-image-"] {
float:right
}
div.wp-caption.alignright .wp-caption-text {
padding-left:10px
}
img.wp-smiley,.rsswidget img {
border:0;
border-radius:0;
box-shadow:none;
margin-bottom:0;
margin-top:0;
padding:0
}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol {
list-style-position:inside
}
/**
* 3.0 Basic Structure
* ----------------------------------------------------------------------------
*/
.site {
margin:0 auto;
max-width:100%;
width:100%
}
.site .container {
max-width:1140px
}
.site-main {
position:relative
}
.site-main .sidebar-container {
height:0;
position:absolute;
top:40px;
width:100%;
z-index:1
}
.site-main .sidebar-inner {
margin:0 auto;
max-width:1040px
}
/**
* 4.0 Header
* ----------------------------------------------------------------------------
*/
/**
* 4.1 Site Header
* ----------------------------------------------------------------------------
*/
.site-header {
position:relative;
padding:0;
border-top:9px solid #009fe3;
background:#f8f7f7
}
.container {
max-width:1140px;
width:100%;
margin:0 auto
}
.home .container {
max-width:1140px
}
/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/
.main-navigation {
clear:both;
min-height:45px;
position:relative;
height:130px;
margin:0 auto;
max-width:auto;
width:auto;
float:none;
display:inline-block
}
.mobile-header {
display:none
}
.top-social-search {
float:none;
margin:0 auto -50px 10px;
display:inline-block;
width:265px;
text-align:center;
position:relative;
top:-40px;
z-index:2
}
.top-search {
float:left;
width:45%;
background:url(images/menu-line.png) no-repeat top right;
padding:0 10px 0 0;
height:60px;
margin:0
}
.social-media-links {
float:left;
width:55%;
padding:0 0 0 10px;
text-align:center
}
.top-social-search .title {
margin:-8px 0 0;
font-family:'gooddogregular';
font-size:25px;
text-align:center
}
top-social-search a,top-social-search a:focus,top-social-search a:visited {
display:inline-block
}
.social-media-links .genericon:before,.search-submit .genericon:before {
font-size:20px!important;
display:inline-block
}
.social-media-links a{
color:#2e2e2e;
margin:0 5px 0 0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.social-media-links a svg.genericond-social-logos {
margin: 0;
}
.social-media-links a:hover .genericon {
color:#000;
margin-top:-5px
}
ul.nav-menu,div.nav-menu > ul {
margin:0;
padding:0
}
.nav-menu li {
display:inline-block;
position:relative;
text-align:center;
padding:14px 0;
height:45px!important;
margin-top:55px
}
.nav-menu li a {
color:#2e2e2e;
display:block;
line-height:1;
font-size:25px;
padding:0 20px;
text-decoration:none;
margin-top:-20px;
float:left
}
.nav-menu li:hover > a,.nav-menu li a:hover,.nav-menu li:focus > a,.nav-menu li a:focus {
color:#009fe3
}
.nav-menu li a strong {
font-family:Impact,'Chivo',Arial Black,sans serif;
color:#2e2e2e!important;
display:block;
text-transform:uppercase;
font-size:24px
}
.nav-menu li.border {
background:url(images/menu-line.png) no-repeat center right
}
.nav-menu li.header-logo {
top:-30px;
left:0;
z-index:10;
background-image:none;
padding-left:0;
padding-right:0;
margin-left:-15px;
margin-right:3px
}
.nav-menu li.header-logo img {
max-width:215px!important;
height:auto
}
.nav-menu .sub-menu,.nav-menu .children {
background-color:#fff;
border-top:0;
padding:10px;
position:absolute;
left:-2px;
z-index:99999;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px)
}
.nav-menu .sub-menu ul,.nav-menu .children ul {
border-left:0;
left:100%;
top:0
}
ul.nav-menu ul a,.nav-menu ul ul a {
color:#2e2e2e;
margin:0;
width:400px
}
ul.nav-menu ul a:hover,.nav-menu ul ul a:hover,ul.nav-menu ul a:focus,.nav-menu ul ul a:focus {
background-color:#009fe3;
color:#fff
}
ul.nav-menu li:hover > ul,.nav-menu ul li:hover > ul,ul.nav-menu .focus > ul,.nav-menu .focus > ul {
clip:inherit;
overflow:inherit;
height:inherit;
width:inherit
}
.nav-menu .current_page_item > a,.nav-menu .current_page_ancestor > a,.nav-menu .current-menu-item > a,.nav-menu .current-menu-ancestor > a {
color:#009fe3
}
.menu-toggle {
display:none
}
/* Navbar */
.navbar {
margin:0 auto;
max-width:1140px;
width:100%!important;
height:130px;
text-align:center
}
.show-search .genericon {
color:#009fe3;
width:30px;
height:30px;
font-size:30px;
margin-top:-5px
}
.show-search {
cursor:pointer
}
.show-search-form {
width:240px;
height:60px;
margin:0;
float:right;
display:none
}
.site-header .search-form {
position:relative;
width:223px;
float:right;
text-align:right;
z-index:999999999;
margin:-3px 25px 20px 20px
}
.desktop-header form.search-form {
background:url(images/search-bg.png) no-repeat;
width:100%;
height:33px;
margin:5px 0 -42px;
text-align:center
}
.desktop-header .search-field {
cursor:pointer;
height:19px;
margin:5px 10px 6px 19px;
padding:0 10px;
position:relative;
background-color:#fff;
color:#3b3b3b;
border:none;
cursor:text;
outline:0;
width:169px;
text-transform:uppercase;
float:left;
font-family:'gooddogregular';
border-radius:3px;
box-shadow:none;
line-height:1
}
.search-form .search-submit {
display:none
}
.search-form .search-submit,.search-form .search-submit:focus,.search-form .search-submit:active {
background:transparent;
width:auto;
height:auto;
padding:0;
margin:2px 4px 0 0;
float:none;
border:none
}
.search-form .search-submit .genericon {
height:30px;
width:30px
}
.mobile-slider {
display:none
}
.home-slider. .top-featured-image {
width:100%
}
.top-featured-image img {
width:100%;
height:auto
}
.home-slider .metaslider .flexslider {
margin:0
}
.home-slider .flex-control-nav {
bottom:20px
}
.home-slider .flex-control-paging li a {
background:#fff;
box-shadow:none;
width:13px;
height:13px
}
.home-slider .flex-control-paging li a.flex-active,.home-slider .flex-control-paging li a:hover {
background:#009fe3
}
/**
* 5.0 Content
* ----------------------------------------------------------------------------
*/
.hentry {
padding:90px 0
}
.single-products .hentry {
padding:0
}
.products-top {
padding-top:70px
}
.entry-header,.entry-content,.entry-summary,.entry-meta {
margin:0 auto;
max-width:100%;
width:100%;
text-align:center
}
.sidebar .entry-header,.sidebar .entry-content,.sidebar .entry-summary,.sidebar .entry-meta {
max-width:1040px;
padding:0 376px 0 60px
}
/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/
.sidebar .entry-header .entry-meta {
padding:0
}
.entry-thumbnail img {
display:block;
margin:0 auto 10px
}
.entry-header {
margin-bottom:30px
}
.entry-title {
font-weight:400;
margin:0 0 5px
}
.entry-title a {
color:#141412
}
.entry-title a:hover {
color:#ea9629
}
/**
* 5.2 Entry Meta
* ----------------------------------------------------------------------------
*/
.entry-meta {
clear:both;
font-size:14px
}
.entry-meta a {
color:#bc360a
}
.entry-meta a:hover {
color:#bc360a
}
.entry-meta > span {
margin-right:20px
}
.entry-meta > span:last-child {
margin-right:0
}
.featured-post:before {
content:"\f308";
margin-right:2px
}
.entry-meta .date a:before {
content:"\f303"
}
.comments-link a:before {
content:"\f300";
margin-right:2px;
position:relative;
top:-1px
}
.entry-meta .author a:before {
content:"\f304";
position:relative;
top:-1px
}
.categories-links a:first-child:before {
content:"\f301"
}
.tags-links a:first-child:before {
content:"\f302";
position:relative;
top:-1px
}
.edit-link a:before {
content:"\f411";
position:relative;
top:-1px
}
.single-author .entry-meta .author,.sticky.format-standard .entry-meta .date,.sticky.format-audio .entry-meta .date,.sticky.format-chat .entry-meta .date,.sticky.format-image .entry-meta .date,.sticky.format-gallery .entry-meta .date {
display:none
}
/**
* 5.3 Entry Content
* ----------------------------------------------------------------------------
*/
.entry-content {
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
word-wrap:break-word;
text-align:left
}
.entry-content .more-link {
white-space:nowrap
}
.entry-content blockquote {
font-size:24px
}
.entry-content blockquote cite,.entry-content blockquote small {
font-size:16px
}
footer.entry-meta {
margin-top:24px
}
.format-standard footer.entry-meta {
margin-top:0
}
/* Page links */
.page-links {
clear:both;
font-size:16px;
font-style:italic;
font-weight:400;
line-height:2.2;
margin:20px 0;
text-transform:uppercase
}
.page-links a,.page-links > span {
background:#fff;
border:1px solid #fff;
padding:5px 10px;
text-decoration:none
}
.format-status .entry-content .page-links a,.format-gallery .entry-content .page-links a,.format-chat .entry-content .page-links a,.format-quote .entry-content .page-links a,.page-links a {
background:#e63f2a;
border:1px solid #e63f2a;
color:#fff
}
.format-gallery .entry-content .page-links a:hover,.format-audio .entry-content .page-links a:hover,.format-status .entry-content .page-links a:hover,.format-video .entry-content .page-links a:hover,.format-chat .entry-content .page-links a:hover,.format-quote .entry-content .page-links a:hover,.page-links a:hover {
background:#fff;
color:#e63f2a
}
.format-status .entry-content .page-links > span,.format-quote .entry-content .page-links > span {
background:none
}
.page-links .page-links-title {
background:transparent;
border:none;
margin-right:20px;
padding:0
}
/* Mediaelements */
.hentry .mejs-mediaelement,.hentry .mejs-container .mejs-controls {
background:#220e10
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background:#fff
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background:#ea9629
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background:#595959
}
.hentry .mejs-controls .mejs-time-rail span,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius:0
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.gallery {
margin-bottom:20px;
margin-left:-4px
}
.gallery-item {
float:left;
margin:0 4px 4px 0;
overflow:hidden;
position:relative
}
.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail {
display:table;
margin:0 auto 20px
}
.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item {
text-align:center
}
.gallery-columns-4 .gallery-item {
max-width:23%;
max-width:-webkit-calc(25% - 4px);
max-width:calc(25% - 4px)
}
.gallery-columns-5 .gallery-item {
max-width:19%;
max-width:-webkit-calc(20% - 4px);
max-width:calc(20% - 4px)
}
.gallery-columns-6 .gallery-item {
max-width:15%;
max-width:-webkit-calc(16.7% - 4px);
max-width:calc(16.7% - 4px)
}
.gallery-columns-7 .gallery-item {
max-width:13%;
max-width:-webkit-calc(14.28% - 4px);
max-width:calc(14.28% - 4px)
}
.gallery-columns-8 .gallery-item {
max-width:11%;
max-width:-webkit-calc(12.5% - 4px);
max-width:calc(12.5% - 4px)
}
.gallery-columns-9 .gallery-item {
max-width:9%;
max-width:-webkit-calc(11.1% - 4px);
max-width:calc(11.1% - 4px)
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right:0
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear:left
}
.gallery-caption {
background-color:rgba(0,0,0,0.7);
box-sizing:border-box;
color:#fff;
font-size:14px;
line-height:1.3;
margin:0;
max-height:50%;
opacity:0;
padding:2px 8px;
position:absolute;
bottom:0;
left:0;
text-align:left;
-webkit-transition:opacity 400ms ease;
transition:opacity 400ms ease;
width:100%
}
.gallery-caption:before {
box-shadow:0 -10px 15px #000 inset;
content:"";
height:100%;
min-height:49px;
position:absolute;
left:0;
top:0;
width:100%
}
.gallery-item:hover .gallery-caption {
opacity:1
}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
display:none
}
/* Status */
.format-status {
background-color:#722d19;
padding:0
}
.format-status .entry-content,.format-status .entry-meta {
padding-left:35px;
position:relative
}
.format-status .entry-content a {
color:#eadaa6
}
.format-status .entry-meta a {
color:#f7f5e7
}
.sidebar .format-status .entry-content,.sidebar .format-status .entry-meta {
padding-left:95px
}
.format-status .entry-content:before,.format-status .entry-meta:before {
background:url(images/dotted-line.png) repeat-y left bottom;
background-size:4px 4px;
content:"";
display:block;
height:100%;
position:absolute;
left:10px;
top:0;
width:1px
}
.sidebar .format-status .entry-content:before,.sidebar .format-status .entry-meta:before {
left:70px
}
.format-status .categories-links,.format-status .tags-links {
display:none
}
/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
background-position:left top
}
.format-status .entry-content {
color:#f7f5e7;
font-size:24px;
font-style:italic;
font-weight:300;
padding-bottom:30px;
padding-top:40px;
position:relative
}
.format-status .entry-content p:first-child:before {
background-color:rgba(0,0,0,0.65);
content:"";
height:3px;
margin-top:13px;
position:absolute;
left:4px;
width:13px
}
.sidebar .format-status .entry-content > p:first-child:before {
left:64px
}
.format-status .entry-content p:last-child {
margin-bottom:0
}
.format-status .entry-meta {
margin-top:0;
padding-bottom:40px
}
.format-status .entry-meta .date a:before {
content:"\f105"
}
/**
* 5.6 Attachments
* ----------------------------------------------------------------------------
*/
.attachment .hentry {
margin:0;
padding:0
}
.attachment .entry-header {
margin-bottom:0;
max-width:1040px;
padding:30px 0
}
.attachment .entry-title {
display:inline-block;
float:left;
font:300 italic 30px "Source Sans Pro",Helvetica,sans-serif;
margin:0
}
.attachment .entry-title:before {
content:"\f416";
font-size:32px;
margin-right:10px
}
.attachment .entry-meta {
clear:none;
color:inherit;
float:right;
max-width:100%;
padding:9px 0 0;
text-align:right
}
.hentry.attachment:not(.image-attachment) .entry-meta {
max-width:104px
}
.attachment footer.entry-meta {
display:none
}
.attachment-meta:before {
content:"\f307"
}
.full-size-link a:before {
content:"\f402"
}
.full-size-link:before {
content:none
}
.attachment .entry-meta a,.attachment .entry-meta .edit-link:before,.attachment .full-size-link:before {
color:#ca3c08
}
.attachment .entry-content {
background-color:#fff;
max-width:100%;
padding:40px 0
}
.image-navigation {
margin:0 auto;
max-width:1040px;
position:relative
}
.image-navigation a:hover {
text-decoration:none
}
.image-navigation .nav-previous,.image-navigation .nav-next {
position:absolute;
top:50px
}
.image-navigation .nav-previous {
left:0
}
.image-navigation .nav-next {
right:0
}
.image-navigation .meta-nav {
font-size:32px;
font-weight:300;
vertical-align:-4px
}
.attachment .entry-attachment,.attachment .type-attachment p {
margin:0 auto;
max-width:724px;
text-align:center
}
.attachment .entry-attachment .attachment {
display:inline-block
}
.attachment .entry-caption {
text-align:left
}
.attachment .entry-description {
margin:20px auto 0;
max-width:100%
}
.attachment .entry-caption p:last-child,.attachment .entry-description p:last-child {
margin:0
}
.attachment .site-main .sidebar-container {
display:none
}
.attachment .entry-content .mejs-audio {
max-width:400px;
margin:0 auto
}
.attachment .entry-content .wp-video {
margin:0 auto
}
.attachment .entry-content .mejs-container {
margin-bottom:24px
}
/**
* 5.7 Post/Paging Navigation
* ----------------------------------------------------------------------------
*/
.navigation .nav-previous {
float:left
}
.navigation .nav-next {
float:right
}
.navigation a {
color:#bc360a
}
.navigation a:hover {
color:#ea9629;
text-decoration:none
}
.paging-navigation {
padding:40px 0
}
.paging-navigation .nav-links {
margin:0 auto;
max-width:100%;
width:100%
}
.sidebar .paging-navigation .nav-links {
max-width:1040px;
padding:0 376px 0 60px
}
.paging-navigation .nav-next {
padding:13px 0
}
.paging-navigation a {
font-size:22px;
font-style:italic;
font-weight:300
}
.paging-navigation .meta-nav {
background-color:#e63f2a;
border-radius:50%;
color:#fff;
display:inline-block;
font-size:26px;
padding:3px 0 8px;
text-align:center;
width:50px
}
.paging-navigation .nav-previous .meta-nav {
margin-right:10px;
padding:17px 0 23px;
width:80px
}
.paging-navigation .nav-next .meta-nav {
margin-left:10px
}
.paging-navigation a:hover .meta-nav {
background-color:#ea9629;
text-decoration:none
}
.post-navigation {
background-color:#fff;
color:#ca3c08;
font-size:20px;
font-style:italic;
font-weight:300;
padding:20px 0
}
.post-navigation .nav-links {
margin:0 auto;
max-width:1040px
}
.sidebar .post-navigation .nav-links {
padding:0 376px 0 60px
}
.post-navigation a[rel="next"] {
float:right;
text-align:right
}
/**
* 5.8 Author Bio
* ----------------------------------------------------------------------------
*/
.author-info {
margin:0 auto;
max-width:100%;
padding:30px 0 10px;
text-align:left;
/* gallery & video post formats */
width:100%
}
.author.sidebar .author-info {
max-width:1040px;
padding:30px 376px 10px 60px
}
.single .author-info {
padding:50px 0 0
}
.author-avatar .avatar {
float:left;
margin:0 30px 30px 0
}
.single-format-status .author-description {
color:#f7f5e7
}
.author-description .author-title {
clear:none;
font:300 italic 20px "Source Sans Pro",Helvetica,sans-serif;
margin:0 0 8px
}
.author-link {
color:#ca3c08;
margin-left:2px
}
.author.archive .author-link {
display:none
}
/**
* 5.9 Archives
* ----------------------------------------------------------------------------
*/
.archive-title,.archive-meta {
font:300 italic 30px "Source Sans Pro",Helvetica,sans-serif;
margin:0 auto;
max-width:1040px;
padding:30px 0;
width:100%
}
.archive-meta {
font-size:16px;
font-style:normal;
font-weight:400;
margin-top:-15px;
padding:0 0 11px
}
.sidebar .archive-meta {
padding-right:316px
}
/**
* 5.10 Search Results/No posts
* ----------------------------------------------------------------------------
*/
.page-title {
font:300 italic 30px "Source Sans Pro",Helvetica,sans-serif;
margin:0 auto;
max-width:1040px;
padding:30px 0;
width:100%
}
.page-content {
margin:0 auto;
max-width:100%;
padding:40px 0;
width:100%
}
.sidebar .page-content {
margin:0 auto;
max-width:1040px;
padding:40px 376px 40px 60px
}
/**
* 5.11 404
* ----------------------------------------------------------------------------
*/
.error404 .page-header,.error404 .page-content {
margin:0 auto;
max-width:1040px;
padding-bottom:40px;
width:100%
}
/**
* 5.12 Comments
* ----------------------------------------------------------------------------
*/
.comments-title,.comment-list,.comment-reply-title,.must-log-in,.comment-respond .comment-form,.comment-respond iframe {
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%;
width:100%
}
.sidebar .comments-title,.sidebar .comment-list,.sidebar .must-log-in,.sidebar .comment-reply-title,.sidebar .comment-navigation,.sidebar .comment-respond .comment-form {
max-width:1040px;
padding-left:60px;
padding-right:376px
}
.comments-title {
font:300 italic 28px "Source Sans Pro",Helvetica,sans-serif
}
.comment-list,.comment-list .children {
list-style-type:none;
padding:0
}
.comment-list .children {
margin-left:20px
}
.comment-list > li:after,.comment-list .children > li:before {
background:url(images/dotted-line.png) repeat left top;
background-size:4px 4px;
content:"";
display:block;
height:1px;
width:100%
}
.comment-list > li:last-child:after {
display:none
}
.comment-body {
padding:24px 0;
position:relative
}
.comment-author {
float:left;
max-width:74px
}
.comment-author .avatar {
display:block;
margin-bottom:10px
}
.comment-author .fn {
word-wrap:break-word
}
.comment-author .fn,.comment-author .url,.comment-reply-link,.comment-reply-login {
color:#bc360a;
font-size:14px;
font-style:normal;
font-weight:400
}
.says {
display:none
}
.no-avatars .comment-author {
margin:0 0 5px;
max-width:100%;
position:relative
}
.no-avatars .comment-metadata,.no-avatars .comment-content,.no-avatars .comment-list .reply {
width:100%
}
.bypostauthor > .comment-body .fn:before {
content:"\f408";
vertical-align:text-top
}
.comment-list .edit-link {
margin-left:20px
}
.comment-metadata,.comment-awaiting-moderation,.comment-content,.comment-list .reply {
float:right;
width:79%;
width:-webkit-calc(100% - 124px);
width:calc(100% - 124px);
word-wrap:break-word
}
.comment-meta,.comment-meta a {
color:#a2a2a2;
font-size:13px
}
.comment-meta a:hover {
color:#ea9629
}
.comment-metadata {
margin-bottom:20px
}
.ping-meta {
color:#a2a2a2;
font-size:13px;
line-height:2
}
.comment-awaiting-moderation {
color:#a2a2a2
}
.comment-awaiting-moderation:before {
content:"\f414";
margin-right:5px;
position:relative;
top:-2px
}
.comment-reply-link:before,.comment-reply-login:before {
content:"\f412";
margin-right:3px
}
/* Comment form */
.comment-respond {
padding:30px 0
}
.comment .comment-respond {
margin-bottom:20px;
padding:20px
}
.comment-reply-title {
font:300 italic 28px "Source Sans Pro",Helvetica,sans-serif
}
.comment-reply-title small a {
color:#131310;
display:inline-block;
float:right;
height:16px;
overflow:hidden;
width:16px
}
.comment-reply-title small a:hover {
color:#ed331c;
text-decoration:none
}
.comment-reply-title small a:before {
content:"\f406";
vertical-align:top
}
.sidebar .comment-list .comment-reply-title,.sidebar .comment-list .comment-respond .comment-form {
padding:0
}
.comment-form .comment-notes {
margin-bottom:15px
}
.comment-form .comment-form-author,.comment-form .comment-form-email,.comment-form .comment-form-url {
margin-bottom:8px
}
.comment-form [for="author"],.comment-form [for="email"],.comment-form [for="url"],.comment-form [for="comment"] {
float:left;
padding:5px 0;
width:120px
}
.comment-form .required {
color:#ed331c
}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] {
max-width:270px;
width:60%
}
.comment-form textarea {
width:100%
}
.form-allowed-tags,.form-allowed-tags code {
color:#686758;
font-size:12px
}
.form-allowed-tags code {
font-size:10px;
margin-left:3px
}
.comment-list .pingback,.comment-list .trackback {
padding-top:24px
}
.comment-navigation {
font-size:20px;
font-style:italic;
font-weight:300;
margin:0 auto;
max-width:100%;
padding:20px 0 30px;
width:100%
}
.no-comments {
font-size:20px;
font-style:italic;
font-weight:300;
margin:0;
padding:40px 0;
text-align:center
}
.sidebar .no-comments {
padding-left:60px;
padding-right:376px
}
/**
* 5.13 Multisite
* ----------------------------------------------------------------------------
*/
.site-main .mu_register {
margin:0 auto;
max-width:100%;
width:100%
}
.mu_alert {
margin-top:25px
}
.site-main .mu_register input[type="submit"],.site-main .mu_register #blog_title,.site-main .mu_register #user_email,.site-main .mu_register #blogname,.site-main .mu_register #user_name {
font-size:inherit;
width:270px
}
.site-main .mu_register input[type="submit"] {
width:auto
}
/**
* 6.0 Sidebar
* ----------------------------------------------------------------------------
*/
.site-main .widget-area {
float:right;
width:300px
}
/**
* 6.1 Widgets
* ----------------------------------------------------------------------------
*/
.widget {
background-color:rgba(247,245,231,0.7);
font-size:14px;
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
margin:0 0 24px;
padding:20px;
word-wrap:break-word
}
.widget .widget-title {
font:300 italic 20px "Source Sans Pro",Helvetica,sans-serif;
margin:0 0 10px
}
.widget ul,.widget ol {
list-style-type:none;
margin:0;
padding:0
}
.widget li {
padding:5px 0
}
.widget .children li:last-child {
padding-bottom:0
}
.widget li > ul,.widget li > ol {
margin-left:20px
}
.widget a {
color:#bc360a
}
.widget a:hover {
color:#ea9629
}
/* RSS Widget */
.widget_rss .rss-date {
display:block
}
.widget_rss .rss-date,.widget_rss li > cite {
color:#a2a2a2
}
/* Calendar Widget */
.widget_calendar table,.widget_calendar td {
border:0;
border-collapse:separate;
border-spacing:1px
}
.widget_calendar caption {
font-size:14px;
margin:0
}
.widget_calendar th,.widget_calendar td {
padding:0;
text-align:center
}
.widget_calendar a {
display:block
}
.widget_calendar a:hover {
background-color:rgba(0,0,0,0.15)
}
.widget_calendar tbody td {
background-color:rgba(255,255,255,0.5)
}
.site-footer .widget_calendar tbody td {
background-color:rgba(255,255,255,0.05)
}
.widget_calendar tbody .pad,.site-footer .widget_calendar tbody .pad {
background-color:transparent
}
/**
* 7.0 Footer
* ----------------------------------------------------------------------------
*/
.site-footer {
color:#2e2e2e;
color:rgba(41,41,41,.85);
font-size:24px;
text-align:center
}
.site-footer .main-navigation {
clear:both;
margin:0 auto;
max-width:100%;
width:100%;
min-height:95px;
position:relative;
float:none;
height:auto
}
.site-footer .nav-menu li {
background-image:none;
margin-top:10px;
height:45px
}
.site-footer .nav-menu li a {
color:#2e2e2e;
font-size:25px;
padding:0 5px;
float:left
}
.site-footer .nav-menu li:hover > a,.site-footer .nav-menu li a:hover,.site-footer .nav-menu li:focus > a,.site-footer .nav-menu li a:focus {
color:#009fe3
}
.site-footer .nav-menu .current_page_item > a,.site-footer .nav-menu .current_page_ancestor > a,.site-footer .nav-menu .current-menu-item > a,.site-footer .nav-menu .current-menu-ancestor > a {
color:#009fe3
}
.site-footer .nav-menu li a strong {
font-family:Impact,'Chivo',Arial Black,sans serif;
display:inline
}
.site-footer .nav-menu li.footer-logo {
top:-40px;
z-index:1
}
.site-footer .nav-menu li.footer-logo img {
max-height:130px;
width:auto
}
.site-footer .nav-menu li.footer-logo.last {
display:none
}
.site-info {
clear:both;
margin:10px auto 0 auto;
width:100%;
height:24px;
padding:2px 0 0;
width:100%;
color:#fff;
background:#009fe3;
font-size:12px;
z-index:99999;
font-family:'dinotlight'
}
.site-info p {
margin:0 auto
}
#wpstats {
display:block;
margin:-10px auto 0
}
/*Popup*/

.fancybox-inner {
height: auto !important;	
}
.snp-theme-image {
background: transparent;	
} 
.snp-theme-image {
padding: 0;	
min-height: 0 !important;
}
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
/* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width:device-width
}
@viewport {
width:device-width
}
@media (max-width: 1599px) {
.site {
border:0
}
}
@media (max-width: 1069px) {
.sidebar img.alignleft,.sidebar .wp-caption.alignleft {
margin-left:0
}
.sidebar img.alignright,.sidebar .wp-caption.alignright {
margin-right:0
}
.attachment .image-navigation {
max-width:724px
}
.image-navigation .nav-previous,.image-navigation .nav-next {
position:static
}
.site-main .widget-area {
margin-right:60px
}
}
@media (max-width: 999px) {
.sidebar .entry-header,.sidebar .entry-content,.sidebar .entry-summary,.sidebar .entry-meta,.sidebar .comment-list,.sidebar .comment-reply-title,.sidebar .comment-navigation,.sidebar .comment-respond .comment-form,.sidebar .featured-gallery,.sidebar .post-navigation .nav-links,.author.sidebar .author-info {
max-width:100%;
padding-left:0;
padding-right:0
}
.sidebar .site-info,.search.sidebar .page-content,.blog.sidebar .page-content,.attachment .entry-header,.sidebar .comments-title {
max-width:100%
}
.sidebar .archive-meta,.attachment .entry-header,.search.sidebar .page-content,.blog.sidebar .page-content,.sidebar .site-info,.sidebar .comments-title,.sidebar .no-comments {
padding-left:0;
padding-right:0
}
.attachment .entry-meta {
float:left;
text-align:left;
width:100%
}
.attachment .entry-content {
max-width:100%;
padding:40px 0
}
.format-status .entry-content {
padding-top:40px
}
.format-status .entry-meta {
padding-bottom:40px
}
.sidebar .format-status .entry-content,.sidebar .format-status .entry-meta {
padding-left:35px
}
.sidebar .format-status .entry-content:before,.sidebar .format-status .entry-meta:before {
left:10px
}
.sidebar .format-status .entry-content p:first-child:before {
left:4px
}
.sidebar .paging-navigation .nav-links {
padding:0 60px
}
.site-main .sidebar-container {
height:auto;
margin:0 auto;
max-width:100%;
position:relative;
top:20px
}
.site-main .widget-area {
float:none;
margin:0;
width:100%
}
.sidebar .site-footer .widget-area {
max-width:100%;
left:0
}
}
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
.entry-content img.alignleft,.entry-content .wp-caption.alignleft {
margin-left:0
}
.entry-content img.alignright,.entry-content .wp-caption.alignright {
margin-right:0
}
.attachment .image-navigation,.attachment .entry-attachment .attachment {
max-width:100%;
padding:0;
width:100%
}
.gallery-caption {
display:none
}
}
@media (max-width: 643px) {
#content .format-status .entry-content,#content .format-status .entry-met {
padding-left:35px
}
#content .featured-gallery {
padding-left:24px
}
.gallery-columns-1 .gallery-item {
margin-right:0;
width:100%
}
.entry-title,.format-chat .entry-title,.format-image .entry-title,.format-gallery .entry-title,.format-video .entry-title {
font-size:22px;
font-weight:700
}
.format-quote blockquote,.format-status .entry-content {
font-size:18px
}
.format-quote blockquote small,.format-quote blockquote cite {
font-size:13px
}
.comment-author {
margin-right:30px
}
.comment-author .avatar {
height:auto;
max-width:100%
}
.comment-metadata,.comment-content,.comment-list .reply {
width:70%;
width:-webkit-calc(100% - 104px);
width:calc(100% - 104px)
}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] {
width:-webkit-calc(100% - 120px);
width:calc(100% - 120px)
}
.comment-form textarea {
height:/* Smaller field for mobile. */
80px
}
/* Audio */
.format-audio .entry-content:before {
display:none
}
.format-audio .audio-content {
background-image:none;
float:none;
padding-left:0;
width:auto
}
}
/* Mobile devices */
@media (max-width: 359px) {
.gallery {
margin-left:0
}
.gallery .gallery-item,.gallery-columns-2.gallery-size-thumbnail .gallery-item {
max-width:none;
width:49%;
width:-webkit-calc(50% - 4px);
width:calc(50% - 4px)
}
.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail {
display:block
}
.gallery-columns-1 .gallery-item,.gallery-columns-1.gallery-size-medium .gallery-item,.gallery-columns-1.gallery-size-thumbnail .gallery-item {
text-align:center;
width:98%;
width:-webkit-calc(100% - 4px);
width:calc(100% - 4px)
}
.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right:4px
}
.gallery br {
display:none
}
.gallery .gallery-item:nth-of-type(even) {
margin-right:0
}
/* Comments */
.comment-author {
margin:0 0 5px;
max-width:100%
}
.comment-author .avatar {
display:inline;
margin:0 5px 0 0;
max-width:20px
}
.comment-metadata,.comment-content,.comment-list .reply {
width:100%
}
}
/**
* 9.0 Print
* ----------------------------------------------------------------------------
*/
/* Retina-specific styles. */
@media print,(-o-min-device-pixel-ratio: 54),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
/*.site-header .search-field {
		background-image: url(images/search-icon-2x.png);
	}*/
.format-audio .audio-content,.format-status .entry-content:before,.format-status .entry-meta:before,.comment-list > li:after,.comment-list .children > li:before {
background-image:url(images/dotted-line-2x.png)
}
}
@media print {
body {
background:none!important;
color:#000;
font-size:10pt
}
footer a[rel="bookmark"]:link:after,footer a[rel="bookmark"]:visited:after {
content:/* Show URLs */
" [" attr(href) "] "
}
.site {
max-width:98%
}
.author-avatar,.site-footer,.comment-respond,.comments-area .comment-edit-link,.comments-area .reply,.comments-link,.entry-meta .edit-link,.page-links,.widget-area,.more-link {
display:none
}
.entry-header,.entry-content,.entry-summary,.entry-meta {
margin:0;
width:100%
}
.page-title,.entry-title {
font-size:21pt
}
.entry-meta,.entry-meta a {
color:#444;
font-size:10pt
}
.entry-content img.alignleft,.entry-content .wp-caption.alignleft {
margin-left:0
}
.entry-content img.alignright,.entry-content .wp-caption.alignright {
margin-right:0
}
.format-image .entry-content .size-full {
margin:0
}
/* Remove colors from post formats */
.hentry {
background-color:#fff
}
/* Comments */
.comments-area > li.comment {
background:none;
position:relative;
width:auto
}
.comment-metadata {
float:none
}
.comment-author .fn,.comment-reply-link,.comment-reply-login {
color:#333
}
}
.gradient {
background:#dddbd7;
/* Old browsers */
background:-moz-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dddbd7),color-stop(50%,#f7f6f4),color-stop(100%,#dddbd7));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%);
/* IE10+ */
background:linear-gradient(to bottom,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%);
/* W3C */
filter:/* IE6-9 */
progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddbd7',endColorstr='#dddbd7',GradientType=0)
}
.featured-text {
margin:-60px auto 0;
text-align:center
}
.featured-text h2 {
font-size:60px;
font-family:'gooddogregular';
color:#50524f
}
.search .featured-text {
margin:55px auto 0
}
.home h2,.entry-title,.single-products h2 {
text-align:center;
color:#009fe3;
color:rgba(0,159,227,.94);
font-size:40px;
line-height:1;
letter-spacing:5px;
margin:10px 0
}
.home h2 strong,.entry-title strong,.single-products h2 strong {
font-family:Impact,'Chivo',Arial Black,sans serif;
text-transform:uppercase;
color:#2e2e2e;
font-size:43px;
letter-spacing:7px
}
h1.entry-title {
position:relative;
z-index:1;
margin-bottom:-100px;
padding-bottom:70px;
background-image:url(images/arrow-big.png);
background-repeat:no-repeat;
background-position:center bottom;
text-transform:uppercase
}
h2.big-arrow {
position:relative;
z-index:99999;
margin-bottom:-40px;
padding-bottom:76px;
background-image:url(images/arrow-big.png);
background-repeat:no-repeat;
background-position:center bottom
}
.arrow-center {
text-align:center
}
h2.small-arrow-left {
display:inline-block;
width:auto;
position:relative;
z-index:99999;
margin:20px auto 30px;
padding:0 30px 20px;
background-image:url(images/arrow-small-left.png);
background-repeat:no-repeat;
background-position:left bottom
}
h2.small-arrow-right {
display:inline-block;
width:auto;
position:relative;
z-index:99999;
margin:20px auto 30px;
padding:0 25px 20px 30px;
background-image:url(images/arrow-small-right.png);
background-repeat:no-repeat;
background-position:right bottom
}
h2.small-arrow-center-left {
position:relative;
z-index:99999;
margin-bottom:40px;
padding-bottom:40px;
background-image:url(images/arrow-small-left.png);
background-repeat:no-repeat;
background-position:center bottom
}
h2.small-arrow-center-right {
position:relative;
z-index:99999;
margin-bottom:40px;
padding-bottom:40px;
background-image:url(images/arrow-small-right.png);
background-repeat:no-repeat;
background-position:center bottom
}
h2.uppercase {
text-transform:uppercase
}
.title-top {
margin:0;
background:transparent url(images/title-top.png) repeat-x left top;
width:100%;
height:21px;
margin-top:-10px
}
.title-bottom {
margin:0;
background:transparent url(images/title-bottom.png) repeat-x left top;
width:100%;
height:41px
}
.featured-top {
background:transparent url(images/header-bottom-shadow.png) repeat-x left top;
width:100%;
height:48px;
position:relative;
z-index:1;
margin-bottom:-38px
}
.footer-top {
margin:0;
background:transparent url(images/footer-top.png) repeat-x left top;
width:100%;
height:32px;
position:relative;
z-index:1;
top:-32px
}
.video-top,.flavours-top {
margin:0;
background:transparent url(images/video-top.png) repeat-x left top;
width:100%;
height:51px;
margin-top:-51px
}
.video-bottom {
margin:0;
background:transparent url(images/video-bottom.png) repeat-x left top;
width:100%;
height:51px;
margin-top:-51px
}
.flavours-bottom {
margin:0;
background:transparent url(images/flavours-bottom.png) repeat-x left top;
width:100%;
height:51px;
margin-top:-20px
}
.container-youtube {
max-width:860px;
margin:0 auto 20px;
padding-bottom:80px;
text-align:center
}
.section-products {
padding:0;
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-bottom:50px
}
.section-products .container {
max-width:1140px
}
.video {
position:relative;
padding-bottom:56.25%;
/* 16:9 */
padding-top:25px;
height:0
}
.video iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.section-fb-insta {
padding:0;
width:100%;
padding-top:0;
padding-bottom:40px
}
.section-fb-insta .container {
max-width:960px;
margin:0 auto
}
.section-fb-insta .one_half {
max-width:395px
}
.section-fb-insta .one_half.last_column {
max-width:395px;
float:right
}
.section-fb-insta h2 {
font-size:28px
}
.section-fb-insta .arrow-center {
max-width:100%;
margin-top:0
}
.section-fb-insta h2 strong {
font-size:29px;
text-transform:none
}
.fb-wrapper {
max-width:395px
}
.fb_iframe_widget {
border:10px solid #fff !important
}
.single .fb_iframe_widget {
border: none !important;	
}
.instagram-selfie {
border:10px solid #fff
}
.easy-instagram-container {
border:10px solid #fff;
border-bottom:5px;
background:#fff;
max-width:395px
}
.instagram-wrapper {
/*margin-left: 40px;*/
float:right;
max-width:395px
}
.easy-instagram-thumbnail-wrapper {
text-align:center;
width:30.5%;
float:left
}
.easy-instagram-thumbnail-wrapper:nth-child(even) {
margin-left:15px;
margin-right:15px;
margin-bottom:15px
}
.bar-slider {
margin:30px auto;
padding-bottom:30px;
max-width:900px
}
.bar-container {
text-align:center;
padding-top:30px;
padding-bottom:0
}
.description-container {
position:relative;
/*left: -100%;
width: 300%;*/
top:0px;
display:block;
margin:0;
height:100px
}
.description-container {
display:none
}
.slick-center .description-container {
display:block
}
.slick-center .description-container p {
display:block;
color:#50524f;
/*font-size: 40px;*/
font-size:20px;
line-height:1;
font-family:'gooddogregular';
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
position:relative;
z-index:1;
margin:20px 0 0;
padding:0
}
.slick-center .description-container p {
display:none
}
.slick-center .description-container sup {
font-size:70%;
vertical-align:middle;
display:block;
clear:both;
line-height:1;
margin-top:10px;
font-family: 'dinotregular';
}
.bar-container-inner {
text-align:center;
position:relative;
display:none
}
.slick-center .bar-container-inner {
display:block;
width:100%!important;
display:none
}
.bar-item,.slick-center .bar-item {
margin:0 auto!important;
width:450px!important
}
.bar-item {
display:table-cell;
vertical-align:middle
}
.bar-container-inner img {
margin:0 auto;
height:280px;
width:auto
}
.slick-center .bar-container-inner img {
height:350px;
width:auto
}
img.title-image {
width:62%!important;
height:auto!important;
margin:0 auto 50px
}
.slick-center img.title-image {
width:75%!important;
height:auto!important
}
a.barlink {
display:block;
border:none
}
a.barlink:hover {
text-decoration:none!important
}
/* Arrows */
.slick-prev,.slick-next {
width:44px;
min-height:131px;
top:35%;
display:none!important
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
outline:none
}
.slick-prev,.slick-prev:hover,slick-prev:focus,slick-prev:active {
left:-70px;
background:url(images/product-arrows.png) no-repeat!important;
height:131px!important;
background-position:0 0!important;
padding:0!important
}
.slick-prev:hover,slick-prev:focus,slick-prev:active {
background-position:0 -131px!important
}
.slick-prev:before {
content:""
}
.slick-next,.slick-next:hover,.slick-next:focus,.slick-next:active {
right:-70px;
background:url(images/product-arrows.png) no-repeat!important;
height:131px!important;
background-position:-44px 0!important;
padding:0!important
}
.slick-next:hover,.slick-next:focus,.slick-next:active {
background-position:-44px -131px!important
}
.slick-next:before {
content:""
}
a.barlink {
display:block;
border:none
}
.bar-container-inner img,.slick-center .bar-container-inner img {
}
.slick-prev.no-arrows,.slick-next.no-arrows {
background:transparent
}
.showme,.slick-center .bar-container-inner.showme,.slick-prev.showme,.slick-next.showme,.description-container p.showme,.slick-prev.showme,.slick-next.showme {
display:block!important
}
@media screen and (max-width: 1100px) {
.slick-prev,.slick-prev:hover,slick-prev:focus,slick-prev:active {
left:-20px
}
.slick-next,.slick-next:hover,.slick-next:focus,.slick-next:active {
right:-20px
}
}
.content-area {
max-width:960px;
margin:0 auto;
padding-bottom:50px
}
.page-template-page-contact .content-area,.search .content-area {
max-width:780px;
margin:0 auto
}
.single-products .content-area,.home .content-area {
max-width:100%;
padding-bottom:0
}
img.our-story {
margin-top:70px;
max-width:522px;
width:100%;
height:auto
}

.page-template-page-gluten-free-landing  .gluten-free-product-top {
max-width: 710px;
margin: 0 auto;	
} 

.page-template-page-gluten-free-landing .centerme-wrapper {
display: table;
}

.page-template-page-gluten-free-landing .two_third .centerme-wrapper  {
padding: 0 40px;
}

.page-template-page-gluten-free-landing hr {
margin: 20px 0;	
background: transparent;
}

.small-arrow-center-right-wrapper {
text-align: center;	
margin-top:-15px;
}

.page-template-page-gluten-free-landing .centerme-wrapper img {
max-width: 200px;	
width: 100%;
margin-right: 0px;
}

.page-template-page-gluten-free-landing h2.small-arrow-center-right {
color: #009fe3;
font-size: 28px;
margin: 0 0 20px 0;
}

img.gluten-free-hsr {
max-width: 110px !important;
width: 100%;	
margin-top: -20px;
}

img.gluten-free-hsr.mobile {
display:none;
}

.gluten-free-fb {
color: #009fe3;
font-size: 29px;
font-family:Impact,'Chivo',Arial Black,sans serif!important;
text-shadow: 2px 5px 2px #973347;
letter-spacing: 2px;
text-align: center;
}

.gluten-free-fb a {
text-decoration:none;
}  

a.coles-link,a.woolworths-link,a.coles-link:visited,a.woolworths-link:visited {
color:#fff;
padding:5px 20px 7px;
display:inline-block;
margin:0 20px 10px 0;
border-radius:5px
}
.coles-link {
background:#e9222c
}
.woolworths-link {
background:#25861e
}
.search .entry-header,.search .entry-content,.search .entry-summary,.search .entry-meta {
text-align:left
}
.search article .entry-title {
margin:0;
text-align:left;
width:auto;
display:inline-block;
font-size:30px;
color:#fff;
padding:20px 20px 20px 30px;
text-transform:uppercase;
background:url(images/search-title.png);
background-size:100% 100%
}
.search article .entry-title strong {
font-size:20px
}
.search article .entry-title a {
color:#fff
}
.search article .entry-title a:hover {
text-decoration:none
}
.search article {
padding:20px
}
.search-product-description sup {
top:0;
font-size:100%
}
.read-more .genericon {
font-size:18px;
line-height:.5;
position:relative;
top:2px;
margin:0 10px 0 0;
height:18px;
width:18px;
display:inline-block;
text-align:center;
border-radius:18px;
background:#009fe3;
color:#fff;
box-shadow:2px 2px 0 #5d3763;
padding:0 0 0 1px
}
.icon {
float:left;
width:auto
}
.one_half.contact-info .icon {
padding:0 4px;
margin:-15px 0 0
}
.icon-line {
float:left;
height:1px;
border-top:1px solid #ccc
}
.one_half.contact-info .genericon {
font-size:30px!important;
color:#009fe3!important
}
.one_half.contact-info {
border-bottom:1px solid #ccc;
width:45%;
margin:0 5% 52px 0;
text-align:center;
padding:10px 0
}
.one_half.last_column.contact-info {
margin:0 0 42px 5%
}
.contact-info-content-outer {
width:100%;
display:table
}
.contact-info-content-inner {
width:100%;
display:table-cell;
vertical-align:middle
}
.contact-info h2 {
font-family:inherit;
font-size:inherit;
margin:10px 0 0;
text-transform:uppercase
}
.contact-info p {
margin:0
}
.general-contact-us-form {
clear:both;
display:none;
width:100%
}
.contact_info_buttons {
text-align:center;
margin:60px 40px 100px
}
.general_enquiry_button {
background:transparent url(images/product-enquiry-button.png);
width:313px;
height:88px;
background-position:0 0;
float:left;
color:#2EA7E5;
font-family:'gooddogregular';
text-transform:uppercase;
font-size:35px;
padding:0 0 2px
}
.general_enquiry_button:hover,.general_enquiry_button:active,.general_enquiry_button:focus {
background:transparent url(images/product-enquiry-button.png);
width:313px;
height:88px;
background-position:0 -104px;
color:#fff;
padding:0
}
.product_feedback_button {
background:transparent url(images/product-quality-button.png);
width:313px;
height:88px;
background-position:0 0;
float:right;
color:#2EA7E5;
font-family:'gooddogregular';
text-transform:uppercase;
font-size:35px;
padding:0 0 2px
}
.product_feedback_button:hover,.product_feedback_button:active,.product_feedback_button:focus {
background:transparent url(images/product-quality-button.png);
width:313px;
height:88px;
background-position:0 -104px;
color:#fff;
padding:0
}
.ninja-forms-required-items {
margin:20px 0
}
.ninja-forms-form {
max-width:735px;
margin:0 auto
}
.ninja-forms-form .field-wrap {
text-align:left
}
.ninja-forms-form .field-wrap.label-left label {
width:30%!important;
float:left!important;
text-transform:uppercase;
color:#2e2e2e;
text-align:right;
padding-top:4px
}
.ninja-forms-field-error {
width:30%!important;
float:left!important;
text-align:right
}
.ninja-forms-form-wrap input,.ninja-forms-form-wrap select,.ninja-forms-form-wrap textarea {
width:65%!important;
background:#f9f8f8;
margin-left: 8px;
}
.ninja-forms-field-description {
margin:10px 0 0 31%
}
.ninja-forms-form .field-wrap.label-right.electronic-com-wrap {
margin-left:31%
}
.ninja-forms-form .field-wrap.label-right.electronic-com-wrap label {
width:auto!important;
float:none!important;
font-weight:400
}
.ninja-forms-form .field-wrap.label-right.electronic-com-wrap input {
width:auto!important;
margin-left:0;
}
.ninja-forms-form-wrap .submit-wrap,
.ninja-forms-form-wrap .timed_submit-wrap {
margin-left:31%
}
.ninja-forms-form-wrap .submit-wrap input,
.ninja-forms-form-wrap .timed_submit-wrap button {
width:247px!important;
height:37px;
background:url(images/form-button.png);
background-position:0 0;
font-family:'gooddogregular';
text-transform:uppercase;
float:left;
box-shadow:none;
font-size:25px;
padding:0 0 2px;
}
.ninja-forms-form-wrap .submit-wrap input:hover,
.ninja-forms-form-wrap .submit-wrap input:active,
.ninja-forms-form-wrap .timed_submit-wrap button:hover,
.ninja-forms-form-wrap .timed_submit-wrap button:active {
background-position:0 -37px
}
.ninja-forms-form-wrap select + .ninja-genericon {
position:relative;
right:0;
left:0;
top:5px;
pointer-events:none;
border-left:1px solid #a7a6a6;
color:#2e2e2e;
font-size:20px;
width:20px;
height:25px;
margin-left:-22px;
padding-top: 4px;
}
.ninja-forms-form-wrap select {
text-indent:.01px;
text-overflow:;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none
}
select,option,select:focus,option:focus {
outline:none!important
}
select::-ms-expand {
/* IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
/* IE 5-7 */
filter:alpha(opacity=0);
opacity:0;
display:none
}
/* our product */
.breadcrumb {
text-align:center;
font-size:16px;
letter-spacing:0;
margin-top:-20px;
font-family:'dinotlight'
}
.breadcrumb,.breadcrumb a {
color:#50524f
}
.breadcrumb strong {
font-weight: normal;
font-family:'dinotlight';
}
.product-landing {
max-width:860px;
margin:0 auto
}
.product-landing .product {
width:28%;
margin:30px 2% 40px;
float:left;
text-align:center;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.product a {
display:block
}
.product a:hover {
color:#333
}
.product img.title-image {
width:64%!important;
height:auto;
margin:0 auto 30px;
display:block
}
.product-thumb {
max-height:260px;
width:auto
}
@media screen and (max-width: 767px) {
.product-landing .product {
width:50%;
margin:0 0 50px;
float:left
}
.product img.title-image,a.like-product img.title-image {
width:150px!important;
height:auto;
margin:0 auto 30px;
display:block
}
.product-thumb {
max-height:220px;
width:auto
}

}
@media screen and (max-width: 600px) {
.product img.title-image,a.like-product img.title-image {
width:130px!important;
height:auto;
margin:0 auto 30px;
display:block
}
.product-thumb {
max-height:180px;
width:auto
}
}
@media screen and (max-width: 320px) {
.product-landing .product {
width:100%;
height:auto;
margin:0 0 20px;
float:none
}
}
.ingredients-info {
width: 90%;
margin: 0;
}
.ingredients {
text-align:left;
padding-bottom: 50px;
}
.ingredients h2 {
text-align:center;
margin-bottom:45px
}
.also-like-product {
width:100%;
text-align:center
}
a.like-product {
display:inline-block;
/*float: left;*/
width:49%;
margin:0 auto 0;
text-align:center
}
a.like-product img.title-image {
width:65%!important;
height:auto;
margin:0 auto 30px;
display:block
}
a.like-product img {
max-width:135px;
height:auto
}
.middle-section {
padding: 0 0 20px 0;
}
.flavours-claims h2 {
margin-bottom:45px
}
.flavour-health {
display:table;
width:100%;
margin:0 auto
}
.more-flavours {
width:100%;
margin:0 auto;
}
.health-ticks-wrapper {
margin-top:0;
width:100%
}
.health-ticks {
width:100%;
margin:0 auto
}
.health-ticks ul {
margin:-5px 0 20px;
padding:0;
list-style-type:none
}
.health-ticks ul li {
margin:0 0 20px -10px;
text-align:left;
list-style-type:none;
font-size:20px;
font-weight:700
}
.health-ticks ul li p {
display:inline-block;
margin:-20px 0 0 35px
}
.health-ticks ul li:last-of-type {
margin-bottom:0
}
.health-ticks li::before {
content:'\f418 ';
font-family:"Genericons";
font-size:25px;
line-height:1.1;
position:relative;
top:5px;
margin:0 10px 0 0;
height:25px;
width:25px;
display:inline-block;
text-align:center;
border-radius:25px;
background:#009fe3;
color:#fff;
box-shadow:2px 2px 0 #5d3763;
float:left
}
.health-ticks img {
max-width: 100px !important;
height: auto !important;	
margin: 0 !important;
}
.serving-size {
float:left;
}
.serving-size-pack {
float:right;
}
.one_half.related-nutri {
float:right
}
.one_half.last_column.related-nutri {
float:left
}
ul.nutri-info {
text-align:left;
margin:0 0 20px;
padding:0;
list-style-type:none;
color:#373737
}
ul.nutri-info li {
text-align:left;
padding:0;
list-style-type:none
}
ul.nutri-info .key {
width:36%;
display:/*height: 20px;*/
inline-block
}
.nutri-info strong {
font-weight:400
}
ul.nutri-info .per-serving {
width:30%;
display:inline-block;
text-align:center;
/*height: 20;*/
font-family:'dinotlight'
}
ul.nutri-info .per-100 {
width:30%;
display:inline-block;
text-align:center;
height:20px;
font-family:'dinotlight'
}
.heading-per-serving {
display:inline-block;
text-align:center;
width:32%;
margin:0 0 0 32.6%
}
.heading-per-100 {
display:inline-block;
text-align:center;
width:32%;
margin:0
}
ul.nutri-info li.sub-item {
margin:-2px 0 0;
padding:0
}
ul.nutri-info li.sub-item::before {
content:'\- ';
font-size:12px;
width:12px;
display:inline-block
}
ul.nutri-info li.sub-item .key {
margin-right:-19px;
padding-right:20px
}
ul.nutri-info li.sub-item strong {
font-weight:400
}
ul.nutri-footnotes {
margin:0;
padding:0;
list-style-type:none
}
ul.nutri-footnotes li {
margin:0;
padding:0;
list-style-type:none;
font-family:'dinotlight'
}
@media (max-width: 767px) {
.serving-size, .serving-size-pack {
float:none;
width:100%;
display:block;
}
ul.nutri-info {
text-align:left;
margin:0 0 20px;
padding:0;
font-size:90%
}
ul.nutri-info li {
text-align:left;
padding:0
}
ul.nutri-info li.sub-item .key {
margin-right:-19px
}
ul.nutri-info li.sub-item strong {
font-weight:400
}
.heading-per-serving {
width:23%;
margin:0 0 0 50%
}
.heading-per-100 {
width:23%
}
ul.nutri-info .key,ul.nutri-info .per-serving,ul.nutri-info .per-100 {
margin:0;
height:auto
}
ul.nutri-info .per-serving,ul.nutri-info .per-100 {
width:23%
}
ul.nutri-info .key {
width:50%
}
}
.centerme {
display:table-cell;
vertical-align:middle
}
.product-top-section {
padding-bottom:50px
}
.arrow-prev.mobile,.arrow-next.mobile {
display:none
}
.arrow-prev,.arrow-next {
width:10%;
float:left;
display:table;
margin-top:40px
}
.arrow-prev a span,.arrow-next a span {
display:none
}
.arrow-prev a {
height:131px;
width:44px;
display:block;
background:url(images/product-arrows.png) no-repeat;
position:relative
}
.arrow-prev a:hover {
background-position:0 -131px
}
.arrow-next a {
float:right;
height:131px;
width:44px;
display:block;
background:url(images/product-arrows.png) no-repeat -44px 0;
position:relative
}
.arrow-next a:hover {
background-position:-44px -131px
}
.single-products .product-img {
float:left;
width:30%;
display:block;
margin-top:40px
}
.single-products .product-img img {
max-height:362px;
width:auto;
float:right;
margin-right:65px
}
.single-products .product-quick-info {
float:left;
width:50%;
margin-top:40px
}
.product-quick-info h1 {
margin:0 20px 0 0;
font-size:40px;
float:left
}
.product-description {
margin-top:15px
}
.product-description sub {
font-size: 100%;
}
.product-description br {
display: none;	
}
.product-description br:last-of-type {
display: block;	
}
.hsr {
font-style:italic;
font-size:75%
}
.hsr iframe {
margin-top: 20px;	
}
.hsr h3 {
display:none
}
.hsr p {
margin:10px 0
}
.hsr strong {
font-weight:400
}
.product-description img {
max-width:300px;
width:100%;
height:auto
}
.share-this {
opacity:0;
margin:17px 0 0;
clear:none;
float:right
}
.share-this.sharefloat {
float:left;
clear:both
}
.share-service {
float:left;
display:inline-block;
height:25px;
margin:0 10px 0 0
}
.fb-like {
top:-4px
}
.twitter-share-button {
}
#___plus_0 {
vertical-align:top!important
}
iframe.twitter-share-button {
width:80px!important
}
.mobile-prev-next {
display:none
}

.product-container {
font-size: 0;
padding-top: 30px;
}
.product-container a img {
margin: 0 auto;
}
.product-container a.like-product img.title-image {
width: 100% !important;
}

.product-slider .slick-prev, .product-slider .slick-prev:hover, .product-slider slick-prev:focus, .product-slider slick-prev:active {
left:0px;
}

.product-slider .slick-next,.product-slider .slick-next:hover,.product-slider .slick-next:focus,.product-slider .slick-next:active {
right:0px;
}



/**
* Store Locator
* ----------------------------------------------------------------------------
*/

.page-template-page-store-locator #wpsl-wrap {
overflow: visible;	
}

.page-template-page-store-locator #wpsl-stores {
min-height: 40px;
height: auto !important;	
}

.page-template-page-store-locator #wpsl-gmap, .page-template-page-store-locator #wpsl-result-list {
float: none;
width: 100%;
}

.page-template-page-store-locator .wpsl-search {
margin-top: 30px;	
}

#wpsl-wrap #wpsl-result-list ul li {
padding-left: 60px;	
position: relative;
}

.wpsl-cat-image {
width: 50px;
position: absolute;
left: 0;
top: 35px;	
}

.wpsl-cat-image img {
max-width: 100%;
width: 100%;	
}

.wpsl-info-window .wpsl-cat-image{
display: none;	
}

.page-template-page-store-locator .wpsl-input label, .page-template-page-store-locator #wpsl-radius label, .page-template-page-store-locator #wpsl-category label {
width: auto;	
}

.page-template-page-store-locator #wpsl-search-input {
float: left;	
width: 70%;
margin-right: 10px;
}

.page-template-page-store-locator #wpsl-search-btn {
padding: 6px 12px;	
}

.page-template-page-store-locator .wpsl-search-btn-wrap {
margin: 0 0 0px 0 !important;	
}

.page-template-page-store-locator .wpsl-search {
padding: 10px;	
}

@media screen and (max-width: 960px) {

.page-template-page-store-locator .hentry {
padding: 0 0 90px 0;
}

.page-template-page-store-locator .top-featured-image {
display: none;	
}

.page-template-page-store-locator  h1.entry-title {
background-image: none;	
}

.page-template-page-store-locator .search-location-label {
width: 100%;	
}


.page-template-page-store-locator .wpsl-no-filters #wpsl-search-input  {
width: 60% !important;
margin-right: 5%;
}

.page-template-page-store-locator .wpsl-search-btn-wrap {
width: 35% !important;	
clear: none;
}

}

@media screen and (max-width: 1140px) {
.product-quick-info h1 {
float:none
}
.share-this {
float:none
}
.site .container {
padding-left:20px;
padding-right:20px
}
.navbar {
text-align:center
}
.nav-menu li a {
font-size:25px;
padding:0 10px
}
.nav-menu li a strong {
font-size:24px
}
}
@media (max-width: 960px) {
img.our-story {
padding:0 40px
}
.section-fb-insta .one_half,.section-fb-insta .one_half.last_column {
width:100%;
float:none
}
.fb-wrapper {
float:none;
max-width:100%;
width:100%
}
.instagram-wrapper {
float:none;
max-width:100%;
width:100%
}
.easy-instagram-container {
max-width:100%;
width:100%
}
.easy-instagram-thumbnail-wrapper {
text-align:center;
width:31.33%;
float:left
}
.easy-instagram-thumbnail-wrapper:nth-child(even) {
margin-left:3%;
margin-right:3%;
margin-bottom:3%
}
.section-fb-insta .one_half,.section-fb-insta .one_half.last_column {
margin:0 auto
}
.share-this {
float:none;
clear:both
}
.desktop-header {
display:none
}
.mobile,.mobile-menu {
display:block
}
.site-header {
padding:0
}
.site-header .container {
padding:0 10px
}
.mobile-header {
margin:20px auto 0
}
.mobile-column {
float:left;
width:33%
}
.mobile-column.left,.mobile-column.right {
margin:0;
text-align:center;
display:table
}
.mobile-column.left,.mobile-column.center {
position:relative;
z-index:1
}
.social-media-links {
width:100%
}
.social-media-links a .genericon {
margin:0
}
.social-media-links .genericon:before {
font-size:25px!important
}
.search-submit .genericon:before {
font-size:30px!important
}
.mobile-logo {
display:block;
text-align:center;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.mobile-logo img {
max-width:100%;
width:auto;
height:auto
}
.top-social-search {
float:none;
margin:20px auto;
width:100%
}
.mobile-header form.search-form {
margin:0 auto;
float:none;
text-align:center;
width:100%
}
.mobile-header form.search-form {
background:url(images/search-bg-mobile.png) no-repeat;
max-width:323px;
width:100%;
height:37px;
margin:0 auto
}
.mobile-header .search-field {
cursor:pointer;
height:21px;
margin:6px 5px 6px 26px;
padding:0 10px;
position:relative;
background-color:#fff;
color:#3b3b3b;
border:none;
cursor:text;
outline:0;
width:245px;
text-transform:uppercase;
float:left;
font-family:'gooddogregular';
font-size:15px;
line-height:1
}
.social-media-links a:hover .genericon {
margin:0
}
.search-form .search-submit {
display:inline-block
}
.desktop-slider {
display:none
}
.mobile-slider {
display:block
}
.mobile-header #site-navigation {
position:absolute;
right:0;
width:100%;
margin:-13px 0 0;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
#mega-menu-wrap-mobile .mega-menu-toggle .mega-toggle-block-right {
float:none !important;
}
#mega-menu-wrap-mobile .mega-menu-toggle {
    display: block;
    float: right;
    text-align: center !important;
    width: 33% !important;
}
#mega-menu-wrap-mobile .mega-menu-toggle::before {
width:33%!important;
margin:-5px auto 0!important;
display:block!important;
color:#009fe3 !important;
color:rgba(0,159,227,.94) !important;
font-size:50px !important;
text-align:center!important
}
#mega-menu-wrap-mobile .mega-menu-toggle #mega-toggle-block-1:before {
color:#009fe3 !important;
color:rgba(0,159,227,.94) !important;
font-size:50px !important;
text-align:center!important
}
.mega-menu-wrap {
width:100%!important;
position:relative!important
}
#mega-menu-mobile {
width:100%!important;
position:absolute!important;
z-index:99999999999
}
#mega-menu-wrap-mobile,#mega-menu-wrap-mobile #mega-menu-mobile,#mega-menu-wrap-mobile #mega-menu-mobile ul,#mega-menu-wrap-mobile #mega-menu-mobile li,#mega-menu-wrap-mobile #mega-menu-mobile p,#mega-menu-wrap-mobile #mega-menu-mobile img,#mega-menu-wrap-mobile #mega-menu-mobile div,#mega-menu-wrap-mobile #mega-menu-mobile a {
text-align:center!important
}
#mega-menu-wrap-mobile #mega-menu-mobile {
text-align:center!important;
font-family:'gooddogregular'!important;
padding:0 0 30px!important;
background:transparent url(images/header-bottom.png) left bottom no-repeat!important
}
#mega-menu-wrap-mobile #mega-menu-mobile ul {
text-align:center!important;
font-family:'gooddogregular'!important;
padding:0!important;
background:#f8f7f7!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li {
margin:0!important;
text-align:center!important;
padding:0!important;
height:auto!important
}
.mobile-menu-top {
display:block!important;
width:100%;
height:1px;
padding:18px 0 0!important;
background:transparent url(images/menu-top.png) repeat-x left top!important;
position:relative!important;
top:0!important;
z-index:1!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li a {
top:-18px!important;
margin:0 0 -18px!important;
display:block;
height:auto!important;
text-align:center!important;
color:#2e2e2e!important;
font-size:25px!important;
padding:15px 0 10px!important;
background:#dddbd7!important;
/* Old browsers */
background:-moz-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dddbd7),color-stop(50%,#f7f6f4),color-stop(100%,#dddbd7))!important;
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* IE10+ */
background:linear-gradient(to bottom,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* W3C */
filter:/* IE6-9 */
progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddbd7',endColorstr='#dddbd7',GradientType=0)!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li:hover > a,#mega-menu-wrap-mobile #mega-menu-mobile li a:hover,#mega-menu-wrap-mobile #mega-menu-mobile li:focus > a,#mega-menu-wrap-mobile #mega-menu-mobile li a:focus {
color:#009fe3!important;
background:#dddbd7!important;
/* Old browsers */
background:-moz-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dddbd7),color-stop(50%,#f7f6f4),color-stop(100%,#dddbd7))!important;
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* IE10+ */
background:linear-gradient(to bottom,#dddbd7 0%,#f7f6f4 50%,#dddbd7 100%)!important;
/* W3C */
filter:/* IE6-9 */
progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddbd7',endColorstr='#dddbd7',GradientType=0)!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li a strong {
font-family:Impact,'Chivo',Arial Black,sans serif!important;
color:#2e2e2e!important;
text-transform:uppercase!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li.mega-current_page_item a,#mega-menu-wrap-mobile #mega-menu-mobile li.mega-current_page_ancestor a,#mega-menu-wrap-mobile #mega-menu-mobile li.mega-current-menu-item a,#mega-menu-wrap-mobile #mega-menu-mobile li.mega-current-menu-ancestor a {
color:#009fe3!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li.mega-mobilesearch a {
background:#fff!important;
padding:0!important;
margin:0!important;
height:auto!important;
top:0!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li.mega-mobilesearch .mobile-menu-top {
display:none!important
}
#mega-menu-wrap-mobile #mega-menu-mobile li.mega-mobilesearch ul.mega-sub-menu {
display:block!important;
margin:0!important;
padding:0!important
}
#mega-menu-wrap-mobile .mega-menu-toggle + #mega-menu-mobile li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,#mega-menu-wrap-mobile .mega-menu-toggle + #mega-menu-mobile li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
text-align:center!important;
padding:0!important;
margin:0!important;
width:100% !important;
}
#mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu-megamenu > ul.mega-sub-menu > li {
width:100%!important;
text-align:center!important;
height:auto!important;
margin:20px 0!important;
padding:0!important
}
#mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
width: 100% !important;
} 
}
@media (max-width: 900px) {
.container-youtube {
margin:0 20px
}
.single-products .product-img img {
margin-right:20px
}
}
@media (max-width: 767px) {

.page-template-page-gluten-free-landing .centerme-wrapper {
display: block;
width: 100%;
text-align: center;
}

.page-template-page-gluten-free-landing .centerme-wrapper .centerme {
display: block;	
width: 100%;
}

.small-arrow-right-wrapper {
text-align: center;	
}

.page-template-page-gluten-free-landing .centerme-wrapper img {
max-width: 250px;	
width: 100%;
margin: 0 auto;
float: none;
}

.page-template-page-gluten-free-landing .one_third,
.page-template-page-gluten-free-landing .two_third {
float: none;
width: 100%;	
text-align: center;
margin-bottom: 0;
}

.page-template-page-gluten-free-landing .two_third .centerme-wrapper  {
padding:0;
}

img.gluten-free-hsr.desktop {
display:none;
}

img.gluten-free-hsr.mobile {
display: block;
margin: 20px auto 0 auto !important;
float: none;
}

.gluten-free-fb {
border: none;
padding: 0;	
} 

.gluten-free-fb br {
display: none;	
}

.home-slider {
margin:0
}
.top-featured-image {
margin:20px 0 0
}
.search article .entry-title {
font-size:20px
}
.general_enquiry_button,.product_feedback_button {
float:none;
margin:0 0 10px
}
.ninja-forms-form {
width:100%
}
.ninja-forms-form .field-wrap {
display:none
}
.page-id-857 .ninja-forms-form .field-wrap {
display:block;
}
.ninja-forms-form .field-wrap.show-me,.ninja-forms-form .show-me {
display:block
}
.ninja-forms-form .field-wrap.label-left label {
width:100%!important;
float:none!important
}
.ninja-forms-field-error {
float: none !important;
text-align: left;
width: 100% !important;
}
.ninja-forms-form-wrap input,.ninja-forms-form-wrap select,.ninja-forms-form-wrap textarea, .ninja-forms-form .field-wrap.label-right.electronic-com-wrap {
width:100%!important;
float:none!important;
margin:5px 0 0!important
}
.ninja-forms-form-wrap .submit-wrap,
.ninja-forms-form-wrap .timed_submit-wrap {
margin-left:0
}
.site-footer .nav-menu li.footer-logo.middle,#wprmenu_menu li.header-logo {
display:none!important
}
.site-footer .nav-menu li a {
font-size:13px;
padding:0 5px
}
.site-footer .nav-menu li a strong {
font-size:12px
}
.site-footer .nav-menu li {
height:auto!important
}
.site-footer .nav-menu li.footer-logo.last {
display:block;
top:0;
margin:0 auto;
display:block;
height:auto
}
.site-footer .nav-menu li.footer-logo.last a {
text-align:center;
float:none
}
.one_half.contact-info,.one_half.last_column.contact-info {
float:none;
width:100%;
margin:0 0 42px;
padding:10px 0
}
.arrow-next.desktop {
display:none
}
.arrow-next.mobile {
display:table
}
.single-products .product-img {
float:left;
width:80%;
margin:0 auto 10px;
text-align:center
}
.single-products .product-img img {
float:none;
margin:0 auto;
max-height:307px;
width:auto
}
.single-products .product-quick-info {
clear:both!important;
float:none;
width:100%;
margin:0 0 2%;
text-align:left;
padding:20px 0 0
}
.one_half {
float:none!important;
width:100%!important
}
.arrow-prev,.arrow-next {
margin-top:0;
width:10%
}
.arrow-next {
float:right
}
.arrow-prev a {
height:75px;
width:26px;
display:block;
background:url(images/product-arrows-mobile.png) no-repeat
}
.arrow-prev a:hover {
background-position:0 -75px
}
.arrow-next a {
float:right;
height:75px;
width:26px;
display:block;
background:url(images/product-arrows-mobile.png) no-repeat -26px 0
}
.arrow-next a:hover {
background-position:-26px -75px
}
.flavour-health {
height:auto!important;
width:100%
}
.more-flavours {
width:100%
}
.health-ticks {
width:100%;
display:block;
margin:0 auto;
padding:0 30px;
height:auto!important
}
.health-ticks-inner {
display:block;
vertical-align:middle
}
}
@media screen and (max-width: 940px) {
.bar-item,.slick-center .bar-item {
margin:0 auto!important;
width:450px!important
}
.bar-item {
display:table-cell;
vertical-align:middle
}
.slick-center .description-container {
display:block
}
.bar-container-inner img {
margin:0 auto;
height:230px;
width:auto
}
.slick-center .bar-container-inner img {
height:300px;
width:auto
}
img.title-image {
width:62%!important;
height:auto!important;
margin:0 auto 50px
}
.slick-center img.title-image {
width:75%!important;
height:auto!important
}
/* Arrows */
.slick-prev,.slick-next {
width:44px;
min-height:75px;
top:40%
}
.slick-prev,.slick-prev:hover,slick-prev:focus,slick-prev:active {
left:-20px;
background:url(images/product-arrows-mobile.png) no-repeat!important;
height:75px!important;
background-position:20px 0!important;
padding:0!important
}
.slick-prev:hover,slick-prev:focus,slick-prev:active {
background-position:20px -75px!important
}
.slick-next,.slick-next:hover,.slick-next:focus,.slick-next:active {
right:-20px;
background:url(images/product-arrows-mobile.png) no-repeat!important;
height:75px!important;
background-position:-26px 0!important;
padding:0!important
}
.slick-next:hover,.slick-next:focus,.slick-next:active {
background-position:-26px -75px!important
}
}
@media screen and (max-width: 600px) {
.bar-slider {
width:80%
}
.bar-item {
position:relative;
top:0;
left:0;
-ms-transform:none;
/* IE 9 */
-webkit-transform:none;
/* Chrome, Safari, Opera */
transform:none;
padding:0 5px!important
}
.slick-center .bar-container-inner .bar-item {
position:relative;
top:0;
left:0;
-ms-transform:none;
/* IE 9 */
-webkit-transform:none;
/* Chrome, Safari, Opera */
transform:none
}
.description-container {
left:-100%;
width:200%;
}
.bar-slider h1 {
margin:0;
padding:0;
font-size:13px!important
}
.bar-slider .slick-center h1 {
font-size:13px!important;
color:#373837;
font-family:'PT Sans',sans-serif;
font-weight:700
}
.slick-center .description-container {
display:none;
}
.slick-center .description-container p {
font-size:22px;
height:auto!important;
line-height:1
}
.slick-center .description-container sup {
font-size:90%
}
.bar-container-inner img,.slick-center .bar-container-inner img {
width:100%;
height:auto
}
img.title-image,.slick-center img.title-image {
width:85%!important;
height:auto!important;
margin:0 auto 20px
}
/* Arrows */
.slick-prev,.slick-next {
width:44px;
min-height:75px;
top:45%
}
.slick-prev,.slick-prev:hover,slick-prev:focus,slick-prev:active {
left:-45px;
background:url(images/product-arrows-mobile.png) no-repeat!important;
height:75px!important;
background-position:20px 0!important;
padding:0!important
}
.slick-prev:hover,slick-prev:focus,slick-prev:active {
background-position:20px -75px!important
}
.slick-next,.slick-next:hover,.slick-next:focus,.slick-next:active {
right:-45px;
background:url(images/product-arrows-mobile.png) no-repeat!important;
height:75px!important;
background-position:-26px 0!important;
padding:0!important
}
.slick-next:hover,.slick-next:focus,.slick-next:active {
background-position:-26px -75px!important
}
}
p:empty {
margin: 0;
padding: 0;
line-height: 0;
}
