/*
    Theme Name: Hot As 2013
    Theme URI: http://www.hotas.co.nz
    Description: Theme for Hot As Website
    Author: Philip Allfrey, for Evolve Marketing
    Author URI: http://philip.allfrey.co.nz

    Version:1.0

    Template: genesis
    Template Version: 1.9.1
 
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/**********
 Global
***********/
body, input, textarea {
 color: #000;
 font: 10pt/1.5em Verdana,sans-serif;
 font-weight: normal;
 word-wrap:break-word;
}

body{
 background:#ffb400 url(images/gradient.png) repeat center;
}

strong{
 font-weight:bold;
}

em{
 font-style:italic;
}

h1,h2,h3,h4,h5,h6, #header .widget-area, .menu-sidebar-container, .quote-widget-input, #footer{
 font-family: Rokkitt, Bitter, sans-serif;
}

h1 {
 font-size: 2em;
 line-height:1.5em;
 padding-bottom:0.375em;
}
h2 {
 font-size: 1.5em;
 line-height:1em;
 padding:1.5em 0 0.5em;
}
h3 {
 font-size: 1.25em;
 line-height:1.2em;
}
h4 {
 font-size: 1em;
 line-height:1.5em;
 font-style:italic;
 font-weight:bold;
}
h5 {
 font-size: 1em;
 line-height:1.5em;
 font-style:italic;
}
h6 {
 font-size: 1em;
 line-height:1.5em;
 font-style:italic;
 text-decoration:underline;
}

p + p {
 padding-top:1.5em;
}

hr{
 border: none;
 border-bottom: dotted 1px;
 margin: 12px 0 13px 0;
}

ol{
 list-style:decimal;
}

.hentry ul li{
 list-style-type:disc;
 list-style-position:inside;
}

#content img{
 max-width:100%;
 height:auto;
 margin: 5px 20px 20px 0;
}

.alignleft{
 float:left;
}

.alignright{
 float:right;
 margin: 5px 0 20px 20px;
}

.aligncenter{
 display:block;
 margin: 5px auto 20px auto;
}

a:hover, a:active{
 color:#ffb400;
}

/**************
 Backgrounds
***************/
#wrap{
 background:#000;
}

#header{
 position:relative;
}

#header:before{
 content:'';
 display:block;
 position:absolute;
 left:0;
 top:0;
 height:63px;
 width:50%;
 background:#ffb400;
}

#header:after{
 content:'';
 display:block;
 position:absolute;
 right:0;
 top:0;
 height:63px;
 width:50%;
 background:#3b3b3e;
 z-index:1;
}

#header .widget-area{
 background-color:#3b3b3e;
 min-height:63px;
}

#inner{
 background-color:#e8e8e8;
}

#footer{
 background-color:#3b3b3e;
 color:#fff;
}

.gototop{
 background:#181818;
}

/***************
 Layout
***************/
#wrap{
 margin:16px 0;
}

#header .wrap, #slider .wrap, #slider .genesis_responsive_slider, #inner #content-sidebar-wrap, #footer .wrap{
 max-width:1005px;
 margin:0 auto;
 padding:0 9px;
 padding:0 0.90%
}

#inner #content-sidebar-wrap{
 padding-top:20px;
 padding-bottom:60px;
 overflow:hidden;
}

/****************
 Header
****************/
.header-image #title-area,
.header-image #title,
.header-image #title a {
    display: block;
    float: left;
    min-height: 71px;
    min-height: 63px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 255px;
}

#header #title-area{
 position:relative;
 z-index:3;
}

#header .widget-area{
 position:relative;
 z-index:2;
}
 
.header-image #description {
    display: block;
    overflow: hidden;
}
.header-image #title a {
    background: url( 'images/logo.png' ) no-repeat;
    background-size:contain;/*Does this work?*/
    max-width:100%
}

/****************
 Menu
****************/
/* --- Site Nav --- */
/* #site-nav-container = #header .wrap
   #site-nav ~ .menu-navigation-container or #nav_menu-2*/

.mobile-menu{
 /*display:none;*/
}

#header .wrap {
	position:relative;
	padding:0;
	display:block;
	/*border-bottom:1px solid #E3E0D8;*/
}
#header .wrap a#mobile-menu-btn {
	display:block;
	position:absolute;
	right:0;
	width:63px;
	min-height:71px;
	min-height:63px;
	margin:0;
	padding:0;
	background: #3b3b3e url(images/menu-arrow.png) center center no-repeat;
	font-weight:400;
	text-decoration:none;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
}
#nav_menu-2.mobile-menu {
	position:relative;
	background:#3b3b3e;
	clear:both;
position: absolute;
display: block;
height:0;
top:63px;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: -moz-transform 0.5s ease;
overflow: hidden;
-webkit-transform: translate3d(100%,0,0);
-moz-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
width: 100%;
}

