/*
 Theme Name:   Sussex Painter
 Theme URI:    http://www.rootsy.co.uk
 Description:  Custom theme for Sussex Painter
 Author:       Huw Roberts (Rootsy)
 Author URI:   http://www.rootsy.co.uk
 Template:     canvas
 Version:      1.0.0
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

.entry h3 {
  font-size: 18px;
  margin-bottom: 2.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#wrapper {
  max-width: none !important;
  padding: 0;
}

#inner-wrapper {
  width: auto;
  padding: 0;
}

#rtsy-wrapper {
  max-width: 1090px !important;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

#rtsy-inner-wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
  -webkit-transition: left, ease, 0.5s;
  -moz-transition: left, ease, 0.5s;
  transition: left, ease, 0.5s;
}

#navigation.col-full {
  max-width: none;
}

.entry .gallery {
  text-align: center;
  overflow: hidden;
  padding-bottom: 30px;
  /* background: url(images/pagemark.png) no-repeat 50% 100%; */
}

.entry #gallery-3 {
  background: none;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}

.entry .gallery .gallery-item {
  width: 33.33%;
  float: left;
  display: inline;
  margin-bottom: 2em;
}

.entry .gallery .gallery-item img {
  border: 6px solid #e9e9e9;
  box-sizing: border-box;
  width: 92%;
}

.entry img.noborder {
  border: 0;
  padding: 0;
}

.entry p,
.entry ul {
  margin-bottom: 1.7em;
}

.entry ul {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.entry .wp-caption {
  padding: 0;
  background: none;
  border: 0;
}

.entry .wp-caption-text {
  font: italic 15px/1.7 "Lato", Helvetica, Arial, sans-serif;
  padding: 0.5em 0 1.5em 0;
}

#logo {
  float: none;
  text-align: center;
}

#logo img {
  max-width: 688px;
  width: 100%;
}

#wrapper {
  padding-bottom: 0;
}

#content {
  background: #fff;
  border-radius: 5px;
  padding-bottom: 0;
}

article p:last-child {
  margin-bottom: 0;
}

article {
  padding-bottom: 75px;
  background: url(images/pagemark.png) no-repeat 50% 100%;
}

#main-sidebar-container {
  padding: 52px 75px 75px 75px;
}

#strapline {
  text-align: center;
  margin-top: -23px;
}

#footer {
  padding: 75px 0;
}

#footer .col-left {
  float: none;
  text-align: center;
  margin-bottom: 0;
}

#footer #copyright p {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 1px 0 #aec9c9;
}

#main-nav li span.title-case {
  text-transform: none;
}

#main-nav li span.tel {
  font: normal 16px/1.2em "Lato", arial, sans-serif;
  padding-left: 10px;
  color: #fff;
}

#inner-wrapper #navigation {
}

#navigation ul.nav li.current_page_item a,
#navigation ul.nav li.current_page_parent a,
#navigation ul.nav li.current-menu-ancestor a,
#navigation ul.nav li.current-cat a,
#navigation ul.nav li.current-menu-item a {
  border-bottom: 2px solid #209696;
}

#navigation {
  margin-bottom: 0;
  text-transform: uppercase;
  padding: 1.1em 0;
  text-align: center;
}

#navigation #main-nav {
  text-align: center;
  float: none;
}

#navigation #main-nav li {
  float: none;
  display: inline;
  padding: 0 8px;
}

#navigation #main-nav li a {
  float: none;
  display: inline;
  padding: 0 !important;
}

ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a {
  color: #209696;
}

body.show-nav #navigation {
  margin-bottom: 0;
  text-transform: uppercase;
  padding-top: 4.236em;
  text-align: left;
}

body.show-nav #navigation #main-nav {
  text-align: left;
  float: left;
}

body.show-nav #navigation #main-nav li {
  display: list-item;
  padding: 0;
}

body.show-nav #navigation #main-nav li a {
  display: block;
  padding: 7px 14px !important;
}

body.show-nav #navigation #main-nav li.telephone {
  display: none;
}

.page-title,
.post .title,
.page .title {
  margin: 0 0 1.5em;
}

header .entry-title span,
#main .title span {
  border-bottom: 3px solid #209696;
}

.page-template-template-contact-php .location-twitter {
  display: none;
}

.entry .woo-sc-hr,
.woo-sc-divider {
  padding-top: 0;
  margin-bottom: 1.7em;
}

input,
textarea {
  border-color: #dadada;
}

input:focus,
textarea:focus {
  border-color: #209696;
}

cite {
  font-style: normal;
  font: bold 17px / normal lato;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
}

.woo-sc-quote {
  margin-bottom: 2.5em;
}

