/*
Theme Name: Simone
Theme URI: http://mor10.com/simone-wordpress-theme/
Author: Morten Rand-Hendriksen
Author URI: http://mor10.com/
Description: Simone is a responsive, accessible, high-resolution theme featuring custom header and custom link colors, large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template, Aside post format, and collapsible author profile box. Simone is translation ready and ships in English with translations in Catalan, Chinese (simplified), Dutch, Finnish, French, German, Hungarian, Italian, Norwegian Bokmål, Persian, Russian, Spanish, Swedish, and Turkish.
Version: 2.0.4
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simone
Domain Path: /languages/
Tags: white, black, blue, light, one-column, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Simone is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

CSS structure 2.0 onwards based on http://mdo.github.io/code-guide/#css-syntax

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
    5.1 - Links
    5.2 A - Main Menu
    5.2 B - Utilities Menu
        5.3 - Secondary Menu
        5.4 - Paging Navigation
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Header
10.0 - Widgets
11.0 - Content
    11.1 - Posts and pages
        11.2 - Index and Archives
    11.3 - Asides
        11.4 - Image Attachments
    11.5 - Comments
        11.6 - Author Box
12.0 - Infinite scroll
13.0 - Media
14.0 - Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing:         border-box;
}

body { background: #fafafa; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
a img {
    border: 0;
}

a:focus img {
    outline: 3px dotted #2c86ba;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Palatino', 'Palatino Linotype',  'Book Antiqua', Georgia, serif;
    line-height: 1.5;
    color: #404040;

}

h1{
    font-weight: normal;
    font-family: 'Palatino', 'Palatino Linotype',  'Book Antiqua', Georgia, serif;
    color: #003259;
    
   
}

.gateway-pre-title{
    font-weight: bold;
    font-family: 'Helvetica','Arial', sans-serif;

}
h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-family: 'Helvetica','Arial', sans-serif;
    color: #666;
    
    -ms-word-break: break-word;
    word-break: break-word;
}



h2 {
    font-weight:normal; 
    color: #005495;
}


p { margin-bottom: 1.5em;  color: #696969;}

b, strong { font-weight: bold; }

dfn, cite, em, i { font-style: italic; }

address { margin: 0 0 1.5em; }

pre {
    max-width: 100%;
    padding: 1.6em;
    margin-bottom: 2em!important;
    overflow: auto;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    background: #eee;
}

code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    text-decoration: none;
    background: #fff9c0;
}

sup, sub {
    position: relative;
    height: 0;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    height: 1px;
    margin-bottom: 1.5em;
    background-color: #ccc;
    border: 0;
}

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure { margin: 0; }

table {
    width: 100%;
    margin: 0 0 1.5em;
}

th { font-weight: bold; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
}
select {
    padding: .875em 1em;
    font-size: 10px;
    font-size: 1rem;
    font-family: 'Arial';
    text-transform: uppercase;
    line-height: 1;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: .875em 1em;
    font-size: 10px;
    font-size: 1rem;
    font-family: 'Arial';
    text-transform: uppercase;
    line-height: 1;
    color: #000;
    background:#eee;

    border: 1px solid #cbcbcb;
   
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #004479;

}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #444;

}

input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    width: 100%;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    padding: 0;
    border: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 8px;
    font-family: 'Arial', sans-serif;
    color: #888;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

}

.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
    padding: .5rem 1rem;
    margin: 1rem 0;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #84bd68;
    background: hsl(100, 39%, 57%);
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #00192D;
    color: hsl(0, 0%, 0%);
}

a:visited {
    color: #333;
    color: hsl(0, 0%, 20%);
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

/*--------------------------------------------------------------
print styles to check and to get html5 boilerplate styles as well
--------------------------------------------------------------*/

@media print { 
    body {
        margin: 0 1cm;
        color: #0a090a !important;
    }
}
article,
aside,
footer,
header,
main,
nav,
section { display: block }
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    text-rendering: optimizeLegibility;
    font-size: 1em;
    font-weight: inherit;
}
@media print { 
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 { page-break-after: avoid }
}
hr {
    margin: 2rem auto;
    border: 0;
    height: 0;
    line-height: 0;
}
hr:before {
    display: block;
    border-top: 0.25rem solid rgba(24,21,24,0.2);
    width: 2rem;
    content: '';
    margin-bottom: 0.25rem;
}
p,
pre,
blockquote,
ul,
ol,
dl,
figure,
table,
fieldset {
    margin: 0;
    orphans: 3;
    widows: 3;
}
pre {
    overflow: auto;
    white-space: pre;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
blockquote {
    position: relative;
    padding-right: 1rem;
    padding-left: 1.5rem;
}
@media print { 
    blockquote { page-break-inside: avoid }
}
blockquote>* {
    opacity: 0.8;
    margin-bottom: 0.5rem;
}
blockquote:before {
    display: block;
    position: absolute;
    top: 0.33333em;
    bottom: 0;
    left: 0;
    opacity: 0.1;
    border-left: 8px solid;
    content: '';
}



blockquote ol,
blockquote ul { list-style-position: inside }


:lang(en-gb)>q { quotes: '\2018' '\2019' '\201c' '\201d' }
dfn { font-style: italic }
abbr[title] { border-bottom: 0 }
abbr[title]:hover {
    cursor: help;
    text-shadow: none;
}
code,
kbd {
    font-family: 'Menlo', monospace;
    font-weight: normal;
    font-size: 90%;
    -webkit-font-feature-settings: 'liga' 0;
    -moz-font-feature-settings: 'liga' 0;
    font-feature-settings: 'liga' 0;
}
kbd {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: normal;
    margin: 0 0.2rem;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 0.2rem;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);
    background-color: #fff;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}


/*--------------------------------------------------------------
5.2 Main Menu
--------------------------------------------------------------*/
.main-navigation {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    font-family: 'Arial', sans-serif;

   background: #005495;
        background: hsla(206, 100%, 29%, 1.0);
}

.main-navigation ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.main-navigation li {
    position: relative;
    float: left;
}

.main-navigation a {
    display: block;
    padding: 1.3em 1em;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 1.3em;
    color: white;
    color: hsl(0, 0%, 100%);
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
     background: #004377;
    background: hsla(206, 100%, 23%, 1.0);
}

.main-navigation ul ul ul {
    top: 0;
    left: 100%;
}

.main-navigation ul ul a { width: 200px; }

.main-navigation ul ul li { }

.main-navigation li:hover > a,
.main-navigation li > a:focus {
    color: #fff;
    color: hsl(0, 0%, 100%);
 

      background: #004377;
    background: hsla(206, 100%, 23%, 1.0);


}

.main-navigation ul ul :hover > a { }





.main-navigation ul ul a {
 
border-left: 2px solid transparent;

}


.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
background: #003B68;
background: hsla(206, 100%, 20%, .8);
border-left: 2px solid #1965a0; 
}

.main-navigation ul li:hover > ul { display: block; }

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus {
   /* color: #313131;
    color: hsl(0, 0%, 19%);
    background: white;*/

   /*background: #3376AA;
        background: hsla(206, 54%, 43%, 1.0);*/ 

         background: #004377;
    background: hsla(206, 100%, 23%, 1.0);
}

.main-navigation .current_page_ancestor {
 

            background: #004377;
    background: hsla(206, 100%, 23%, 1.0);

}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #fff;
    color: hsl(0, 0%, 100%);
   background: #003B68;
background: hsla(206, 100%, 20%, .8);
border-left: 2px solid red;

}

