/*
Stylesheet: kevinhite.dev
Author: @kevinhitedev
*/

html, body {scroll-behavior:smooth;}
a {color:#000;text-decoration:none;} a:hover {color:#333;text-decoration:underline;}
body {font-size:12pt;line-height:1.8em;}
h1, h2, h3, h4, h5 {font-family:'Rubik', sans-serif;font-weight:bold;}
hr {border-color:#bbb;color:#bbb;margin:3em auto;}
img {box-shadow:5px 5px 5px #ccc;} img.responsive-img, img.img-responsive {max-width:100%;}
figcaption {color:#999;font-size:75%;letter-spacing:1pt;padding-left:.5em;text-transform:uppercase;}
footer.site-footer p, header.site-header p.site-description, p.read-more a.readmore {color:#999;font-size:80%;text-transform:uppercase;}
footer.site-footer p.credit {letter-spacing:1pt;}
footer.site-footer p.socialmedia {font-size:95%;}
footer.site-footer p a {color:#eee;} footer.site-footer p a:hover {color:#fff;}
header.site-header {margin:2em auto;}
header.site-header p.site-description, p.read-more a.readmore, .card-header {background-color:#222;color:#fff;display:block;letter-spacing:1pt;margin:0 auto;padding:.2em .5em .3em .5em;width:300px;}
header.site-header h1.site-title a, header.site-header p.site-title a {font-weight:500;letter-spacing:.6;} 
header.site-header h1.site-title a:hover, header.site-header p.site-title a:hover {text-decoration:none;}
header.site-header h1.site-title a span, header.site-header p.site-title a span {font-size:4em;font-style:italic;}
header.site-header p.site-title {margin:3em auto 1em auto;}
header.site-header p.site-title a span {font-size:8em;}
nav.navbar a.navbar-brand {font-size:80%;font-style:normal;font-weight:bold;}
nav.navbar a.navbar-brand span.kh {font-style:italic;}
nav.navbar a.navbar-brand small {font-weight:bold;}
nav.navbar ul.navbar-center {position:absolute;left:50%;transform:translatex(-50%);text-transform:uppercase;font-size:85%;letter-spacing:1pt;}
nav.navbar ul.navbar-center li a {color:#000;font-weight:600;} nav.navbar ul.navbar-center li a:hover {color:#333;}
p {line-height:1.8em;}
.project-drop {margin:0 auto;width:310px;}
.project-drop label {color:#111;font-size:75%;font-weight:bold;letter-spacing:1pt;}
.project-drop select {background-color:#fff;border:1px solid #666;box-shadow:5px 5px 5px #ccc;letter-spacing:1pt;text-transform:uppercase;}
.project-drop select fieldset optgroup {font-size:80%;padding:.4em .5em;}
.project-drop select fieldset optgroup option {font-size:90%;letter-spacing:1.5pt;}
.project-list article {border-top:1px solid #eee;border-bottom:1px solid #eee;margin:1em auto;}

.scrollToTop {clear:both;position:fixed;right:1em;bottom:1em;}
.scrollToTop a {background-color:#fff;border-radius:50%;color:#333;cursor:pointer;padding:7px 15px 10px 15px;}
.scrollToTop a:hover {color:#000;}

p.read-more a.readmore, .card-header {border:1px solid #222;box-shadow:5px 5px 5px #ccc;}
p.read-more a.readmore {max-width:195px;}
p.read-more a.readmore:hover {background-color:#fff;color:#000;text-decoration:none;}

span.kh {font:bold italic 70%/1.2em 'Georgia', 'Times New Roman', 'Times', serif;text-transform:lowercase;}

#fs-frm input, #fs-frm select, #fs-frm textarea, #fs-frm fieldset, #fs-frm optgroup, #fs-frm label, #fs-frm #card-element:disabled {font-family: inherit;font-size: 100%;color: inherit;border: none;border-radius: 0;display: block;width: 100%;padding: 0;margin: 0;-webkit-appearance: none;-moz-appearance: none;}
#fs-frm label, #fs-frm legend, #fs-frm ::placeholder {font-size: .825rem;margin-bottom: .5rem;padding-top: .2rem;display: flex;align-items: baseline;}

/* border, padding, margin, width */
#fs-frm input, #fs-frm select, #fs-frm textarea, #fs-frm #card-element {border: 1px solid rgba(0,0,0,0.2);background-color: rgba(255,255,255,0.9);padding: .75em 1rem;margin-bottom: 1.5rem;}
#fs-frm input:focus, #fs-frm select:focus, #fs-frm textarea:focus {background-color: white;outline-style: solid;outline-width: thin;outline-color: gray;outline-offset: -1px;}
#fs-frm [type="text"], #fs-frm [type="email"] {width: 100%;}
#fs-frm [type="button"], #fs-frm [type="submit"], #fs-frm [type="reset"] {width: auto;cursor: pointer;-webkit-appearance: button;-moz-appearance: button;appearance: button;}
#fs-frm [type="button"]:focus, #fs-frm [type="submit"]:focus, #fs-frm [type="reset"]:focus {outline: none;}
#fs-frm [type="submit"], #fs-frm [type="reset"] {margin-bottom: 0;}
#fs-frm select {text-transform: none;}
#fs-frm [type="checkbox"] {-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;display: inline-block;width: auto;margin: 0 .5em 0 0 !important;}
#fs-frm [type="radio"] {-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;}

/* address, locale */
#fs-frm fieldset.locale input[name="city"],#fs-frm fieldset.locale select[name="state"],#fs-frm fieldset.locale input[name="postal-code"] {display: inline;}
#fs-frm fieldset.locale input[name="city"] {width: 52%;}
#fs-frm fieldset.locale select[name="state"], #fs-frm fieldset.locale input[name="postal-code"] {width: 20%;}
#fs-frm fieldset.locale input[name="city"], #fs-frm fieldset.locale select[name="state"] {margin-right: 3%;}