/*
 Theme Name:     The Fussy Cow
 Theme URI:      http://www.thefussycow.com.au
 Description:    Official Theme for The Fussy Cow
 Author:         Travel By Trolley Creative
 Author URI:     http://www.travelbytrolleycreative.com.au
 Template:       genesis
 Template Version: 2.1.2  
*/

@import url("../genesis/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
body{
   background-color: rgb(255,255,255);
   font-family: 'Roboto',sans-serif;
   font-weight: 300;
   font-size: 1em;
   line-height: 1.75;
}


h1,
h2,
h3,
h4,
h5,
h6{
   font-family: 'Roboto Condensed', serif;
   font-weight: 400;
}



h1,
h1.entry-title{
   
   font-size: 2.625em;
}

h2{
   font-size: 1.625em;   
}

h3{
   font-size: 1.250em; 
}

h4{
   font-size: 1em;
}

h5{
   font-size: 0.813em;
}

h6{
   font-size: 0.500em;
}

h2,
h3,
h4,
h5,
h6{
   text-transform: uppercase;
   letter-spacing: 5px;
   font-weight: 300;
}



a{
   color: rgb(230,21,123);
}

a:hover{
   color: rgb(204,21,123);
}



/**
 * Standard Element Styles
 */

.site-title a, .site-title a:hover, .site-title a:focus{
   color: #000000;
   font-family: 'Roboto Condensed',sans-serif;
   text-transform: uppercase;
   font-weight: 700;
   text-decoration: none;
}

.site-title{
   line-height: 1;
}

.site-description{
   font-family: 'Roboto Condensed',sans-serif;
   font-style: italic;
   color: rgb(230,21,123);
   font-weight: 400;
}

.site-header{
   min-height: 130px;
}

.site-header > .wrap{
   padding-bottom: 20px;
}

.genesis-nav-menu a{
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
   font-size: 0.875em;
   text-transform: uppercase;   
}

.genesis-nav-menu  a{
   padding: 0px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus{
   color: rgb(230,21,123);
   text-decoration: none;
}


ul.menu > li{
   float: left;
}


ul.menu > li > a {
   padding-bottom: 10px;
}



.header-image .site-title > a {
	background: url(images/logo_the_fussy_cow.jpg) no-repeat left;
	float: left;
	min-height: 60px;
	width: 100%;
}

.mobile-only .header-image{
   display: none;
}




.navigation-divider{
   padding: 0px 12px;
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
   font-size: 0.875em;
   text-transform: uppercase; 
}


.site-header .widget-area{
   /*width: 940px;*/
   width: 820px !important;
}

.title-area{
   /*width: 220px;*/
   width: 360px !important;
}

.nav-header{
   float: right;
   margin-top: 48px;
}

.entry{
   padding: 0px;
}

.content ul li {
   list-style-type: disc;
}

.content ol li{
   list-style-type: decimal;
}

.content li,
.content li li,
.content li li li{
   margin-left: 20px;
}









.site-footer > .wrap{
   border-top: 1px solid rgb(230,230,230);
   padding-top: 10px;
   font-size: 0.836em;
   color: rgb(207,207,207);
}




/**
* HOME BOXES
**/
.hmb-wrapper{
   float: left;
   min-width: 23.5%;
   max-width: 23.5%;
   margin-right: 2%;   
}

.hmb-wrapper:hover{
   background-color: rgb(252,233,243);
}

.hmb-wrapper.last{
   margin-right: 0%;
}

.hmb-wrapper .box{
   border: 1px solid rgb(191,191,191);
   min-height: 224px;
   max-height: 224px;
}

a.home-link{   
   text-decoration: none;
}

.home-boxes .box .hmb-heading{
   text-transform: uppercase;
   font-size: 1.25em;
   letter-spacing: 0.08em;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700;
   line-height: 1.25;
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 50px;
   color: rgb(230,21,123);
}

.home-boxes .box .hmb-divider{
   padding: 0px 100px;
   padding-top: 20px;
   padding-bottom: 10px;
}

.home-boxes .box .hmb-divider hr{
   border: 0px;
   border-top: 3px solid rgb(0,0,0);
   height: 3px;
   margin: 0px;
   padding: 0px;
}

.home-boxes .box .hmb-link-wrapper{
   text-align: center;   
}


.home-boxes .box .hmb-link-wrapper a{
   color: rgb(0,0,0);
   font-size: 0.83em;
   font-weight: 700;
   font-family: 'Roboto Condensed', sans-serif;
   text-decoration: none;
}




.home .gch-header{
   margin-top: 0px;   
}

.gch-header{
   margin-top: 10px;
}




/* Home Slide Show */
.slide-text{
   font-family: 'Roboto Condensed', sans-serif !important;
}

.hm-text-large{
   text-align: center;  
}

.hm-text-large strong{
   font-weight: 700 !important;
}










/* CONTENT NARROW WIDTH */
.narrow-width-template {
   padding-top: 60px;   
}

.narrow-width-template .title-line{
   max-width: 100%;
   border-top: 1px solid rgb(0,0,0);
   max-height: 2px;
   overflow: hidden;
}

.narrow-width-template .title-wrapper{
   margin: 0 auto;
   text-align: center;
   margin-top: -5px;
}

.narrow-width-template .title-wrapper .title{
   margin-top: -31px;
   background-color: rgb(255,255,255);
   text-align: center;
   display: inline-block;
}

.narrow-width-template .title-wrapper .title h1{
   padding: 0 20px;
}

.narrow-width-template .content-wrapper{
   max-width: 747px;
   margin: 0 auto;
   margin-top: 60px;
}






/* CONTENT FULL WIDTH */
.full-width-template {
   padding-top: 60px;   
}

.full-width-template .title-line{
   max-width: 100%;
   border-top: 1px solid rgb(0,0,0);
   max-height: 2px;
   overflow: hidden;
}

.full-width-template .title-wrapper{
   margin: 0 auto;
   text-align: center;
   margin-top: -5px;
}

.full-width-template .title-wrapper .title{
   margin-top: -31px;
   background-color: rgb(255,255,255);
   text-align: center;
   display: inline-block;
}

.full-width-template .title-wrapper .title h1{
   padding: 0 20px;
}

.full-width-template .content-wrapper{
   margin: 0 auto;
   margin-top: 60px;
   width: 90%;
}



/* Reviews */
.r-stars{
   float: left;
   padding-right: 5px;
   color: rgb(232,12,122);
}

.r-date{
   float: left;
}

.review-ratingdate{
   float: none;
}

.the-review{
   clear: both;
   float: none;   
}

.review-wrapper .author{
   font-weight: 700;
   font-size: 20px;
}

.the-review{
   font-style: italic;
}


.post-type-archive-reviews .t-divider:last-of-type{
   display: none;
}



/* PAGINATION */
.archive-pagination li a:hover,
.archive-pagination li a:focus,
.archive-pagination .active a{
   background-color: rgb(232,12,122);
}


/* Standard Genesis Buttons */
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover, button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus{
   background-color: rgb(232,12,122);
}




/* Shortcode Styles */
a.cta-button{
   clear: both;
   display: inline-block;
   text-align: center;
   border: 1px solid #000000;
   padding: 10px 30px;
   /*padding-top: 10px;
   padding-bottom: 10px;*/
   color: #000000;
   font-size: 18px;
   font-weight: 300;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none;
}



a.cta-button:hover{   
   background-color: rgb(232,12,122);
   color: #ffffff;
   border-color: rgb(232,12,122);
}




.gform_wrapper ul li.gfield{
   margin-bottom: 50px;
}


.page-id-91 .gform_wrapper ul li#field_1_4{
   margin-top: 124px;
}

#input_1_2_2_container{
   display: block;
}