#nav_menu-2.mobile-menu.active{
 height:auto;
 top:63px;
 -webkit-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}

#nav_menu-2.mobile-menu ul ul {
	padding:0;
}
#nav_menu-2.mobile-menu ul li {
	display:block;
	padding:0;
	border-bottom:1px solid #C2C2C2;
}
#nav_menu-2.mobile-menu ul li ul li {
	border-bottom:none;
}
#nav_menu-2.mobile-menu ul li ul {
	background:#45484C;
}
#nav_menu-2.mobile-menu li li {
	padding:0;
}
#nav_menu-2.mobile-menu li a {
	display:block;
	padding:9px 0;
	font-size:20px;
	font-size:1.25rem;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
        text-decoration:none;
}
#nav_menu-2.mobile-menu li li a {
	font-size:16px;
	font-size:1rem;
	color:#aaa;
	text-transform:none;
	letter-spacing:0;
}
#nav_menu-2.mobile-menu li li li a {
	font-size:16px;
	font-size:1rem;
}

#nav_menu-2 .current-menu-item a{
 color:#ffbd00;
}

#nav_menu-2 .current-menu-item .menu-item a{
 color:#aaa;
}

/****************
 Slider
****************/
#slider-wrap{
  background: #e8e8e8 url('images/diag.png') repeat;
  padding-bottom: 9px;
}

/*Hack to remove 2px space between header and slider in Firefox*/
@-moz-document url-prefix() {
    #slider-wrap {
        margin-top: 2px;
    }
}

#slider{
 background:#000;
 clear:both;
/*
 -moz-border-image:url(images/horiz-border-small.png) 0 0 9 0 repeat;
 -webkit-border-image:url(images/horiz-border-small.png) 0 0 9 0 repeat;
 -o-border-image:url(images/horiz-border-small.png) 0 0 9 0 repeat;
 border-image:url("http://www.allfrey.co.nz/wp/hotas/wp-content/themes/HotAs2013/images/horiz-border-small.png") 0 0 9 0 repeat;
 border-bottom:solid 9px transparent;
 behavior: url(http://www.allfrey.co.nz/wp/hotas/wp-content/themes/HotAs2013/lib/css3pie/PIE.php);*/
}

#slider #genesis-responsive-slider{
 background-color:red;
 border:none;
 padding:0;
}

/****************
 Content
****************/
#content, .widget_calltoaction{
  background: url('images/diag.png') repeat;
  border-radius: 9px;
  z-index: -1;
  display: block;
  padding: 9px;
  overflow: hidden; 
}

#content .page, #content .post{
 background:#fff;
 padding:0 15px;
}

#content h1, .widget_nav_menu .widgettitle, .widget_calltoaction .widgettitle a{
 background:#181818;
 color:#fff;
 padding:2px 0;
 margin:0.45em 0;
 font-size:21pt;
 line-height:1.3em;
 font-size:27pt;
 line-height:1.1em;
}

#content h1{
 display:inline-block;
 margin:0.45em -15px;
 padding:2px 15px;
}

#content h2{
 display:inline-block;
 padding:10px 10px 10px 15px;
 margin:0.6em -15px;
 background:#181818;
 color:#fff;
 font-size:17pt;
 line-height:1em;
}

#content h3{
 display:inline-block;
 padding:10px 10px 10px 15px;
 margin:0.6em -15px;
 background:#181818;
 color:#fff;
}

.widget-wrap.orange, .widget-wrap.blue, #content .page{
 background:#fff;
 /*border:solid 11px transparent;*/
 border-radius:9px;
 /*
 -moz-border-image:url(images/diagonal-border.png) 15 round;
 -webkit-border-image:url(images/diagonal-border.png) 15 round;
 -o-border-image:url(images/diagonal-border.png) 15 round;
 border-image:url(images/diagonal-border.png) 15 round;
 border-image:url(http://www.allfrey.co.nz/wp/hotas/wp-content/themes/HotAs2013/images/diagonal-border.png) 15 round;
 behavior: url(http://www.allfrey.co.nz/wp/hotas/wp-content/themes/HotAs2013/lib/css3pie/PIE.php);*/
}

/***********************
 Call to Action widgets
***********************/
.widget_calltoaction{
 margin:0 0 1.5em 0; 
}

.widget_calltoaction .widgettitle{
  display:inline-block;
 position:relative;
 padding:0;
 overflow:hidden;
 /*margin-left:-5px;*/
}

.widget_calltoaction .widgettitle a{
 display:inline-block;
 text-decoration:none;
 padding:2px 15px;
 font-size:26pt;
 border-right:solid 50px #ffb400;
 position:relative;
}

.blue .widgettitle a{
 border-right:solid 50px #0096ff;
}

