/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Menu
04 Header
05 Content
06 Sidebar
07 Footer
08 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

body {
    overflow-x: hidden;
}

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

10 / 16 =       0.625em         (10px equivalent)
12 / 16 =       0.75em          (12px equivalent)
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
26 / 16 = 		1.625em 		(26px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea { 
    font-weight: 400;
    color: #939393;
    font-family: 'Lato', sans-serif;
    
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0;
    color: #95bf2f;
}

h1 {
    font-size: 1.875em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.125em;
}

p {
    margin-bottom: 20px;
}

a, a.btn {
    color: #95bf2f;
}

a:hover {
    text-decoration: underline;
    color: #95bf2f;
}

/* Removing the dotted outline */
a:focus {
    outline: 0;
    text-decoration: none;
    color: #95bf2f;
}

.btn-default, .btn-default:focus,.btn-default:active,.btn-default.active {
	color: #95bf2f;
	background-color:#ffffff;
	border-color:#ccc;
}

input::-moz-focus-inner { 
    border: 0;
    text-decoration: none;
}
/* end */

/* ---------------------------------------------------------------------------------------------------------- 
03 Menu -----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.navbar{
    margin-bottom: 0;
}

#bs-example-navbar-collapse-1{
    text-align: center;
    z-index: 3;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    background: rgb(255, 255, 255);
    margin: 0;
    padding: 0;
}

#menu-top-menu,
menu-footer-menu {
    display: inline-block;
}

.navbar-default .navbar-nav > li > a {
    color: #939393;
}

#menu-language-menu li > a {
    color: #ACACAC;
}

.navbar-default .navbar-nav > li > a:hover,
#menu-language-menu li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
#menu-language-menu li > a:focus {
    color: #95bf2f;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
#menu-language-menu .active a,
.navbar-default .navbar-nav > .active > a:hover,
#menu-language-menu .active a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
#menu-language-menu .active a:focus {
    color: #95bf2f;
    background-color: transparent;
}

footer .navbar-default{
    background-color: transparent;
}

.footer-menu {
    display: inline-block;
}

#menu-widget-footer-menu .glyphicon{
    color: #95bf2f;
}

#lingue nav ul{
    text-align: left;
}

#menu-language-top-menu li{
    float: left;
}

#menu-language-top-menu li > a{
    padding: 0 !important;
    margin: 0 8px;
    font-size: 0.875em;
}

#menu-language-menu li > a{
    padding: 0 !important;
    margin-right: 15px;
    font-size: 0.875em;
}

/* ---------------------------------------------------------------------------------------------------------- 
04 Header ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

header{
    border-bottom: 1px solid #c1bebe;
}

.navbar-header > div:first-child{
    margin-top: 8px;
    margin-bottom: 8px;
}

.row.header > div{
    text-align: center;
}

.row.header p{
    font-size: 0.875em;
    color: #acacac;
}

#eu-org-farm > div a:hover,
#lingue > div a:hover {
    text-decoration: none;
}

.navbar-default {
    background-color: #ffffff;
    border: none;
    border-radius: 0px !important;
}

.navbar>.container .navbar-brand, 
.navbar>.container-fluid .navbar-brand {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
}

.navbar-brand > *{
    font-family: Georgia, serif;
}

.navbar-brand h1{
    font-size: 1.875em;
    color: #314e3c;
    padding: 10px 0 0 0;
    font-weight: 400;
}

.navbar-brand span{
    color: #626463;
    font-size: 0.75em;
}

#testata{
    background: #ebe5d5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZTVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M5YmM5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmU1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #ebe5d5 0%, #c9bc9a 50%, #ebe5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebe5d5), color-stop(50%,#c9bc9a), color-stop(100%,#ebe5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ebe5d5 0%,#c9bc9a 50%,#ebe5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ebe5d5 0%,#c9bc9a 50%,#ebe5d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ebe5d5 0%,#c9bc9a 50%,#ebe5d5 100%); /* IE10+ */
    background: linear-gradient(to right,  #ebe5d5 0%,#c9bc9a 50%,#ebe5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe5d5', endColorstr='#ebe5d5',GradientType=1 ); /* IE6-8 */
    
    padding-bottom: 10px;
}

.videoslider, .mapslider{
    margin: 0;
    text-align: center;
    height: 0;
	overflow: hidden;
	padding-bottom: 29.179149191%;
	padding-top: 30px;
	position: relative;
}

.videoslider iframe,
.videoslider object,
.videoslider embed,
.mapslider iframe{
    height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* ---------------------------------------------------------------------------------------------------------- 
05 Content --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#main-content{
    /*margin-top: 30px;
    margin-bottom: 30px;*/
}

#main-content > section{
    margin: 0 0 2.7% 0;
}

