/*

Theme Name: Summit Caravans

Author: Jesse Harvey - Giant Media

Description: A custom template for Summit Caravans

Version: 1.0



*/

html, body { margin:0px; padding:0px; font-family: "PT Sans", Arial, sans-serif; }



/* general use ---------------------*/

#row { width:100%; display:block; padding: 23px 0px; }

.inline { display:inline; }

.clear { clear:both; }

h1, h2, h3, h4, h5 { color: #F1592A;}

h1 a, h2 a, h3 a, h4 a, h5 a { color: #F1592A; font-size:80%; text-decoration:none;}

h1 { font-size:30px; }

h2 { font-size:26px; }

h3 { font-size:22px; }

h4 { font-size:18px; }

h5 { font-size:18px; }

a { color: #F1592A; text-decoration:none; }

a:hover { color: #464648; text-decoration:none; }

p { font-family: "PT Sans", Arial, sans-serif;  }

#page_banner { width:100%; display:block; display: none;}

#slider { z-index:1; position:relative; }

#space { display:block; height:20px; width:100%; }

.entry-meta { display:none; }

.post_top { display:block; height:110px; }

.entry-title { float: left; font-weight: 200;}

a .entry-title:hover { text-decoration:underline; }

.entry-content { clear:both; padding-top:23px; padding-bottom: 23px; }

.archive-title { text-transform:uppercase; }

.entry-thumbnail_small { margin-right:23px; }

.clear_bottom { margin-bottom:0px; padding-bottom:0px; }

.clear_top { margin-top:0px; padding-top:0px; }

.bump { margin-bottom:10px; }

.bump_top {  margin-top: 45px; }

form p { margin-bottom:10px; }

.fb-like { background:url('images/like_on_fb.png') }

.page_nav { padding: 20px; }

.page_nav a { font-size:20px; margin-right:10px; }

.page_nav .current { font-size:20px; margin-right:10px; }

#contact_page_posts .entry-content { padding:0 0 23px 0; }




/*  main content and copy ---------------------*/

#main_content {  background:#FFF; clear: both; font-size: 1.0em; /* 13 / 16 */ width:85%; max-width: 1170px; margin: 0 auto; position: relative; }

 #copy { float:left; }

 #side { float:right; }

 #side_range_item {max-width:370px; background-color: #F1592A; position:relative; top:0px; z-index:9999;}

   #side_range_item_title a { color: #fff; margin:0; font-size:20px; line-height: 1; font-weight:bold; text-decoration:none; }

   #side_range_item_title h5 { color: #fff; font-size:20px; line-height: 1; padding: 15px 15px 10px 15px; margin:0px; font-weight:200;}

   #side_range_link_box { float:left; margin:0 0 15px 15px; width:70%; padding-top:4px;}

   #side_range_arrow_box { float:right; margin:0px; padding: 0px 0; width:20%; position:relative; top:-20px; }

   #side_date { position:absolute; top:25px; left:20px; background: #F1592A; color: #fff; padding:5px 10px; text-transform:uppercase; font-size:20px; font-weight:bold; }

 #range_page_item {max-width:370px; background-color: #F1592A; position:relative; top:0px; z-index:9999;}

 #range_item_img { max-height: 100%; overflow: hidden; }

 #side_range_item_img { max-height: 100%; overflow: hidden; }



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

#header_wrap { width:100%; border-bottom:3px solid #d4cfcf; }

 header { background:#FFF; clear: both; font-size: 1.0em; /* 13 / 16 */ width:85%; max-width: 1170px; margin: 0 auto; position: relative;}

  #logo { float:left; margin: 36px 0px 0px 0px; }

  #enquire_button { float:right; margin: 36px 0px 26px 0px;  }

/*  Navigation | main menu ----------------*/

  #navbar { float:right; margin: 0 0 13px 0; clear:right;}

   ul.nav-menu { margin: 0px; padding: 0px; float: right; }

   .nav-menu li { display: block; }

   .nav-menu li a { color: #464648; display: block; font-size: 16px; line-height: 1; padding: 8px 0px 8px 25px; text-decoration: none; }

   .nav-menu li a:hover { color: #F1592A; }     

   .nav-menu .current-menu-item a { color: #F1592A; outline: 0; }   

     .nav-menu li { display: inline-block; position: relative; }

     .nav-menu .sub-menu, .nav-menu .children { background-color: #464648; border-top: 0; display: none; padding: 0; position: absolute; left: -2px; z-index: 99999; color:#fff; }

     .nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 100%; top: 0; }

     ul.nav-menu ul a, .nav-menu ul ul a { color: #fff; width: 200px; }

     ul.nav-menu ul a:hover, .nav-menu ul ul a:hover { background-color: #F1592A; color: #fff;}

     ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul { display: block; } 

   .menu-toggle { display: none; }

#page_gallery { background: #F1592A; }

.entry-content ul { list-style:none; margin:0px; padding:0px; } 

 .entry-content ul li { border-bottom:1px solid #464648; padding:7px 5px;}

  

/*  Range bar for home page ---------------------*/

#range_wrap { width:100%; display:block;  background-color: #464648; z-index:9999;}

 #range_posts { max-width:1170px; display:block; margin:0px auto; max-height:auto;}

  #range_item {max-width:370px; background-color: #F1592A; position:relative; /*! top:-120px; */ z-index:9999;margin-top: -100px;margin-bottom: 50px;}

   #range_item_title a { color: #fff; margin:0; font-size:20px; line-height: 1; font-weight:bold; text-decoration:none; }

   #range_item_title h5 { color: #fff; font-size:20px; line-height: 1; padding: 15px 15px 10px 15px; margin:0px; font-weight:200;}

   #range_link_box { float:left; margin:0 0 15px 15px; width:70%; padding-top:4px;}

   #range_arrow_box { float:right; margin:0px; padding: 0px 0; width:20%; position:relative; top:-20px; }

   #date { position:absolute; top:25px; left:20px; background: #F1592A; color: #fff; padding:5px 10px; text-transform:uppercase; font-size:20px; font-weight:bold; }





/*  Testimonials bar for home page ---------------------*/

#testimonial_wrap { width:100%; display:block; padding: 60px 0; background-color: #fff;}

 #testimonial_posts { max-width:1170px; display:block; margin:0px auto; }

  #welcome_text { float:left; display:block; padding-left:17px;  }

   #welcome_text h3{ margin-top:0px; }

  #testimonial_post { float:right; display:block;  background: #F1592A; margin-right:15px; }

  #testimonial_item { display:block; padding:15px 15px 30px 15px; }

   #testimonial_item h3{ color: #fff; margin-top:0px; }

   #testimonial_item h4{ color: #fff; margin:23px 0 0 0; font-style:normal;}

   #testimonial_item, #testimonial_item  p{ color:#fff; font-style:italic; }

   #testimonial_item a { color:#fff; font-style:normal; }

   #testimonial_item a:hover { color:#fff; font-style:normal; text-decoration:underline; }

  #comment_bkg { background:url('images/testimonials_bottom.jpg') no-repeat #fff; background-position:center bottom; width:100%; display:block; height:30px; }



/*  Gallery posts for home page ---------------------*/

#gallery_posts_wrap { width:100%; display:block; padding: 23px 0px; background-color: #F1592A;}

 #gallery_posts { max-width:1170px; display:block; margin:0px auto;}

  #gallery_item { float:left; display:block; max-width:270px;}

  #gallery_item_title { background-color:#fff; display:block; padding:15px; height:60px; }

   #gallery_item_title a { color: #F1592A; margin:0; font-size:24px; line-height: 1; text-decoration:none;}

    #link_box { float:left; margin-left:10px; width:70%; padding-top:4px;}

    #arrow_box { float:right; margin:0px; padding: 12px 0; width:20%; }
 #gallery_item_img img{ max-height: 179px; }





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

#footer_wrap { width:100%; display:block; padding: 23px 0px; background-color: #464648;}

 footer { background-color: #464648; width:85%; max-width:1170px; display:block; margin:0px auto; }

  #contact_info { float:left; }

  #google_map { float:left; }

  #site_info { clear:both; text-align:center;}

  #footer_contact_info { color:#fff; margin:0 0 6px 0; padding:0px; }

  #footer_contact_info p { color:#fff; margin:0; padding:0px; }

  #footer_contact_info table, #footer_contact_info table td { border:none; padding:0px; line-height:1.5; margin:0px;}

  #footer_blurb_wrap {  width:100%; display:block; height:150px; padding:0px; background:url('images/above_footer_bkg.jpg')}

  #footer_blurb { color:#fff; font-size:38px; text-align:center; margin:0 auto; width:85%; padding:44px 0;}



/*  make images responsive to their container */

.responsive_img { width:100%; }

.enquire_img { max-width:200px; }

.logo_img { min-width:150px; }

.footer_logo { max-width:270px; }

.fb { max-width:38px; }

.fb_like { max-width:164px; }

.arrow {max-width:45px; }



/* form fields */

input, select, textarea {

    background: none repeat scroll 0 0 #D7D7D7;

    border-color: #D7D7D7;

    border-style: solid;

    border-width: 1px;

    color: #333333;

    font-family: Arial,sans-serif;

    margin: 0 !important;

    padding: 0.6em 0 0.6em 5%;

    width: 95%;

}



textarea {

 padding-bottom:0px;

}



input:hover, select:hover, textarea:hover {



    border-top:solid 1px #464648;

}



button, html input[type="button"], input[type="reset"], input[type="submit"] {

    background: none repeat scroll 0 0 #F1592A;

    border: 1px solid #464648;

    color: #FFFFFF;

    font-weight: bold;

    padding: 0.6em 1em !important;

    width: auto !important;

}



button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {

    border: 1px solid #F1592A;

}



#captcha {

    width:100px; 

    display:inline

}



/*  GRID COLUMN SETUP  ==================================================================== */

.col { display: block; float:left; margin: 1% 0 1% 1.6%; }

.span_2_of_2, .span_3_of_3, .span_4_of_4, .span_5_of_5, .span_6_of_6, .span_7_of_7, .span_8_of_8, .span_9_of_9, .span_10_of_10, .span_11_of_11, .span_12_of_12 { width: 100%; }

/*  GRID OF THREE   ============================================================================= */

.span_2_of_3 { width: 64.1%; }

.span_1_of_3 { width: 31.2%; }

/*  GRID OF FOUR   ============================================================================= */

.span_3_of_4 { width: 74.6%; }

.span_2_of_4 { width: 49.2%; }

.span_1_of_4 { width: 23.4%; }

/*  GRID OF FIVE   ============================================================================= */

.span_4_of_5 { width: 79.68%; }

.span_3_of_5 { width: 59.36%; }

.span_2_of_5 { width: 38.04%; }

.span_1_of_5 { width: 18.72%; }

/*  GRID OF TWELVE   ============================================================================= */

.span_11_of_12 { width: 91.46%; }

.span_10_of_12 { width: 83%; }

.span_9_of_12 { width: 74.54%; }

.span_8_of_12 { width: 63.08%; }

.span_7_of_12 { width: 57.62%; }

.span_6_of_12 { width: 49.16%; }

.span_5_of_12 { width: 40.7%; }

.span_4_of_12 { width: 32.24%; }

.span_3_of_12 { width: 23.78%; }

.span_2_of_12 { width: 15.32%; }

.span_1_of_12 { width: 6.86%; }

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

 @media only screen and (max-width: 900px) {


.span_8_of_12 { width: 61.08%; }

}
 

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

 @media only screen and (max-width: 480px) {


  .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_1_of_3, .span_2_of_3, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 { width: 90%; }

  #enquire_button { float:right; margin: 8px 0px 8px 0px;  }

  #footer_blurb { font-size:22px; }

  #slider { display:none; }

  #welcome_text { width: 90%; margin:5px 5%; padding:0px; }
  #testimonial_post { width: 90%; margin:5px 5%; padding:0px; }

  #gallery_item { margin:5px 5%; width: 90%; max-width: 400px;}

  #gallery_item img{ width: 100%;}

  #range_item { max-width:100%; margin:5px 5%; width: 90%; background-color: #F1592A; position:relative; top:0px; z-index:9999; }

  #range_item img { width:100%; height:100% }

} 



/* below is mostly borrowed styling*/



article,

aside,

details,

figcaption,

figure,

footer,

header,

nav,

section,

summary {

	display: block;

}



audio,

canvas,

video {

	display: inline-block;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



[hidden] {

	display: none;

}



html {

	font-size: 100%;

	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}



b,

strong {

	font-weight: bold;

}



p {

	margin: 0 0 13px;

}



small {

	font-size: smaller;

}



menu,

ol,

ul {

	margin: 16px 0;

	padding: 0 0 0 40px;

}



ul {

	list-style-type: square;

}



nav ul,

nav ol {

	list-style: none;

	list-style-image: none;

}



li > ul,

li > ol {

	margin: 0;

}



img {

	-ms-interpolation-mode: bicubic;

	border: 0;

	vertical-align: middle;

}



svg:not(:root) {

	overflow: hidden;

}



figure {

	margin: 0;

}



form {

	margin: 0;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}



button[disabled],

input[disabled] {

	cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

	padding: 0;

}



input[type="search"] {

	-webkit-appearance: textfield;

	padding-right: 2px; /* Don't cut off the webkit search cancel button */

	width: 270px;

}



input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



textarea {

	overflow: auto;

	vertical-align: top;

}



table {

	border-bottom: 1px solid #ededed;

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 14px;

	line-height: 2;

	margin: 0 0 20px;

	width: 100%;

}



caption,

th,

td {

	font-weight: normal;

	text-align: left;

}



caption {

	font-size: 16px;

	margin: 20px 0;

}



th {

	font-weight: bold;

	text-transform: uppercase;

}



td {

	border-top: 1px solid #ededed;

	padding: 6px 10px 6px 0;

}



del {

	color: #333;

}





/*

 * Responsive images

 *

 * Fluid images for posts, comments, and widgets

 */

.entry-content img,

.entry-summary img,

.comment-content img,

.widget img,

.wp-caption {

	max-width: 100%;

}



/* Make sure images with WordPress-added height and width attributes are scaled correctly. */

.entry-content img,

.entry-summary img,

.comment-content img[height],

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto;

}

img[class*="attachment-thumbnail"] {

	height: auto;
max-height: 127px;
min-width: 170px;

}




img.size-full,

img.size-large,

img.wp-post-image {

	height: auto;

	max-width: 100%;

}



/* Make sure videos and embeds fit their containers. */

embed,

iframe,

object,

video {

	max-width: 100%;

}



/* Override the Twitter embed fixed width. */

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important;

}



/* Images */

.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignleft {

	margin: 5px 20px 5px 0;

}



.wp-caption.alignleft {

	margin: 5px 10px 5px 0;

}



img.alignright {

	margin: 5px 0 5px 20px;

}



.wp-caption.alignright {

	margin: 5px 0 5px 10px;

}



img.aligncenter {

	margin: 5px auto;

}



img.alignnone {

	margin: 5px 0;

}



.wp-caption .wp-caption-text,

.entry-caption,

.gallery-caption {

	color: #220e10;

	font-size: 18px;

	font-style: italic;

	font-weight: 300;

}



img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



.wp-caption.alignleft + ul,

.wp-caption.alignleft + ol  {

	list-style-position: inside;

}





.page-links a,

.page-links > span {

	background: #fff;

	border: 1px solid #fff;

	padding: 5px 10px;

	text-decoration: none;

}





/**

 * Galleries

 * ----------------------------------------------------------------------------

 */



.gallery {

	margin-bottom: 20px;

	margin-left: -4px;

}



.gallery-item {

	float: left;

	margin: 10px 10px 0 0;

	overflow: hidden;

	position: relative;

}



.gallery-columns-1.gallery-size-medium,

.gallery-columns-1.gallery-size-thumbnail,

.gallery-columns-2.gallery-size-thumbnail,

.gallery-columns-3.gallery-size-thumbnail {

	display: table;

	margin: 0 auto 20px;

}



.gallery-columns-1 .gallery-item {

	text-align: center;

}



.gallery-columns-2 .gallery-item {

	max-width: 48%;

	max-width: -webkit-calc(48% - 2px);

	max-width:         calc(48% - 2px);

}



.gallery-columns-3 .gallery-item {

	max-width: 31%;

	max-width: -webkit-calc(31% - 3px);

	max-width:         calc(31% - 3px);

}



.gallery-columns-4 .gallery-item {

	max-width: 23%;

	max-width: -webkit-calc(23% - 4px);

	max-width:         calc(23% - 4px);

}



.gallery-columns-5 .gallery-item {

	max-width: 19%;

	max-width: -webkit-calc(20% - 4px);

	max-width:         calc(20% - 4px);

}



.gallery-columns-6 .gallery-item {

	max-width: 15%;

	max-width: -webkit-calc(16.7% - 4px);

	max-width:         calc(16.7% - 4px);

}



.gallery-columns-7 .gallery-item {

	max-width: 13%;

	max-width: -webkit-calc(14.28% - 4px);

	max-width:         calc(14.28% - 4px);

}



.gallery-columns-8 .gallery-item {

	max-width: 11%;

	max-width: -webkit-calc(12.5% - 4px);

	max-width:         calc(12.5% - 4px);

}



.gallery-columns-9 .gallery-item {

	max-width: 9%;

	max-width: -webkit-calc(11.1% - 4px);

	max-width:         calc(11.1% - 4px);

}



.gallery-columns-1 .gallery-item:nth-of-type(1n),

.gallery-columns-2 .gallery-item:nth-of-type(2n),

.gallery-columns-3 .gallery-item:nth-of-type(3n),

.gallery-columns-4 .gallery-item:nth-of-type(4n),

.gallery-columns-5 .gallery-item:nth-of-type(5n),

.gallery-columns-6 .gallery-item:nth-of-type(6n),

.gallery-columns-7 .gallery-item:nth-of-type(7n),

.gallery-columns-8 .gallery-item:nth-of-type(8n),

.gallery-columns-9 .gallery-item:nth-of-type(9n) {

	

}



.gallery-caption {

	background-color: rgba(0, 0, 0, 0.7);

	box-sizing: border-box;

	color: #fff;

	font-size: 14px;

	line-height: 1.3;

	margin: 0;

	max-height: 50%;

	opacity: 0;

	padding: 2px 8px;

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: left;

	-webkit-transition: opacity 400ms ease;

	transition:         opacity 400ms ease;

	width: 100%;

}



.gallery-caption:before {

	box-shadow: 0 -10px 15px #000 inset;

	content: "";

	height: 100%;

	min-height: 49px;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

}



.gallery-item:hover .gallery-caption {

	opacity: 1;

}



.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

	display: none;

}







/**

 * Post/Paging Navigation

 * ----------------------------------------------------------------------------

 */



.navigation .nav-previous {

	float: left;

}



.navigation .nav-next {

	float: right;

}



.navigation a {

	color: #F1592A;

	text-decoration: none;

}



.navigation a:hover {

	color: #464648;

	text-decoration: none;

}



.paging-navigation {

	background-color: #F1592A;

	padding: 40px 0;

}



.paging-navigation .nav-links {

	margin: 0 auto;

	max-width: 604px;

	width: 100%;

}



.sidebar .paging-navigation .nav-links {

	max-width: 1040px;

	padding: 0 376px 0 60px;

}



.paging-navigation .nav-next {

	padding: 13px 0;

}



.paging-navigation a {

	font-size: 22px;

	font-style: italic;

	font-weight: 300;

}



.paging-navigation .meta-nav {

	background-color: #e63f2a;

	border-radius: 50%;

	color: #fff;

	display: inline-block;

	font-size: 26px;

	padding: 3px 0 8px;

	text-align: center;

	width: 50px;

}



.paging-navigation .nav-previous .meta-nav {

	margin-right: 10px;

	padding: 17px 0 23px;

	width: 80px;

}



.paging-navigation .nav-next .meta-nav {

	margin-left: 10px;

}



.paging-navigation a:hover .meta-nav {

	background-color: #ea9629;

	text-decoration: none;

}



.post-navigation {

	background-color: #fff;

	color: #ca3c08;

	font-size: 20px;

	font-style: italic;

	font-weight: 300;

	padding: 20px 0;

}



.post-navigation .nav-links {

	margin: 0 auto;

	max-width: 1040px;

}



.sidebar .post-navigation .nav-links {

	padding: 0 376px 0 60px;

}



.post-navigation a[rel="next"] {

	float: right;

	text-align: right;

}







.archive-meta {

	display:none;

}





/**

 * Search Results/No posts

 * ----------------------------------------------------------------------------

 */



.page-header {

	background-color: #e8e5ce;

}



.page-title {

	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0 auto;

	max-width: 1040px;

	padding: 30px 0;

	width: 100%;

}



.page-content {

	margin: 0 auto;

	max-width: 604px;

	padding: 40px 0;

	width: 100%;

}



.sidebar .page-content {

	margin: 0 auto;

	max-width: 1040px;

	padding: 40px 376px 40px 60px;

}





/**

 * 404

 * ----------------------------------------------------------------------------

 */



.error404 .page-header {

	background-color: #fff;

}



.error404 .page-title {

	line-height: 0.6;

	margin: 0;

	padding: 300px;

	position: relative;

	text-align: center;

	width: auto;

}



.error404 .page-title:before {

	color: #e8e5ce;

	content: "\f423";

	font-size: 964px;

	line-height: 0.6;

	overflow: hidden;

	position: absolute;

	left: 7px;

	top: 28px;

}



.error404 .page-wrapper {

	background-color: #e8e5ce;

}



.error404 .page-header,

.error404 .page-content {

	margin: 0 auto;

	max-width: 1040px;

	padding-bottom: 40px;

	width: 100%;

}





@media (max-width: 1599px) {

	.site {

		border: 0;

	}

}



@media (max-width: 1069px) {

	.sidebar img.alignleft,

	.sidebar .wp-caption.alignleft {

		margin-left: 0;

	}

        

	.sidebar img.alignright,

	.sidebar .wp-caption.alignright {

		margin-right: 0;

	}



	.error404 .page-header {

		margin-left: auto;

		max-width: 604px;

		width: 100%;

	}



	.archive-header,

	.search .page-header,

	.archive .page-header,

	.blog .page-header,

	.error404 .page-content,

	.search .page-content,

	.archive .page-content,

	.attachment .entry-header,

	.attachment .entry-content,

	.post-navigation .nav-links,

	.sidebar .site-info,

	.site-footer .widget-area {

		padding-left: 20px;

		padding-right: 20px;

	}



	.error404 .page-title {

		font-size: 24px;

		padding: 180px;

	}



	.error404 .page-title:before {

		font-size: 554px;

	}



	.attachment .image-navigation {

		max-width: 724px;

	}



	.image-navigation .nav-previous,

	.image-navigation .nav-next {

		position: static;

	}



	.site-main .widget-area {

		margin-right: 60px;

	}

}



@media (max-width: 999px) {

	.sidebar .entry-header,

	.sidebar .entry-content,

	.sidebar .entry-summary,

	.sidebar .entry-meta,

	.sidebar .comment-list,

	.sidebar .comment-reply-title,

	.sidebar .comment-navigation,

	.sidebar .comment-respond .comment-form,

	.sidebar .featured-gallery,

	.sidebar .post-navigation .nav-links,

	.author.sidebar .author-info {

		max-width: 604px;

		padding-left: 0;

		padding-right: 0;

	}



	.sidebar .site-info,

	.search.sidebar .page-content,

	.blog.sidebar .page-content,

	.attachment .entry-header,

	.sidebar .comments-title {

		max-width: 604px;

	}



	.sidebar .archive-meta,

	.attachment .entry-header,

	.search.sidebar .page-content,

	.blog.sidebar .page-content,

	.sidebar .site-info,

	.sidebar .comments-title,

	.sidebar .no-comments {

		padding-left: 0;

		padding-right: 0;

	}



	.attachment .entry-meta {

		float: left;

		text-align: left;

		width: 100%;

	}



	.attachment .entry-content {

		max-width: 100%;

		padding: 40px 0;

	}



	.format-status .entry-content {

		padding-top: 40px;

	}



	.format-status .entry-meta {

		padding-bottom: 40px;

	}



	.sidebar .format-status .entry-content,

	.sidebar .format-status .entry-meta {

		padding-left: 35px;

	}



	.sidebar .format-status .entry-content:before,

	.sidebar .format-status .entry-meta:before {

		left: 10px;

	}



	.sidebar .format-status .entry-content p:first-child:before {

		left: 4px;

	}



	.sidebar .paging-navigation .nav-links {

		padding: 0 60px;

	}



	.site-main .sidebar-container {

		height: auto;

		margin: 0 auto;

		max-width: 604px;

		position: relative;

		top: 20px;

	}



	.site-main .widget-area {

		float: none;

		margin: 0;

		width: 100%;

	}



	.sidebar .site-footer .widget-area {

		max-width: 100%;

		left: 0;

	}

}



/* Collapse oversized image and pulled images after iPad breakpoint. */

@media (max-width: 767px) {

	.entry-content img.alignleft,

	.entry-content .wp-caption.alignleft {

		margin-left: 0;

	}



	.entry-content img.alignright,

	.entry-content .wp-caption.alignright {

		margin-right: 0;

	}



	.attachment .image-navigation,

	.attachment .entry-attachment .attachment {

		max-width: 604px;

		padding: 0;

		width: 100%;

	}



	.gallery-caption {

		display: none;

	}

}



@media (max-width: 643px) {

	.site-title {

		font-size: 30px;

	}



	#content .entry-header,

	#content .entry-content,

	#content .entry-summary,

	#content footer.entry-meta,

	#content .featured-gallery,

	.search.sidebar .page-content,

	.blog.sidebar .page-content,

	.sidebar .post-navigation .nav-links,

	.paging-navigation .nav-links,

	#content .author-info,

	.comments-area .comments-title,

	.comments-area .comment-list,

	.comments-area .comment-navigation,

	.comment-respond,

	.sidebar .site-info,

	.sidebar .paging-navigation .nav-links {

		padding-left: 20px;

		padding-right: 20px;

	}



	#content .format-status .entry-content,

	#content .format-status .entry-met {

		padding-left: 35px;

	}



	/* Small menu */

	.menu-toggle {

		cursor: pointer;

		display: inline-block;

		font-size:16px; font-weight: bold;

		margin: 0;

		padding: 0px 13px 0px 20px;

                float:right;

	}



	.toggled-on .menu-toggle {

		color: #464648;

	}







	.toggled-on .nav-menu,

	.toggled-on .nav-menu > ul {

		display: block;

		margin-left: 0;

		padding: 0;

		width: 100%;

	}

  

        .toggled-on .nav-menu li {

        border-top: solid 1px #464648;

        }





	.toggled-on li,

	.toggled-on .children {

		display: block;

	}



	.toggled-on .nav-menu li > ul {

		display: block;

		float: none;

		margin-left: 20px;

		position: relative;

		left: auto;

		top: auto;

                background:#fff;

	}



	.toggled-on .nav-menu li > ul a {

		color: #141412;

		width: auto;

	}

       .toggled-on .nav-menu li > ul li a:hover, .toggled-on .nav-menu li a:hover {

		color: #fff;

		width: auto;

                background: #F1592A;

	}





	.toggled-on .nav-menu li a:hover,

	.toggled-on .nav-menu ul a:hover {

                padding: 8px 0 8px 25px;

	}



	ul.nav-menu,

	div.nav-menu > ul {

		display: none;

	}



	#content .featured-gallery {

		padding-left: 24px;

	}



	.gallery-columns-1 .gallery-item {

		margin-right: 0;

		width: 100%;

	}





	.format-quote blockquote,

	.format-status .entry-content {

		font-size: 18px;

	}



	.format-quote blockquote small,

	.format-quote blockquote cite {

		font-size: 13px;

	}



	.error404 .page-title {

		padding: 40px 0 0;

	}



	.error404 .page-title:before {

		content: normal;

	}



	.comment-author {

		margin-right: 30px;

	}



	.comment-author .avatar {

		height: auto;

		max-width: 100%;

	}



	.comment-metadata,

	.comment-content,

	.comment-list .reply {

		width: 70%;

		width: -webkit-calc(100% - 104px);

		width:         calc(100% - 104px);

	}



	.comment-form input[type="text"],

	.comment-form input[type="email"],

	.comment-form input[type="url"] {

		width: -webkit-calc(100% - 120px);

		width:         calc(100% - 120px);

	}



	.comment-form textarea {

		height: 80px; /* Smaller field for mobile. */

	}



	/* Audio */

	.format-audio .entry-content:before {

		display: none;

	}



	.format-audio .audio-content {

		background-image: none;

		float: none;

		padding-left: 0;

		width: auto;

	}

}









/* Retina-specific styles. */

@media print,

	(-o-min-device-pixel-ratio: 5/4),

	(-webkit-min-device-pixel-ratio: 1.25),

	(min-resolution: 120dpi) {



	.site-header .search-field {

		background-image: url(images/search-icon-2x.png);

	}



	.format-audio .audio-content,

	.format-status .entry-content:before,

	.format-status .entry-meta:before,

	.comment-list > li:after,

	.comment-list .children > li:before {

		background-image: url(images/dotted-line-2x.png);

	}

}



],

	.comment-form input[type=PT Sans]:hover, input[type= ul li a:hover, .toggled-on .nav-menu li a:hover {

		color: #fff;

		width: auto;

                background: #F1592A;

	}





	.toggled-on .nav-menu li a:hover,

	.toggled-on .nav-menu ul a:hover {

                padding: 8px 0 8px 25px;

	}



	ul.nav-menu,

	div.nav-menu