/* Mobile Styles */

#wprmenu_menu.wprmenu_levels ul li{
   border-bottom: none !important;
}


.mobile-only{
   display: none;
}





/* WHEN MOBILE BANNER NEEDS TO COME IN*/
/*

.mobile-only{
   display: block;
}
 */

@media screen and (max-width: 1199px){
   .title-area{
      margin: 0 auto;
      float: none;
   }
   
   .nav-header{
      float: left;
   }
   
   .hmb-wrapper {
      min-width: 45%;
      max-width: 45%;
      margin-right: 5%;
   }
   
   .home-box-3,
   .home-box-4{
      margin-top: 5%;
      
   }
   
   .home-boxes{
      max-width: 74%;
      margin: 0 auto;
   }
   
   
}

@media screen and (max-width: 960px){
   .home-boxes {
      max-width: 86%;
   }
   
   .header-widget-area{
      display: none !important;
   }
}

@media screen and (max-width: 802px){
   .home .gch-header{
      display: none;
   }
   
   .mobile-only{
      display: block;
   }
   
   .mobile-only .intro-text{
      padding: 50px;
      text-align: center;
   }
   
   .site-inner{
      padding-top: 0px;
   }
}

@media screen and (max-width: 799px){
   .home-boxes {
      max-width: 100%;
   }
   
   .hmb-wrapper{
      min-width: 49%;
      max-width: 49%;
      margin-right: 1%;
   }
   
   .home-box-2,
   .home-box-4{
      margin-right: 0px;
   }
}

@media screen and (max-width: 788px){
   .full-width-template .content-wrapper{
      margin-top: 20px;
   }
}

@media screen and (max-width: 751px){
   .alignleft,
   .alignright{
      float: none;
      text-align: center;
   }
   
   .alignright{
      margin-top: 5px;
   }

}



@media screen and (max-width: 654px){
   .hmb-wrapper{
      float: none;
      clear: both;
      min-width: 60%;
      max-width: 60%;
      margin: 0 auto;
      margin-top: 0px;
      margin-bottom: 10px;
   }
   
   .hmb-wrapper.last{
      margin-right: inherit;
   }
}

@media screen and (max-width: 535px){
   .hmb-wrapper{
      min-width: 100%;
      max-width: 100%;
   }
   
   .mobile-only .intro-text{
      padding: 20px;
   }
}

@media screen and (max-width: 320px){
   .narrow-width-template .title-wrapper .title{
      display: block;
   }
   .page-id-91 .narrow-width-template .title-wrapper .title h1{
      padding: 0px;
      font-size: 32px;
   }
}