/*
Theme Name: CharredTimber
Theme URI: https://benco.is
Author: Sam Kelham
Author URI: https://benco.is/
Version: 1.
*/
/* line 17, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

.webc2s_link {cursor:pointer;}
.webc2s_link:hover {border-bottom:1px dotted #c99366;}

  header#masthead .mob {display:none;}
/* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 46, sass/style.scss */
body {
  font-family: "museo-sans", sans-serif;
  font-weight: 100;
}

/* line 51, sass/style.scss */
a, p {
  text-decoration: none;
  color: #26201b;
}

/* line 56, sass/style.scss */
.section {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
}

/* line 60, sass/style.scss */
.container {
  width: 960px;
  margin: 0px auto;
}

/* line 64, sass/style.scss */
header#masthead {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
  background-color: #26201b;
  color: #fff;
  padding: 25px 0px;
  overflow: hidden;
}
/* line 71, sass/style.scss */
header#masthead img {
  max-width: 430px;
  height: auto;
  float: left;
  margin-left: 15px;
}
/* line 78, sass/style.scss */
header#masthead a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  float: right;
  margin-right: 15px;
}

/* line 85, sass/style.scss */
#content {
  clear: both;
}

/* line 89, sass/style.scss */
.half {
  width: 50%;
}

.ninety-percent {
  width: 90%;
}
.ninety-percent strong {
  font-weight: 500;
}

/* line 93, sass/style.scss */
.cta {
  background-color: #197b4e;
  color: #fff;
  padding: 7px 18px;
}

/* line 99, sass/style.scss */
.slideshow {
  min-height: 400px;
  width: 100%;
  display: block;
  background-color: #e3e3e3;
  background: url(images/hero.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 111, sass/style.scss */
.page-title {
  text-align: center;
  font-size: 37px;
  line-height: 43px;
  margin: 30px 0px 50px 0px;
}

/* line 119, sass/style.scss */
.content {
  background: url(images/trees.png) no-repeat;
  background-position: right bottom;
  min-height: 600px;
  background-size: 28%;
}
/* line 125, sass/style.scss */
.content p {
  font-size: 20px;
  line-height: 26px;
  margin: 30px 0px;
}
/* line 131, sass/style.scss */
.content .page-title {
  font-size: 47px;
  line-height: 57px;
}

/* line 138, sass/style.scss */
.section.brown {
  background-color: #26201b;
  color: #fff;
  min-height: 300px;
  position: relative;
  padding: 30px 0px;
  overflow: visible;
}
/* line 146, sass/style.scss */
.section.brown .container {
  position: relative;
}
/* line 150, sass/style.scss */
.section.brown h3 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 20px;
}
/* line 156, sass/style.scss */
.section.brown p {
  color: #fff;
  font-size: 17px;
  margin: 15px 0px;
  line-height: 23px;
}
.section.brown p:first-child {
    margin: 0;
}
/* line 163, sass/style.scss */
.section.brown .choc-text {
  float: right;
  width: 50%;
  display: block;
}
/* line 169, sass/style.scss */
.section.brown img {
  position: absolute;
  width: 46%;
  top: -49px;
  left: 0px;
}

/* line 178, sass/style.scss */
.wood {
  min-height: 300px;
}
/* line 181, sass/style.scss */
.wood .page-title {
  text-align: center;
  font-size: 50px;
  line-height: 56px;
  margin: 70px 0px 50px 0px;
}
/* line 189, sass/style.scss */
.wood .widgets_on_page {
  display: block;
}
/* line 192, sass/style.scss */
.wood .widgets_on_page li {
  display: inline-block;
  width: 32%;
  text-align: center;
}
/* line 197, sass/style.scss */
.wood .widgets_on_page li img {
  max-width: 45% !important;
  height: auto;
}
/* line 202, sass/style.scss */
.wood .widgets_on_page li h3 {
  display: block;
  margin: 10px 0px;
  font-size: 20px;
  font-weight: 500;
}
/* line 209, sass/style.scss */
.wood .widgets_on_page li .widget_sp_image-description {
  width: 80%;
  margin: 0px auto;
}
/* line 213, sass/style.scss */
.wood .widgets_on_page li .widget_sp_image-description p {
  font-size: 18px;
  line-height: 20px;
}
/* line 220, sass/style.scss */
.wood .widgets_on_page #widget_sp_image-4 {
  margin: 0px 2%;
}

