/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Color Scheme
==================================================

Dark Blue
Hex #00303C / RGB 0, 48, 60

Green
Hex #428566 / RGB 66, 133, 102

Light Blue >
Hex #4F9FA6 / RGB 79, 159, 166

*/



/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 10px;
}
  
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
  
  .row {margin-bottom:20px}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 95%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 1024px) {
	
  .container {
    width: 90%; }
    
  .column,
  .columns {
    margin-left: 4%; }
    
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

.row.twenty-bottom {padding-bottom:20px}

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html {font-size: 110%;} /*18px*/

body, html {height: 100%;margin: 0; }


  
 body {
height:100%;
background:#F8F8F8;	
color:#333;
font-family: "Noto Sans", sans-serif;
line-height: 1.75;
font-weight:normal;
  -webkit-font-lrgoothing:antialiased
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
margin:0  ;
font-size: min(max(14px, calc(0.875rem + (18 - 14) * ((100vw - 1px) / (3400 - 1)))), 18px);
  /* Note: The calc base value (0.875rem) MUST be stated in REM to maintain accessibility */
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */

  /* Safari resize fix */
  min-height: 0vw;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
color: #444 ;
margin-top: 0;
margin-bottom: 1rem;
font-family: "Assistant", sans-serif;
font-weight: 800;

line-height: 1.3;
}


h1 {text-transform: uppercase}


/* h1
––––––––*/
@media (min-width: 1px) {
  h1 {
    font-size: min(max(2.5rem, calc(2.5rem + (4.75 - 2.5) * ((100vw - 0.6875rem) / (243.75 - 0.6875)))), 4.75rem);
  min-height: 0vw;
  }
}


h2.big-heading {
  font-size: clamp(3rem, 6vw, 8rem);
  color: #AD703D;
  text-transform: uppercase;
}


/* h1
––––––––*/
@media (min-width: 1px) {
 .home-page-section h2 {
     font-size: min(max(30px, calc(1.875rem + (104 - 30) * ((100vw - 1px) / (3400 - 1)))), 104px);
  min-height: 0vw;  }
  .home-page-section-no-divider h2 {
     font-size: min(max(30px, calc(1.875rem + (104 - 30) * ((100vw - 1px) / (3400 - 1)))), 104px);
  min-height: 0vw;  }

}

#blog-header h1 {color:white}

 .home-page-section h2:before {
    content: "";
    display: block;
    width: 1px;
    height: 134px;
    background:  #4F9FA6;
    margin: -70px auto 70px auto;
}


/* 2.5rem(40px) @ 0.6875rem(11px) increasing to 2.75rem(44px) @ 243.75rem(3900px) */
.contact-form-container h2, .narrative-content h2 {
  font-size: min(max(2.5rem, calc(2.5rem + (2.75 - 2.5) * ((100vw - 0.6875rem) / (243.75 - 0.6875)))), 2.75rem);
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_rem_unit) / (max_viewport - min_viewport)) */

  /* Safari resize fix */
  min-height: 0vw;
}




/* 1.5rem(24px) @ 0.6875rem(11px) increasing to 1.75rem(28px) @ 243.75rem(3900px) */
h2 {
  font-size: min(max(1.5rem, calc(1.5rem + (1.75 - 1.5) * ((100vw - 0.6875rem) / (243.75 - 0.6875)))), 1.75rem);
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_rem_unit) / (max_viewport - min_viewport)) */

  /* Safari resize fix */
  min-height: 0vw;
}



/* 1rem(16px) @ 0.0625rem(1px) increasing to 1.75rem(28px) @ 212.5rem(3400px) */
h3 {
  font-size: min(max(1rem, calc(1rem + (1.75 - 1) * ((100vw - 0.0625rem) / (212.5 - 0.0625)))), 1.75rem);
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_rem_unit) / (max_viewport - min_viewport)) */

  /* Safari resize fix */
  min-height: 0vw;
}

/* h5
––––––––*/
@media (min-width: 1px) {
  h5 {
    font-size: calc(1.15rem + ((1vw - 0.01px) * 0.0064));
    min-height: 0vw;
  }
}

.sidebar h3 {
	font-size:16px;
    font-family: 'ClearSansBold', Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    background: none;
    padding: 15px 0;
    text-align: left;
    color: #AD703D;
    line-height: 1.556em;
    border-bottom: 1px solid #AD703D;width:100%
}


.sidebar h3 {
    font-family: 'ClearSansBold', Helvetica, sans-serif;
    line-height: 1em;
    letter-spacing: 1px;
}

.sidebar-bio h3 {
	font-size:14px;
    font-family: 'ClearSansBold', Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    background: none;
    padding: 15px 0;
    text-align: left;
    color: #4F9FA6;
    line-height: 1.556em;
    border-bottom: 1px solid #4F9FA6;
}


.sidebar-bio h3 {

    line-height: 1em;
    letter-spacing: 1px;
}




p { margin: 0 0 20px 0; }
p img { margin: 0; }

p.header {color: #30374F;margin-top: 0;margin-bottom: 2rem;font-family: 'GFS Didot', serif;text-transform:none;font-weight: 600;font-size: 32px; line-height: 40px; }


em { font-style: italic; }
strong { font-weight: 600; color:#0F1626 }


/*	Blockquotes  */
blockquote {}
blockquote p { font-size: 22px; line-height:1.5; }
blockquote p {margin-bottom: 10px}
blockquote {margin: 0 0 0 0;    }
blockquote cite { display: block; font-size: 16px; color: #4F9FA6 }
blockquote cite:before { content: "\2014 \0020"; }

#home-quote blockquote { margin-left:0; font-family: 'Libre Baskerville', serif;}
#home-quote blockquote p { font-size: 17px; line-height:1.5; color:#555; margin-left:0}
#home-quote blockquote cite {color: #AD703D; font-weight: 600}

#footer-reviews blockquote cite { display: block; font-size: 16px; color: #4F9FA6 }
blockquote cite:before { content: "\2014 \0020"; }



/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {color:  #AD703D; text-decoration:none; font-weight: 400}
a:hover {color:  #AD703D;  text-decoration:underline}




/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-width: 0;
  border-top: 1px solid #EEE; }
  



/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/