/**
 Theme Name:   CTO Basic Theme
 Theme URI:    http://techoutreach.msucares.com/
 Description:  Designed for Basic and Intermediate level websites by MSU Extension CTO.
 Author:       Dale Moore, MSU Extension CTO
 Author URI:   http://techoutreach.msucares.com/
 Tags:         msstate, mississippi, mississippi state, msu, extension, cto, ecto
**/

/* ==========================================================================
   Documentation
   ========================================================================== 
   
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     16;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.3125rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.5rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

/* Setting up some baseline values for "default" styling
-------------------------------------------------------------- */

/* ==========================================================================
   Normalize.css - the reset stylesheet is imported before everything else.
   ========================================================================== */
   
@import url("css/normalize.min.css");

/* Resetting the area that margins and padding are based on to an IE-like box model -
see paulirish.com/2012/box-sizing-border-box-ftw and http://html5please.us/#box-sizing for the IE6-7 polyfill */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 16px; font-size: 1rem;
  line-height: 1.5; /* 24px */
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
  max-width: 100%; /* Responsive images */
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  background: #ccc;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0;
}

/* ==========================================================================
   Responsive Images, Video, and Embeds (universal styles)
   ========================================================================== */
   
.entry-content img,
.comment-content img,
.widget img,
embed, iframe,
object, video {
	max-width: 100%; /* we want images and other fixed-width elements to always fit their container - be sure to use the IE max-width hack in the IE section since IE6 doesn't support max-width */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* ==========================================================================
   Fonts (universal styles)
   All of the embedded fonts will be included here for later use in stylesheet.
   ========================================================================== */

@font-face {
  font-family: 'klinic_slabbold';
  src: url('fonts/klinicslabbold-webfont.eot');
  src: url('fonts/klinicslabbold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/klinicslabbold-webfont.woff') format('woff'),
       url('fonts/klinicslabbold-webfont.ttf') format('truetype'),
       url('fonts/klinicslabbold-webfont.svg#klinic_slabbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'klinic_slablight';
  src: url('fonts/klinicslablight-webfont.eot');
  src: url('fonts/klinicslablight-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/klinicslablight-webfont.woff') format('woff'),
       url('fonts/klinicslablight-webfont.ttf') format('truetype'),
       url('fonts/klinicslablight-webfont.svg#klinic_slablight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'klinic_slabmedium';
  src: url('fonts/klinicslabmedium-webfont.eot');
  src: url('fonts/klinicslabmedium-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/klinicslabmedium-webfont.woff') format('woff'),
       url('fonts/klinicslabmedium-webfont.ttf') format('truetype'),
       url('fonts/klinicslabmedium-webfont.svg#klinic_slabmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement class, assign to objects with background images to hide the text */
.ir {
  text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

/* Hide things with these classes */
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}

/* Clear floats */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.clear {
  clear: both;
}

/* ==========================================================================
   Assistive Text for Screen Readers
   ========================================================================== */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* ==========================================================================
   WordPress handling of images
   ========================================================================== */
.alignleft {
	float: left;
	clear: left;
	margin: 0 24px 24px 0; margin: 0 1.5rem 1.5rem 0;
}
.alignright {
	float: right;
	clear: right;
	margin: 0 0 24px 24px; margin: 0 0 1.5rem 1.5rem;
}
.aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	margin: 0 0 16px; margin: 0 0 1rem;
	font-size: 14px; font-size: 0.875rem;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0 0 0 0 !important;
}
.gallery-item a,
.gallery-caption {
	/* width: 90%; */
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* ==========================================================================
   Buttons, Inputs, Textareas, etc. (universal styles)
   ========================================================================== */

.button, button, input[type="button"], input[type="submit"] {
	border: 0;
	border-radius: 5px; color: #FFF; font-size: 14px; font-size: 0.875rem;
	padding: 14px; padding: 0.875rem; display: inline-block; font-weight: normal;
	background-color: #1e90ff;
	text-decoration: none;
	transition: all .15s ease-in-out;
}
.button:hover, .button:active, .button:focus,
button:hover, button:active, button:focus,
input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus  {
	background-color: green;
	text-decoration: none;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* ==========================================================================
   Icons (PDFs, Word Docs, Excel files, etc.)
   ========================================================================== */
.content a[href$=".pdf"] { /* PDF icons */
	padding-left: 20px;
	background: url('img/ico/pdf-ico.png') center left no-repeat;
	display: inline-block;
}
.content a[href$=".doc"], a[href$=".docx"] { /* DOC icons */
	padding-left: 20px;
	background: url('img/ico/word-ico.png') center left no-repeat;
	display: inline-block;
}
.content a[href$=".zip"] { /* ZIP icons */
	padding-left: 20px;
	background: url('img/ico/archive-ico.png') center left no-repeat;
	display: inline-block;
}
.content a[href$=".xls"] { /* Excel icons */
	padding-left: 20px;
	background: url('img/ico/excel-ico.png') center left no-repeat;
	display: inline-block;
}
a.none { background: none; padding-left: 0; display: inline; } /* use the none class to remove the icons */

/* ==========================================================================
   Body (universal styles)
   ========================================================================== */

body {
	background-color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}

/* Typography */
h1 {
	margin: 16px 0; margin: 1rem 0;
	font-size: 36px; font-size: 2.25rem; font-weight: normal;
	font-family: 'klinic_slabmedium', serif;
	color: #000; line-height: 1.3333;
}
h2 {
	margin: 16px 0; margin: 1rem 0;
	font-size: 24px; font-size: 1.5rem; font-weight: normal;
	font-family: 'klinic_slabmedium', serif;
	color: #000; line-height: 1;
}
h3 {
	margin: 1.1429em 0 0;
	font-size: 21px; font-size: 1.3125rem; font-weight: 300;
	font-family: 'klinic_slabmedium', serif;
	color: #000; letter-spacing: 0.01em; line-height: 1.1429;
}
h4 {
  margin: 0 0 24px; margin: 0 0 1.5rem;
  font-size: 18px; font-size: 1.125rem; font-weight: normal;
  color: #333;
	
}
h5 {
	
}
h6 {
	
}
p {
	margin: 0 0 24px; margin: 0 0 1.5rem;
	font-size: 16px; font-size: 1rem;
	line-height: 1.5;
}
li {
	font-size: 16px; font-size: 1rem; line-height: 1.5;
	margin-bottom: 16px; margin-bottom: 1rem;
}
ol, ul {
	margin: 0 0 24px; margin: 0 0 1.5rem;
}
a {
	color: #1e90ff;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}
a[href^=tel]{ /* style phone links on mobile devices to look like normal text! */
  color: inherit;
  text-decoration: none;
}

/* HTML Tables */
table { 
  width: 100%;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
caption { text-align: left; }
th { 
  text-align: left;
  color: #555;
}

/* ==========================================================================
   Header (universal styles)
   ========================================================================== */

.site-header {
	background-color: #FFFFFF;
	position: relative;
}
.banner-container {
  position: relative;
  z-index: 1;
  background-size: cover;
}

/* Sites Navigation */
.sites-nav {
  border-bottom: 2px solid #333;
  background-color: #EEE;
  padding-top: 5px; padding-top: 0.3125rem;
}
.sites-nav ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  display: table;
}
.sites-nav ul li {
  display: table-cell;
}
.sites-nav a {
  padding: 10px; padding: 0.625rem;
  display: block;
  color: #333;
  font-weight: normal;
  text-decoration: none;
}
.sites-nav .menu-item-home a, .sites-nav a:hover, .sites-nav a:focus, .sites-nav a:active  {
  color: #FFF;
  background-color: #333;
  border-radius: 5px 5px 0px 0px;
}
.sites-nav .menu-item-home a { font-weight: bold; }

/* Branding */
.branding {
	text-align: center;
	padding: 32px 20px; padding: 2rem 1.25rem;
	display: table-cell;
  vertical-align: middle;
  height: 297px;
  /* width: 100%; */
}
.logo {
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
.logo, .logo:hover {
  text-decoration: none;
}
.slogan {
	font-size: 24px; font-size: 1.5rem;
	color: #444; line-height: 1;
	font-family: 'klinic_slabmedium', serif;
}

/* Top Navigation */
.top-nav-container {
	position: relative; 
	z-index: 2;
	display: table;
}
.top-nav ul {
	list-style: none;
	padding: 0 20px; padding: 0 1.25rem; margin: 0;
	text-align: center;
}
.top-nav ul li {
	float: left;
	width: 50%;
}
.top-nav ul li a {
	color: #1e90ff; text-decoration: none;
	font-size: 14px; font-size: 0.875rem;
	display: block;
	padding: 10px; padding: 0.625rem;
	transition: all .15s ease-in-out;
}
.top-nav ul li a:hover, .top-nav ul li a:active, .top-nav ul li a:focus, .top-nav ul li.current_page_item a { 
	text-decoration: underline;
}

/* Mid Nav Container */

.featured, .featured-images {
  min-height: 350px;
  width: 100%;
  position: relative;
}

/* Main Navigation */

.main-nav {
  background-color: #0052cc;
  z-index: 10;
}

.nav-menu {
  display: none;
  width: 100%;
  text-align: center;
  z-index: 3;
  list-style: none;
  float: none;
  position: absolute;
  top: auto; bottom: auto; right: auto; left: auto;
  padding: 0; margin: 0;
}
.nav-menu li {
  margin-bottom: 0;
}
.nav-menu > li.menu-item-has-children {
  position: static;
}
.nav-menu > li:hover > a {
  color: #FFF;
  position: relative;
  top: auto; bottom: auto; right: auto; left: auto;
  cursor: pointer;
  text-decoration: none;
}
.nav-menu a {
  /* font-family: 'klinic_slabmedium', serif; */
  color: #000;
  text-decoration: none;
  display: block;
  padding: 16px 10px; padding: 1rem 0.625rem;
  position: relative;
  font-size: 14px; font-size: 0.875rem;
  font-weight: normal;
}
.nav-menu a:hover, .nav-menu a:active, .nav-menu a:focus, .nav-menu .current_page_item > a {
  background-color: #1e90ff;
  color: #FFF;
}
.nav-menu > li:hover > a {
  background-color: #1e90ff;
}

/* Sub Menus !! */
.sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  width: auto;
  display: none;
}
.dropdown a {
  font-weight: normal;
}
.dropdown > a:after {
  position: absolute;
  display: inline-block;
  width: 0px;
  height: 0px;
  margin-left: 2px;
  vertical-align: middle;
  border-top: none;
  border-bottom: 0px solid #FFFFFF;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top-width: 4px;
  border-top-style: dotted;
  content: "";
  top: 45%; right: 5%;
}
.dropdown:hover > .sub-menu {
  display: block;
}
.sub-menu a {
  color: #000;
  background-color: #FFF;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px; font-size: 0.875rem;
}
.sub-menu a:hover, .sub-menu a:active, .sub-menu a:focus {
  color: #FFF;
}
.sub-menu .current_page_item > a {
  background-color: #BBB;
}

/* Third Level Sub-Menu Links */
.sub-menu .sub-menu a {
  padding-left: 20px;
}

/* Sub Menu Toggle */
.dropdown-toggle {
  
}

/* Mobile Toggle */
.mobile-nav {
	float: none;
	display: block;
}
.mobile-nav:after {
	content: ' ';
	display: table;
	clear: both;
	width: 100%;
	height: 0;
	position: relative;
}
.mobile-nav .mobile-home,
.mobile-nav .mobile-toggle {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #FFF;
	font-weight: normal;
	font-size: 14px; font-size: 0.875rem;
}
.mobile-home {
  float: left;
}
.mobile-toggle {
  float: right;
}
.mobile-nav .mobile-home, .mobile-nav .mobile-toggle .mobile-button {
	padding: 16px 20px;
  padding: 1rem 1.25rem;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
}
.symbol-menu, .symbol-cross {
  font-size: 14px; font-size: 0.875rem;
  font-weight: normal;
  /* vertical-align:baseline; */
}
.mobile-nav .mobile-toggle .mobile-button .symbol-cross, .main-nav > .mobile-nav.mobile-menu-active .mobile-toggle .mobile-button .symbol-menu {
	display: none;
}
.mobile-nav.mobile-menu-active .mobile-toggle .mobile-button .symbol-cross {
	display: inline;
	/* vertical-align: top; */
}
.mobile-nav.mobile-menu-active + ul {
	display: block;
	background: #FFF;
}

/* Site Search */
.searchform {
	padding: 6px 20px; padding: 0.375rem 1.25rem;
}
.search-input {
  padding: 10px 10px 10px 30px;
  padding: 0.625rem 3rem 0.625rem 1.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 5px;
  -moz-border-radius: 0.3125rem;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 0.3125rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
  border: 1px solid #CCC;
  background: #FFF url('img/ico/search-ico.svg') 5px 50% no-repeat;
  width: 99%;
  float: left;
}
.searchform .searchsubmit {
	border-radius: 0 5px 5px 0;
	float: right; margin-left: -3rem;
	padding: 10px; padding: 0.625rem;
	border: 1px solid transparent;
}
.searchform .searchsubmit:hover { border: 1px solid transparent; }

/* ==========================================================================
   Main Content (universal styles)
   ========================================================================== */

/* Main Content */
.content-container {
  position: relative;
}
.content {
	
}
.article {
	padding: 0 20px 24px; padding: 0 1.25rem 1.5rem;
}

/* Breadcrumb Trail */
.breadcrumbs-container {
	/* margin-bottom: 24px; margin-bottom: 1.5rem; */
}
.breadcrumbs {
	padding: 24px; padding: 1.5rem;
	border-bottom: 1px solid #F0F0F0; line-height: 1.5;
}
.breadcrumbs a {
	/* color: #0052cc; */
	text-decoration: none;
}
.breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus {
	text-decoration: underline;
}

/* Front Page */
.frontpg {
	background-color: #333333; /* color customizer for this */
	padding: 24px 20px; padding: 1.5rem 1.25rem;
	color: #FFF;
}
.frontpg h1 { margin: 0 0 0.6667em; line-height: 1; color: #FFF; }

/* ==========================================================================
   Widgets (universal styles)
   ========================================================================== */

/* Frontpage Widgets */
.front-widgets {
	padding: 20px;
}

/* WIDGET: Mini Loops (News) */
.miniloops ul {
	padding: 0; margin: 0;
	list-style: none;
}
.miniloops ul li {
	padding: 0 0 24px 0; padding: 0 0 1.5rem 0;
}
.miniloops a {
	color: #0052cc;
	font-weight: bold;
	text-decoration: none;
}
.miniloops a:hover, .miniloops a:active, .miniloops a:focus {
	text-decoration: underline;
}
.ml-date {
	display: block;
	font-size: 14px; font-size: 0.875rem; font-style: italic;
	line-height: 1.7143;
	margin: 0;
}

/* WIDGET: Facebook Like Box (Make the Like Box responsive!) */
.facebook-likebox {
  padding: 0 20px; padding: 0 1.25rem;
}
.facebook-likebox h2:before {
	content: "\f09a";
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	background: #3b5998;
	padding: 7px 12px;
	margin-right: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; background-color: #FFF; }


/* WIDGET: All-in-One Event Calendar by Time.ly */
.ai1ec-agenda-widget-view {
  max-width: none;
}
.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date {
  border: none;
  background: none;
}
.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month {
  
}
.ai1ec-agenda-widget-view .ai1ec-event > a {
  border: 0; border-bottom: 1px solid #ccc; border-radius: 0;
}

/* ==========================================================================
   Footer (universal styles)
   ========================================================================== */

.site-footer {
	background-color: #333;
}
.site-info {
  padding: 24px 0; padding: 1.5rem 0;
}

/* Back to the Top of the Page */
.back-to-top {
  background: url('img/ico/back-to-top.png') no-repeat;
  position: fixed;
  bottom: 10px;
  right: 20px;
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  padding: 1em;
  display: none;
  width: 29px;
}
.footer-nav {
	background-color: #444;
	margin: 0 0 24px; margin: 0 0 1.5rem;
}
.footer-nav ul {
	list-style: none; 
	padding: 0;
	margin: 0;
}
.footer-nav ul li {
	margin: 0;
}
.footer-nav ul li a {
	font-size: 14px; font-size: 0.875rem; font-weight: normal;
	color: #FFF;
	text-decoration: none; display: block;
	padding: 10px; padding: 0.625rem;
	text-align: center;
}
.footer-nav ul li a:hover, .footer-nav ul li a:active, .footer-nav ul li a:focus {
	background-color: #1e90ff;
}

/* Footer Widgets */

.footer-widgets {
	
}

/* Address, Quick Contact, and Visit Us Widgets */
.footer-widgets aside  {
	padding: 10px 20px; padding: 0.625rem 1.25rem;
}
.footer-widgets aside h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Address & Social Media Widget */
.google-map {
	text-align: center;
	margin: 0 auto 16px; margin: 0 auto 1rem;
	display: block;
}
.site-location {
	max-width: 300px;
	margin: 0 auto;
	color: #FFF;
}
.site-location h3 {
	margin: 0; color: #FFF;
}
.site-address {
	background: url('img/ico/location-ico.svg') 0% 25% no-repeat;
	padding: 0 0 0 32px; padding: 0 0 0 2rem;
	margin: 0 0 20px; margin: 0 0 1.25rem;
}
.site-phone {
	font-size: 28px; font-size: 1.75rem; display: block;
	background: url('img/ico/tel-ico.svg') center left no-repeat;
	padding: 0 0 0 24px; padding: 0 0 0 1.5rem;
  font-weight: normal;
}
/*
.social-media { text-align: center; }
.facebook-ico, .twitter-ico {
	width: 48px; height: 48px;
	display: inline-block;
}
.facebook-ico {
	background: url('img/ico/facebook-ico.svg') no-repeat;
}
.twitter-ico {
	background: url('img/ico/twitter-ico.svg') no-repeat;
}
*/

/** Social Media Icons **/
.social-icons {
  margin-top: 16px; margin-top: 1rem;
  text-align: center;
}
.social-icons p {
  margin-bottom: 0;
  color: #FFF;
}
.social-icons ul {
	margin: 0 auto; padding: 0;
	list-style: none;
	/* display: table; */
	/* text-align: center; */
	width: 100%;
	clear: both;
}
.social-icons ul li {
	display: inline;
}
.social-icon a, .share-icons a {
	position: relative;
	color: #fff;
	display: inline-block;
	width: 48px;
	height: 48px;
	font-size: 28px;
	text-align: center;
	line-height: 48px;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	transition: background 300ms ease;
}
.share-icons a {
	width: 45px;
	height: 45px;
	border-radius: 45px;
	line-height: 47px;
	font-size: 21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.social-icon a:hover, .share-icons a:hover {
	text-decoration: none;
	background-color: #1e90ff;
}
.social-icon span, .share-icons span {
	display: none;
}
.social-icon a:before, .search-form:before, .share-icons a:before, .mejs-audio .mejs-playpause-button button:before, .mejs-audio .mejs-volume-button button:before {
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
/*
.google-share a {
	padding-left: 4px;
}
.social-facebook a:before, .facebook-share a:before {
	content: "\e093";
}
.social-twitter a:before, .twitter-share a:before {
	content: "\e094";
}
.social-google a:before, .google-share a:before {
	content: "\e096";
}
.share-icons {
	text-align: center;
	margin-top: 67px;
	padding-left: 0 !important;
}
.no-image .share-icons {
	margin: 67px 0 58px;
}
*/

/* Quick Contact */
.cto-contact-form h2 {
	margin: 0 auto 8px; margin: 0 auto 0.5rem;
	max-width: 300px;
	color: #FFF;
}

#your-name, #your-email, #your-comments {
	width: 280px; width: 17.5rem;
	padding: 5px 5px 5px 30px; padding: 0.3125rem 0.3125rem 0.3125rem 1.875rem;
	border: 1px solid #999;
	-moz-border-radius: 5px; -moz-border-radius: 0.3125rem;
	-webkit-border-radius: 5px; -webkit-border-radius: 0.3125rem;
	border-radius: 5px; border-radius: 0.3125rem;
	display: block; margin: 0 auto;
	background-color: #FFF; background-position: 5px 50%; background-repeat: no-repeat;
	font-size: 14px; font-size: 0.875rem;
}
#your-name { background-image: url('img/ico/name-ico.svg'); }
#your-email { background-image: url('img/ico/email-ico.svg'); }
#your-comments { background-image: url('img/ico/comments-ico.svg'); background-position: 5px 5px; }
.wpcf7-form p {
	text-align: center;
	margin: 0 0 12px; margin: 0 0 0.75rem;
}
input[type="submit"].wpcf7-submit {
	padding: 10px 40px; padding: 0.625rem 2.5rem;
	display: block; margin: 0 auto;
}
.entry-content .wpcf7-form p {
  text-align: left;
}
.entry-content input[type="submit"].wpcf7-submit {
  margin: 0;
}

/* CTO Captcha */
.cto-captcha {
  width: 161px;
  overflow: hidden;
  margin: 0 auto 0 7px;
  height: 46px;
  float: left;
}
.cto-captcha-img {
  vertical-align: middle;
}
.cto-captcha-text {
  width: 75px;
}
.cto-captcha iframe {
  margin: -19px 0px -22px 5px;
  overflow: hidden;
  height: 57px;
}

/* Copyright Notice */
.copyright {
	/* padding: 10px 20px; padding: 0.625rem 1.25rem; */
	text-align: center; color: #FFF; font-size: 12px; font-size: 0.75rem;
	margin-bottom: 0;
}
.copyright a {
	color: #1e90ff;
	text-decoration: none;
}
.copyright a:hover, .copyright a:active, .copyright a:focus {
	text-decoration: underline;
}

/* ==========================================================================
   Media Queries - Place all responsive layout styling below in this area
   ========================================================================== */

@media screen and (min-width: 320px) {


} /* end min-width: 320px; */

@media screen and (min-width: 480px) {


} /* end min-width: 480px; */


@media screen and (max-width: 767px) {


} /* end max-width: 767px; */

@media screen and (min-width: 768px) {
	
	/* Main Content */
	/*
.entry-title, .entry-content, .entry-meta  {
		max-width: 940px; margin: 0 auto;
	}
  article, .article {
    max-width: 940px; margin: 0 auto;
  }
*/
	
	.breadcrumbs {
		max-width: 940px; margin: 0 auto;
	}
	
	.frontpg { max-width: 100%; padding: 24px 20px; padding: 1.5rem 1.25rem; }
	.frontpg article {
  	max-width: 940px; margin: 0 auto;
  	padding: 0;
	}
	
	/* Home Widgets */
	.home-widgets {
		max-width: 940px; margin: 0 auto;
	}
	
	/* Footer */
	.footer-widgets {
		max-width: 940px; margin: 0 auto;
	}
	
	/* Footer Navigation */
	.footer-nav {
		text-align: center;
	}
	.footer-nav ul li {
		display: inline;
	}
	.footer-nav ul li a {
		display: inline-block;
	}

} /* end min-width: 768px; */

@media screen and (min-width: 960px) {

	/* Header */
	
	.site-header {
  	min-height: 350px;
	}
	
	.banner-container {
    width: 100%;
  }
	
	/* used to make the top navigation sticky on scroll using jQuery */
	.main-nav.fixed {
  	position: fixed;
  	width: 100%;
  	left: 0;
  	top: 0;
  	z-index: 100;
  	-moz-box-shadow: 0 0 10px #333;
  	-webkit-box-shadow: 0 0 10px #333;
  	box-shadow: 0 0 10px #333;
  }
  /* Adjust the fixed main nav downward in case you're logged in */
  .main-nav.fixed-admin {
    top: 32px;
  }

  /* Top Navigation */
  .top-nav-container {
    width: 940px;
    margin: 47px auto 0;
  }
  /* Top Navigation */
	.top-nav {
		width: 30%;
		display: table-cell;
		vertical-align: middle;
	}
	.top-nav ul {
		display: block;
		padding: 0;
		text-align: right;
		margin: 0 0 16px; margin: 0 0 1rem;
	}
	.top-nav ul li {
		width: auto;
		display: inline;
		float: none;
	}
	.top-nav ul li a {
		display: inline-block;
	}
	
	/* Search */
	.searchform {
		/* float: right; */
	}
  
  /* Main Navigation */
  .main-nav {
    position: absolute;
    width: 100%;
  }
  .nav-menu {
    display: table;
    max-width: 940px;
    margin: 0 auto;
    position: relative;
  }
  .nav-menu a {
    color: #FFF;
  }
  .nav-menu > li {
    display: table-cell;
    width: auto !important;
    position: relative;
    vertical-align: top;
    height: auto;
    overflow: visible;
  }
  
  /* Top Navigation - Mobile Toggle Off */
  .main-nav > .mobile-nav {
  	display: none;
  }
  
  /* Sub Menus ! */
  .nav-menu > li.menu-item-has-children > .sub-menu {
    display: block;
    overflow: hidden;
    max-height: 0px;
    max-width: 0px;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY( 0 );
    -moz-transform: scaleY( 0 );
    -ms-transform: scaleY( 0 );
    -o-transform: scaleY( 0 );
    transform: scaleY( 0 );
    -webkit-transition: -webkit-transform 0.3s ease, max-height 0.3s step-end, max-width 0.3s step-end;
    -o-transition: -o-transform 0.3s ease, max-height 0.3s step-end, max-width 0.3s step-end;
    transition: transform 0.3s ease, max-height 0.3s step-end, max-width 0.3s step-end;
    -webkit-box-shadow: 0px 4px 13px -3px #808080;
    -moz-box-shadow: 0px 4px 13px -3px #808080;
    -ms-box-shadow: 0px 4px 13px -3px #808080;
    -o-box-shadow: 0px 4px 13px -3px #808080;
    box-shadow: 0px 4px 13px -3px #808080;
    position: absolute;
    margin: 0px;
    z-index: 5000;
    top: 100%;
    float: none;
    height: auto;
    visibility: visible;
    opacity: 1;
    border: 0px none;
    vertical-align: top;
    text-align: left;
  }
  
  /* The last menu item should shift the dropdown to align to the right edge! */
  .nav-menu > li.menu-item-has-children:last-child > .sub-menu {
    right: 2px;
  }

  .nav-menu > li.menu-item-has-children:hover > .sub-menu {
    overflow: visible;
    max-height: 3000px;
    max-width: 3000px;
    -webkit-transform: scaleY( 1 );
    -moz-transform: scaleY( 1 );
    -ms-transform: scaleY( 1 );
    -o-transform: scaleY( 1 );
    transform: scaleY( 1 );
    -webkit-transition: -webkit-transform 0.5s ease, max-height 0s step-start, max-width 0s step-start;
    -o-transition: -o-transform 0.5s ease, max-height 0s step-start, max-width 0s step-start;
    transition: transform 0.5s ease, max-height 0s step-start, max-width 0s step-start;
  }
  .nav-menu > li.menu-item-has-children > .sub-menu > li {
    clear: none;
    color: #333;
    min-width: 200px;
    margin-bottom: 0;
  }
  .sub-menu > li > a {
    display: block;
    padding: 6px 10px;
    margin: 0px;
    width: auto;
    height: auto;
    position: relative;
    color: #000;
  }
  
  /* CSS for Full Width Dropdown Menus - must add the class "full-width-menu" in Appearance > Menus */
  .nav-menu > li.menu-item-has-children.full-width-menu:hover > .sub-menu {
    left: 0;
    right: auto;
    width: 100%;
    padding: 10px; padding: 0.625rem;
  }
  .nav-menu > li.menu-item-has-children.full-width-menu > .sub-menu > li {
    float: left;
    display: inline-block;
    width: 33.3333333333%;
  }
  
  /* Sub Sub Menus !!! */
  .dropdown-submenu .sub-menu {
    border-top: 1px dotted #CCC;
  }
  .sub-menu .sub-menu {
    display: block;
  }
  .branding {
    max-width: 50%;
    padding: 32px 0; padding: 2rem 0;
  }
  .logo {
    margin: 0;
    max-width: 320px;
    float: left;
  }
	.slogan { margin: 0; }	
	
	/* Responsive Flexslider */
	.responsive-slider.flexslider {
    position: relative;
    margin: -50px auto 0;
    max-width: 1440px;
  }
  .responsive-slider ul.slides li div {
    position: relative;
  }
  .responsive-slider ul.slides li div img {
    bottom: 0px; 
    right: 0px; 
    min-width: 100%; 
    width: auto; 
    height: auto; 
    z-index: -1000; 
    overflow: hidden;
  }
  .responsive-slider.flexslider .slide-title a {
  	top: 60px !important;
  }

	/* Main Navigation */
	
	
	/* Primary Content */
	
	.content {
  	max-width: 940px;
  	margin: 0 auto;
  	position: relative;
	}
	
	.primary {
  	
	}
	/* Breadcrumbs */
	.breadcrumbs {
		padding: 24px 0; padding: 1.5rem 0;
	}
	article, .article {
  	padding: 0 0 24px 0; padding: 0 0 1.5rem 0;
	}
	
	/* Homepage Facebook Like Box */
	.facebook-likebox {
  	max-width: 540px;
  	float: left;
  	width: 100%;
  	padding: 0;
	}
	
	/* Homepage Widgets */
	.home-widgets { padding: 24px 0; padding: 1.5rem 0; }
	.front-widgets { padding: 0; }
	
	.first-widgets {
  	max-width: 540px;
  	float: left;
  	width: 100%;
	}
	.second-widgets {
  	max-width: 300px;
  	float: right;
	}
	
	/* Secondary (Sidebar) */
	
	/* Search Form */
	.searchform {
		/* float: right; */
		position: relative;
		padding: 0;
		z-index: 4;
	}
  .search-input {
    /*
padding: 10px 18px;
  	padding: 0.625rem 1.125rem;
*/
  	font-size: 14px; font-size: 0.875rem;
  	/*
-moz-border-radius: 5px; -moz-border-radius: 0.3125rem;
  	-webkit-border-radius: 5px; -webkit-border-radius:  0.3125rem;
  	border-radius: 5px; border-radius: 0.3125rem;
*/
  	/* border: 0; */
    /*
width: 0px;
  	max-width: 0px;
*/
  	/* cursor: pointer; */
  	position: relative;
  	z-index: 3;
  }
  .searchform .searchsubmit {
    z-index: 4;
    position: relative;
  }
  .search-input:active + .searchform .searchsubmit {
    display: block !important;
  }
	
	/* Footer */
	
	.footer-nav ul {
  	max-width: 940px;
  	margin: 0 auto;
	}
	
	.address-information {
  	/* max-width: 620px; */
  	/* float: left; */
  	display: inline-block;
  	vertical-align: top;
	}
	.google-map {
		float: left;
		margin-right: 20px;
	}
	.site-location {
		float: left;
		padding: 0 20px; padding: 0 1.25rem;
	}
	.social-icons {
  	float: left;
  	clear: both;
  	text-align: left;
	}
	.cto-contact-form {
		min-width: 300px; max-width: 300px;
		padding: 0;
		/* float: right; */
		display: inline-block;
		vertical-align: top;
	}
	
} /* end min-width: 960px; */

@media screen and (min-width: 1024px) {

} /* end min-width: 1024px; */

@media screen and (min-width: 1200px) {

} /* end min-width: 1200px; */

@media print { /* DALE YOU NEED TO WORK ON THIS!!!!!!!!!!!!!!!!!! */
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	
	.main-nav,
	.sidebar,
	.comments,
	.main-footer {
		display: none;
	}
	
	.main-header {
		margin-bottom: 0;
		border: none;
		text-align: center;
	}
	a[href^="http:"]::after {
		content: " [" attr(href)"]";
		color: blue;
	}
	
	@page {
		margin: .5cm;
	}
	@page :first {
		margin-top: 2cm;
	}
	
	h2, ul {
		page-break-after: avoid;
	}
	
	p, ul {
		orphans: 3;
		widows: 3;
		font-size: 11pt;
	}
}