/* GENERAL VARIABLES: This should be used from SITE-TO-SITE. */
/* Can be used SITE-TO-SItE */
@media (max-width: 768px) {
  .hideonsmallerscreens {
    display: none !important; } }

@media (min-width: 767px) {
  .hideonlargerscreens {
    display: none !important; } }

.header {
  padding-bottom: 20px; }
  @media (max-width: 999px) {
    .header {
      background: #f0fafc;
      background-image: url("https://www.saraholbrook.com/wp-content/themes/sara/img/saraholbrook.png");
      /* fallback */
      background-image: url("https://www.saraholbrook.com/wp-content/themes/sara/img/saraholbrook.png"), linear-gradient(#c2effa, #f6f3d8);
      /* W3C */
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: contain; } }
  @media (max-width: 600px) {
    .header {
      background-image: none; } }
  @media (min-width: 1000px) {
    .header {
      background: #f0fafc;
      background-image: url("https://www.saraholbrook.com/wp-content/themes/sara/img/sarawithquote.png");
      /* fallback */
      background-image: url("https://www.saraholbrook.com/wp-content/themes/sara/img/sarawithquote.png"), linear-gradient(#c2eff9, #f6f3d8);
      /* W3C */
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: contain; } }
  .header .headertitle {
    padding-top: 100px;
    padding-bottom: 15px;
    font-size: 91px;
    font-family: "Garden Grown W00 Regular" !important;
    /* color:$ltblue; */
    color: #08aed2;
    text-shadow: 0px 0px 12px white; }
    .header .headertitle .headertitlesm {
      font-size: 30px; }
    @media (max-width: 767px) {
      .header .headertitle {
        font-size: 50px;
        padding-top: 50px;
        padding-bottom: 0px; } }
  .header #sarasimage {
    display: none;
    /*@media (max-width:1000px) {
    	display:none;
    }	*/ }
  .header #mega-menu-wrap-primary {
    font-family: "Garden Grown W00 Caps" !important; }
    .header #mega-menu-wrap-primary a.mega-menu-link {
      font-family: "Garden Grown W00 Caps";
      font-size: 27px; }
    .header #mega-menu-wrap-primary .mega-nobgcolor {
      background-color: transparent; }
      .header #mega-menu-wrap-primary .mega-nobgcolor a:hover {
        background-color: transparent !important; }
  .header .bluebox {
    padding: 45px 40px 30px 45px;
    margin: 40px 16% 40px 3%;
    color: white;
    background-color: #08aed2;
    font-family: "Calluna W01 Regular"; }
    @media (max-width: 1400px) {
      .header .bluebox {
        margin: 40px 23% 40px 0px; } }
    .header .bluebox .blueboxtitle {
      font-size: 60px;
      line-height: 55px;
      font-family: "Garden Grown W00 Regular" !important; }
    .header .bluebox .blueboxsubheading {
      font-family: "Garden Grown W00 Caps" !important;
      font-size: 25px;
      line-height: 30px; }
    @media (max-width: 1200px) {
      .header .bluebox {
        display: none; } }

/* USE SITE-TO-SITE - NAVBAR STUFF. Change the following to affect the navbar colors: 
It is created by the Bootstrap menu customizer here: http://work.smarchal.com/twbscolor/ */
/* Adjust padding top of body - this affects content, prevents the menu from overlapping it. */
body {
  padding-top: 0px !important; }

/* Adjust what is shown in header if user has scrolled down so that header does not take up so much room - just show menubar. This class is applied on scroll to any element that uses class hideonslide. Likewise a similar thing for the navbar menu - using class adjustpaddingonslide. */
.goaheadandhide {
  display: none !important; }

.paddingonslide {
  padding-top: 5px !important; }

.browserupgrade {
  background-color: yellow;
  color: black;
  text-align: center;
  font-weight: bold;
  padding-top: 40px;
  padding-bottom: 40px; }