.horiz-arrow{
    background: #ffb400 url(images/horiz-arrow.png) no-repeat center center;
    display: inline-block;
    position: absolute;
    font-size: 26pt;
    height:100%;
    margin: 0 -50px 0 0;
    padding: 0;
    right: 0;
    bottom: 0;
    width: 50px;
}

.blue .horiz-arrow{
 background-color:#0096ff;
}

.widget_calltoaction .orange .cta-first-word{
 color:#ffb400;
}

.widget_calltoaction .blue .cta-first-word{
 color:#0096ff;
}

.home #sidebar-alt .widgettext{
 padding:0 15px 15px 15px;
}

/*****************
 Home Page Sidebar
*****************/
#sidebar .widget + .widget{
 margin-top:40px;
}

.widget_nav_menu .widgettitle{
 font-style:normal;
 font-weight:normal;
 padding-left:20px;
}

#menu-sidebar{
 text-align:right;
}

#menu-sidebar li{
 padding-right:15px;
 border-right:solid 20px #000;
 border-bottom:solid 1px #000;
 margin-top:5px;
 line-height:50px;
 font-size:16pt;
}

#menu-sidebar a{
 color:#555;
 display:block;
 text-decoration:none;
}

#menu-sidebar li:hover, #menu-sidebar li:active{
 border-right-color:#ffb400;
}

#sidebar .Testimonials_Widget_Widget{
 background:#000;
 color:#fff;
 overflow:hidden;
}

#sidebar .Testimonials_Widget_Widget .widgettitle{
 background:#ffb400;
 color:#fff;
 font-size:24pt;
 font-weight:normal;
 font-style:normal;
 padding-left:20px;
 margin:20px 0px 25px -20px;
 /*max-width:92.5%;*/
}

#sidebar .Testimonials_Widget_Widget a{
 color:#fff;
}

#sidebar .Testimonials_Widget_Widget .widget-wrap{
 padding:0 20px;
}

#sidebar .wpcf7 .watermark{
 color:#adadad;
}

.quote-widget-input{
 background-color:#272727;
 border:none;
 height:35px;
 font-size:13pt;
 margin:0 7.5% 12px 7.5%;
 padding-left:8px;
 max-width:85%;
}

textarea.quote-widget-input{
 height:90px;
}

#quote-widget-submit{
 background:#ffb400;
 color:#fff;
 float:right;
 margin-right:6.2%;
 font-size:20pt;
 height:40px;
 padding:0 20px;
}
/****************
 Footer
*****************/
#footer{
 overflow:hidden;
 /*-moz-border-image:url(images/horiz-border-small.png) 9 0 0 0 repeat;
 -webkit-border-image:url(images/horiz-border-small.png) 9 0 0 0 repeat;
 -o-border-image:url(images/horiz-border-small.png) 9 0 0 0 repeat;
 border-image:url("http://www.allfrey.co.nz/wp/hotas/wp-content/themes/HotAs2013/images/horiz-border-small.png") 9 0 0 0 repeat;
 border-top:solid 9px transparent;
 behavior: url(http://www.allfrey.co.nz/wp/hotas/wp-content/themes/HotAs2013/lib/css3pie/PIE.php);*/
  background: #e8e8e8 url('images/diag.png') repeat;
  z-index: -1;
  display: block;
  padding-top: 9px;
  overflow: hidden;

}

#footer .footer-wrap{
 overflow:hidden;
 background:#3b3b3e;
}

#footer a{
 color:#fff;
}

.gototop{
 height:72px;
 background:#181818 url('images/top-arrow.png') no-repeat center 15px;
 position:relative;
 margin:0 -0.9%;
}

.gototop p{
 padding:35px 0 15px 0;
 text-align:center;
 text-transform:uppercase;
 font-size:17pt;
}

.gototop a{
 text-decoration:none;
}

.creds{
 float:left;
 max-width:934px;
}

.creds div{
 padding:10px 0 20px 0;
}

.creds div p+p{
 padding-top:10px;
}

.creds div p{
 font-size:9pt;
 font-size:10.5pt;
}

.creds div p:first-child{
 font-size:14pt;
 font-size:17pt;
}

.footer-info a{
 text-decoration:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@
 Media queries
@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media only screen and (min-width: 360px){
.header-image #title-area,
.header-image #title,
.header-image #title a {
    min-height: 71px;
    width: 287px;
}

#header:before, #header:after{
 height:71px;
}

#header .widget-area{
 min-height:71px;
}

#header .wrap a#mobile-menu-btn{
 width:71px;
 min-height:71px;
}

#nav_menu-2.mobile-menu, #nav_menu-2.mobile-menu.active{
 top:71px;
}
/*End 360 */
}
@media only screen and (min-width: 400px){
 #header .wrap a#mobile-menu-btn {
  right:10px;
  text-indent:0;
  font-size:20px;
  line-height:71px;
  text-transform:uppercase;
  color:#fff;
  background-position:right center;
  width:85px;
 }
} /*End 400*/



