/*
Theme Name: Between Fresh
Description: Fresh start
*/


/* global */

*{margin:0px;padding:0px;}
html{min-width:100%;min-height:100%;width:100%;overflow-x:hidden;background:#ddd;position:relative;}
body{min-width:100%;width:100%;height:100%;color:#333;font-family:'Roboto',Arial,Helvetica,sans-serif;font-size:12pt;}
a{color:black;text-decoration:none;}
a:hover{text-decoration:underline;}

/* layout */

.container{width:100%;max-width:1200px;margin:auto;position:relative;}

/* header */

header{position:relative;padding-bottom:70px;}
header.fixed{height:auto;}
body.home header{height:60vh;max-height:600px;}
header .header-image,header .header-images{width:100%;height:100%;min-height:300px;background:#ccc;overflow:hidden;position:relative;
background-size:cover;background-repeat:no-repeat;background-position:top center;background-attachment:fixed;}
header .header-image:before{bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;z-index:2;}
header .header-image img{display:none;width:100%;height:100%;position:fixed;top:0;right:0;left:0;-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}
header .header-images ul{list-style:none;}
header .header-images li{display:block;position:absolute;width:30%;margin-left:-10%;top:0;bottom:0;left:0;border-left:5px solid #eee;overflow:hidden;
-webkit-transform:skewX(-15deg) translateZ(0);transform:skewX(-15deg) translateZ(0);}
header .header-images li:nth-child(2){left:30%;}
header .header-images li:nth-child(3){left:60%;}
header .header-images li:nth-child(4){left:90%;}
header .header-images li a{display:block;position:absolute;top:0;bottom:0;left:-30%;right:-30%;-webkit-transform:skewX(15deg);transform:skewX(15deg);}
header .header-images li img{width:100%;height:100%;object-fit:cover;}
header .header-images li strong{display:block;font-weight:normal;position:absolute;top:0;right:0px;left:0px;text-align:center;padding:0.5em 0 0.5em 10%;background:black;opacity:0;color:white;font-size:0.8em;}
header .header-images li:hover strong{opacity:0.6;}
header .container{height:auto;}
header .tagline{position:absolute;right:20px;bottom:20px;z-index:3;padding:10px 20px;}
header .tagline h1{text-transform:uppercase;font-size:1.2em;font-weight:normal;color:white;color:#003366;}
header .header-logo{position:absolute;width:200px;height:200px;left:50%;bottom:50%;z-index:100;margin-left:-100px;margin-bottom:-55px;transition:1s;-webkit-transition:1s;}
body.home header .header-logo{width:300px;height:300px;margin-left:-150px;margin-bottom:-105px;}
header .header-logo img{width:100%;height:100%;transform:none;}
header .navbar{background:#efefef;height:70px;width:100%;position:absolute;bottom:0px;left:0px;right:0px;z-index:99;}
header.fixed .navbar{position:fixed;top:0px;padding-left:0px;}
body.admin-bar header.fixed .navbar{top:32px;}
header .navbar .container{height:70px;background:#efefef;}
header .navbar nav{display:block;float:left;transition:1s;-webkit-transition:1s;}
header .navbar a.logo{visibility:hidden;opacity:0;width:90px;height:90px;padding:0;margin-top:-5px;margin-left:-110px;transition:1s;-webkit-transition:1s;}
header .navbar a.logo img{width:100%;height:100%;border:none;}
header.fixed .navbar a.logo{margin-left:10px;visibility:visible;opacity:1;}
header .navbar nav a{display:block;float:left;padding:24px;color:#333;text-transform:uppercase;font-size:1.1em;}
header .navbar nav a:hover{color:#999;text-decoration:none;}
.frontpage header{height:570px;}
.frontpage header .header-image,.frontpage header .container{height:500px;}
.frontpage header .navbar .container{height:70px;}

/* content */

.wrap{position:relative;overflow-x:hidden;width:100%;}
.wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.05;z-index:-1;
background:url('/wp-content/themes/fresh/logo.svg');background-position:bottom right;background-size:40%;background-repeat:no-repeat;background-attachment:fixed;}
.wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:white;z-index:-2;}
.main{min-height:700px;position:relative;}
.container:after{content:"";display:block;width:0;height:0;clear:both;}
.content{padding:30px 20px;}
.content:after,.boxes:after,footer:after{display:block;height:1px;float:none;clear:both;content:"";}
.product-boxes{margin:20px 0;}
.product-boxes h2{display:block;clear:both;float:left;font-size:1.5em;margin:5px 0px;}
.product-boxes a.more{display:block;color:#333;background:white;float:right;border:1px solid #999;border-radius:3px;padding:5px 25px 5px 10px;position:relative;transition:2s;}
.product-boxes a.more:hover{color:black;text-decoration:none;}
.product-boxes a.more:before,.product-boxes a.more:after{border-width:8px 0 8px 12px;border-style:solid;border-color:transparent #666;top:6px;right:5px;display:block;position:absolute;width:0;content:"";}
.product-boxes a.more:after{border-color:transparent white;right:11px;}
.product-boxes a.more:hover:before{border-color:transparent black;}
.boxes{clear:both;margin:10px -10px 50px;}
.boxes .box-25{float:left;width:25%;}
.boxes .box-33{float:left;width:33.33333%;}
.boxes .box-50{float:left;width:50%;}
.boxes .box-67{float:left;width:66.66666%;}
.boxes .box-75{float:left;width:75%;}
.boxes .box-100{float:left;width:100%;}
.boxes .box-content{height:100%;margin:0px 10px;position:relative;}
.boxes .box-content .image{width:100%;height:100%;overflow:hidden;}
.boxes .box-content .image img{width:100%;height:100%;transform:none;box-sizing:inherit;object-fit:cover;}
.product-boxes .box-content a{display:block;position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.product-boxes .box-content .title{position:absolute;bottom:10px;right:-3px;text-align:right;max-width:50%;}
.product-boxes .box-content h3{font-size:1.1em;font-weight:normal;color:white;padding:5px 10px;display:inline-block;}
.product-boxes .box-content:hover h3{bottom:15px;}
.product-boxes .box{height:200px;}
.product-boxes.product-popular .box{height:200px;}
.category h2{font-family:'Cambria',serif;color:#036;font-weight:normal;font-size:3em;margin:0.5em 1em 0.5em;}
.category-item{float:left;width:100%;clear:both;}
.category-item a{display:block;margin:10px;padding:5px;border-top:2px solid #999;border-bottom:2px solid #999;background:#efefef00;}
.category-item a:hover{text-decoration:none;margin:0px;padding:15px;background:#efefefff;}
.category-item a:after{display:block;content:"";width:0px;height:0px;clear:both;}
.category-item .thumbnail{float:left;width:300px;max-width:33%;margin-right:10px;max-height:180px;overflow:hidden;}
.category-item .thumbnail img{width:100%;}
.category-item h3{padding:10px;font-size:1.5em;color:#036;}
.category-item .description{line-height:1.5em;}

/* article */

article{float:left;width:66.66666%;line-height:1.7em;}
article.full{float:none;width:auto;}
article .header{position:relative;}
article .header-image{width:100%;height:auto;min-height:70px;max-height:500px;overflow:hidden;line-height:0;}
article .header-image img{width:100%;}
article .header-image{background-size:cover;background-attachment:fixed;max-height:400px;}
article .header-image img{/*display:none;*/width:100%;}
article .header .header-image:after{content:"";}
article .header h2{color:#036;font-weight:normal;font-size:3em;position:absolute;bottom:0px;left:0px;right:0px;padding:30px 10px 10px;line-height:1em;font-family:'Cambria',serif;}
article .highlights{margin:20px 0px;padding:10px 20px;border:5px solid #ddd;border-left:none;border-right:none;background:#efefef;font-size:1.2em;color:#111;text-align:justify;}
article .gallery{white-space:nowrap;overflow:hidden;position:relative;line-height:0;}
article .gallery .gallery-item{display:inline-block;margin-right:5px;}
article .gallery .gallery-item img{height:180px;}
article .gallery .gallery-left,
article .gallery .gallery-right{display:block;position:absolute;background:white;opacity:0;width:50px;top:0;left:0;bottom:0;cursor:pointer;}
article .gallery:hover .gallery-left,article .gallery:hover .gallery-right{opacity:0.2;}
article .gallery:hover .gallery-left:hover,article .gallery:hover .gallery-right:hover{opacity:0.4;}
article .gallery .gallery-left:before,
article .gallery .gallery-right:before{content:" ";display:block;position:absolute;left:50%;top:50%;width:0px;height:0px;margin:-20px 0 0 -10px;
border-top:20px solid transparent;border-right:20px solid black;border-bottom:20px solid transparent;border-left:none;}
article .gallery .gallery-right{left:auto;right:0;}
article .gallery .gallery-right:before{border-right:none;border-left:20px solid black;}
article .content{}
article h6{font-size:1em;color:#036;font-style:italic;float:right;}
article img.size-thumbnail{float:left;clear:left;margin:10px;}
article .item{clear:both;}
article .item:after{content:"";display:block;width:0;height:0;clear:both;}
article .item-addition{border:2px solid #e0e0e0;background:#f7f7f7;padding:10px;margin:5px;}
article .item-addition:hover{cursor:pointer;border-color:#ffccaa;background:#ffffe0;}
article .item-addition.active{border-color:#6f6;background:#e0ffe0;}
article .item-addition.disabled{border-color:#f66;background:#ffe0e0;cursor:default;}
article .item-addition.disabled h6{color:#600;}
article .content .gallery{display:none;}
article p{margin:0.5em 0;text-align:justify;}
article.mini{float:none;width:auto;max-width:600px;margin:40px auto;}
article.mini h2,#category h2{font-family:'Cambria',serif;color:#003366;font-weight:normal;font-size:2em;margin-bottom:1em;}
article blockquote{margin:5px 10px;padding:0 40px;border:3px solid #ddd;border-left:none;border-right:none;position:relative;
font-family:serif;font-style:italic;font-size:1.5em;text-indent:1em;line-height:1.5em;}
article blockquote:before,article blockquote:after{position:absolute;color:#555;font-family:sans-serif;display:block;content:"";}
article blockquote:before{content:" „ ";bottom:10px;left:-10px;}
article blockquote:after{content:" ” ";top:10px;right:15px;}
article form{padding:10px;max-width:600px;}
article form label{position:relative;color:#333;display:block;clear:both;padding:4px 0px;}
article form label .label{float:left;}
article form label .wpcf7-form-control-wrap{overflow:hidden;display:block;padding:0 4px 0 10px;}
article form label .wpcf7-form-control-wrap input[type=text],
article form label .wpcf7-form-control-wrap input[type=email],
article form label .wpcf7-form-control-wrap textarea{width:100%;}
article form input[type=text],
article form input[type=email],
article form input[type=date],
article form select,
article form textarea{border:1px solid #ccc;padding:2px 0px;border-radius:4px;background:#f7f7f7;font-size:1em;font-family:Arial,Helvetica,sans-serif;}
article form input[type=text]:read-only,article form input[type=email]:read-only,article form input[type=date]:read-only,article form select:read-only,article form textarea:read-only{border:none;}
article form input[type=text]:focus,
article form input[type=email]:focus,
article form textarea:focus{border-bottom:1px solid #444;background:#fffff7;}
article form input[type=submit]{border:1px solid #999;background:white;padding:8px 20px;cursor:pointer;border-radius:4px;}
article form input[type=submit]:hover{background:#ffffef;}
article form .form-shortcut{position:fixed;bottom:0;left:0;right:0;z-index:70;}
article form .form-shortcut .content{background:white;border:1px solid #ccc;border-radius:3px;max-width:1200px;margin:auto;}
article form .form-shortcut b{font-size:1.2em;display:block;}
article form .form-shortcut strong{font-weight:normal;background:#3366ff;display:block;float:right;color:white;cursor:pointer;padding:8px 20px}

/* sidebar */

aside{float:right;width:33.33333%;}
aside .sidebar{padding:10px 0 10px 20px;}
aside h3{font-size:1.1em;font-weight:bold;color:#003366;text-transform:uppercase;}
aside h4{font-size:1em;font-weight:bold;color:#003366;}
aside ul{padding:10px 10px 20px;}
aside li{list-style:none;padding:4px 0px 4px 10px;position:relative;}
aside li:before{content:"";display:block;background:#ff6600;width:6px;height:6px;border-radius:3px;position:absolute;top:50%;left:-5px;margin-top:-3px;}

/* footer */

footer{color:black;background:#66666638;min-height:100px;width:100%;margin:auto;clear:both;font-size:1.2em;line-height:1.5em;}
footer a{margin-left:5px;color:#222;display:inline-block;white-space:nowrap;}
footer a.parent{font-weight:bold;color:black;margin-left:0;}
footer a:hover{text-decoration:none;color:#555;}
footer .boxes{margin-bottom:10px;}
footer .fa{width:1.1em;text-align:center;}
footer address{line-height:2em;font-style:normal;}
footer .description{font-size:0.8em;padding:5px 10px;background:white;border:5px solid #ffaa00;}
footer .itb{text-align:center;}
footer .itb img{width:250px;max-width:100%;}
footer .quotes{padding:30px 20px;}
footer .quotes blockquote{border-radius:7px;position:relative;padding:5px 10px;background:white;}
footer .quotes blockquote:before{content:"";border-width:12px 0 0 12px;border-style:solid;border-color:#999 transparent transparent;position:absolute;bottom:0;left:19px;margin-bottom:-12px;}
footer .quotes blockquote:after{content:"";border-width:10px 0 0 10px;border-style:solid;border-color:white transparent transparent;position:absolute;bottom:0;left:20px;margin-bottom:-10px;}
footer .quotes p{margin:5px 0 15px 40px;font-style:italic;}
footer .keywords{padding:10px;color:#444;text-align:center;}
footer .keywords li{display:inline-block;padding:0 5px;position:relative;font-style:italic;font-family:'Cambria',serif;}
/*footer .keywords li:before{content:"";display:block;position:absolute;background:#888;width:6px;height:6px;border-radius:3px;left:7px;top:50%;margin-top:-4px;}*/
footer .keywords li:before,footer .keywords li:after{content:"~";display:inline-block;padding:0 3px;color:#999;}
/*footer .keywords li:first-child:before{display:none;}*/

/* effects */

.animate,
.product-boxes .box-content h3,.category-item a,article .gallery .gallery-left,article .gallery .gallery-right,.header-images li strong{
-webkit-transition:0.5s;transition:0.5s;
}
.bottom-black-fade/*,
header .header-image:before*/{
background:   -moz-linear-gradient(to top,    rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 100%);
background:-webkit-linear-gradient(to top,    rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 100%);
background:        linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#0000004d", GradientType=0);
}
.white-fade,
article .header h2{
background:#ffffff66;
background:   -moz-linear-gradient(to top,    rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);
background:-webkit-linear-gradient(to top,    rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);
background:        linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffcc", endColorstr="#ffffffee", GradientType=0);
}
.silver-gradient,
header .tagline{
background:#f9f9f9;
background:   -moz-linear-gradient(to top,    #f9f9f9ff 0%, #dadadaff 100%);
background:-webkit-linear-gradient(to top,    #f9f9f9ff 0%, #dadadaff 100%);
background:        linear-gradient(to bottom, #f9f9f9ff 0%, #dadadaff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9ff", endColorstr="#dadadaff", GradientType=0);
}
.orange-gradient,
.product-boxes.product-popular .box-content h3{
background:#cc6600;
background:   -moz-linear-gradient(to top,    #cc6600ff 0%, #993300ff 100%);
background:-webkit-linear-gradient(to top,    #cc6600ff 0%, #993300ff 100%);
background:        linear-gradient(to bottom, #cc6600ff 0%, #993300ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc6600ff", endColorstr="#993300ff", GradientType=0);
}
.blue-gradient,
.product-boxes .box-content h3{
background:#0066cc;
background:   -moz-linear-gradient(to top,    #0066ccff 0%, #003399ff 100%);
background:-webkit-linear-gradient(to top,    #0066ccff 0%, #003399ff 100%);
background:        linear-gradient(to bottom, #0066ccff 0%, #003399ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0066ccff", endColorstr="#003399ff", GradientType=0);
}
.tilted-drop-shadow,
header .tagline,.product-boxes .box-content h3,footer .description{
box-shadow: 2px 2px 20px #000000ff;
}
.big-drop-shadow,
header .navbar,footer,footer .quotes blockquote{
box-shadow: 0px 0px 20px #00000066;
}

/* responsive */
@media only screen and (max-width:1000px){
	footer{font-size:0.9em;}
}
@media only screen and (max-width:600px){
	body.admin-bar header.fixed .navbar{top:inherit;}
	header .tagline{/*display:none;*/}
	header .header-images li{bottom:50%;width:60%;border-bottom:5px solid #eee;top:-5px;}
	header .header-images li:nth-child(2){left:60%;}
	header .header-images li:nth-child(3){left:0;top:50%;bottom:0;border-bottom:none;}
	header .header-images li:nth-child(4){left:60%;top:50%;bottom:0;border-bottom:none;}
	header .navbar nav a{padding:26px 10px;font-size:1em;}
	header .header-logo,
	body.home header .header-logo{width:150px;height:150px;margin-left:-75px;margin-bottom:-30px;}
	header.fixed .navbar{position:absolute;top:inherit;}
	/*body.home header.fixed .navbar .header-logo,
	header.fixed .navbar .header-logo{right:10px;top:-5px;width:100px;height:100px;margin:0;left:auto;}*/
	.container{width:100%;}
	.boxes .box-33,.boxes .box-50,.boxes .box-67,.boxes .box-75{width:100%;margin:5px 0px;}
	.boxes .box-25{width:50%;margin:5px 0px;}
	article{width:100%}
	aside{width:100%;}
	aside .sidebar{padding:20px}
}