/* Small menu */
.menu-toggle {
    display: none;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .menu-toggle {
        display: inline-block;
        height: 3.9em;
        padding: 0 1em;
        font-weight: normal;
        font-size: 14px;
        font-size: 1.4rem;
        text-decoration: none;
        line-height: 3.75em;
        color: white;
    }
      
    .menu-toggle a:hover,
    .menu-toggle a:focus {
          background: #004377;
    background: hsla(206, 100%, 23%, 1.0);
    }

    .main-navigation.toggled .nav-menu {
        display: block;
        border-top: 1px solid;
        border-top-color: #fff;
        border-top-color: hsla(0, 0%, 100%, .5);
    }

    .main-navigation ul {
        display: none;
        padding-left: 0;
    }

    .main-navigation li { float: none; }

    .main-navigation li a { padding: 1.3em 1em; }

    .main-navigation li li a { padding-left: 2em; }

    .main-navigation li li li a { padding-left: 3em; }

    .main-navigation li:hover > a,
    .main-navigation li > a:focus {
        background: #005495;
        background: hsla(206, 100%, 29%, 1.0);
    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: relative;
        top: inherit;
        left: 0;
        display: block;
        float: none;
        background: #005495;
        background: hsla(206, 100%, 29%, 1.0);
    }

    .main-navigation ul ul a { width: 100%; }

    .main-navigation ul a:hover,
    .main-navigation ul ul a:hover,
    .main-navigation ul a:focus,
    .main-navigation ul ul a:focus{
        background: #003259;
        background: hsla(206, 100%, 17%, 1.0);
    }

    .main-navigation .current_page_ancestor { background: inherit; }

    .main-navigation ul ul .current_page_parent {
        color: inherit;
        background: inherit;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:hover,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_item > a:focus,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  {
        color: #fff;
        color: hsl(0, 0%, 100%);
        background: #003259;
        background: hsla(206, 100%, 17%, 1.0); 
        border-left: 2px solid #1965a0;   
    }

} /* End responsive menu */





/*--------------------------------------------------------------
5.2 B - Custom  nav-utility Menu for Top Banner Utilities modified from https://css-tricks.com/the-priority-navigation-pattern/
--------------------------------------------------------------*/


.nav-utility-wrapper {   
    position: relative;
   width: 100%;    
   max-width: 90em;
float:right;
  }  
   
.nav-utility {
  position: relative;
  font-family:'Arial', sans-serif;
}



/* table layout if there are less than 6 items */



.nav-utility ul {
  display: table;
table-layout: auto;
  float: right;
  text-align: center;   
  width: 100%; 

}

.nav-utility li {
  list-style: none;
  display: table-cell;
  vertical-align: middle;
  font-size: 9px;
font-size: .9rem;
}


.nav-utility a {
    color: #99BBD5;
  text-decoration: none;
  display: block;
  padding: 0.75em .625em;
  font-size: 1.25em;
}


.nav-utility a:hover,
.nav-utility a:focus {
    color: #fff;}
/* inline-block (wrapping) layout if there are 6 or more items */

.nav-utility li:nth-last-child(n+6), 
.nav-utility li:nth-last-child(n+6) ~ * {
  display: inline-block;
  border: 0;
}

.nav-utility li:nth-last-child(n+6) a, 
.nav-utility li:nth-last-child(n+6) ~ * a {
  display: inline-block;
  border: 0;
}









@media screen and (min-width: 40em) {
.nav-utility {
  margin-top: 1em;
}
.nav-utility ul {
  display: table;
table-layout: auto;
  float: right;
  text-align: right;   
  width: 100%; 
  clear:none;
  display:inline-block;
}
.nav-utility a {
  padding: 0.75em 1em;
  font-size: 1.3em;
}

}




/*end nav  */



/*--------------------------------------------------------------
5.3 Secondary Menu
--------------------------------------------------------------*/



.menu-secondary ul {
    float: right;
    text-align: center;
    list-style: none;
    font-size: 80%;
}

.menu-secondary ul li {
    position: relative;
    display:  inline-block;
}

.menu-secondary a {
    color:  #CCDDEA;
    font-size: 90%;
}

@media screen and (max-width: 40em) {
.menu-secondary  {
    display:  block;
    position: relative;
}
.menu-secondary li {
    width:  50%;
}
}

/*--------------------------------------------------------------
5.4 Paging Navigation
--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Arial', sans-serif;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.post-nav-box {
    padding: 2em 0;
    margin-bottom: 4em;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    padding-right: 15%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    width: 50%;
    padding-left: 15%;
    text-align: right;
}

.nav-indicator { margin-bottom: 1em; }

.nav-previous h1,
.nav-next h1 { font-weight: 900; }

.comment-navigation {
    padding: 1em 0;
    margin: 3em 0;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px;
}

.comment-navigation i { margin: 0 1em; }

@media screen and (max-width: 600px) {
    .comment-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .post-navigation .nav-next {
        float: none;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .comment-navigation .nav-next,
    .post-navigation .nav-next { margin-top: 4rem; }
}

.paging-navigation ul { margin: 0; }

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
    padding: .3em .7em;
    color: #333;
    color: hsl(0, 0%, 20%);
}

a:hover.page-numbers,
a:focus.page-numbers{
    color: #000;
    color: hsl(0, 0%, 0%);
}

.paging-navigation .current {
    font-weight: bold;
    color: #000;
    color: hsl(0, 0%, 0%);
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

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

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
}

.alignright {
    display: inline;
    float: right;
    margin-bottom: 1em;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin: 0 auto 1.6em;
    clear: both;
}

/* Alignment responsive */
/*@media screen and (min-width: 1320px) {
    .alignleft { margin-left: -160px; }
}

@media screen and (min-width: 1820px) {
    .alignright { margin-right: -160px; }
}*/

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;
    content: '';
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after { clear: both; }

/*--------------------------------------------------------------
9.0 Header
--------------------------------------------------------------*/

/*usmc-logo*/
.usmc-logo {
    float: left;
    margin: 0 0 0.25em 0;
    padding: 0;
    position: relative;
}
.usmc-logo a,
.usmc-logo img {
    max-width: 100%;
    height: auto;
    border: none;
}

@media screen and (max-width: 900px) {
.usmc-logo {
    float: none;
    margin: 0.25em auto;
    padding: 0;
text-align: center;
}    
}


@media screen and (min-width: 901px) {
.usmc-logo {
margin-top: -2em;
   margin-bottom: 2em;
   float:left;
}

}



/* remove the following css as we now have the usmc logo added to the html */

/*
.site-branding {
    padding: 6rem 0;
    text-align: center;
    background: #0587BF;
    background: hsl(198, 95%, 38%);
}

.title-box {
    width: 600px;
    max-width: 75%;
    padding: 4rem;
    margin: 0 auto;
    border: solid 1px #fff;
    border: solid 1px hsla(0, 0%, 100%, .3);
}

.site-title {
    font-weight: 700;
    font-size: 40px;
    font-size: 4.5rem;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 1rem;
}

.site-description {
    font-weight: 300;
    font-size: 20px;
    font-size: 2rem;
}

.site-branding a { text-decoration: none; }

.site-title a,
.site-description {
    color: #fff;
    color: hsl(0, 0%, 100%);
}

.header-image img {
    display: block;
    margin: 0 auto;
}

.header-background-image {
    background: no-repeat center;
    background-size: cover!important;
    -moz-background-size: cover!important;
    -webkit-background-size: cover!important;
}

.header-background-image .title-box {
    background: #333;
    background: hsla(0, 0%, 0%, .7);
}*/

/* Header responsive */


/*@media screen and (max-width: 900px) {
    .site-branding { padding: 0; }

    .title-box {
        max-width: 100%;
        margin: 0 auto;
        padding: 4rem;
        border: none;
    }
}

@media screen and (max-width: 399px) {
    .title-box { padding: 2rem; }
}*/







/* Header search */

.search-toggle {
    float: right;
    width: 54px;
    height: 54px;
    padding: 12px;
    margin-right: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.search-toggle:hover,
.search-toggle.active {
    background: #003259;

}

.search-toggle .screen-reader-text {
    top: 0;
    right: 0;
}
.search-box-wrapper {
    z-index: 2;
    width: 100%;
}
.search-box {
    padding: 1em;
    background: #003259;

}

.search-box .search-field {
    max-width: 362px;
    float: right;
    padding: 1rem 2rem 1rem 4rem;
    font-size: 20px;
    font-size: 2rem;
    background-color: #fff;
    border: 0;
}

.hide { display: none; }

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { display: none; }

@media screen and (max-width: 600px) {
    .search-toggle {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
}

/*usmc new style*/
/*site-header changed to add a custom blue gradient */

    .site-header {
    background: #002a5c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAyYTVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTQ5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  hsla(213,100%,18%,1) 0%, hsla(206,100%,29%,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,hsla(213,100%,18%,1)), color-stop(100%,hsla(206,100%,29%,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  hsla(213,100%,18%,1) 0%,hsla(206,100%,29%,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  hsla(213,100%,18%,1) 0%,hsla(206,100%,29%,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  hsla(213,100%,18%,1) 0%,hsla(206,100%,29%,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  hsla(213,100%,18%,1) 0%,hsla(206,100%,29%,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a5c', endColorstr='#005495',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    }

    /*custom background-position and transition for the gradient*/
    /*keep these styles separate in case the gradient styles above change*/
    .site-header {
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    -webkit-transition: all 1s cubic-bezier;
    -moz-transition: all 1s cubic-bezier;
    -o-transition: all 1s cubic-bezier;
    transition: all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
    }
    /*darken the gradient on hover */
    .site-header:hover,
    .site-header:focus,
    .site-header:active {
    background-position: 0 100% }

    /* fallback for LTE IE7 */
    .site-header {
    *zoom: 1;
    *background-color: #005495;
    }




/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 4em;
font-family: 'Arial', sans-serif;
/*font-size: 16px;
font-size: 1.6rem;*/
font-size: 12px;
font-size: 1.2rem;
}

.widget-title {
margin-bottom: 1em;    
font-size: 12px;
font-size: 1.2rem;
text-transform:uppercase;
letter-spacing:2px;
border-bottom: 1px solid #dedede;    
}

.widget a {
    font-weight: normal;
font-weight: 300;
/*color: #000;
color: hsl(0, 0%, 0%);*/
}

.widget ul,
.widget ol {
padding: 0;
margin: -1em 0 0;
list-style-type: none;
}

.widget li { padding: 1em 0 0; }

.widget li ul,
.widget li ol { margin-top: 0; }

.widget li li { margin-left: 1.5em; }

.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before {
display: block;
float: left;
padding-top: 2px;
margin-left: -2.5em;
font-family: 'fontawesome';
font-size: 14px;
font-size: 1.4rem;
} 

.widget_recent_entries li,
.widget_recent_comments li { margin: 0 0 .5em 2.5em; }

.widget_recent_entries li:before { content: "\f036"; }

.widget_recent_comments li:before { content: "\f075"; }

.widget_archive li { margin: 0 0 0 2.5em; }

.widget_archive li:before { content: "\f187"; }

.widget_nav_menu a,
.widget_pages a {
display: block;
padding: 1em 0;
border-bottom: solid 1px hsl(0, 0%, 90%);
}

.widget_nav_menu li,
.widget_pages li { padding-top: 0; }

.widget_rss li { margin-bottom: .5em; }

.widget_rss .rss-date,
.widget_rss cite {
display: block;
font-size: 85%;
}

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search .search-submit { display: none; }

.footer-widgets { margin: 0 auto; }

.footer-widgets .widget-title,
.footer-widgets .widget a:hover,
.footer-widgets .widget a:focus {
color: #fff;
color: hsl(0, 0%, 100%);
border-color: #fff;
border-color: hsl(0, 0%, 100%);
}

.footer-widgets .widget {
float: left;
width: 320px;
margin: 0 4rem 8rem 4rem;
}

/* Footer widgets responsive */
@media screen and (max-width: 879px) {
#footer-widgets { width: 100%!important; }

.footer-widgets .widget {
float: none;
width: 100%;
margin: 0 0 8rem;
}
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/

/*usmc new style*/
.header-container {
    margin: 0 auto;
    padding: 0 1em;
    position: relative;
    clear:both;
    max-width: 90em;
}

.footer__top-section,
.footer__middle-section {
margin: 0 auto;
    max-width:50em;
}






/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky { }

.hentry { margin: 0 0 1.5em; }

.updated { display: none; }

.single .byline,
.group-blog .byline { display: inline; }

.page-content,
.entry-content,
.entry-summary { margin: 1.5em 0 0; }

.page-links {
    margin: 0 0 1.5em;
    clear: both;
}

.entry-title {
    margin: 0 0 2rem; 
    font-weight:normal;  
    font-weight: 100;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.3em;
    color: #005495;
    color: hsl(0, 0%, 0%);
    text-align: center;
}

.page .entry-title { margin-top: .7em; }


.entry-content a {
    color: #333;font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #99BBD5;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.entry-content a:visited {
    color: #333;

}

.entry-content a:hover,
.entry-content a:active {
    color: #005495;

}

/* Typography */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }

.entry-content h1 {
    font-size: 32px;
    font-size: 3.2rem;
}

.entry-content h2 {
    font-size: 30px;
    font-size: 3.0rem;

}

.entry-content h3 {
    font-size: 28px;
    font-size: 2.8rem;
}

.entry-content h4 {
    font-size: 26px;
    font-size: 2.6rem;
}

.entry-content h5 {
    font-size: 24px;
    font-size: 2.4rem;
}

.entry-content h6 {
    font-size: 22px;
    font-size: 2.2rem;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6em;
}

.entry-content blockquote p {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.5em;
}

blockquote cite {
    font-size: 18px;
    font-size: 1.8rem;
}

/* Smaller fonts for smaller screens */
@media screen and (max-width: 680px) {
    .entry-title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.3em;
    }
    .entry-content h1 {
        font-size: 28px;
        font-size: 2.8rem;
    }

    .entry-content h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }

    .entry-content h3 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .entry-content h4 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .entry-content h5 {
        font-size: 20px;
        font-size: 2rem;
    }

    .entry-content h6 {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .entry-content p,
    .entry-content ul,
    .entry-content ol  {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .entry-content blockquote p {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.5em;
    }

    blockquote cite {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

/* Blockquotes */
blockquote {
    padding: 1em 1.5em 0;
    margin-bottom: 1em;
    font-style: italic;
    border-top: solid 1px hsl(0, 0%, 80%);
    border-bottom: solid 1px hsl(0, 0%, 80%);
}

blockquote.alignleft {
    float: left;
    width: 50%;
    padding: 1em 0 0;
    margin-right: 2em;
}

blockquote.alignright {
    float: right;
    width: 50%;
    padding: 1em 0 0;
    margin-left: 2em;
}

.index-box blockquote.alignleft,
.index-box blockquote.alignright {
    background: #fff;
    background: hsl(0, 0%, 100%);
    border: none;
}

blockquote em {
    font-style: normal;
}

blockquote cite {
    display: block;
    margin-top: 1em;
    margin-left: 40%;
    font-family: 'Arial', sans-serif;
    font-style: normal;
    line-height: 1.5em;
    text-align: right;
}

/* Blockquotes responsive */
@media screen and (min-width: 1820px) {
    .index-box blockquote.alignright { padding-right: 2em; }
}

@media screen and (min-width: 1320px) {
    .index-box blockquote.alignleft { padding-left: 2em; }
}

@media screen and (max-width: 780px) {
    blockquote.alignleft,
    blockquote.alignright { width: 40%; }
}

@media screen and (max-width:600px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 1.5em 0;
    }
}

/* Image borders for white-on-white images */

.border-gray {
    border: #b9b9b9 solid 1px;
    border: hsl(0, 0%, 75%) solid 1px;
}

.border-black {
    border: #000 solid 1px;
    border: hsl(0, 0%, 0%) solid 1px;
}

.border-custom {
    border: #6DBCDB solid 1px;
    border: hsl(19, 95%, 38%) solid 1px;
}

/* Meta */
.category-list {
    margin: 1.3em 0 1em;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
}

.category-list a {
    color: #333;
    color: hsl(0, 0%, 20%);
}

.category-list a:hover,
.category-list a:focus {
    color: #000;
    color: hsl(0, 0%, 0%);
}

.entry-meta {
    margin-bottom: 2rem;
    padding: 0;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-meta a { font-weight: 600; }

/* Hides 'on' and '.' in post meta on wide screens. */
.mobile-hide {
    display: inline;
}

/* Meta responsive */


/*--------------------------------------------------------------
11.2 Index and Archive
--------------------------------------------------------------*/
.taxonomy-description {
    padding-top: 2rem;
    margin: 2rem 0;
    font-family: 'Arial', sans-serif;
    font-style: italic;
    border-top: 1px solid hsl(0, 0%, 75%);
    border-bottom: 1px solid hsl(0, 0%, 75%);
}

.sticky-post {
    position: absolute;
    top: 1rem;
    right: 3rem;
}

.continue-reading {
    margin: 0 4rem;
    font-weight: 900;
    font-size: 18px;
    font-size: 1.8rem;
}

.continue-reading i { margin-left: .5em; }

.search-no-results .content-area,
.error404 .content-area { margin-top: 4rem; }

/*--------------------------------------------------------------
11.3 Asides
--------------------------------------------------------------*/
.format-aside .entry-content { margin-top: 1em; }

/*--------------------------------------------------------------
11.4 Image Attachments
--------------------------------------------------------------*/

.attachment .entry-title { margin-top: .7em; }

.entry-attachment { margin-bottom: 3rem; }

.attachment-caption {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Arial', sans-serif;
}



/*--------------------------------------------------------------
11.5 Comments
--------------------------------------------------------------*/
.comments-title {
    font-weight: 900;
    font-size: 36px;
    font-size: 3.6rem;
}

.comments-area > ol {
    padding: 0;
    margin: 2em 0;
    list-style-type: none;
}

ol.children { list-style-type: none; }

.comment-author .avatar {
    display: block;
    float: left;
    width: 50px;
    margin-right: 20px;
}

.comment-author .fn {
    font-weight: 900;
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    font-size: 2rem;
}

.comment-metadata {
    font-size: 14px;
    font-size:1.4rem;
}

.comment-meta { margin-bottom: 1em; }

.comment-content { font-size: 90%; }

.comment-content,
.reply { margin-left: 70px; }

.comment-body {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: solid hsl(0, 0%, 80%) 1px;
}

.comment-list ol { margin-left: 50px; }

.comment-content a { word-wrap: break-word; }

.reply {
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Arial', sans-serif;
}

.comment-content ol { margin-left: 1.5em; }

.bypostauthor > .comment-body {
    position: relative;
    padding: 1em;
    margin-bottom: 2em;
    background: hsl(0, 0%, 93%);
    border: none;
}

/* Comments responsive */
@media screen and (max-width:600px) {
    .comment-list ol { margin-left: 0; }

    .comment-content ol { margin-left: 1.5em; }

    .comment-content,
    .reply { margin-left: 0; }
}

.comment-reply-title {
    margin-bottom: .5em;
    font-weight: 900;
    font-size: 30px;
    font-size: 3rem;
}

.comment-form {
    padding-bottom: 4rem;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.comment-form textarea {
    font-family: 'Garamond', serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.comment-form label { display: block; }

.required { color: red; }

/*--------------------------------------------------------------
11.6 Author Box
--------------------------------------------------------------*/
.reveal-bio {
    max-width: 780px;
    max-width: 78rem;
    margin: 0 auto;
    background: #fff;
}

.reveal-bio a {
    display: block;
    padding: 2rem 0;
    margin: 0 auto;
    font-weight: 700;
    font-size: 26px;
    font-size: 2.6rem;
    color: #bfbfbf;
    color: hsl(0, 0%, 75%);
    text-align: center;
}

.reveal-bio a:hover,
.reveal-bio a:focus {
    text-decoration: none;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.shorter { padding: 0 0 4rem!important; }

.hide-fix {
    padding: 0!important;
    margin-bottom: 2rem!important;
}


.author-info {
    padding-top: 1rem;
    margin: 0 4rem;
}

.author-avatar {
    float: left;
    margin: 0 2rem 0 0;
}

.author-avatar img { display: block; }

.author-title {
    margin-bottom: .8rem;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
}

.author-meta {
    border-bottom: 16px solid hsl(0, 0%, 95%);
    margin-bottom: 2rem;
    font-family: 'Arial', sans-serif;
}

.share-and-more {
    padding: .1rem 0 1.1rem;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
}

.author-social-media { display: inline-block; }

.author-social-media a {
    margin-left: 1.5rem;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.author-social-media a:hover,
.author-social-media a:focus { text-decoration: none; }

a.author-link {
    font-weight: 900;
    font-family: 'Arial', sans-serif;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.author-link i { margin-left: 1rem; }

.author-meta,
.author-description { margin-left: 12rem; }

/* Author Box responsive */
@media screen and (max-width: 600px) {
    .author-meta,
    .author-description { margin-left: 0; }
}

/*--------------------------------------------------------------
12.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
        border: none;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text { text-align: center; }

.wp-caption .wp-caption-text,
.gallery-caption {
    padding: 0.8075em 1em;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Arial', sans-serif;
    background: #e5e5e5;
    background: hsl(0, 0%, 90%);
}

.site-main .gallery { margin-bottom: 1.5em; }

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 50%;
    width: 100%;
    padding: 6px 8px;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: hsla(0, 0%, 0%, .8);
    opacity: 0;
}

.gallery-item:hover .gallery-caption,
.gallery-item:focus .gallery-caption{ opacity: 1; }

.site-main .gallery a img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border: none;
}

.site-main .gallery-item {
    position: relative;
    float: left;
    max-width:100%;
    margin-right: 3.333333333%;
    margin-bottom: 3rem;
    overflow: hidden;
    background: #333;
}

.site-main .gallery dd,
.site-main .gallery figcaption { margin: 0; }

.site-main .gallery-columns-4 .gallery-item { }

.site-main .gallery-columns-4 .gallery-item img { }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object { max-width: 100%; }

/* Featured Images */

#thumbnail-img {
    background-color: #fff;

}

.front-index-thumbnail { margin-bottom: -3.2em; }

@media screen and (max-width: 779px){
    .front-index-thumbnail { margin-bottom: 0; }
}

.single-post-thumbnail img,
.front-index-thumbnail img {
    display: block;
    margin: 0 auto;
}

.has-thumbnail {
    position: relative;
    margin-top: -8em;
}

.small-index-thumbnail { margin-top: -1em; }

/*--------------------------------------------------------------
14 Footer
--------------------------------------------------------------*/


.site-footer {
    padding: 2em;
    font-size: 14px;
    font-size: 1.6rem;
    background: #F1F1F1; 
    color: #777;
    border-top: 1px solid #dedede;
    font-family: "Helvetica", "Arial", sans-serif;

}



.site-info {
text-align: center;
margin:0 auto;
border-top: 1px solid #dedede;

 }



.footer {
    padding:20px 16px 40px;
   
}

.footer--top-section:after,
.footer--middle-section:after,
.footer--bottom-section:after,.footer__top-section:after,
.footer__middle-section:after,.footer__bottom-section:after {
    content: '';
    display: block;
    clear: both;
}

.footer--left-section,
.footer__left-section,
.footer--right-section,
.footer__right-section {
    margin-bottom: 16px;
}

.footer--right-section a,
.footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none;
}

@media screen and (min-width:760px) {
    .footer--left-section,.footer__left-section {
        float: left;
    }

    .footer--right-section,.footer__right-section {
        float: right;
    }

    .footer--right-section a,.footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle;
    }
}

.footer--social-btn,
.footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none;
}

.footer--drop-down-section,.footer__drop-down-section {
    display: block;
    position: relative;
}

@media screen and (min-width:760px) {
    .footer--drop-down-section,.footer__drop-down-section {
        width: 33%;
    }

    .footer--drop-down-section:nth-child(1),
    .footer--drop-down-section:nth-child(2),.footer__drop-down-section:nth-child(1),
    .footer__drop-down-section:nth-child(2) {
        float: left;
    }

    .footer--drop-down-section:nth-child(3),
    .footer__drop-down-section:nth-child(3) {
        float: right;
    }

    .footer--drop-down-section:nth-child(3):after,
    .footer__drop-down-section:nth-child(3):after {
        clear: right;
    }

    .footer--drop-down-section:nth-child(4),
    .footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right;
    }





    .footer--middle-section:after,
    .footer__middle-section:after {
        content: '';
        display: block;
        clear: both;
    }

    .footer--bottom-section,.footer__bottom-section {
        padding-top: 0;
    }
}

@media screen and (min-width:1024px) {
    .footer-section,
    .footer-section:nth-child(3),
    .footer-section:nth-child(4) {
        width: 24%;
        float: left;
    }
}




.footer__heading {
    font-family: 'Arial', sans-serif;
    position: relative;
    width: 100%;
   
    margin-bottom: .625em;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    white-space: nowrap;
  
    overflow: hidden;
    color: #99BBD5;
   
    padding: 0 1.3em;
}










.footer__link-list li{
 
list-style:none; font-size: 12px;
}

.footer--link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
font-size: 80%;
color: #b9b9b9;
list-style:none;}




@media screen and (min-width:760px) {
    .footer-logo {
        margin-right: 16px;
    }
    .boundless-logo {
        margin-right: 0;
        
    }

   

/* .footer--link-list,*/


    .section-footer-links,
    .boundless-logo,
    .footer-logo {
        display:inline-block;
        float: left;
    }



.footer--link-list {
            margin-top: 1em;
        }

}





.footer--link-list {
            margin:0 auto;
        }



.boundless-logo {
    padding:0 1em;
}
.boundless-logo a {
    font-family: "Arial Narrow", "Arial", sans-serif;
    display:block;color:#005495;opacity: .78;
}

.boundless-logo a:hover {
    opacity: .98;
    text-decoration: none;
    margin-top:1px;
}

.boundless-gift {
font-size: 79%;
letter-spacing: 1px;
color: teal;
}


/*outsets for card-grid-container*/



.card-grid-container figure /* see normalize.css */
{
  

  border: 0;
  padding: 0;
  margin: 0;
}
 /* see normalize.css */


.card-grid-container  ul,

.card-grid-container  li{
  margin-left: 0;
  padding-left:0;color: #777;
}


.card-grid-container
{
width: 100%;

line-height: 1.3; 
margin: 0 auto;
padding: 1.25rem; 
}

.card-grid-container a
{
color: #222;
text-decoration: none;
border-bottom:none;
}
.card-grid-container a:hover,
.card-grid-container a:active
{

    color: #005495;

}


.list
{
width: 100%;
overflow: hidden;

display: -webkit-flex;
display: -ms-flexbox;
display: flex;

-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
       

 .list
                    {
                        width: 100%;
                        overflow: hidden;

                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;

                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }
                        .list__item
                        {
                            width: 33.33%;
                            float: left;
                            padding: 0.625rem; /* 10 */

                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                        }
                            .list__item__inner
                            {
                                width: 100%;
                                color: #474d51;
                                background-color: #fff;
                                overflow: hidden;

                                -webkit-box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); /* 2 5 */
                                box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); /* 2 5 */
                            }



.list__item img
{
width: 100%;
display: block;
}
.list__item figcaption
{
padding: 1.25rem; /* 20 */
}


/* JavaScript disabled */

html.no-js .list__item
{
width: 100%;
float: none;
}


html.no-js .list__item img
{
max-width: 9.375rem; /* 150 */
float: right;
margin-left: 1.25rem; /* 20 */
}

@supports ( display: -webkit-flex ) or ( display: -ms-flex ) or ( display: flex )
{
html.no-js .list__item
{
width: 33.3%;
float: left;
}
html.no-js 

.list__item img
{
max-width: none;
float: none;
margin-left: 0;
}
}



h3.card-grid-title,


.card-grid-title
{
font-size: 90%;

line-height: 1; 
text-align: center;
margin: 1.5rem 0; /* 40 */
color: #005495;
padding: 1.5rem 1.875rem .25rem 1.875rem; /* 20 */
}




.card-grid-description
{

font-family: "Arial", "Helvetica", sans-serif;

padding: 1rem; 
}



@media screen and ( max-width: 64em ) /* 1024 */

{
.list__item
{
width: 33.333%; /* 3 items per row */
}
@supports ( display: -webkit-flex ) or ( display: -ms-flex ) or ( display: flex )
{
html.no-js .list__item
{
width: 33.333%;
}
}
}

@media screen and ( max-width: 50em ) /* 800 */
{
.list__item
{
width: 50%; /* 2 items per row */
}
@supports ( display: -webkit-flex ) or ( display: -ms-flex ) or ( display: flex )
{
html.no-js .list__item
{
width: 50%;
}
}
}

@media screen and ( max-width: 40em )/* 640 */ 
{
.list__item
{
width: 100%; /* 1 item per row */
float: none;
}
@supports ( display: -webkit-flex ) or ( display: -ms-flex ) or ( display: flex )
{
html.no-js .list__item
{
width: 100%;
}
}
html.no-js .list__item img
{
max-width: none;
float: none;
margin-left: 0;
}
}



.card-grid-description p,

.card-grid-description li {
    font-size: 1.4rem;
    line-height: 1.4; 
    margin-left:1em;
    list-style: none;
    *list-style-type: circle;
}










.card-grid-description {margin:1em 0; padding-left:1em;}


.card-grid-description li a {display:inline-block; *display:inline; *zoom:1; width:100%; padding-left:1em; text-indent:-1em;}


.card-grid-description li a:before {content:'\203A'; margin-right:0.625em; font-weight:bold; font-size:1.3em;color:#6698BF;}



.card-grid-description ul {margin-left:0;}




.list-link-title{
    padding-top: 1.5em;
      padding-bottom: .5em;
    list-style:none;
    text-transform: uppercase; 
    font-size: 60%;  
    letter-spacing: 2px;
}

li.list-link-title{
    
    color: #3376AA; 
 
}

.list-link-title:first-child{
    
    padding-top: 0;
 
}



.vcard {
list-style:none; 
}
.vcard h3{
	padding-top:0;
	margin-top:0;
}
.vcard .fn{
font-weight: bold;
border-bottom: 1px solid #dedede;
}
.vcard .title{
font-style: italic;
}

.vcard img {
float:left; 
padding: 0  .5em .5em 0;
width: 100px;
max-width: 100px;
}




.list-cols-2 {margin:1em 0; padding-left:1em;}
.list-cols-2 li {display:inline-block; *display:inline; *zoom:1; width:100%; padding-left:1.5em; text-indent:-1.5em;}
.list-cols-2 li:before {content:'\2022'; margin-right:0.625em; font-weight:bold; font-size:1.3em;}
.list-cols-2 ul {margin-left:0;}
.list-cols-2 li li {display:block;}
.list-cols-2 li li:before {content:'\B7';}

@media only screen and (min-width:48em) {
  .list-cols-2 {
    -moz-column-count:2; -moz-column-gap:2.5em;
    -webkit-column-count:2; -webkit-column-gap:2.5em;
    -webkit-column-count:2;
       -moz-column-count:2;
            column-count:2; -webkit-column-gap:2.5em; -moz-column-gap:2.5em; column-gap:2.5em;
  }
}

}



.entry-title {
font-weight: normal;
font-weight: 100;
text-align: center; 
margin-left:auto; 
margin-right:auto;
}


.entry-content .sub-hed {
margin-top: 2em; 
text-align:center;
}


.list-content-block {
    display:inline-block;}
ul.list-content-block {
    display:inline-block; 
    list-style: none; 
    margin-left:0; }

    .lede {margin: 2em auto; text-align: center; padding-bottom: 1.5em; border-bottom: 1px solid #dedede }

.widget .toc-widget a { color: #888; font-weight: normal;font-weight: 300;}

.small-text {font-size:80%;}
.small-text-gateway {font-size:60%; padding-top: 0; margin-top:0;}



 /* Headings */


  h2  { font-size:1.875em; 
    letter-spacing:-0.025em; 
    line-height:1.3125em; 
    padding-top:1em; }



   h2  { 
    border-top:  
    1px solid #dedede; }
   h2:first-child  { 
    border-top:  none; }


  h3 { 
    font-size:1.125em; 
    padding:2em 0 0.5em 0; }


 
  h4  { 
    font-size:1em; padding:2em 0 0.5em 0; }

  h3 + h4  { 
    padding-top:0; } /* Only an h4 that follows an h3 */
  p + h3,
  li + h3  { 
    padding-top:1.5em; } /* Only an h3 that follows a p or an li */





/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 3%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }



/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.66%; }
.span_1_of_3 { width: 31.33%; }

/*  GRID OF FOUR  */
.span_4_of_4 {
    width: 100%;
}
.span_3_of_4 {
    width: 74.25%;
}
.span_2_of_4 {
    width: 48.5%;
}
.span_1_of_4 {
    width: 22.75%;
}


.col-no-margin {
    display: block;
    float:left;
    margin: 0;
}

.col-no-margin:first-child { margin-left: -3px; }

.span-no-margin_4_of_4 {
    width: 100%;
}
.span-no-margin_3_of_4 {
    width: 75%;
}
.span-no-margin_2_of_4 {
    width: 50%;
}
.span-no-margin_1_of_4 {
    width: 25%;
}

.span-no-margin_3_of_3 { width: 100%; }
.span-no-margin_2_of_3 { width: 66.66%; }
.span-no-margin_1_of_3 { width: 33.33%; }



/*  GO FULL WIDTH BELOW 600 PIXELS */
@media only screen and (max-width: 600px) {
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
    .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }


    .span-no-margin_4_of_4 {
    width: 100%;
}
.span-no-margin_3_of_4 {
    width: 100%;
}
.span-no-margin_2_of_4 {
    width: 50%;
}
.span-no-margin_1_of_4 {
    width: 100%;
}

.section.group{
    text-align: center;
}

.span-no-margin_3_of_3 { width: 100%; }
.span-no-margin_2_of_3 { width: 100%; }
.span-no-margin_1_of_3 { width: 100%; }
}



.search-form-small-text .span_1_of_4 { border-left: 1px dotted #cbcbcb; }
.advancedsearch {font-size: 1.1em; }

.expand-width {width:100%;}

form.onesearch_form { border: 1px dotted #cbcbcb; margin:2em; padding:1em;}


/*#home-content {
width: 100%;
margin: 0 auto;
background: #fff;
}*/

#home-content .entry-content {
width: 100%;
margin: 0 auto;
background: transparent;
}

#home-content .section {
    padding-bottom:1em;
border-bottom: 1px dotted #cbcbcb;
background: transparent;
}


.breadcrumbs {
color: #777;
font-size: 16px; 
font-size: 1.4rem; 
font-family: "Arial", "Helvetica", sans-serif;

}

.breadcrumbs {
width: 100%;
max-width: 80em;
margin: 1em auto;
}

.home-wrapper {
    width: 100%;
    overflow: hidden;
}
.home-container {
    width: 100%;
    margin: 0 auto;
}
.banner-img {
    width: 100%;
}

.searches,
.student-feed,
.news-announcements,
.featured-events{
    position: relative;
     width: 96%;
    max-width: 70em;
    margin: 0 auto;
    padding: 0;

}

.searchess{
   
    max-width: 90em;
}

.searches >.section,
.student-feed > .section,
.news-announcements > .section,
.featured-events >.section {
    width: 100%;
    margin: 0 auto;
    
}


.searches,
.student-feed,
.news-announcements,
.featured-events {
font-family: "Arial", "Helvetica", sans-serif; 
font-size: 14px;  
   font-size: 1.4rem; 

}

.student-feed h2,
.news-announcements  h3,
.featured-events h3 { 
    color:#777; 
    font-weight: bold; 
    margin:0;
    margin-bottom: .325em; 
    font-size: 14px;  
   font-size: 1.4rem; 
   padding-right: 1em;}

.student-feed h3,
.student-feed p,
.news-announcements  p,
.featured-events p { 
    color:#696969; 
    margin:0;
    margin-bottom: .325em; 
    font-size: 14px;  
   font-size: 1.4rem; 
padding-right: 1em;}

.student-feed h3:hover,
.student-feed p:hover,
.news-announcements  p:hover,
.featured-events p:hover { 
    color:#000; 
    }

.student-feed a,
.news-announcements a,
.featured-events a { 
color:#005495;  
font-size: 12px;  
font-size: 1.2rem; 
border-bottom:none;
}

.time-details {
    font-style:italic;  }

.event-title {
    font-weight:bold; }



.student-feed .span_1_of_4:hover img,
.news-announcements .span_1_of_4:hover img,
.featured-events .span_1_of_4:hover img { 
    opacity: .9; }

.student-feed .span_1_of_4:hover h3,
.news-announcements .span_1_of_4:hover h3,
.featured-events .span_1_of_4:hover h3 { 
    color:#3376AA;  }


/* TOC CSS*/

#toc_container li,
#toc_container ul {
margin: 0;
padding: 0;

}

#toc_container {
font-family: "Arial", sans-serif;

}
#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
background: 0 0;
list-style-type: none;
list-style: none;
}
#toc_container.have_bullets li { padding-left: 12px }
#toc_container ul ul { margin-left: 1.5em }
#toc_container {
background: #f9f9f9;
 border:none;
/*border-bottom: 1px solid #aaa;*/
padding: 10px;padding-bottom: 1.5em;
margin-bottom: 1em;
width: auto;
display: table;
font-size: 80%;
}

#toc_container.toc_white { background: #fff }

#toc_container.toc_transparent { 
    background: none transparent }