/* line 227, sass/style.scss */
.gallery {
  min-height: 300px;
  padding: 30px 0px;
  display: block;
  overflow: hidden;
}
/* line 233, sass/style.scss */
.gallery .gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin-bottom: 1.5%;
}
/* line 240, sass/style.scss */
.gallery .gallery-item img {
  width: 95%;
  margin: 0 auto;
}

/* line 248, sass/style.scss */
.contact {
  background-color: #197b4e;
  color: white;
  min-height: 200px;
  padding: 30px 0px;
}
/* line 254, sass/style.scss */
.contact .page-title {
  margin-top: 0px;
  font-size: 54px;
  line-height: 59px;
}
/* line 260, sass/style.scss */
.contact .wpcf7 {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
}
/* line 263, sass/style.scss */
.contact .wpcf7 input {
  width: 31.69%;
  margin: 0px 0%;
  padding: 17px 10px;
  box-sizing: border-box;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-family: "museo-sans", sans-serif;
}
/* line 273, sass/style.scss */
.contact .wpcf7 input[type="email"] {
  margin: 0px 2%;
}
/* line 277, sass/style.scss */
.contact .wpcf7 input[type="submit"] {
  background-color: #d97e31;
  color: #fff;
  border: none;
	cursor:pointer;
  width: 405px;
  text-align: center;
  padding: 20px 20px 20px 0px;
  margin: 20px auto 0px auto;
  font-size: 26px;
  margin-top: 15px;
  display: block;
  background-image: url(images/speech.png);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 280px center;
opacity:1;transition:0.25s all ease-in-out;
}
.contact .wpcf7 input:hover {opacity:0.75;transition:0.25s all ease-in-out;}
/* line 297, sass/style.scss */
footer {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
  background-color: #26201b;
  padding: 25px 0px;
  overflow: hidden;
}
/* line 303, sass/style.scss */
footer p, footer address {
  color: #fff !important;
  font-size: 10px;
  margin-bottom: 15px;
}
/* line 309, sass/style.scss */
footer .left, footer .right {
  width: 50%;
  float: left;
  box-sizing: border-box;
  text-align: left;
}
/* line 316, sass/style.scss */
footer .left {
  padding-left: 20px;
}
/* line 320, sass/style.scss */
footer .right {
  text-align: right;
  padding-right: 20px;
}
/* line 328, sass/style.scss */
footer .right a {
  color: #c99366;
}

/**
 * 14.2 Galleries
 */
/* line 339, sass/style.scss */
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

/* line 347, sass/style.scss */
.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}
.header-l, .header-r {
    display: inline-block;
}

