/*
Theme Name: Clarkson
Author: Clarkson Design
*/
@import 'foundation.css';
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

	
/* -------- TEXT -----------*/
a img {border:0; }

a:link {text-decoration:none; color:#252525; }
a:visited {text-decoration:none; color:#252525;  }
a:hover {color:#a62b4e;}
a:active {text-decoration:none; color:#252525; }

.contact a:link {text-decoration:none; color:#a62b4e; }
.contact a:visited {text-decoration:none; color:#a62b4e;  }
.contact a:hover {color:#dedede;}
.contact a:active {text-decoration:none; color:#a62b4e; }

.social a:link {text-decoration:none; color:#a62b4e; }
.social a:visited {text-decoration:none; color:#a62b4e;  }
.social a:hover {color:#dedede;}
.social a:active {text-decoration:none; color:#a62b4e; }

.grid-text a:link {text-decoration:none; color:#a62b4e; line-height:12px !important; }
.grid-text a:visited {text-decoration:none; color:#a62b4e;  }
.grid-text a:hover {color:#dedede;}
.grid-text a:active {text-decoration:none; color:#a62b4e; }

p a:link {text-decoration:none; color:#a62b4e;  border-bottom: 1px dotted #dedede;}
p a:visited {text-decoration:none; color:#a62b4e;  }
p a:hover {color:#dedede;}
p a:active {text-decoration:none; color:#a62b4e; }


a, #navbar a {
	text-decoration: none;
	color: #252525;

}

a:hover, #navbar a:hover { color: #a62b4e;  border-bottom:0; }
a:active, #navbar a:active { color: #a62b4e; border-bottom:0;  }


.center a, .white a { color: #555; }
.center a:hover, .white a:hover { color: #444; }

h1, h2, .post-title, h3, p, .center {
	font: normal 'Helvetica', arial, sans-serif;
	color:#252525;
} 


h1 {
	font-size: 28px;
	font: normal 'Helvetica', arial, sans-serif;
	color: #a62b4e;
	border-bottom: 1px solid #dedede;
	padding: 0 0 6px 0;
	}
}

h1 span {
	font-size: 18px;
	font-weight:400;
	margin:18px 0 8px;
	line-height: 2;
}

h2{
	font-size: 20px;
	font-weight: 700;
	margin: 12px 0 8px;
}
	
.post-title {
	font-size: 32px;
	line-height: 12px;
}

h2 strong, h3, .center, strong {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
}


h3, p, .center, .white {
	margin-top: 2px;
	padding-bottom: 12px;
}


h4
	{
	font-size: 20px;
	font: normal 'Helvetica', arial, sans-serif;
	color: #f8f8f8;
	border-bottom: 1px solid #dedede;
	padding: 0 0 6px 0;
	margin: 0 12px 12px 12px;
	}
	
p	{
	font: normal 'Helvetica', arial, sans-serif;
	font-size: 16px;
	color: #252525;
	}
	
.small	{
	font: normal 'Helvetica', arial, sans-serif;
	font-size: 12px;
	color: #252525;
	text-align: center;
	background-colour: #a5a5a5;
	padding: 4px 0 2px 0;
	margin: -24px 0 0 0;
	border-radius: 2px;
	}

em	{
	font: normal 'Helvetica', arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #252525;
	}


.centre {
	text-align: center;
}
	
.white {
	color: #f8f8f8;
	padding: 20px 0;
	font-size: 12px;
	text-align: left;
}

.form {
	color: #f8f8f8;
	padding: 0;
	text-align: left;
}
	
strong	{
	font-weight: 700;
	font-size: 16px;
}

.grid-text
	{
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	font-weight:300;
	font-size: 16px;
	padding: 8px 6px 4px 0;
	margin: 2px 0 0 0;
	text-align: left;
	color: #919195;
	}

.red-border .grid-text
	{
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	font-weight:700;
	font-size: 12px;
	padding: 2px 6px 4px 0;
	margin: 4px 0 0 0;
	text-align: left;
	color: #919195;
	}

.social
	{
	float:right;
	color: #f8f8f8;
	width: auto;
	font: 'Helvetica', arial, sans-serif;
	font-weight:700;
	font-size: 18px;
	background-color: #dedede;
	padding: 6px 8px 4px 8px;
	margin: 32px 0 0 12px;
	line-height: 20px;
	border-radius: 4px;
	border-bottom: 1px solid #4e4e4e;
	}

.red
	{
	padding: 6px;
	background-color: #a62b4e;
	border-radius: 4px;
	}

.red-line
	{
	padding: 6px 0 6px 0;
	margin: 6px 0 6px 0;
	border-top: 1px solid #a62b4e;
	}

.red-border
	{
	float: left;
	width: 100%;
	margin: 0;
	padding: 12px 0 0 0;
	border: 1px solid #a62b4e;
	border-radius: 4px;
	background: #e8e8e8;
	line-height:16px;
	font-size: 12px;
	}

.cta
	{
	float:right;
	color: #252525;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight:700;
	font-size: 18px;
	background-color: #a62b4e;
	padding: 0 6px 2px 8px;
	margin: 12px 0 0 0;
	border-bottom: 2px #d9d6d5 solid;
	line-height: 20px;
	clear: right;
	}
	
.cta:hover{ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
	}
	
.tags a
		{
	float:left;
	color: #f8f8f8;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight:700;
	font-size: 12px;
	background-color: #25aae1;
	padding: 0 6px 2px 8px;
	margin: 2px 2px 0 0;
	border: 2px #d9d6d5 solid;
	line-height: 20px;
	}
	
.tags a:hover{ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
	}
	
.submit
		{
	color: #252525;
	font-family: Helvetica, sans-serif;
	font-weight:700;
	font-size: 18px;
	text-align: center;
	background-color: #a62b4e;
	padding: 6px 6px 2px 8px;
	margin: 2px 2px 0 0;
	border: 0;
	line-height: 20px;
	width: 100%;
	}
	
.submit:hover{ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
	background-color: #8a8a8a;
	padding: 6px 6px 2px 8px;
	margin: 2px 2px 0 0;
	border: 0;
	}
	
span
	{
	font-family: 'Helvetica', arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight:100;
	color:#252525;
	margin-top:2px;
	margin-bottom:8px;
	line-height:18px;
	}
	
ul {
	font-family: 'Helvetica', arial, sans-serif;
	list-style: disc inside;
	font-size: 18px;
	margin-bottom: 4px;

}
	
.numbers {
	font-family: 'Helvetica', arial, sans-serif;
	list-style: decimal;
	font-size: 16px;
	margin-bottom: 24px;
	line-height: 28px;
}


img.flex { 
	float: left; 
	width: 100% !important;
	height: auto;
}

img.alignleft
	{ 
	float: left; 
	padding: 12px 12px 0 0;
}


img.alignright
	{ 
	float: right; 
	padding: 12px 0 0 12px;
}

	
html, body {
	height: 100%;
	font-size:100%;
}

#footer {position: relative;
	background-color: #a5a5a5;
	clear:both;
	width:100%;
	height:120px;
	border-top: 4px solid #a9074a;
} 

body {
	background-image:url(https://www.astellascycling.com/wp-content/themes/clarkson-2/images/background.png);
	background-repeat:repeat;
	background-color: #ffffff;
	height: 100%;
}
	
#container-outer {
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	padding-bottom:15px;
	min-height:1100px;
	margin-bottom:24px;
	max-width:960px;
}
	
.slider
	{
	float:left;
	width:600px;
	background-color: #252525;
	height:300px;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
	box-shadow: 8px 8px 14px black;
	}


input, textarea, select {
   -webkit-appearance: none;
 }
 	
input, textarea, select {
   border: 1px solid #555;
   padding: 0.5em;
   margin: 12px 0 12px 0;
   font-size: 15px;
   line-height: 1.2em;
   background: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
   -webkit-appearance: none;
   -webkit-box-shadow: 1px 1px 1px #fff;
   -webkit-border-radius: 0.5em;
 }
 
input[type=checkbox],
 input[type=radio] {
   display: inline-block;
   font-size: 15px;
   line-height: 1em;
   margin: 0 0.25em 0 0;
   padding: 0;
   width: 1.25em;
   height: 1.25em;
   -webkit-border-radius: 0.25em;
   vertical-align: text-top;
 }

 input[type=radio] {
    -webkit-border-radius: 2em; /* Make radios round */
  }
  
input[type=checkbox]:checked {
   background: url("data:image/png,%89PNG[...]") no-repeat center center;
   -webkit-background-size: 28px 28px; /* shrink high resolution background */
 }

/** header */
#header {
  margin-top: 0;
}

/* -------- nav -----------*/
.top-bar, .contain-to-grid, .top-bar-section ul {
  background: none;
}

.top-bar {
  height: 60px;
  padding: 0;
  margin: 0 0 12px 0 ;
  
}

.top-bar-section ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 100 !important;
  border-left: 1px solid #dedede;
}

.top-bar-section ul li>a {
  background: none;
}

.top-bar-section li a:not(.button) {
  background: none;
}

.top-bar-section ul li.active>a {
  background: #f8f8f8;
}

.top-bar-section .has-dropdown>a:after {
  border-color: #111 transparent transparent transparent;
}

@media only screen and (min-width: 58.75em) {
  .top-bar-section .has-dropdown>a:after {
    border-color: #111 transparent transparent transparent;
  }

}

.top-bar-section .dropdown li a {
  padding: 4px;
  background-color: #eaeaea;
}

.top-bar-section .has-dropdown ul {
  background: #f8f8f8;
}

.top-bar.expanded .toggle-topbar a {
	color: #111;
}

.top-bar .toggle-topbar.menu-icon a,
.top-bar .toggle-topbar a {
	color: #111;
}

.top-bar .toggle-topbar.menu-icon a span {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-indent: -3.5em;
	margin: 0;
	-webkit-box-shadow: 0 10px 0 1px #111, 0 16px 0 1px #111, 0 22px 0 1px #111;
	box-shadow: 0 10px 0 1px #111, 0 16px 0 1px #111, 0 22px 0 1px #111;
}

.top-bar.expanded .title-area {
	background: none;
}

.top-bar .name h1 a {
	color: #111;
}


.red
	{
	float: left;
	width: 90%;
	padding: 6px;
	margin: 0 12px 12px 12px;
	background-color: #a62b4e;
	border-radius: 4px;
	}

.red-border
	{
	float: left;
	width: 90%;
	margin: 0;
	border: 1px solid #a62b4e;
	border-radius: 4px;
	}
#table
{
	font-family: 'Helvetica', arial, sans-serif;
	font-size: 12px;
	color: #990000;
	width:96%;
	border-collapse: collapse;
	text-align: left;
	margin-bottom:10px;
}
#table th
{
	font-size: 10px;
	font-weight: normal;
	color: #252525;
	padding: 2px 2px;
}
#table td
{
	color: #252525;
	padding: 1px 4px;
}

}
/* ---- NAV CLOSE -----------*/


a .alt { display: none; }


/*---------------------------------------------- table styles ------------------------------------------------ */

 
#table
{
	font-family: 'Helvetica', arial, sans-serif;
	font-size: 16px;
	color: #990000;
	width:100%;
	border-collapse: collapse;
	text-align: left;
	margin-bottom:20px;
}
#table th
{
	font-size: 14px;
	font-weight: normal;
	color: #252525;
	padding: 10px 8px;
}
#table td
{
	color: #252525;
	padding: 2px 8px;
}
}
/*---------------------------------------------- table styles CLOSE ------------------------------------------------ */