#servizi .btn{
    padding: 5px 10px;
    margin-top: 20px;
}

#servizi .row > div{
    margin-bottom: 20px;
}

#servizi img{
    margin: 10px 0;
}

#servizi h2 {
    font-size: 1.2em;
}

 #servizi p {
    height: 549px;
}

#partners{
    padding: 30px 0;
}

#partners,
#certificazioni{
    display: inline-block;
    width: 100%;
}

#certificazioni .cert-logo{
    margin-right: 10px;
    float: left;
}

#cert-carousel {
    display: none;
}

#partners-carousel li{
    float: left;
    /*width: 120px;*/
    height: 56px;
    text-align: center;
}

#partners-carousel li > img{
    height: 54px;
    max-width: 100%;
}

#partners-grid .partner{
    margin: 10px 0 30px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #C1BEBE;
}

#partners-grid .partner h3{
    font-weight: 700;
}

#partners-grid .partner img{
    float: left;
    width: 20%;
    margin: 0 20px 8px 0; 
}

#partners-grid .partner img[src*='BRCFoodCertificated']{
    width: 15%;
}

#partners-grid .partner img[src*='IFSFood']{
    width: 26%;
}

#partners-grid .partner img[src*='bioagricert'],
#partners-grid .partner img[src*='tesco'],
#partners-grid .partner img[src*='biosuisse']{
    width: 40%;
}

#partners-grid .partner p{
    overflow: hidden;
    padding: 0 10px;
}

.nbs-flexisel-container {
    position: relative;
    width: 100%;
    padding: 0 10px;
}
.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;   
}

.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 0;
    background: url(images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 0;
    background: url(images/button-next.png) no-repeat;
}

#certificazioni .nbs-flexisel-nav-left,
#certificazioni .nbs-flexisel-nav-right {
    top: 120px !important;
}

#partners .nbs-flexisel-nav-left,
#partners .nbs-flexisel-nav-right {
    top: 54px !important;
}

.form-control:focus{
    border-color: #95bf2f;
}

/*  Video Gallery   */

.row.video-gallery {
    margin-top: 20px;
    margin-bottom: 20px;
}

#html5-watermark{
    display: none !important;
}

.icon-play {
    font-size: 1.8em;
    display: block;
    text-align: center;
    padding: 5px 16px;
    background: #D02D2B;
    color: #fff;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -30px;
}

/* ---------------------------------------------------------------------------------------------------------- 
06 Sidebar --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.widget.starkers-custom-widget img{
    margin-bottom: 10px;
}

.widget.starkers-custom-widget p{
    font-size: 0.875em;
}

.widget.starkers-custom-widget ul li{
    margin-bottom: 5px;
}

#contact-sidebar{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #c1bebe;
}

#contact-sidebar i {
    display: block;
    float: left;
    padding-top: 3px;
}

#contact-sidebar span{
    padding-left: 25px;
}

#info-sidebar .info-contatti{
    margin: 10px 0 20px 0;
}

#info-sidebar .info-contatti p{
    margin-bottom: 0px;
}

/* ---------------------------------------------------------------------------------------------------------- 
07 Footer ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

footer{
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #c1bebe;
    text-align: center;
    
    background: #ececec; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ececec 0%, #ffffff 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ececec 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ececec 0%,#ffffff 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ececec 0%,#ffffff 50%); /* IE10+ */
    background: linear-gradient(to bottom,  #ececec 0%,#ffffff 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#footer-sidebar{
    text-align: left;
    margin: 10px 0 20px 0;
}

#footer-sidebar .widget-title{
    text-transform: uppercase;
    font-size: 0.875em;
    display: block;
}

#footer-sidebar .widget-content{
    border-top: 1px solid #e6e6e6;
    margin: 5px 0 10px 0;
    padding: 10px 0;
    font-size: 0.75em;
}

#footer-sidebar .glyphicon{
    margin-right: 5px;
}

#widget-footer-about .widget-content p span{
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
}

#widget-footer-about .widget-content p img{
    float: left;
    margin-right: 20px;
}

#widget-footer-social ul{
	padding-left: 0;
}