/* Add more padding - the intent is that this can be applied to the same div that uses the "container" class to make the padding "nicer." */
.extrapadding {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 80px;
  padding-bottom: 60px; }
  @media (max-width: 767px) {
    .extrapadding {
      padding-top: 40px; } }

/* Typical body  configurations - should be adjusted site-to-site */
body {
  font-family: "Calluna W01 Regular";
  font-size: 20px;
  color: #444444; }
  body h1 {
    font-size: 80px; }
  body h2 {
    margin-top: 1.2em;
    font-family: "Garden Grown W00 Regular"; }
  body h3 {
    margin-top: 1.3em;
    font-family: "Garden Grown W00 Regular"; }
  body h1 {
    font-size: 75px;
    margin-bottom: 0px !important;
    font-family: "Garden Grown W00 Regular" !important;
    color: #555; }
  body h2 {
    font-size: 50px !important; }
  body h3 {
    font-size: 35px !important; }
  body p {
    font-size: 20px;
    line-height: 27px; }

/* Set section bg - need to explicitly set this because body background has been set in order to prevent footer bg problem. */
section {
  background-color: #ffffff; }

#pagecontent {
  min-height: 800px;
  padding-bottom: 80px; }
  #pagecontent ul li {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px; }
  #pagecontent h1 {
    margin-top: 0px;
    padding-bottom: 10px; }
  #pagecontent .postmetadata {
    margin-top: 40px;
    font-size: 15px;
    color: #666; }
  #pagecontent .col-lg-8 {
    margin-top: 80px; }
  #pagecontent .col-lg-10 {
    margin-top: 80px; }
  #pagecontent .col-lg-11 {
    margin-top: 80px; }
  #pagecontent .secondary {
    background-color: #e8e8e8;
    border-radius: 6px;
    color: #000 !important;
    padding: 20px;
    margin-top: 45px;
    margin-bottom: 45px;
    background: url("/wp-content/themes/sara/img/polkadots.png") repeat; }

/* Button customization */
.btn {
  font-family: "Garden Grown W00 Regular";
  /*font-size:25px; */
  background: #0ad3ff;
  color: #000 !important;
  /*font-weight:bold;*/
  font-size: 1.2em;
  box-shadow: none;
  /*padding-left:30px; padding-right:30px; */ }
  .btn:hover, .btn:focus, .btn:active {
    background: #000;
    color: #0ad3ff !important; }
  .btn:focus {
    outline: 0 none; }

.btn.inverse {
  background: #000;
  color: #0ad3ff !important; }
  .btn.inverse:hover, .btn.inverse:focus, .btn.inverse:active {
    background: #0ad3ff;
    color: #000  !important;
    border-width: 1px;
    border-color: #0ad3ff;
    border-style: solid; }

section .btn {
  margin-top: 14px; }

#searchform {
  max-width: 250px; }
  #searchform .btn {
    font-family: "Garden Grown W00 Regular";
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: transparent !important; }

/* Set typical footer colors, links */
#footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  /* Case where menu is single horz. menu - if columnar menu, will have to do something else */ }
  #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
    color: #fff; }
  #footer a {
    color: #fff;
    text-decoration: none; }
    #footer a:hover {
      color: #ffff99; }
  #footer #ftrcontactinfo p {
    line-height: 22px; }
  #footer ul.menu {
    /* Turn into a center-aligned, horizontal menu */
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px; }
    #footer ul.menu li {
      display: inline-block;
      margin-right: 20px;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;
      font-weight: bold;
      line-height: 40px; }
  #footer #copyrightarea {
    padding-top: 60px;
    padding-bottom: 10px; }
    #footer #copyrightarea p {
      font-size: 11px; }
  #footer .container.extrapadding {
    padding-bottom: 10px; }

/* INSULATION SYSTEMS unique add'l customizations - header */
#upperrighthdr-addl-items {
  float: right;
  width: 365px;
  height: 40px;
  padding-top: 30px; }