#toc_container p.toc_title {
    background: #fff;
font-size: 1.2rem;
text-transform:uppercase;
letter-spacing:2px;
margin-top: 0;
text-align: left;
font-weight: 600;font-weight: bold;
margin: 0;
padding: 0;
}
#toc_container.toc_black p.toc_title { 
    color: #777 }
#toc_container span.toc_toggle {
font-weight: 300;
font-weight: normal;
font-size: 80%;
}
#toc_container p.toc_title+ul.toc_list { 
    margin-top: 1em }
.toc_wrap_left {
float: left;
margin-right: 10px;
}
.toc_wrap_right {
float: right;
margin-left: 10px;
}
#toc_container a {
    font-size: .875em;
    line-height: 1;
text-decoration: none;
border-bottom: none;
text-shadow: none;
color: #888; 
font-weight: normal;
font-weight: 300;}
}
#toc_container a:hover { 
    text-decoration: underline }


.toc_sitemap_posts_letter {
font-size: 1.5em;
font-style: italic; 
color: #4DD0E1;
text-decoration: none;
font-size: 16px;
line-height: 28px;
display: block;
}
/*new*/
#toc_container {
border-left: 4px solid #C1EEF4;
margin: 24px;
padding-bottom: 1.5em;
padding: 0;
padding-left: 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}






