/*** Core CSS ***/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.5;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor:help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #CCCCCC;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align:middle;
}


/*
* edited down from :-
*  Golden Grid System (1.01)	<http://goldengridsystem.com/>
*  by Joni Korpi 				<http://jonikorpi.com/>
*  licensed under MIT			<http://opensource.org/licenses/mit-license.php>
*	
*/

/*
*
*  Consistency fixes
*  adopted from http://necolas.github.com/normalize.css/
*
*/
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  min-height: 100%;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

/* From Skeleton V1.2 */

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .inner:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns */
    .clearfix:before,
    .clearfix:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }

    .clearfix:after {
      clear: both; }

    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
  display: block;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
b, strong {
  font-weight: bold;
}
abbr[title] {
  border-bottom: 1px dotted;
}
input,
textarea,
button,
select {
  margin: 0;
  font-size: 100%;
  line-height: normal;
  vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
*
*  Simple fluid media
*
*/
figure {
  position: relative;
}
figure img,
figure object,
figure embed,
figure video {
  max-width: 100%;
  display: block;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* fix for AS inpyts & textarea not getting body  fonts */
input, select, textarea, button{font-family:inherit;}

/*
*
*	Zoomable baseline grid and type size presets removed 
*
*/

body {
  /* 16px / 24px */
  font-size: 1em;
  line-height: 1.5em;
}

/* @media screen and (min-width: 2080px) */
/* @media screen and (min-width: 130em) {
  body {
	/ * Zoom baseline grid to 18/16 = 1.125 * /
  
	font-size: 1.125em;
	max-width: 160em;
  }
}*/

/* From less framework : Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}


/*** Column CSS ***/

/*	GRID COLUMN SETUP
	Based on http://www.responsivegridsystem.com
	==================================================================== */

    /* https://css-tricks.com/snippets/css/clear-fix/ */ 

    .group:after {
    	content: "";
    	display: table;
    	clear: both;
    }

.inner
{
	position: relative;
	width: 100%;
	/* max-width: 1600px; */ /* old skool */
	max-width: 1600px; /* new skool */
	margin: 0 auto;
	padding: 0;
}

.inner-column
{
	display: block;
	margin: 0 1em;
}

.column
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.span_1_of_1,
.span_2_of_2,
.span_3_of_3,
.span_4_of_4
{
	width: 100%;
}

.span_1_of_2
{
	width: 50%;
}

.span_1_of_3
{
	width: 33.33%;
}

.span_2_of_3
{
	width: 66.66%;
}

.span_1_of_4
{
	width: 25%; 
}

.span_2_of_4
{
	width: 50%; 
}

.span_3_of_4
{
	width: 75%;
}

/* Are 5-12 columns actually needed ? */

@media only screen and (max-width: 767px)
{
    .span_1_of_2,
	.span_1_of_3,
	.span_2_of_3,
	.span_1_of_4,
	.span_2_of_4,
	.span_3_of_4
	{
	    width: 100%;
	}	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FLEXBOX START                             */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* see also https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

.grid-flex
{
    display: flex;
    flex-wrap: wrap;
}

.col
{
    display: flex;
    flex: 1 1 0%; /* explicit to stop IE11 collapsing divs */
}

.col-left
{
    order: -1;
}

.col-text
{
    align-items: center;
    justify-content: center;
}

.col-image
{
	align-items: center;
	justify-content: center;
 	background-image: none;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.col-widget
{
    align-items: center;
    justify-content: center;
}

.col-image, .col-widget
{
    min-height: 20em; /* IMPORTANT : keeps blocks even and images visible in single column */
}

.aligner
{
	padding: 1em 1em 0 1em;
}

@media only screen and (max-width: 767px)
{
    .grid-flex
    {
        flex-direction: column;
    }
    
    .col
    {
        flex: 1 1 auto; /* explicit to stop IE11 collapsing divs */
    }

    .col-left
    {
        order: 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FLEXBOX END                               */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/*** Thumb CSS ***/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Thumbnails for row and grid lists  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
	thumb : vertically and horizonatlly centered thumbnails with width of 192px and fixed aspect ratio (4:3) 
	tile  : list item container with default 'row' style e.g. single vertical column
	grid  : optional extra class that collapses via 4,3,2,1 column views based on viewport
*/

.tile
{
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 1.5em;
}

.thumb
{
	position:relative;
	display: block;
	float: left;
    width: 100%;
    height: auto;
    max-width: 320px;
    max-height: 240px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0.5em;
	padding: 0;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

.thumb img
{
    width: 100%;
    height: auto;
    max-width: 320px;
	vertical-align: middle;  /* needed for ie7/8/ff3 */
}

@media only screen and (max-width: 767px)
{
	.thumb
	{
		float: none;
		margin: 0 auto 1em auto;
	}
}

/*** Form CSS ***/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                   STANDARD FORM                   */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

input
{
	border: 1px solid #000000;
	background-color: #FAFAFA;
	width: 95%;
	height: 2em;
	margin: 0 0.5em 0.5em 0;
	padding: 0.125em 0.5em;
}

input[type="file"]
{

}

input[type=image]
{
	border: 0 none;
	background-color: transparent;
}

input[type="submit"]
{
	position:relative;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.125em 1em;	
}

select
{
	border: 1px solid #000000;
	background-color: #FAFAFA;
	width: 95%;	
	height: 2em;
	margin: 0 0.5em 0.5em 0;
	padding: 0.125em 0.5em;
}

textarea
{
	border: 1px solid #000000;
	background-color: #FAFAFA;
	width: 95%;
	margin: 0 0.5em 0.5em 0;
	padding: 0.125em 0.5em;
}

input,
select,
textarea
{
	color: #000000;
}

input.required,
select.required,
textarea.required
{
	border: 1px solid #FA3;
	background-color: #FAFAFF;
}

/*** Button CSS ***/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* New button replaces previous .submit class        */
/* with href styled same as submit                   */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

button
{
	color: #FFFFFF;
	background: inherit;
	border: 1px solid #FFFFFF;
	height: 2em;
	padding: 0 1em 0 1em;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}

input.button,
input.wpcf7-submit
{
	display: table-cell;
	vertical-align: middle;

	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em 1.75em;
	line-height: 1em;
	
	cursor: pointer;

	color: #FFFFFF;
	background: #83B508;
	background: linear-gradient( #9CC60B, #68A404);
	font-weight: 700;
	text-align: center;

	border: 3px solid #EEEEEE;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;	
}

input:hover.button,
input.wpcf7-submit:hover
{
	color: #FFC;
	background: #E68623;
	background: linear-gradient( #EA9C21, #E06827);
}

a.button
{
	display: inline-block;
	margin: 0;
	padding: 0.25em 1em;
	color: #FFFFFF;
	background: #83B508;
	background: linear-gradient( #9CC60B, #68A404);
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	
	border: 3px solid #EEEEEE;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;	
}

a:visited.button
{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.button
{
	color: #FFC;
	background: #E68623;
	background: linear-gradient( #EA9C21, #E06827);
	text-decoration: none;
}

a:active.button
{
	color: #6FC;
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                /END NEW BUTTON                    */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*** SM Core CSS ***/

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;} */
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*** SM Simple CSS ***/

ul.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active
{
	padding: 0.5em;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
}

/* make room for the toggle button (sub indicator) */
.sm-simple a.has-submenu
{
	padding-right: 3em;
}

ul.sm-simple a:hover
{
	text-decoration: underline;
}

ul.sm-simple a.current {

}

ul.sm-simple a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.08);
} 

ul.sm-simple a.highlighted span.sub-arrow {
/*  display: block;
  content: '-';
  */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.sm-simple ul
{
	background-color: #FFFFFF;
}

.sm-simple li {

}

.sm-simple ul a,
.sm-simple ul a:hover,
.sm-simple ul a:focus,
.sm-simple ul a:active
{
  border-left: 8px solid transparent;
}

.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active
{
  border-left: 16px solid transparent;
}

.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active
{
  border-left: 24px solid transparent;
}

.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active
{
  border-left: 32px solid transparent;
}

.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active
{
  border-left: 40px solid transparent;
}

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-simple ul
  {
    position: absolute;
  }

  .sm-simple li {

  }

  .sm-simple ul li,
  .sm-simple.sm-vertical li
  {
    float: none;
  }

  .sm-simple a {
    white-space: nowrap;
  }

  .sm-simple ul a, .sm-simple.sm-vertical a {
    white-space: normal;
  }

  .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */

  .sm-simple a.current {
    text-decoration: underline;
  }

  .sm-simple a span.sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 20px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
  }
  .sm-simple a.highlighted span.sub-arrow:before {
    display: none;
  }

  .sm-simple > li:first-child {
    border-left: 0;
  }

  .sm-simple ul a span.sub-arrow,
  .sm-simple ul a.highlighted span.sub-arrow
  {
	-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(270deg); /* IE 9 */
	transform: rotate(270deg);
  }
  .sm-simple ul > li {
    border-left: 0;
  }

  .sm-simple span.scroll-up,
  .sm-simple span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-simple span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-simple.sm-vertical a span.sub-arrow {
    right: auto;
    margin-left: -12px;
  }
  .sm-simple.sm-vertical li {
    border-left: 0;
  }

}


/*** Menu CSS ***/

/* See notes in mediasage.com/scripts/core/jquery.menu.js */
/* Styles are edited version of core/sm-simple.css (see sm-simple.orig.css) */

#menu > .inner
{
	text-align:center;
}

/* Toggle button verbatim from docs with minor styling tweaks */
/* Source : https://www.smartmenus.org/docs/ */ 

.main-menu-btn
{
  position: relative;
  display: inline-block;
  margin: 0 auto 0 auto;
  padding: 0.5em 1em;
  width: auto;
  text-indent: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #000000;
	background: #FFFFFF;
}

/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 0.5em;
  height: 2px;
  width: 24px;
	background: #000000;
	transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -8px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 8px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ .menu > li {
  display: none;
}
#main-menu-state:checked ~ .menu > li {
  display: block;
}
@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ .menu > li {
    display: inline-block;
  }
}

/* / End Toggle button from docs */

ul.menu
{
	text-align: center;
}

ul.menu li.current a /* THESE SELECTORS DO SAME JOB */
{
	background-image: linear-gradient(to bottom, rgba(138,38,69,1), rgba(88,11,52,11));
	  color: white;
}

ul.menu a.selected /* THESE SELECTORS DO SAME JOB */
{
/*  background: #006892;
  background-image: linear-gradient(to bottom, #005678, #007aab);
  color: white; */
}

/*** Default CSS ***/

/*--------------------------------------------------------------
TRY THIS FROM WP2017 : 1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

body
{
	color: #000000;
	background: #FFFFFF;
	font-family: 'OpenSans', arial, helvetica, sans-serif;
	line-height: 1.625; /* 1.618 golden ratio */
	/* 16 / 26 */
	height: 100%;	
	font-weight: 300;
}

h1
{
	margin: 0 0 0.5em 0; /* 14px  */
	line-height: 1.75em;
	font-size: 1.75em; /* 28px */
	font-weight: 300;
}

#banner h1
{
	margin: 0.5em 0;
	line-height: 2em;
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}

h2
{
	margin: 0 0 0.375em 0; /* 9px  */
	font-size: 1.5em; /* 24px */
	line-height: 1.75em;
	font-weight: 300;
}

h3
{
	margin: 0 0 0.9em 0; /* 18px / 20px  */
	font-size: 1.25em; /* 20px */
	font-weight: 400; 
}

h4
{
	margin: 0 0 0.875em 0; /* 14px / 16px  */
	font-size: 1em; /* 16px */ 
	font-weight: 700;
}

/* https://css-tricks.com/minimum-paragraph-widths/ */

p:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
}

p
{
	margin: 0 0 1.5em 0;
	font-weight: 300;
}

ul,dl,ol
{
 	margin: 0 0 1.5em 1em;
 	padding: 0 0 0 1em;
 	list-style-position: outside; 
}

ul > li
{
 	padding: 0 0 0 0.5em;
}

ul ul
{
	margin-bottom: 0;
}

fieldset
{
 	margin: 0 0 1.5em 0; 
	padding: 0;
}

legend
{
	margin: 0 0 0 -0.75em;
	padding: 0 0 0.5em 0;
	font-size: 1.5em; /* 24px */
	font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a
{
	/* display:block; */
}

a
{
	color: #33F;
	text-decoration: none;
}

a:visited
{
	color: #33F;
}

a:hover
{
	color: #36F;
	text-decoration: underline;
}

a:active 
{
	color: #33F;
}

img
{
	border: 0;
}

table
{
	font-size: 1em;
	margin-bottom: 1em;
}

blockquote
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

hr
{
	clear: both;
	color:#000000;
	background-color:#000000;
	border:0;
	height:1px;
}

input.radio
{
	border:none;
	background:none;
}

.nowrap
{
	white-space: nowrap;
}

.clear
{
	clear: both;
	height:1px;
	margin-top:-1px;
	overflow:hidden;
	zoom:1
}

.left
{
	text-align: left;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.top
{
	vertical-align: top;
}

img.left
{
	float: left;
	margin: 0 1em 0.5em 0;
}

img.right
{
	float: right;
	margin: 0 0 10px 20px;
}

	img.underlay
	{
		position: absolute;
		z-index: -1;
	}

.status-msg
{
	background-color: #F0FFFF;
	border: 1px solid #00CC00;
	padding: 1em;
	margin-bottom: 1em;
}

.notify-msg
{
	background-color: #FFFFF0;
	border: 1px solid #F0F000;
	padding: 1em;
	margin-bottom: 1em;
}

/* WP : SVG Icons base styles */


/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

.icon
{
	position: relative; /* Align more nicely with capital letters */
	display: inline-block;
	fill: currentColor;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}


/* Social nav */

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}

.social-navigation li {
	display: inline;
}

.social-navigation a
{
	border: 1px solid #FFFFFF;
	border-radius: 2em;
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	width: 2em;
	height: 2em;
	text-align: center;
}

.social-navigation .icon
{
	width: 1.25em;
	height: 1.25em;
	top: 0.375em;
	vertical-align: top;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                     LAYOUT                        */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#page
{
	position: relative;
}

#cover
{
	position: relative;
    background-position: center center;
    background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-bottom: 1em;
}

#header
{
	position: relative;
}

/* Block level styling see: core/menu.css */

#menu
{
	position: relative;
}

#banner
{
	position: relative;
	text-align: center;
	min-height: 10em;
	overflow:hidden;
}

#content
{
	min-height: 200px;
}

#sidebar
{
	min-height: 200px;	
}

#footer
{

}

@media only screen and (max-width: 767px)
{
	#header .column,
	#footer .column
	{
		text-align: center;
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                    CONTENT                        */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header p
{
	font-size: 2em;
	font-weight: 700;
}

#header p.logo
{
	margin: 0.5em 0;
	text-align: center;
}

#header p.contact
{
	margin: 0.5em 0;
	text-align: center;
}

p.lead
{
	font-size: 1.125em; /* 18px */
}


a#scroll-top,
a#scroll-top:visited
{
	position: fixed;
	display:block;
	bottom: 10px;
	right: 10px;
	padding: 2px;
	z-index: 3000;
	color: #333333;
	font-size: 42px;
	font-weight: 400;
	text-align: center;
	line-height: 42px;
	border-radius: 5px;
	background: rgba(200,200,200,0.75);
	text-decoration: none;
	cursor: pointer;
}

a#scroll-top:hover,
a#scroll-top:focus,
a#scroll-top:active
{
	color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                     FOOTER                        */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer .copyright
{
	font-weight: 100;
	letter-spacing: 0.1em;
 	font-size: 0.625em; /* 10px */	
	white-space: nowrap;	
	margin-right: 2em;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.edit-link
{
	display: inline-block;
	vertical-align:middle;
	margin: 0.5rem;
	padding: 0.25rem 0.5rem;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 14px;
	font-weight: 700;
	color: #FFF;
	background-color: #A9A9A9;
	border-radius: 14px;
}

.edit-link a,
.edit-link a:visited
{
	display: inline;
	color: #EEE;
	text-decoration: none;
}

.edit-link a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

/*** Font CSS ***/

@font-face {
    font-family: 'OpenSans';
    src: url('font/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('font/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('font/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*** End of Combined CSS ***/