#widget-footer-social ul li{
	display: inline;
	margin: 0 1.868%;
}

.social-link{
	display: inline-block;
	width: 16px;
	height: 16px;
}

#facebook-icon{background: url('images/social_sprite.png') no-repeat 0 0;}
#twitter-icon{background: url('images/social_sprite.png') no-repeat -16px 0;}
#googleplus-icon{background: url('images/social_sprite.png') no-repeat -32px 0;}
#youtube-icon{background: url('images/social_sprite.png') no-repeat -48px 0;}
#vimeo-icon{background: url('images/social_sprite.png') no-repeat -64px 0;}
#linkedin-icon{background: url('images/social_sprite.png') no-repeat -80px 0;}
#pinterest-icon{background: url('images/social_sprite.png') no-repeat -96px 0;}
#flickr-icon{background: url('images/social_sprite.png') no-repeat -112px 0;}
#tumblr-icon{background: url('images/social_sprite.png') no-repeat -128px 0;}
#dribbble-icon{background: url('images/social_sprite.png') no-repeat -144px 0;}

#facebook-icon:hover{background: url('images/social_sprite.png') no-repeat 0 -16px;}
#twitter-icon:hover{background: url('images/social_sprite.png') no-repeat -16px -16px;}
#googleplus-icon:hover{background: url('images/social_sprite.png') no-repeat -32px -16px;}
#youtube-icon:hover{background: url('images/social_sprite.png') no-repeat -48px -16px;}
#vimeo-icon:hover{background: url('images/social_sprite.png') no-repeat -64px -16px;}
#linkedin-icon:hover{background: url('images/social_sprite.png') no-repeat -80px -16px;}
#pinterest-icon:hover{background: url('images/social_sprite.png') no-repeat -96px -16px;}
#flickr-icon:hover{background: url('images/social_sprite.png') no-repeat -112px -16px;}
#tumblr-icon:hover{background: url('images/social_sprite.png') no-repeat -128px -16px;}
#dribbble-icon:hover{background: url('images/social_sprite.png') no-repeat -144px -16px;}

#widget-footer-address i {
    display: none;
}

.contact-footer span{
    display: block;
}

#copy{
    font-size: 0.75em;
}

/* ---------------------------------------------------------------------------------------------------------- 
08 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width : 480px) and (max-width : 767px){
    #widget-footer-about .widget-content{
        min-height: 123px;
    }
    
    #servizi p {
        height: 299px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
    #bs-example-navbar-collapse-1{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: rgb(255, 255, 255);
        margin: 0;
        padding: 0;
    }
    
    .row.header > div {
        display: table;
        position: relative;
        height: 218px;
    }
    
    #lingue > div,
    #eu-org-farm > div {
        display: table-cell;
        vertical-align: bottom;
    }
    
    #lingue > div{
        text-align: left;
    }
    
    #eu-org-farm > div{
        text-align: right;
    }
    
    #lingue .navbar{
        min-height: 0px;
        margin: 10px 0 20px 0;
    }
    
    #lingue div span{
        display: inline-block;
        background-color: #36a3ca;
        color: #ffffff;
        padding: 4px 30px;
        text-transform: capitalize;
        border-radius: 2px;
    }
    
    .row.header p{
        margin: 10px 0 20px 0;
    }
    
    .navbar-header,
    .navbar-nav {
        float: none;
    }
    
    .navbar-default .navbar-nav > li > a {
        display: inline-block;
    }
    
    .navbar-default .navbar-nav > li:last-child .menu-divider {
        display: none;
    }
    
    .nbs-flexisel-nav-left {
        top: 40px !important;
        left: -40px;
    }

    .nbs-flexisel-nav-right {
        top: 40px !important;
        right: -40px;
    }
    
    #servizi p {
        height: 435px;
    }
    
    #footer-sidebar .widget-content{
        min-height: 160px;
    }
}


@media only screen and (min-width : 768px) and (max-width : 837px){
    .navbar-default .navbar-nav > li > a {
        font-size: 0.875em;;
    }
    
    .navbar-brand h1{
        font-size: 1.625em;
    }
}
 
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
    .container-fluid{
        width: 970px;
        margin: 0 auto;
    }
    
    #servizi p {
        height: 299px;
    }
}
 
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
    .container-fluid{
        width: 1170px;
        margin: 0 auto;
    }
    
    #servizi p {
        height: 252px;
    }

}