.li-divider { 
    background: transparent;
    border:0;
    outline:0;
    border-top:1px dotted #dedede;
    padding:1em 0; margin-top:1em;}




h2.sub-hed {font-size: 80%;
color: #000;
border: none;
font-weight: bold;
letter-spacing: 3px;}

h2.sub-hed:after {
    content: " " ;
border-bottom: 2px solid #005495;
width: 5%;max-width: 2em;
display:block;
margin: 20px auto;
}










/**automatic pseudo icons**/







/**
* SETUP
----------------------------------------------------------------------
*/

a:before, a:after {
    font-family: 'Arial', sans-serif;
    font-weight: normal !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased;
    color: #999;
    font-size: 66%
}

a:before { padding-right: 0.125em }


/**
* LINKS TO SECURE PAGES
----------------------------------------------------------------------
*/

[href^="https:"]:before {
    content:'\E017';
}

/**
* LINK RELATIONS (http://blog.whatwg.org/the-road-to-html-5-link-relations)
----------------------------------------------------------------------
*/

/* author pages */

[rel="author"]:before,
[href*="rel=author"]:before {
    content: '\E006';
}

/* help pages */

[rel="help"]:before {
    content: '\E015';
}

/**
* DOCUMENTS
----------------------------------------------------------------------
*/

