/*
 * Theme Name: Nutrano Custom
 * Theme URI: https://nutrano.com.au/
 * Author: Daragh Byrne
 * Author URI: LocalWeb.com.au
 * */

/** Colores
 * Green #CBDB2F
 */


@font-face {
    font-family: 'Janda';
    src: url('./fonts//JandaQuickNote.ttf') format('truetype');
}

body {
    font-family: 'source-sans-pro', 'Open Sans', sans-serif;
    font-size:19px;
    line-height:28px;
}

h1 { font-family: 'Janda', 'source-sans-pro', 'Open Sans', sans-serif; }

.container-fluid { margin:0px; padding:0px; }
.container{
    width:1170px;
    max-width:1170px; 
    padding:0px;
}




/***** Navigation **/
.navbar.navbar-default { 
  border: 0px; 
  background-color:rgba(0, 0, 0, 0.4);
  margin-bottom:0px;
  padding:35px 0px 25px 0px;
  position:absolute;
  top:0;
  margin:0;
  width:100%;
  z-index:1500;
}
.nav.navbar-nav { float:right;} 
.navbar-default .navbar-nav > li > a{ text-transform:uppercase; color:#fff; font-size:18px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.current-menu-item > a { color:#CBDB2F; }
.sub-menu { list-style-image: none; list-style-type:none; position:absolute; left:15px; display:none;  background-color:rgba(0, 0, 0, 0.6); padding: 8px 14px 8px 14px; min-width:140px; }
.sub-menu li { border-bottom: 1px solid #CBDB2F; text-transform: uppercase; padding:8px 0px 8px 0px; font-size:14px; }
.sub-menu li:first-child { border-top: 1px solid #CBCB2f; }
.sub-menu li:hover { border-color: #fff; color:#fff; }
.sub-menu li a:hover { color: #fff; }
.navbar-collapse.collapse.in {
  display: block!important;
}
.nav.navbar-nav { float:right;}
.navbar-toggle { float:left; }

/* Menu tweaks */
#menu-item-210 { border-bottom:0px; }
#menu-item-34  { border-bottom:0px; padding-top: 0px;}
#menu-item-210, #menu-item-34 { padding-bottom:0px; }
#menu-item-30 {padding-top: 0px; border-bottom: 1px; padding-bottom: 0px; }

#menu-item-580 { border-top:0px; padding-top: 0px; border-bottom: 1px solid #CBCB2f; }

#menu-item-258 { border-bottom:0px; }
#menu-item-33  { border-bottom:0px; padding-top: 0px;}
#menu-item-258, #menu-item-33 { padding-bottom:0px; }
#menu-item-195 {padding-top: 0px; }

#menu-item-30,#menu-item-34,#menu-item-33,#menu-item-195 { color:#CBDB2F; }
#menu-item-30 a:before,#menu-item-34 a:before,#menu-item-33  a:before,#menu-item-195 a:before,
#menu-item-580 a:before { content: ' + '; }

.brand { float: left; padding-left:15px; }



/**** Page layout ****/

a, a:hover, a:visited, .green { color: #CBDB2F; }
.white { color: #fff; }
.greenbg { background-color: #CBDB2F; }
.whitebg { background-color: #fff; }
.blackbg { background-color: #000; }
.narrow-divider { content: ' '; width: 60px; height:12px; margin-bottom:12px; }
.wide-divider {  content: ' '; width: 100%; height:12px; margin-bottom:12px; }
#breadcrumbs { 
  border-bottom: 1px solid #CECECE; 
  color:#CECECE; 
  text-transform:uppercase;
  padding: 20px 0px 20px 0px;
}
.home section.breadcrumbs { display:none; }
.home .secondary-text a { color:#fff; }

.main-content {
  margin:45px 0px 45px 0px;
} 
.main-content h2{ font-weight: bold; }
.secondary-content {
  background-size:cover;
  background-repeat:no-repeat;
}
.secondary-text {
  padding:75px 0px 45px 0px;
  min-height:320px;
}
.black-border {
  content: ' '; width: 100%; height: 12px; background-color:#000; 
}
.main-text{
  padding-left:0px;
}
.callout{
  position:relative;
  width:300px;
}
.callout img{
  width:100%;
}
.callout_text {
  font-size:26px;
  font-weight:bold;
  position:absolute;
  font-family:'Janda';
  width:100%; 
  height:100%;
  color:#fff;
  top: 0px;
}

/** Hero */
.slider ul { margin:0; padding:0; }
.slider ul li { list-style-image:none; display:block; }
.hero-image { position:relative; }
.hero-content { position: absolute; top:0; width:100%; height:100%; }
.alt-title { 
  width:100%;
  position:absolute; 
  bottom: 0;
  target="_" padding:20px 0px 20px 0px; 
  background: #35323b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(203,219,47, 1), rgba(53, 50, 59, 0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(203,219,47, 1), rgba(53, 50, 59, 0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  rgba(203,219,47, 1), rgba(53, 50, 59, 0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  rgba(203,219,47,1), rgba(53, 50, 59, 0)); /* Standard syntax */
}
.alt-title h1 { font-size:30px; }
.no-hero {  
    background: url('/wp-content/uploads/2017/05/Home-Page-slider-small.jpg') no-repeat;
    height: 600px;
    background-size: contain;
}

/** Homepage ***/
.home-brands {
  background-color:#35323b;
  color:#fff;
  padding: 45px 0px 25px 0px;

}
.home-brands h2 { margin-bottom:12px; }
.home-brands .right-divider { border-right:1px solid #fff; }
.home-brands .images { height:250px; }
.home-brands .images img { padding: 30px 20px 30px 20px; }

.flexslider-brands .flex-direction-nav a:before, 
.flexslider-brands .flex-direction-nav a:before { content: ''; }
.flexslider-brands .flex-direction-nav a { opacity: 1; position:relative; top:0px; left:0px; right:0px; margin:0; padding:0; width:100%; height:60px; color:#fff; font-size:12px;}
.flexslider-brands .flex-direction-nav .flex-nav-prev { float: left; }
.flexslider-brands .flex-direction-nav .flex-nav-next { float:right; }
.flexslider-brands .flex-direction-nav .flex-prev { left:10px; top:20px; }
.flexslider-brands .flex-direction-nav .flex-next { right:10px; top: 20px; }


.home .slide-content { padding-top:219px; padding-left:60px; padding-right: 60px; background-color: rgba(99,99,99,0.1);}
.home .slide-content { background-color:  rgba(99,99,99,0.5); }


/*** About pages **/
.dotted-border-left{ border-left: 1px dotted #999; }
.dotted-border-right { border-right: 1px dotted #999; }
.about-our-produce img { width: 100%; }
.about-our-produce h4 { color: #999; text-align: center; }
img.profile { width:auto; height: 520px; }

/*** Produce pages **/
.page-template-template-produce .main-content ul { list-style-image: url(./images/plus.png) }
.availability-table div { padding:0px;  margin:0px; }
.availability-table .type-header { color:#fff; background-color: #CBDB30; padding:4px 8px 4px 8px; }
.availability-table .month-header { color:#fff; background-color: #D4E05E; font-size:17px; padding:4px 8px 4px 8px; display:inline-block; }
.availability-table .type-row > div,
.availability-table .type-row > div > div { min-height:50px; height:50px; line-height:50px; vertical-align:middle; }
.availability-table .type-row { border-bottom: 1px dotted #CBDB30; }
.availability-table .type-row:last-child { border-bottom: 3px solid #CBDB30; }
.availability-table .type-name { padding-left:8px; }
.availability-table .availabilities div:first-child:not(.start) { margin-left:10px; margin-right:-10px;}
.availability-table .availabilities div:last-child:not(.end) { margin-left:-10px; margin-right:10px;}

.availability-table .available { background-image: url('./images/available.png'); background-size:100% 11px; background-repeat: repeat-x; background-position:center center;}
.availability-table .available.start { background-image: url('./images/start.png');  background-size:auto 11px; background-repeat: no-repeat; background-position:center right;}
.availability-table .available.end { background-image: url('./images/end.png');  background-size:auto 11px; background-repeat: no-repeat; background-position:center left;}

/**** Brand paged ***/

.page-template-page-brand h2.title { text-transform: uppercase; }


/**** Forms *****/

.nf-form-fields-required { display:none; }
.ninja-forms-field { border: 0px; border-top: 1px dotted #000; font-size: 19px; line-height:26px; padding:4px; padding-top:12px;}
textarea { border-bottom: 1px dotted #000 !important; resize:none;}
.ninja-forms-field[type='button'] { border :0px; background-color: #CBDB30; color:#fff; text-transform:uppercase; float:right;padding:6px; border-radius:4px;}
.nf-field-container { margin-bottom:5px !important; }
.nf-form-title { display:none; }

/****** Footer ********/

.footer {
  padding:40px 0px;
}
.copyright {
  color: #999;
  font-size: 14px;
}

@media ( max-width: 1200px ) {
  .home .slide-content {
    padding-top:145px;
  }
  .main-content .row .container { padding-left: 30px; }
}

@media ( max-width: 992px ) {
  .container { width: 95%; max-width: 95%; padding-left:10px; }
}

@media ( max-width: 768px ) {
  .home .slide-content h1 { font-size: 24px; }
  .alt-title h1 {font-size:18px;}
  .home .slide-content {
    padding-top: 80px;
  } 
  h2, h3 { font-size:22px; }
  container { padding-left:15px; }
  .availability-table .month-header, .availability-table .type-header, .availability-table .type-name { font-size:10px; } 
  .navbar.navbar-default { background-color: rgba(0,0,0,0.0); }
  div.brand { display:none; }
  .nav.navbar-nav { float:left; background-color:rgba(0, 0, 0, 0.8); }
  .sub-menu { left: 192px; top:0px; background-color:rgba(0,0,0,0.8); }
}

@media ( max-width: 600px ) {
  .home .slide-content h1 { font-size: 18px; }
  .home .slide-content { padding-top: 40px; }
   h2, h3 { font-size:18px; }
  .availability-table .month-header, .availability-table .type-header, .availability-table .type-name { font-size:7px; }

}

@media ( max-width: 400px ){
  .home .slide-content h1 { font-size: 14px; }
  .home .slide-content { padding-top: 20px; }
  h2, h3 { font-size:18px; }

}