#hdrbbblogo {
  width: 100px;
  height: auto;
  float: left; }

#callus {
  height: 50px;
  float: right;
  text-align: right; }
  #callus h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px; }
  #callus a {
    color: #fff !important;
    text-decoration: none; }
    #callus a:hover {
      text-decoration: underline; }

#pagecontent ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #bbbbbb !important; }
#pagecontent :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bbbbbb !important; }
#pagecontent ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bbbbbb !important; }
#pagecontent :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #bbbbbb !important; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #99c46f !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #99c46f !important; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #99c46f !important; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #99c46f !important; }

/* WORDPRESS styles */
.alignright {
  float: right;
  max-width: 40% !important;
  height: auto;
  margin-left: 30px;
  margin-bottom: 20px;
  margin-top: 30px !important;
  border-radius: 6px; }
  .alignright img {
    border-radius: 6px;
    height: auto; }

.alignleft {
  float: left;
  max-width: 40% !important;
  height: auto;
  margin-right: 30px;
  margin-bottom: 20px;
  margin-top: 30px !important;
  border-radius: 6px; }
  .alignleft img {
    border-radius: 6px;
    height: auto; }

.aligncenter {
  margin: 30px auto !important;
  height: auto;
  float: none;
  display: block;
  border-radius: 6px; }
  .aligncenter img {
    border-radius: 6px; }

.alignnone {
  max-width: 40% !important;
  height: auto;
  margin: 30px 0px !important;
  border-radius: 6px; }
  .alignnone img {
    border-radius: 6px;
    height: auto; }

.wp-caption-text {
  padding-top: 7px;
  font-size: 14px;
  font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; }

#recaptcha {
  max-width: 150px !important;
  min-width: 150px !important;
  width: 150px !important; }

/* SARA's STYLES */
body.home #homepagebookpane .booksection {
  /*padding-left:94px; */
  margin-top: 85px;
  position: relative; }
  @media (max-width: 1200px) {
    body.home #homepagebookpane .booksection {
      margin-top: 125px; } }
  body.home #homepagebookpane .booksection .seal {
    transform: rotate(-10deg);
    position: absolute;
    width: 188px;
    height: 188px;
    background: url("/wp-content/themes/sara/img/purple-seal.png") no-repeat;
    z-index: 99;
    top: -154px;
    left: 0px;
    color: white;
    font-size: 75px;
    line-height: 30px;
    padding-top: 75px;
    text-align: center;
    font-family: "Garden Grown W00 Regular" !important; }
    body.home #homepagebookpane .booksection .seal .smallersealtxt {
      font-family: "Garden Grown W00 Caps" !important;
      font-size: 20px; }
  body.home #homepagebookpane .booksection img.book {
    margin-right: 20px;
    width: 150px;
    height: auto;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      body.home #homepagebookpane .booksection img.book {
        width: 100px; } }
    @media (max-width: 500px) {
      body.home #homepagebookpane .booksection img.book {
        width: 82px; } }

body.blog h1, body.single h1, body.archive h1, body.category h1 {
  font-size: 50px; }

article {
  margin-bottom: 60px; }
  article .blogandsearchimg {
    float: left;
    margin-right: 35px;
    margin-bottom: 20px; }
    article .blogandsearchimg .img {
      width: 100% !important;
      max-width: 100% !important; }

.entry-date p .inverse {
  color: #444;
  background-color: #faf5ba;
  text-transform: uppercase;
  font-size: 15px;
  font-family: sans-serif;
  padding: 3px 10px;
  margin-left: -10px;
  font-weight: bold; }

.entry-title {
  margin-top: 5px; }

#pagemaincontent {
  padding-top: 65px; }
  #pagemaincontent a {
    color: #2ea1a8;
    text-decoration: none; }
    #pagemaincontent a:hover {
      color: #0ad3ff;
      text-decoration: none !important; }
  #pagemaincontent img {
    max-width: 100%; }