/* .pdf */

[href$=".pdf"]:after {
    content: ' (PDF) ';
}

/* .doc */

[href$=".doc"]:after {
    content: ' (DOC) ';
}

/* .doc */

[href$=".xls"]:after {
    content: ' (XLS) ';
}

/* email */

[href^="mailto:"]:before {
    content: '\2709';
}

/* telephone */

[href^="tel:"]:before {
    content: '\2706';
}

.note, 
.important:before         { content: "\27BD";font-family: Georgia, serif; }

blockquote:before         { content: "\275D"; font-family: Georgia, serif; font-size: 89px; }
blockquote:after          { content: "\275E"; font-family: Georgia, serif; font-size: 89px;}

.alert:before             { content: "\26A0"; font-family: Georgia, serif; font-size: 89px;}


/**test for empty links*/


a[href = " "] {
  background: red;
  color: white;
  font-size: x-large;
}

/* demos
a[href ^= 'http']:not([href *= 'html5rocks.']) {
  background: transparent url(arrow.png) no-repeat center right;
  padding-right: 16px;
}*/


/* show UofT after if link contains utoronto.ca links but not @utoronto.ca and not stmikes.utoronto.ca*/


[href*= "utoronto."]:not([href*= "@utoronto."]):not([href*= "stmikes.utoronto."]):after {
 content: ' UofT';
}