.woo-sc-quote:last-child {
  margin-bottom: 0;
}

#contact-page ol.forms label {
  font-size: 16px;
  text-transform: uppercase;
  width: 100px;
}

#contact-page ol.forms li.inline input#sendCopy {
  margin-left: 120px;
  margin-right: 10px;
}

#contact-page ol.forms li.buttons .submit {
  margin: 0 0 0 120px;
}

#contact-page .submit {
  font-size: 1.3em;
}

.wpcf7 form .form-item {
  margin-bottom: 0.5em;
}

.wpcf7 form label {
  display: block;
  flex-shrink: 0;
}

.wpcf7 form .wpcf7-form-control-wrap {
  width: 100%;
}

.wpcf7 form input,
.wpcf7 form select,
.wpcf7 form textarea {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
}

.wpcf7 form input[type="submit"] {
  width: auto;
}

.wpcf7 span.required {
  color: red;
}

@media only screen and (min-width: 1090px) {
  .bwc-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .bwc-wrap .bwc {
    flex-shrink: 0;
  }

  .entry .bwc img {
    padding-left: 40px;
    margin-top: -15px;
  }

  .entry .bwc img.no-neg-margin {
    margin-top: 0;
  }
}

@media only screen and (min-width: 680px) {
  .wpcf7 form .form-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1.5em;
  }

  .wpcf7 form label {
    width: 160px;
    margin-right: 10px;
  }

  .wpcf7 .recaptcha,
  .wpcf7 input[type="submit"] {
    margin-left: 170px;
  }

  .wpcf7 form input,
  .wpcf7 form select {
    max-width: 300px;
  }

  .wpcf7 form textarea {
    max-width: 600px;
  }
}

/* Media Queries */

@media only screen and (max-width: 959px) {
  #main-sidebar-container {
    padding: 37px 60px 60px 60px;
  }

  #main-nav {
    font-size: 0.9em;
  }

  #navigation #main-nav li {
    padding: 0 5px;
  }
}

@media only screen and (max-width: 860px) {
  /* Hide telephone number in nav */
  #navigation #main-nav li.telephone {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #content {
    padding-top: 0;
  }

  #main-sidebar-container {
    padding: 37px 52px 52px 52px;
  }

  .page-title,
  .post .title,
  .page .title {
    font-size: 24px;
  }

  .entry,
  .entry p {
    font-size: 17px;
  }

  .entry .wp-caption-text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 640px) {
  #strapline {
    display: none;
  }

  #header {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #main-sidebar-container {
    padding: 37px;
  }

  #logo span.site-description {
    font-family: "Lato";
    font-size: 1.2em;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    display: inline;
    text-shadow: -1px 1px 0 #114f4f;
  }

  #logo a img {
    margin-bottom: 1em;
  }

  article {
    padding-bottom: 33px;
    background: url(images/pagemark-half.png) no-repeat 50% 100%;
  }

  /* .entry .gallery {
    padding-bottom: 20px;
    background: url(images/pagemark-half.png) no-repeat 50% 100%;
  } */

  #footer {
    padding: 30px 0;
  }

  .entry .woo-sc-quote p {
    padding-left: 28px;
    font-size: 1em;
    margin-left: 0;
    margin-right: 0;
    background: url(images/quote-half.png) no-repeat 0 3px;
  }

  .entry .woo-sc-quote p cite {
    font-size: 13px;
  }

  #contact-page ol.forms label {
    float: none;
    display: block;
  }

  #contact-page ol.forms input.txt,
  #contact-page ol.forms textarea {
    float: none;
    display: block;
    width: 96%;
    margin-top: 1em;
    margin-bottom: 5px;
  }

  #contact-page ol.forms li.inline input#sendCopy,
  #contact-page ol.forms li.buttons .submit {
    margin-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  #main-sidebar-container {
    padding: 26px;
  }

  .entry img.bwc {
    padding-left: 0;
    margin-top: 0;
    float: none;
    display: block;
    margin: 2em auto;
  }

  #logo span.site-description {
    font-size: 1em;
  }

  .page-title,
  .post .title,
  .page .title {
    font-size: 20px;
  }

  .entry,
  .entry p {
    font-size: 15px;
  }

  .entry .wp-caption-text {
    font-size: 13px;
  }

  .entry .woo-sc-quote p cite {
    font-size: 10px;
    display: block;
    margin-top: 1em;
  }

  #contact-page ol.forms label {
    float: none;
    display: block;
    font-size: 12px;
  }

  #contact-page ol.forms input.txt,
  #contact-page ol.forms textarea {
    float: none;
    display: block;
    width: 96%;
    margin-top: 0.5em;
    margin-bottom: 0;
  }
}