/*** uncss> filename: https://remote.thecoltharps.org/public/scripts/styles.min.css ***/
html{font-family:sans-serif;
line-height:1.15;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%}
body{margin:0

  }
footer,header{display:block}
a{background-color:transparent;
-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
img{border-style:none}
::-webkit-file-upload-button{-webkit-appearance:button;
font:inherit}
html,body,div,h4,h5,p,a,img,ul,li,footer,header{margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline}
footer,header{display:block}
body{
	line-height:1;

  }
ul{list-style:none}
@font-face{font-family:'SourceCodePro';
src:url("/public/fonts/SourceCodePro-Medium.otf");
src:url("/public/fonts/SourceCodePro-Medium.eot?#iefix") format("embedded-opentype"),url("/public/fonts/SourceCodePro-Medium.otf") format("otf"),url("/public/fonts/SourceCodePro-Medium.otf") format("truetype");
font-weight:500;
font-style:normal}
@font-face{font-family:'SourceCodePro';
src:url("/public/fonts/SourceCodePro-Bold.otf");
src:url("/public/fonts/SourceCodePro-Bold.eot?#iefix") format("embedded-opentype"),url("/public/fonts/SourceCodePro-Bold.otf") format("otf"),url("/public/fonts/SourceCodePro-Bold.otf") format("truetype");
font-weight:bold;
font-style:normal}
@font-face{font-family:'SourceCodePro';
src:url("/public/fonts/SourceCodePro-Regular.otf");
src:url("/public/fonts/SourceCodePro-Regular.eot?#iefix") format("embedded-opentype"),url("/public/fonts/SourceCodePro-Regular.otf") format("otf"),url("/public/fonts/SourceCodePro-Regular.otf") format("truetype");
font-weight:normal;
font-style:normal}
@font-face{font-family:'SourceCodePro';
src:url("/public/fonts/SourceCodePro-Light.otf");
src:url("/public/fonts/SourceCodePro-Light.eot?#iefix") format("embedded-opentype"),url("/public/fonts/SourceCodePro-Light.otf") format("otf"),url("/public/fonts/SourceCodePro-Light.otf") format("truetype");
font-weight:300;
font-style:normal}
@font-face{font-family:'SourceCodePro';
src:url("/public/fonts/SourceCodePro-It.otf");
src:url("/public/fonts/SourceCodePro-It.eot?#iefix") format("embedded-opentype"),url("/public/fonts/SourceCodePro-It.otf") format("otf"),url("/public/fonts/SourceCodePro-It.otf") format("truetype");
font-weight:normal;
font-style:italic}
html,body{text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-moz-font-feature-settings:"smcp=1, onum=1, frac=1, kern=1, liga=1, dlig=1, swsh=1";
-ms-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-o-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-webkit-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
font-feature-settings:normal}
h4{font-size:22px;
font-weight:bold;
color:#7f7f7f}
h5{font-size:16px;
font-weight:bold;
color:#2c2c2c}
p,li{font-size:13px;
font-weight:500;
color:#2c2c2c}
html{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
*,*:before,*:after{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
html,body{width:100%;
min-height:100%;
height:auto;
font-family:'SourceCodePro', Helvetica, Arial, sans-serif;
color:#7f7f7f;
background-color:#ffffff;

overflow-x:hidden}
.page-toload{background-color:#ffffff}
img{display:block;
max-width:100%;
height:auto;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-user-drag:none;
-moz-user-drag:none}
a{text-decoration:none}
a:hover,a:focus{text-decoration:none}
::-moz-selection{background:#49e2bb;
color:#7f7f7f}
::selection{background:#49e2bb;
color:#7f7f7f}
:invalid,:-moz-ui-invalid{box-shadow:none}
#contactbox {
	float: right;
	margin: 10% 20% 0 0;
	width: 30%;
}
#contactbox p {
	font-size: 1em;
	color: #000000;
	margin: 10px 10px 10px 10px;
}
#contactbox h4 {
	margin: 10px 10px 10px 10px;
	color: #7f7f7f;
	text-shadow: 1px 1px #000000;


}	
#contactbox img {
	margin: 10px 10px 10px 10px;
	color: #7f7f7f;
	text-shadow: 1px 1px #000000;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);

}	
#contactbox a {
	
	text-shadow: 1px 1px #000000;
}	
#contactbox li {
	margin: 10px 10px 10px 10px;
	
}	
#contactleft {
float: left;
margin: 10% 0 0 20%;
width: 30%;
}
#contactleft h4 {
	margin: 10px 10px 10px 10px;
	color: #0099cc;
	text-shadow: 1px 1px #000000;
}
#contactleft p {
	margin: 10px 10px 10px 10px;
	color: #000000;
	font-size: .9em;
	display: block;

}
.row{max-width:106.250rem;
margin-left:auto;
margin-right:auto;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap}
.row.expanded{max-width:none}
.columns{-webkit-flex:1 1 0px;
-ms-flex:1 1 0px;
flex:1 1 0px;
padding-left:0.625rem;
padding-right:0.625rem;
min-width:initial}
.xxlarge-2{-webkit-flex:0 0 12.5%;
-ms-flex:0 0 12.5%;
flex:0 0 12.5%;
max-width:12.5%}
.xxlarge-offset-1{margin-left:6.25%}
.xxlarge-offset-2{margin-left:12.5%}
.xxlarge-8{-webkit-flex:0 0 50%;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%}
@media screen and (max-width: 103.125em){
.xlarge-offset-2{margin-left:12.5%}
.xlarge-8{-webkit-flex:0 0 50%;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%}
}
@media screen and (max-width: 90em){
.large-offset-1{margin-left:6.25%}
.large-9{-webkit-flex:0 0 56.25%;
-ms-flex:0 0 56.25%;
flex:0 0 56.25%;
max-width:56.25%}
}
@media screen and (max-width: 64em){
.medium-offset-0{margin-left:0%}
.medium-offset-2{margin-left:12.5%}
.medium-10{-webkit-flex:0 0 62.5%;
-ms-flex:0 0 62.5%;
flex:0 0 62.5%;
max-width:62.5%}
}
@media screen and (max-width: 48em){
.small-4{-webkit-flex:0 0 25%;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%}
.small-5{-webkit-flex:0 0 31.25%;
-ms-flex:0 0 31.25%;
flex:0 0 31.25%;
max-width:31.25%}
.small-order-2{-webkit-order:2;
-ms-flex-order:2;
order:2}
}
@media screen and (max-width: 48em){.small-collapse>.columns{padding-left:0;
padding-right:0}
}
@media screen and (max-width: 640px){
.xsmall-16{-webkit-flex:0 0 100%;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%}
}
.align-middle{-webkit-align-items:center;
-ms-flex-align:center;
align-items:center}
#header-main{position:fixed;
top:0;
left:0;
width:100vw;
z-index:1000;
padding:86px 0;
pointer-events:none;
transform:translate3D(0, 0, 0);
-webkit-transform:translate3D(0, 0, 0);
-webkit-transition:-webkit-box-shadow .25s ease, background-color .25s ease, padding .25s ease;
transition:box-shadow .25s ease, background-color .25s ease, padding .25s ease;
will-change:transform}
#header-main #nav-main{position:relative;
z-index:100000;
text-align:left;
margin-top:6px}
#header-main #nav-main li{font-family:'SourceCodePro';
font-weight:normal;
font-size:22px;
display:inline;
margin-left:45px;
pointer-events:all;
overflow:hidden}
#header-main #nav-main li a{pointer-events:all}
#header-main #nav-main li[data-color='#0099cc'] a:after{background-color:#0099cc}
#header-main #nav-main li:first-of-type{margin-left:0}
#header-main #nav-main li:hover a:after{transform:scaleX(1);
-webkit-transform:scaleX(1);
transform-origin:bottom left}
#header-main #nav-main li a{position:relative;
color:#0099cc;
text-shadow: 1px 1px black}
#header-main #nav-main li a:after{content:'';
width:100%;
height:2px;
position:absolute;
bottom:-6px;
left:0;
z-index:1;
transform:scaleX(0);
-webkit-transform:scaleX(0);
transform-origin:bottom right;
-webkit-transform-origin:bottom right;
transition:0.8s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition:0.8s transform cubic-bezier(0.19, 1, 0.22, 1);
transition-delay:0.1s}
.social-wrapper{position:absolute;
bottom:100px;
left:7vw}
.social-wrapper h5{position:relative;
display:inline-block;
vertical-align:middle;
color:#000000}
.social-wrapper h5:after{content:'';
display:block;
position:absolute;
height:2px;
width:50px;
top:9px;
right:-65px;
background-color:#ffffff;}
.social-wrapper .social-links{display:inline-block;
vertical-align:middle;
margin-left:65px}
.social-wrapper .social-links li{display:inline-block;
margin:0 8px}
.social-wrapper .social-links li.facebook{margin:0 2px}
p{font-size:24px;
font-weight:normal;
color:#9fa6b6}
@media only screen and (max-width: 1440px){
#header-main #nav-main li{font-size:22px}
#header-main{padding-top:0px;
padding-bottom:50px}
}
@media only screen and (max-width: 1140px){#header-main #nav-main li{font-size:20px}
}
@media only screen and (max-width: 1279px){
#header-main{padding:40px;
padding-left:0;
overflow:visible;
-webkit-transition:-webkit-box-shadow .25s ease, background-color .25s ease, padding .25s ease;
transition:box-shadow .25s ease, background-color .25s ease, padding .25s ease}
#header-main #nav-main li{font-size:18px !important}
}
@media only screen and (max-width: 1024px){#header-main{padding-left:40px}
}
@media only screen and (max-width: 950px){
#header-main #nav-main{display:none}
}
@media only screen and (max-width: 640px){
#header-main{padding:30px 6.25%}
}