/* line 360, sass/style.scss */
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (max-width: 1400px) {
	.content {
		background-size: 21%;
	}
}
@media all and (max-width: 1024px) {
	.content {
		background: none;
	}
	.ninety-percent {
		width: 100%;
	}
}
@media all and (max-width: 960px) {
  /* line 379, sass/style.scss */
  .container {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }

  /* line 385, sass/style.scss */
  .half {
    width: 89%;
  }

  /* line 389, sass/style.scss */
  .page-title {
    text-align: left;
  }

  /* line 393, sass/style.scss */
  .content {
    background-size: 195px;
  }

  /* line 398, sass/style.scss */
  .section.brown img {
    position: relative;
    width: 46%;
    top: 0px;
    left: 0px;
  }
  /* line 405, sass/style.scss */
  .section.brown h3 {
    font-size: 23px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  /* line 413, sass/style.scss */
  .contact .page-title {
    margin-top: 0px;
    font-size: 41px;
    text-align: center;
    line-height: 53px;
  }
  /* line 421, sass/style.scss */
  .contact .wpcf7 input[type="email"] {
    margin: 0px 1%;
  }
  /* line 426, sass/style.scss */
  .contact .left, .contact .right {
    text-align: left;
    float: left;
    width: 100%;
  }

  /* line 434, sass/style.scss */
  footer .left, footer .right {
    text-align: left;
    float: left;
    width: 100%;
  }
  /* line 440, sass/style.scss */
  footer .right, footer .left {
    padding-left: 5%;
    width: 90%;
  }
}
@media all and (min-width: 1024px) {
  .header-r {
    float: right;
  }
}
@media all and (max-width: 1023px) {
    .header-r {
    display: flex;
    margin-top: 10px;
    justify-content: center;
    }
    .header-l {
    display: flex;
    justify-content: center;
    align-self: center;
    }
    .header-l img {
    align-self: center;
    }
    header#masthead a {
    margin: 0 5px;
    }
    header#masthead img {
    margin-left: 0;
    }
}
@media all and (max-width: 876px) {
	.section.brown {
		min-height: 370px;
	}
}
@media all and (max-width: 767px) {
    header#masthead .cta {
       display: block;
       width: 45%;
       margin: 0 auto 5px;
       text-align: center;
       padding-left: 5px;
       padding-right: 5px;
       font-weight:700;
    }
	.section.brown {
		overflow: hidden;
        text-align: center;
	}
	.section.brown img {
		width: 350px;
	}
	.section.brown .choc-text {
		width: 100%;
        margin-top: 20px;
	}
}
@media all and (max-width: 480px) {
  /* line 451, sass/style.scss */
  header#masthead img {
    width: 90%;
    padding: 0px 0px 15px 0px;
    margin: 0px 5%;
  }
  /* line 457, sass/style.scss */
  header#masthead .cta {
   width: 75%;
  }
  header#masthead a {
    float: none;
    clear: both;
}
    .header-r, .header-l {
    display: block;
   }
  header#masthead .mob {
   display:block;
   text-align:center;
   margin: 5px auto;
}

  /* line 467, sass/style.scss */
  .slideshow {
    min-height: 200px;
  }

  /* line 471, sass/style.scss */
  .content {
    background-image: none;
  }
  /* line 474, sass/style.scss */
  .content .page-title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 40px;
  }

  /* line 481, sass/style.scss */
  .section.brown {
    overflow: hidden;
  }
  /* line 484, sass/style.scss */
  .section.brown .choc-text {
    clear: both;
    width: 100%;
  }
  /* line 489, sass/style.scss */
  .section.brown img {
    width: 100%;
  }

  /* line 494, sass/style.scss */
  .half {
    width: 100%;
  }

  /* line 499, sass/style.scss */
  .wood .page-title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 30px;
  }
  /* line 505, sass/style.scss */
  .wood .widgets_on_page li {
    width: 100%;
    margin: 0px 0px 35px 0px;
  }
  /* line 509, sass/style.scss */
  .wood .widgets_on_page li img {
    max-width: 35% !important;
  }
  /* line 514, sass/style.scss */
  .wood .widgets_on_page #widget_sp_image-4 {
    margin: 0px 0px 35px 0px;
  }

  /* line 521, sass/style.scss */
  .gallery .gallery-item {
    width: 50%;
    float: left;
    max-width: 100% !important;
  }
  /* line 526, sass/style.scss */
  .gallery .gallery-item img {
    width: 95%;
    margin: 0 auto;
    height: auto;
  }

  /* line 535, sass/style.scss */
  .contact .page-title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 30px;
  }
  /* line 541, sass/style.scss */
  .contact .wpcf7 input {
    width: 99%;
    margin: 0px 0px 15px 0px;
  }
  /* line 546, sass/style.scss */
  .contact .wpcf7 input[type="email"] {
    margin: 0px 0px 15px 0px;
    width: 99% !important;
  }

  /* line 552, sass/style.scss */
  .contact .wpcf7 input[type="submit"] {
    margin: 0px 0px 15px 0px;
    width: 99% !important;
  }

  /* line 557, sass/style.scss */
  p, h1, h3, h2 {
    text-align: center !important;
  }

  /* line 562, sass/style.scss */
  footer p {
    text-align: left !important;
  }
}
/* Portrait */
/* Landscape */
@media screen and (orientation: landscape) {
  /* Landscape styles here */
}
/* CSS for iPhone, iPad, and Retina Displays */
/* Non-Retina */
/* Retina */
/* iPhone Portrait */
/* iPhone Landscape */
/* iPad Portrait */
/* iPad Landscape */

.form-control {
    float: left;
    width: 31.69%;
    margin-right: 15px;
}
.contact .wpcf7 input[type="text"], .contact .wpcf7 input[type="tel"], .contact .wpcf7 input[type="email"] {
    width: 100% !important;
	margin: 0px !important;
}
span.wpcf7-not-valid-tip {
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 5px;
}
.margin-top {
	margin-top: 10px;
}
.grecaptcha-badge {
    visibility: hidden;
}
@media screen and (max-width: 991px) {
	.form-control {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}	
}

@media screen and (max-width: 480px) {
	.form-control input {
		margin: 0px !important;
	}
	.contact .wpcf7 input[type="submit"] {
    	width: 100% !important;

	}
}

@media screen and (max-width: 350px) {
	.contact .wpcf7 input[type="submit"] {
    	background-position: 240px center;
	}
}

.underline-link {
	text-decoration: underline;
}