@media only screen and (min-width: 500px){
 #sidebar .widget{
  width:47%;
  float:left;
 }

 #sidebar .widget + .widget{
  float:right;
  margin-top:15px;
 }

} /*End 500*/

@media only screen and (min-width: 665px){
 /* Footer */
 .gototop{
  margin:0;
  width:72px;
  float:left;
 }

 .creds{
  float:right;
  width:580px;
 }

 .contact, .footer-info{
  float:right;
  text-align:right;
 }
}
/* End 600 */

@media only screen and (min-width: 768px){

 .entry-content p{
  text-align:justify;
 }


 /* Widgets */
 .home #sidebar-alt .widget_calltoaction{
  max-width:100%;
 }

 .widget-wrap.orange, .widget-wrap.blue{
  overflow:hidden;
 }

 .home #sidebar-alt .widget_calltoaction{
  margin-left:0;
 }

 .home #sidebar-alt .widget_calltoaction .widgettitle{
  width:34%;
  vertical-align:top;
 }

 .home #sidebar-alt .widget_calltoaction .widgettitle a{
  display:block;
  margin-left:20px;
 } 

 .home #sidebar-alt .widgettext{
  display: inline-block;
  max-width: 60%;
  padding: 0 20px;
  margin:12px 0;
 }


 /* Menu */
 #header .wrap a#mobile-menu-btn {
  display:none
 }

 #menu-navigation .arrow{
  padding-right:35px;
  background:url(images/drop-down-arrow.png) no-repeat center right;
 }

 #nav_menu-2{
  float:right;
 }

#nav_menu-2 li{
 display:inline-block;
 font-size:1.25em;
 line-height:1.2em;
        line-height:71px;
 margin-right:0;
 padding:0 20px;
 position:relative;
}

#nav_menu-2 li a{
	font-size:22px;

	color:#fff;
	text-transform:uppercase;
	text-align:center;
        text-decoration:none;
}



#nav_menu-2 li:hover ul {
 display:block;
}

#nav_menu-2 li:hover{
 overflow:visible;
}

#menu-navigation{
 
}

#menu-navigation ul{
	display:none;
	position:absolute;
	top:71px;
	right:-20px;
	padding:0 18px 0;
	width:auto;
	margin:0;
	list-style:none;
	background:#3b3b3e;
        z-index:1;
        text-align:right;
}
#menu-navigation ul li{
	width:12em;
	vertical-align:top;
	margin:0 0 11px;
	padding:0;
	float:none;
	overflow:hidden;
        font-size:0.8em;
        line-height:1.5em;
        display:block;
}

#menu-navigation ul ul li{
 font-size:1em;
 line-height:1.5em;
}

#menu-navigation .sub-menu li:hover .sub-menu{
 left: 12em;
 overflow: visible;
 top: -0.75em;
 padding: 0.75em 0 0 2.25em;
}

#nav_menu-2 .current-menu-item:after{
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 border-bottom:solid 10px #000;
 width:100%;
}


 #content-sidebar-wrap{
  overflow:hidden;
 }

} /*End 768*/



@media only screen and (min-width: 825px){

 #content{
  /*max-width:720px;*/
  max-width:69%;
  float:left;
 }

 #sidebar{
  width:26.36%;
  float:right;
  margin-left:10px;
 }

 .home #sidebar-alt{
  width:100%;
  float:none;
  margin-left:0;
  }

 #sidebar .widget{
  float:none;
  width:100%;
 }

 #sidebar .widget_nav_menu .widgettitle{
  margin-top:0;
 }

}
/*End 845 */

@media only screen and (min-width: 850px){
 #nav_menu-2 li{
  margin-right:20px;
 }
}
/*End 850 */

@media only screen and (min-width: 1010px){

 #content{
  max-width: 702px;
 }

 .home #sidebar-alt .widget_calltoaction {
  float: left;
  margin: 1.5em 0 1.5em 10px;
  max-width: 310px;
  /*max-width:100%;*/
  width:30.8%;
 }

 .home #sidebar-alt .widget_calltoaction:first-child{
  margin-left:0;
 }

 .home #sidebar-alt .widget_calltoaction .widgettitle{
  width:101%;
  vertical-align:top;
 }

 .home #sidebar-alt .widget_calltoaction .widgettitle a{
  display:inline-block;
  margin-left:0;
 } 

 .home #sidebar-alt .widgettext{
  display: inline-block;
  max-width: 100%;
  padding:0 15px 15px 15px;
  margin:0;
 }

 .widget-wrap.orange, .widget-wrap.blue{
  overflow:visible;
 }

 /* Footer */
 .creds{
  min-width:920px;
 }

 .contact{
  float:left;
  text-align:left;
 }
 
} /*End 1005 */