#pagecontent a {
  color: #2ea1a8 !important;
  text-decoration: none; }
  #pagecontent a:hover {
    color: #1d848a;
    background-color: rgba(10, 211, 255, 0.33) !important;
    text-decoration: none !important; }

body.single #pagecontent img, body.page #pagecontent img {
  max-width: 100%; }

.info {
  position: relative;
  padding-bottom: 80px; }
  .info .infopreface {
    font-family: "Garden Grown W00 Caps" !important;
    font-size: 22px;
    color: #9d9747; }
  .info .infotitle {
    font-family: "Garden Grown W00 Caps" !important;
    font-size: 41px;
    line-height: 50px; }
  .info .transparentspacer {
    width: 188px;
    height: 188px;
    float: right;
    margin-bottom: 20px;
    margin-left: 10px; }
  .info .datecircle {
    transform: rotate(6deg);
    position: absolute;
    width: 188px;
    height: 188px;
    background: url("/wp-content/themes/sara/img/blue-circle.png") no-repeat;
    z-index: 99;
    top: -30px;
    right: 0px;
    color: white;
    font-size: 45px;
    line-height: 48px;
    padding-top: 50px;
    text-align: center;
    font-family: "Garden Grown W00 Regular" !important; }
    .info .datecircle .largerdatecircletxt {
      font-family: "Garden Grown W00 Caps" !important;
      font-size: 60px; }

/* =========================================================
Comments
 ========================================================= */
ol.commentlist {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-indent: 0; }
  ol.commentlist li.comment {
    border-bottom: 1px solid #ddd;
    padding: 1em; }
    ol.commentlist li.comment div.vcard {
      font-weight: 16px; }
      ol.commentlist li.comment div.vcard img.avatar {
        border: 5px solid #ccc;
        float: right;
        margin: 0 0 20px 20px;
        float: left;
        margin: 0px 20px 0px 0px;
        width: 50px;
        height: auto; }
    ol.commentlist li.comment div.comment-meta {
      font-size: 18px; }
      ol.commentlist li.comment div.comment-meta a {
        color: #ccc; }
    ol.commentlist li.comment p {
      font-size: 18px; }
    ol.commentlist li.comment ul {
      font-size: 18px;
      list-style: none;
      margin: 0 0 0 20px; }
    ol.commentlist li.comment div.reply {
      font-size: 18px; }
      ol.commentlist li.comment div.reply a {
        font-weight: bold; }
    ol.commentlist li.comment ul.children {
      list-style: none;
      margin: 12px;
      text-indent: 0; }
      ol.commentlist li.comment ul.children li.depth-2 {
        border-left: 5px solid #ccc;
        margin: 0 0 10px 10px; }
      ol.commentlist li.comment ul.children li.depth-3 {
        border-left: 5px solid #bbb;
        margin: 0 0 10px 10px; }
      ol.commentlist li.comment ul.children li.depth-4 {
        border-left: 5px solid #aaa;
        margin: 0 0 10px 10px; }
  ol.commentlist li.even {
    background: #fff; }
  ol.commentlist li.odd {
    background: #f6f6f6; }
  ol.commentlist li.parent {
    border-left: 5px solid #ddd; }

.page-template-book-list-page article {
  margin-bottom: 10px !important; }
.page-template-book-list-page h1 {
  padding-bottom: 0px !important; }
.page-template-book-list-page h2.bookcategory {
  margin-top: 0px; }
.page-template-book-list-page hr {
  margin-top: 40px;
  margin-bottom: 40px; }
.page-template-book-list-page .bookbox .bookimagearea {
  width: 150px;
  height: auto;
  float: left;
  margin-right: 35px;
  margin-bottom: 20px; }
  .page-template-book-list-page .bookbox .bookimagearea img {
    max-width: 100% !important; }
.page-template-book-list-page .bookbox h3 {
  margin-top: 0px; }

/*# sourceMappingURL=lakenetwork.css.map */