[href*= "www.tst.edu/"]:after {
 content: ' TST';
}

footer [href*= "utoronto."]:not([href*= "@utoronto."]):not([href*= "stmikes.utoronto."]):after,
footer [href*= "utoronto."]:not([href*= "@utoronto."]):not([href*= "stmikes.utoronto."]):before,
footer [href*= ".google."]:before,
.nav-utility [href*= "utoronto."]:not([href*= "@utoronto."]):not([href*= "stmikes.utoronto."]):after,
.nav-utility [href*= "utoronto."]:not([href*= "@utoronto."]):not([href*= "stmikes.utoronto."]):before 
 {
 content: '';
 padding-right: 0;
}












/**

statpages backgrounds and styles

paleblue  HEX #cee2ec

palegray HEX #ebeff1

darksteelblue  HEX #3b4c5d

lightersteelgray HEX #959fa5

mediumwarmgray  HEX #8c8c8c

usmc-paleblue-light #E6EEF4
usmc-paleblue-lighter #F2F6FA
usmc-paleblue-lightest #F8FAFC


**/




.num-circle {
    display: block;
    position: absolute;
    top: 70px;
    left: 50%;
    z-index: 9999;
    border-radius: 175px;
    width: 175px;
    height: 175px;
    background: rgba(255,255,255,1);
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.num-circle .text-label {
    display: block;
    margin: 20px auto 0;
    font-size: 15px;
    color: #111;
    font-family: "Arial",sans-serif;
    text-transform: uppercase;
}
.num-circle .num {
    font-size: 6em;
    display: block;
    text-align: center;
    margin: 5px auto 0;
    color: #60c6bb;
   font-family: "Garamond",serif;
}
.text-block {
    display: block;
    position: absolute;
    width: 70%;
    bottom: 1em;
    left: 50%;
    font-size: 16px;
    color: #575757;
    line-height: 24px;
    text-align: center;
    font-family: "Garamond",serif;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}



.dashboard-piece {
    min-height: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}
.dashboard-piece-paleblue {
    background-color: #cee2ec;
}

.usmc-paleblue-light {
    background-color: #cee2ec;
}



.usmc-paleblue-medium {
    background-color: #CCDDEA;
}


.usmc-paleblue-lightest {
    background-color: #F8FAFC;
}





.dashboard-piece-palegray {
    background-color: #ebeff1;
}
.dashboard-piece-darksteelblue {
    background-color: #3b4c5d;
}
.dashboard-piece-lightersteelgray {
    background-color: #959fa5;
}
.dashboard-piece-mediumwarmgray {
    background-color: #8c8c8c;
}
.dashboard-piece-aqua {
    background-color: #60c6bb;
}



.dashboard-content {
    position: relative;
    z-index: 999;
}
.dashboard-content p {
    font-weight: lighter;
}
.dashboard-content .light {
    opacity: 0.4;
    display: block;
}
.dashboard-content h2 {

    font-size:90%;
}

.dashboard-content h3 {
    font-size: 90%;
    border: none;
    margin:0;

}
.dashboard-metric {
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1;
}
.dashboard-metric i {
    margin-right: 0.6em;
}



.bar-horizontal {
    height: 36px;
    background-color: rgba(255,255,255,0.4);
    position: relative;
    display: block;
    margin-top: 20px;
}
.bar-horizontal-bar {
    background: #fff;
    height: 36px;
    line-height: 36px;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    position: absolute;
    top: 0;
    left: 0;
}


.bar-horizontal-bar-right {
    background: transparent;
    height: 36px;
    line-height: 36px;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    position: absolute;
    top: 0;
    left:auto;
    right: 0;
}


.bar-vertical {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(200,200,200,0.25);
}


.l-box {padding:1em;}

.l-box-blue, .l-box-blue a{
    color:white!important; 
    font-size: 1.5em;}


/*this is the block thumbnail for the spotlight on homegateway*/
.block {
    overflow: hidden;
}
/* Block Thumbnail with Headline */
.spotlight .block-thumb {
  display: table;
  width: 100%;
  max-width:40em;
  background:#fff;
  margin: 1em auto;
  border-collapse: collapse;
  text-transform:none;
  border:1px dotted #cbcbcb;


   }
 .spotlight .block-thumb .b-inner {
    display: table-row;
    vertical-align: top;
    overflow: hidden; }
  @media all and (min-width: 29.75em) {
  .spotlight  .block-thumb .b-thumb {
      display: table-cell;
      vertical-align: top;
      width: 20%;
      max-width: 10em; }
   .spotlight   .block-thumb .b-thumb img {
        display: block;
        width: 100%;
        height: auto; text-align: center;} }
  @media all and (min-width: 29.75em) {
 .spotlight   .block-thumb .b-text {
      display: table-cell;
      width: 80%;
      padding: 1em 1.5em .3em 1.5em; 
  }
       }

.spotlight .b-text {
font-size: 16px;
font-size: 1.6rem;
margin:0 0 .1em 0;
padding:0;
text-transform:none;
   }


.spotlight h3,
 .spotlight h4,
  .spotlight p,
 .continue {
font-size: 16px;
font-size: 1.6rem;
margin:0 0 .1em 0;
padding:0;
   }

 .spotlight .b-title {
font-weight: bold; font-size: 1.5em;
color:#A2A379;
   }
 .spotlight .b-time-details 
 {
font-weight: bold; 
font-size: 1.5em;
   } 


.spotlight .block-thumb:hover {
opacity: .9;
   } 


.b-author{
font-weight: normal; 
font-size:.8em;
   }




.continue a {
border-bottom: none;
text-transform:none;

   }


.continue {
font-weight: normal; 
font-family: Arial, sans-serif;
   }


 .continue:after {
font-size: 1.5em;
content: "  » "; 
color:#80AACA; 
padding-left:.5em;
line-height: 1
vertical-align:baseline;
   }




.button-outlined {
    display: inline-block;
    padding: .5em 1em;
    border: 1px solid #cbcbcb;
    
    color: #cbcbcb;
    font-size: .875em;
}
.button-outlined:hover, 
 .button-outlined:focus {
    border-color: #000;
    color: #000;
    text-decoration: none;
}


.search-form-small-text form {font-size: 80%; 
    font-family: 'Arial', sans-serif;
    line-height: 1.2;
    color: #888;

} 


.search-form-small-text input,
.search-form-small-text select,
.search-form-small-text textarea {
 font-family: 'Arial', sans-serif;
    line-height: 1.2;

}

.search-form-small-text >form {
   border-top: 1px dotted #cbcbcb;
   margin: .2em 0 0 0;
   padding:.2em 0 0 0;

}
.search-form-small-text:first-of-type {
   border-top: none;
   margin: .3em 0 0 0;
   padding:0;
}
.expand {width: 100%;}
.allButton { padding:1em; font-size: 1em; background-color:#005495; color: #fff;}
.kelly-hours-heading{ font-family: Arial, sans-serif; font-weight: normal;text-align:center; margin: .5em auto; display:block;}
.kelly-all-search-box {background-color: #f0f0f0; border: 1px dotted #cbcbcb;}

/* ==========================================================================
image-grid uses quantity queries 
hover effects 
========================================================================== */
.image-grid ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.image-grid ul li {
   
    min-height: 100%;
  
   background-color: #005495;
    list-style: none;
}






.c-figure {
    position: relative;
    margin-bottom: 1rem;
}
.c-figure::before,
.c-figure::after {
    display: table;
    clear: both;
    content: '';
}
ul.c-figure__main { overflow: hidden }
.c-figure__main li  {

position:relative;

   }

ul.c-figure__main li { margin-bottom: 0.5rem }

ul.c-figure__main li:nth-last-of-type(2):first-child,
ul.c-figure__main li:nth-last-of-type(2):first-child ~ li {
    width: 48.71795%;
    float: left;
}
ul.c-figure__main li:nth-last-of-type(2):first-child:nth-child(2n+1),
ul.c-figure__main li:nth-last-of-type(2):first-child ~ li:nth-child(2n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
}
ul.c-figure__mainn li:nth-last-of-type(2):first-child:nth-child(2n+2),
ul.c-figure__main li:nth-last-of-type(2):first-child ~ li:nth-child(2n+2) {
    margin-left: 51.28205%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(3):first-child,
ul.c-figure__main li:nth-last-of-type(3):first-child ~ li {
    width: 31.81818%;
    float: left;
}
ul.c-figure__main li:nth-last-of-type(3):first-child:nth-child(3n+1),
ul.c-figure__main li:nth-last-of-type(3):first-child ~ li:nth-child(3n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
}
ul.c-figure__main li:nth-last-of-type(3):first-child:nth-child(3n+2),
ul.c-figure__main li:nth-last-of-type(3):first-child ~ li:nth-child(3n+2) {
    margin-left: 34.09091%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(3):first-child:nth-child(3n+3),
ul.c-figure__main li:nth-last-of-type(3):first-child ~ li:nth-child(3n+3) {
    margin-left: 68.18182%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(4):first-child,
ul.c-figure__main li:nth-last-of-type(4):first-child ~ li,
ul.c-figure__main li:nth-last-of-type(8):first-child,
ul.c-figure__main li:nth-last-of-type(8):first-child ~ li,
ul.c-figure__main li:nth-last-of-type(12):first-child,
ul.c-figure__main li:nth-last-of-type(12):first-child ~ li {
    width: 23.07692%;
    float: left;
}
ul.c-figure__main li:nth-last-of-type(4):first-child:nth-child(4n+1),
ul.c-figure__main li:nth-last-of-type(4):first-child ~ li:nth-child(4n+1),
ul.c-figure__main li:nth-last-of-type(8):first-child:nth-child(4n+1),
ul.c-figure__main li:nth-last-of-type(8):first-child ~ li:nth-child(4n+1),
ul.c-figure__main li:nth-last-of-type(12):first-child:nth-child(4n+1),
ul.c-figure__main li:nth-last-of-type(12):first-child ~ li:nth-child(4n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
}
ul.c-figure__main li:nth-last-of-type(4):first-child:nth-child(4n+2),
ul.c-figure__main li:nth-last-of-type(4):first-child ~ li:nth-child(4n+2),
ul.c-figure__main li:nth-last-of-type(8):first-child:nth-child(4n+2),
ul.c-figure__main li:nth-last-of-type(8):first-child ~ li:nth-child(4n+2),
ul.c-figure__main li:nth-last-of-type(12):first-child:nth-child(4n+2),
ul.c-figure__main li:nth-last-of-type(12):first-child ~ li:nth-child(4n+2) {
    margin-left: 25.64103%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(4):first-child:nth-child(4n+3),
ul.c-figure__main li:nth-last-of-type(4):first-child ~ li:nth-child(4n+3),
ul.c-figure__main li:nth-last-of-type(8):first-child:nth-child(4n+3),
ul.c-figure__main li:nth-last-of-type(8):first-child ~ li:nth-child(4n+3),
ul.c-figure__main li:nth-last-of-type(12):first-child:nth-child(4n+3),
ul.c-figure__main li:nth-last-of-type(12):first-child ~ li:nth-child(4n+3) {
    margin-left: 51.28205%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(4):first-child:nth-child(4n+4),
ul.c-figure__main li:nth-last-of-type(4):first-child ~ li:nth-child(4n+4),
ul.c-figure__main li:nth-last-of-type(8):first-child:nth-child(4n+4),
ul.c-figure__main li:nth-last-of-type(8):first-child ~ li:nth-child(4n+4),
ul.c-figure__main li:nth-last-of-type(12):first-child:nth-child(4n+4),
ul.c-figure__main li:nth-last-of-type(12):first-child ~ li:nth-child(4n+4) {
    margin-left: 76.92308%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(5):first-child,
ul.c-figure__main li:nth-last-of-type(5):first-child ~ li {
    width: 18.36735%;
    float: left;
}
ul.c-figure__main li:nth-last-of-type(5):first-child:nth-child(5n+1),
ul.c-figure__main li:nth-last-of-type(5):first-child ~ li:nth-child(5n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
}
ul.c-figure__main li:nth-last-of-type(5):first-child:nth-child(5n+2),
ul.c-figure__main li:nth-last-of-type(5):first-child ~ li:nth-child(5n+2) {
    margin-left: 20.40816%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(5):first-child:nth-child(5n+3),
ul.c-figure__main li:nth-last-of-type(5):first-child ~ li:nth-child(5n+3) {
    margin-left: 40.81633%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(5):first-child:nth-child(5n+4),
ul.c-figure__main li:nth-last-of-type(5):first-child ~ li:nth-child(5n+4) {
    margin-left: 61.22449%;
    margin-right: -100%;
    clear: none;
}
ul.c-figure__main li:nth-last-of-type(5):first-child:nth-child(5n+5),
ul.c-figure__main li:nth-last-of-type(5):first-child ~ li:nth-child(5n+5) {
    margin-left: 81.63265%;
    margin-right: -100%;
    clear: none;
}


.c-figure__main figure {
    position: relative;
    overflow: hidden;
}
.c-figure__main figure img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}



.c-figure__main figure img {
    opacity: .7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}



.c-figure__main figure:hover img, 
.c-figure__mains figure:focus img {  
    opacity: 0.2;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.c-figure__main .caption-content {   
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.c-figure__main .caption-content,
.c-figure__main .caption-content a {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}


.c-figure__main .caption-content {
   margin:0;
   padding:0;
   position: relative;
 margin-top: 2em;
  clear:both; 
    width: 100%;
     font-family: 'Arial','Helvetica', sans-serif;
    font-weight: normal;
    line-height: 1.25;
    font-size: .875em;
    margin-bottom: 1rem;
text-align: left;
    -webkit-transform: translate(0px, 3px);
    -ms-transform: translate(0px, 3px);
    transform: translate(0px, 3px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}













.c-figure__main figure:hover .caption-content, 
.c-figure__main figure:focus .caption-content {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


.c-figure__main .caption-content
{
    margin: 0; 
    padding: 0; 
  
} 
/*http://alistapart.com/article/quantity-queries-for-css*/


.c-figure__main .caption-content  h3
{
     margin: 0; 
    padding: 0; 

padding: 0 1.5em;
    font-weight: bold;
    line-height:1;     
    opacity: 1; 
    color: #fff;
    font-size:.875em;
  
} 


.c-figure__main .caption-content h3 span {
    display: block; 
    opacity: .8;
    font-weight: normal;
    font-size:75%;
   
}

.c-figure__main figure:hover .caption-content h3 {
   opacity: .6;
   
}



.c-figure__main .caption-content  p 
{
margin: 0; 
padding: 0; 
margin:.625em 0;
padding: 0 1.5em;
   
font-size: .875em;
color: #fff;     
opacity: 1;
  
} 

@media screen and (min-width: 35.5em) {
.c-figure__main .caption-content {
 margin-top: 0; clear:none; 
   position: absolute;
    top: 62%;
    left: 0;  
    right: 0;  
    line-height: 1.25;
   
}
.c-figure__main .caption-content  h3
{
   
padding: 0 1.5em;
font-size:1em;
    line-height:1.2;     

  
} 

}








.c-figure__caption {
    font-family:Arial,Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.25;
    font-size: 1rem;
    
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
    color: #847484;
}









.contacts-table { border-collapse: collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb; font-size: 9px .9rem; font-family: Arial, sans-serif; }
.contacts-table caption { color: #000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center }
.contacts-table td,
.contacts-table th { border-left: 1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em }
.contacts-table td:first-child,
.contacts-table th:first-child { border-left-width: 0 }
.contacts-table thead { background-color: #e0e0e0;color:#000;text-align:left;vertical-align:bottom }
.contacts-table td { background-color: transparent }
.contacts-table-odd td { background-color: #f2f2f2 }
.contacts-table-striped tr:nth-child(2n-1) td { background-color: #f2f2f2 }
.contacts-table-bordered td { border-bottom: 1px solid #cbcbcb }
.contacts-table-bordered tbody>tr:last-child>td { border-bottom-width: 0 }
.contacts-table-horizontal td,
.contacts-table-horizontal th { border-width: 0 0 1px;border-bottom:1px solid #cbcbcb }
.contacts-table-horizontal tbody>tr:last-child>td { border-bottom-width: 0 }


p {
    margin-bottom: 1em;}
#home-content #inner-sec{
    border-bottom: none;
}

.president-post{
    border: 1px dotted #cbcbcb;
    background-color: #F1F1F1;
}

span.sub {
font-style:italic;
font-size:small;
}


.fn {margin-top: 1em;}







.demolistfinal {margin:1em 0; padding-left:1em;}
.demolistfinal li {text-align: center; display:inline-block; *display:inline; *zoom:1; width:100%; padding-left:0; text-indent:0; list-style: none}

.demolistfinal ul {margin-left:0;}
.demolistfinal li li {display:block;}
.demolistfinal li li:before {content:'\B7';}

@media only screen and (min-width:48em) {
  .demolistfinal {
    -moz-column-count:2; -moz-column-gap:2.5em;
    -webkit-column-count:2; -webkit-column-gap:2.5em;
    -webkit-column-count:2;
       -moz-column-count:2;
            column-count:2; -webkit-column-gap:2.5em; -moz-column-gap:2.5em; column-gap:2.5em;
  }
}

@media only screen and (min-width:60em) {
  .demolistfinal {
    -moz-column-count:3; -moz-column-gap:2.5em;
    -webkit-column-count:3; -webkit-column-gap:2.5em;
    -webkit-column-count:3;
       -moz-column-count:3;
            column-count:3; -webkit-column-gap:2.5em; -moz-column-gap:2.5em; column-gap:2.5em;
  }
}

/**//* ============================================================
    img-block List
============================================================ */
.list-3cols-memorial li {font-size: .675em;
  font-family: Arial, sans-serif;  list-style: none;
    list-style-type: none;
    margin: 0;
}


.img-block-memorial img,
.img-bordered {
    box-shadow: 0 2px 2px #e9e9e9;
    border: 1px solid #ccc;
    padding: 0.325em;

}
.img-block-memorial  {
    line-height: 1;

}


.img-block img:hover {
    opacity:.9;
}




.img-block ul {
    list-style-type: none;
    padding: 0;
    display: block;
    clear: both;
    position: relative;
}
 

.img-block li {font-size: .675em;
  font-family: Arial, sans-serif;  list-style: none;
    list-style-type: none;
    margin: 0;
}
 


.img-block-item {
    position: relative;
    text-align: center;
    min-height: 14em;
    padding: .5em;
}


.testimonialspage .img-block-item {
    text-align: left;
    min-height: 20em;
    padding: .5em;
}


.img-block img {
    text-align: center;
    margin: auto;
}
 
 
/* Flexy image grid stuff below */

.img-block {
    margin: 0 0 2em;
    padding: 0;
    overflow: hidden;
}
 


.img-block li {
    list-style: none;
    list-style-type: none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
 


.img-block img {
  height: 100%;  height:110px;
  width: auto;
 display: block; clear:both;



 
.img-block-memorial img {
    height:110px;
    width: auto;
display: block;

}

/* Next Level Flex Box */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
 
.img-block img {
    max-height: 14em;
/* max-height == img height */
}
 
.img-block li {
    max-height: 30em;
    width: 100%;
}
 
@media (min-width: 320px) {
 
    .img-block  li {
        width: 50%;
    }
}
 
@media (min-width: 700px) {
    .img-block li {
        width: 33.333%;
    }
}
 
@media (min-width: 1200px) {
/*.img-block li {
    width: 25%;
  }*/
 
 
 
/* choose a number of columns */
    .img-block li {
  /* set up the basic item widths */
        width: 33.33333%;
    }
 
/* this for loop does everything else using nth-child,
nth-last-child and general siblings */
    .img-block li:nth-child(3n+1):nth-last-child(1) {
        width: 100%;
    }
 
    .img-block li:nth-child(3n+1):nth-last-child(1) ~ .img-block li {
        width: 100%;
    }
 
    .img-block li:nth-child(3n+1):nth-last-child(2) {
        width: 50%;
    }
 
    .img-block li:nth-child(3n+1):nth-last-child(2) ~ .img-block li {
        width: 50%;
    }
 
    .img-block li:nth-child(3n+1):nth-last-child(3) {
        width: 33.33333%;
    }
 
    .img-block li:nth-child(3n+1):nth-last-child(3) ~ .img-block li {
        width: 33.33333%;
    }
}
 


.oldie .img-block li {
    width: 25%;
    *width: 24.9%;
    float: left;
}
 
.image-grid-logo img {
    padding: .625em;
}
 
img.magazine-thumb {
    height: 127px;
    width: auto;
}
 



 


.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}

.pure-table-memorial {

font-size: 80%;
font-family: Arial, sans-serif;

}
.pure-table-memorial p {

font-size: inherit;

}

.pure-table-memorial a:after {
        content: " » ";
       
    }

.pure-table-memorial tr:nth-child(2n-1) td {background-color:#f0f0f0;}


.pure-table-memorial td:nth-child(1),
.pure-table-memorial th {
color: #777;
font-weight: bold;
font-size: 80%;
background: transparent;

}
.pure-table-memorial td:nth-child(1),
.pure-table-memorial th:nth-child(1){
width:12em;
max-width: 12em;

}

tfoot{
background:none;
font-size: 70%;
font-style: italic;
}


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

.pure-table-memorial th:nth-child(1){
width:100%;
max-width: 100%;
}
  

   .pure-table-memorial tr {
        margin-bottom: 10px;
        display: block;
    }

  .pure-table-memorial tr:after {
        content: "";
        display: table;
        clear: both;
    }
  
  .pure-table-memorial tr:before {
        display: block;
        border-bottom: 2px solid #ddd;
    }

.pure-table-memorial   td {
        box-sizing: border-box;
        display: block;
        float: left;
        clear: left;
        width: 100%;
       
        border-bottom: 1px dotted #ccc;
    }

   .pure-table-memorial td:last-child {
        border-bottom: 0;
    }

    
}


caption {
	background: #f0f0f0;
	margin: 0;
	border-bottom: 1px solid #333;	
	padding: .5em 1em;
	font-weight: bold;
}


.pure-button{font-family: 'Arial', 'Helvetica', sans-serif; display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}


.button-xsmall {
            font-size: 70%;
        }

        .button-small {
            font-size: 85%;
        }

        .button-large {
            font-size: 110%;
        }

        .button-xlarge {
            font-size: 125%;
        }
a.button-brand-blue,
a.button-success,
a.button-error,
a.button-warning,
a.button-secondary,
.button-success,
.button-error,
.button-warning,
.button-brand-blue,
        .button-secondary {
            color: white!important;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

.button-brand-blue {
            background: #005495; /* this is USMC brand blue */
        }

.button-outlined{
    background: transparent;
    border: 1px solid #0081E4;
    color: #005495;
    margin-top: 1em;
    letter-spacing: 0.05em;
    /*text-transform: uppercase;*/
    font-size: 85%;
}
a.button-outlined{
color: #0081E4;
   text-decoration:none;
display:block;
}


.button-outlined:hover, 
.button-outlined:focus {
    border: 1px solid #005495;
    text-decoration: none; color:#005495;
}
.small-text h2,
.small-text p {font-size: 75%}


.note,
blockquote{position:relative;padding-right:1rem;padding-left:1.5rem}



@media print{blockquote{page-break-inside:avoid}}

.note>*,
blockquote>*{opacity:0.8;margin-bottom:0.75rem}


blockquote:before{display:block;position:absolute;top:0.33333em;bottom:0;left:0;opacity:0.25;border-left:0.5rem solid;content:''}


.note, .note p {
font-size: 75%;
font-family: 'Arial', 'Helvetica', sans-serif;
color: #888;
}

.note {
border:1px solid #84C9FF;
padding:1.25em;
margin-bottom:1em;
}

.note:before{display:block;position:absolute;top:0;bottom:0;left:0;
border-left:3px solid #84C9FF;content:''}


button:hover{
    background-color: ;
} button {font-family: 'Arial', 'Helvetica', sans-serif;}

.onesearch_input_cat{
    width: 100%;
}

.kellysearch{
    margin-bottom: 0.4em;
}

.kellysearch a {
    margin-left: 2em;
}
#lib-kelly, #lib-all{
    margin-left: 2em;
}

.feature-icon {
    display: block;
    margin: 1em auto;
text-align:center;
    width: 90px;
    height: 90px;
    border: solid 2px #4e9ba3;
    border-radius: 50%;
    vertical-align: top;
    text-align: center;
    font-size: 25px;
    line-height: 90px;
}
.feature-icon i {
    color: #4e9ba3;
}

.ecs-event-list{
    list-style: none;
    text-align: center;
}

.ecs-event{
    border-bottom: 1px solid #999;
    padding-bottom: 1em;
}


table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting {
    background-image: url("https://cdn.datatables.net/1.10.10/images/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("https://cdn.datatables.net/1.10.10/images/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("https://cdn.datatables.net/1.10.10/images/sort_desc.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("https://cdn.datatables.net/1.10.10/images/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("https://cdn.datatables.net/1.10.10/images/sort_desc_disabled.png")
}

table.dataTable tbody tr {
    background-color: #ffffff
}

table.dataTable tbody tr.selected {
    background-color: #B0BED9
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #ddd
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1
}

table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
    background-color: #fafafa
}

table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: whitesmoke
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fcfcfc
}

table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fefefe
}

table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ececec
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #efefef
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em
    }
}