@font-face {
font-display: block; font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(//sichc.org/wp-content/themes/griddles/fonts/lato-regular.woff2) format('woff2'); } @font-face {
font-display: block; font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: url(//sichc.org/wp-content/themes/griddles/fonts/lato-italic.woff2) format('woff2'); } @font-face {
font-display: block; font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url(//sichc.org/wp-content/themes/griddles/fonts/lato-700.woff2) format('woff2'); } @font-face {
font-display: block; font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: url(//sichc.org/wp-content/themes/griddles/fonts/lato-700italic.woff2) format('woff2'); } @font-face {
font-display: block;
font-family: 'Raleway';
font-style: normal;
font-weight: 900;
src: url(//sichc.org/fonts/raleway-900.woff2) format('woff2'); } @font-face {
font-display: block;
font-family: 'Raleway';
font-style: italic;
font-weight: 900;
src: url(//sichc.org/fonts/raleway-900italic.woff2) format('woff2'); }
* {
padding:0;
margin:0
}
body {
margin:0 auto;
padding:0;
font-family: 'Lato',sans-serif;
font-size:18px;
font-weight:400;
line-height:1.5em;
color:#1b1b1b;
text-align:center;
background:#efefef
}
b,strong,bold {
font-weight:700 !important
}
input,select,textarea {
font-family:'Lato',sans-serif;
color:#1b1b1b;
font-size:.85em
}
input,textarea {
border:1px solid silver
}
hr {
display:block;
border:0;
width:350px;
background:#64b8ff;
height:2px;
margin:0px auto;
margin-top:60px;
margin-bottom:60px;
clear:both
}
.divider {
display:block;
border:0;
width:300px;
background:#555;
height:2px;
margin:60px 0;
}
#headcontainer {
width:100%;
background:#fff;
display:block;
overflow:visible;
position:fixed;
top:0;
z-index:9999
}
header {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:15px 0 0;
position:relative;
color:#1b1b1b;
text-align:right;
min-height:47px
}
body.admin-bar #headcontainer {
top:32px
}
img.logo {
float:left;
width:90%;
max-width:200px;
padding:0 0 20px 0
}
#topbar {
margin:0;
padding:0;
box-sizing:border-box;
overflow:hidden
}
.ctatop {
margin:0px auto;
width:98%;
max-width:1000px;
padding:10px 0;
font-size:.65em;
line-height:1.1em;
border-bottom: 1px solid #c0c0c0;
}
.menu-top-bar-links-container {
float:right;
text-align:right;
width:50%;
padding:5px 0 0
}
ul#menu-top-bar-links {
list-style:none;
margin:0;
padding:0
}
ul#menu-top-bar-links li {
list-style-type:none;
display:inline;
margin:0 30px 0 0;
padding:0
}
ul#menu-top-bar-links li a, ul#menu-top-bar-links li a:visited {
color:#222;
font-size:1em;
font-weight:700;
text-decoration:none
}
ul#menu-top-bar-links li a:hover {
color:#45aaff;
text-decoration:none
}
#site-nav {
margin:0 auto;
padding:0 0 0 25px;
font-size:.65em;
font-weight:700;
text-transform:uppercase
}
#site-nav ul {
list-style-type:none;
margin:0;
padding:0;
position:absolute;
z-index:998
}
#site-nav li {
display:inline-block;
float:left
}
#site-nav li a {
display:block;
height:20px;
padding:15px 0 0 40px;
text-align:center;
line-height:20px;
color:#1b1b1b;
text-decoration:none
}
#site-nav li.menu-item-has-children >a:after {
font-family:'Lato','Font Awesome 5 Pro',sans-serif;
content:"";
padding-left:5px
}
#site-nav li:hover a {
color:#ce6a28
}
#site-nav li.current_page_item {
color:silver
}
#site-nav li:hover ul a {
background:#204f95;
color:#fff;
font-size:.97em;
border-bottom:1px solid #fff;
text-align:left
}
#site-nav li:hover ul a:hover {
background:#45aaff;
color:#fff
}
#site-nav li ul {
display:none
}
#site-nav li ul li {
display:block;
float:none
}
#site-nav li ul li a {
padding:5px 15px
}
#site-nav ul li:hover >ul {
display:block;
margin-left:20px;
}
.nav-menu {
width: 100%;
white-space: nowrap
}
.show-menu {
text-decoration:none;
color:#1b1b1b;
background:#fff;
border-top:1px solid silver;
border-bottom:1px solid silver;
text-align:center;
height:48px;
line-height:48px;
padding:0;
width:100%;
margin:0;
display:none
}
#headcontainer input[type=checkbox] {
display:none
}
#headcontainer input[type=checkbox]:checked ~ #site-nav ul.nav-menu {
display:block
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
border:0;
cursor:pointer
}
input[type="checkbox"],input[type="radio"] {
box-sizing:border-box
}
input[type="search"] {
box-sizing:content-box
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0
}
input {
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
background:#fff
}
a.action,
a.ghost {
text-transform:capitalize;
text-decoration:none
}
button,.action,.action:visited,.gform_button,#commentform .submit {
display:inline-block;
position:relative;
margin:10px 0 5px;
background:#45aaff;
min-width:100px;
max-width:450px;
font-style:400;
color:#fff;
font-size:1em;
padding:0 20px;
line-height:45px;
}
button:hover,.action:hover,.gform_button:hover,#commentform .submit:hover {
background:#088eff;
color:#fff
}
button i,.action i {
background:#0079de;
margin:0;
padding:15px 10px 0;
height:35px;
position:relative;
top:0;
left:-20px;
}
.ghost,.ghost:visited {
display:inline-block;
margin:0 10px;
background:none;
border:2px solid #fff;
min-width:230px;
max-width:450px;
font-size:1em;
color:#fff;
padding:8px 20px;
text-align:center;
line-height:1.3em;
}
.ghost:hover,.ghost:active {
background:#fff;
color:#1b1b1b;
border:2px solid #fff;
transition:background-color .3s ease-in,color .3s ease-in
}
a.phnbtn,a.phnbtn:visited,a.phnbtn:hover {
display:inline-block;
margin:0 auto;
height:28px;
background:#45aaff;
border-top:2px solid #fff;
position:fixed;
bottom:0;
font-style:normal;
width:100%;
z-index:999;
color:#fff;
font-size:1.2em;
padding:10px 0;
margin-top:10px;
text-align:center;
text-decoration:none
}
a.phnbtn {
display:none
}
a.back-to-top {
background:#1b1b1b;
color:#fff!important;
font-size:10px;
margin:0;
position:fixed;
bottom:0;
right:0;
width:45px;
height:36px;
z-index:100;
display:none;
text-decoration:none;
text-align:center;
padding:10px 0
}
a.back-to-top i {
display:block;
font-size:22px;
color:#fff!important
}
#wrapper {
width:100%;
position:relative;
text-align:left
}
#container {
position:relative;
box-sizing:border-box;
overflow:hidden;
width:100%;
display:block;
top:100px;
padding:0
}
#container::after {
content: "";
display: table;
clear: both
}
.white {
background:#fff;
color:#1b1b1b!important
}
.trnscta {
background:none;
}
.gray {
background:#efefef;
color:#1b1b1b
}
.gray::before {
content: '';
position: absolute;
top: 100%;
left: 0;
background:#efefef;
width: 100%;
height: 100px;
clip-path: polygon(50% 25%, 0 0, 100% 0);
z-index:9999;
}
.gray::after {
content: '';
position: absolute;
bottom: 100%;
left: 0;
background:#efefef;
width: 100%;
height: 100px;
clip-path: polygon(50% 75%, 0% 100%, 100% 100%);
}
.yellow {
width:98%;
max-width: 420px;
background:#eb9524;
color:#fff;
padding: 20px;
text-align:center;
font-size:0.88em;
}
.blue {
background:#204f95;
color:#fff
}
.dkblu {
background:#304770;
color:#fff
}
.orange {
background-color:#ce6a28;
color:#fff;
postion:relative;
width:100%;
margin-top:100px
}
.orange::before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
background: #ce6a28;
width: 100%;
height: 100px;
clip-path: polygon(50% 75%, 0% 100%, 100% 100%)
}
.white,.yellow,.dkblu {
box-sizing:border-box;
overflow:hidden
}
.gray,.blue,.orange {
position:relative;
box-sizing:border-box;
overflow:visible
}
.brochure h3.widget-title,
.sm-widget-title {
display:none !important
}
.billboard {
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
padding:0;
text-align:center
}
.brochure {
width:100%;
max-width:1000px;
margin:0 auto;
box-sizing:border-box;
overflow:hidden;
position:relative;
top:-130px;
z-index:999
}
.brochure a,
.brochure a:visited,
.brochure a:hover {
color:#fff;
text-decoration:none;
}
.pgone, .pgtwo,
.pgthree, .pgfour {
width:25%;
margin:0;
float:left;
height:275px;
}
.pgone {
background-color: #088eff;
clip-path: polygon(0 0, 100% 12%, 100% 88%, 0% 100%);
}
.pgtwo {
background-color: #269cff;
clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
}
.pgthree {
background-color: #45aaff;
clip-path: polygon(0 0, 100% 12%, 100% 88%, 0% 100%);
}
.pgfour {
background-color: #64b8ff;
clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
}
.brocont {
box-sizing:border-box;
width:100%;
text-align:center;
padding: 45px 25px;
margin:0px auto;
color:#fff;
}
#sidebar {
padding:0 0 0 30px
}
.hmblg #sidebar {
padding: 30px 0 0 20px;
}
.hmblg #sidebar p {
font-size:0.80em
}
#hmpgcontent {
width:100%;
margin:0 auto;
padding:0;
position:relative;
box-sizing:border-box;
text-align:left;
margin-top:-100px;
}
#maincontent {
width:100%;
margin:0 auto;
padding:0;
position:relative;
box-sizing:border-box;
overflow:hidden;
text-align:left;
}
#headcontainer .col {
margin:0;
padding:0
}
.plncontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:3em 0;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:hidden
}
.cvrimg {
background-size:cover;
background-attachment:fixed;
background-position: 50% 0%;
background-repeat:no-repeat;
box-sizing:border-box;
position:relative;
overflow:hidden;
padding:0;
margin:0px auto;
height:400px;
}
.nocov {
background:#304770;
box-sizing:border-box;
position:relative;
overflow:hidden;
padding:0;
margin:0px auto;
height:200px;
}
.hgroup {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: inherit;
z-index: 10;
}
.pgttl {
background: linear-gradient(to right, #e3e3e3 25%, #e3e3e3 15%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%);
}
.subttl {
position:relative;
background:#e3e3e3;
padding: 10px 0;
color:#555;
}
.subttl::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-color: #e3e3e3 transparent #e3e3e3 transparent;
border-width: 64px 0 0 100vw;
bottom: -64px;
left: 0;
position: absolute;
z-index: 9;
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
z-index:998;
}
.tlcontent {
width:1000px;
margin-right: auto;
margin-left: auto;
}
.tlcontent::before {
content: '';
display:table;
box-sizing:border-box;
}
.pgcontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:6em 0 4em;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:hidden
}
.ltcont {
background:#e5e5e5;
padding:20px 20px 1px;
box-sizing:border-box;
overflow:hidden
}
.breakit {
display:block;
clear:both;
margin:0 auto;
width:100%;
max-width:1000px;
height:60px
}
.breakit::before {
content:"";
display:table
}
footer {
width:100%;
}
.ftrcontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:.3em 0 1em;
position:relative;
box-sizing:border-box;
text-align:left;
}
footer .col {
font-size:0.65em;
line-height:1.1em;
}
footer h3.widget-title {
color:#fff;
margin-top:.6em;
text-transform:none
}
footer ul,footer ul li {
list-style-type:none;
margin:0;
padding:0
}
footer ul.ftmenu {
display:inline-block;
margin:0 40px;
vertical-align:top
}
ul.ftmenu li a {
color:#fff;
font-size:.82em;
text-decoration:none
}
footer a,footer a:visited {
color:#fff;
font-size:1em;
text-decoration:none
}
ul.ftmenu li a:hover,footer a:hover {
color:#817f65;
text-decoration:none
}
.smallprint {
width:98%;
max-width:1000px;
margin:0px auto;
padding:10px 0;
color:#fff;
font-size:.8em;
text-align:left;
}
.cpyrt {
color:#fff;
}
.soc {
box-sizing:border-box;
overflow:hidden;
float:right;
width:160px;
margin:0px;
padding:0;
line-height:1em;
}
.soc a {
margin-left: 10px !important;
}
h1,h2,h3,h4,h5,h6 {
line-height:1.1;
margin-top:0;
font-family:'Raleway', sans-serif;
font-weight:900
}
h1 a,h2 a,h3 a,h4 a,h5 a {
text-decoration:none
}
h1 {
font-size:2em;
text-transform:uppercase
}
.tlcontent h1 {
padding: 20px 30px 2px 0;
display: inline-block;
position: relative;
background-color: #e3e3e3;
min-width: 200px;
z-index: 2;
}
.tlcontent h1::after {
background: linear-gradient(to top right, #e3e3e3 0%, #e3e3e3 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
content: '';
width: 72px;
height: 100%;
position: absolute;
top: 0;
right: -72px;
}
h2 {
margin-bottom:0;
font-size:1.7em;
text-transform:capitalize
}
h2.posted {
margin-bottom:0.5em
}
h2.sptp-section-title {
display:none !important
}
h3 {
margin-bottom:0;
font-size:1.3em;
}
h4 {
margin-bottom:0;
font-size:1.1em
}
h5 {
margin-bottom:0;
font-size:1em
}
h5.posted {
font-size:0.9em;
}
h6 {
font-size:1.1em;
margin-bottom:0;
padding:0;
}
p,dl,address {
margin-bottom:1.3em
}
.brochure p {
font-size:0.75em;
margin-bottom:0;
line-height:1em;
}
#container ul,ol {
margin:0 10px 1.5em 30px;
padding:0 0 1em
}
#container ul li {
list-style-type:disc;
margin:0 20px 5px 0
}
#container ol li {
list-style-type:decimal;
margin:0 20px 5px 0
}
#container li ul,li ol {
margin:0
}
.cntr {
text-align:center!important
}
#container ol.fancylist {
list-style-type: none;
margin: 0 2em 1.5em;
padding: 1em;
counter-reset: li-counter;
}
#container ol.fancylist > li{
position: relative;
padding: 0.5em 0 0 0.5em;
min-height: 1.5em;
}
#container ol.fancylist > li:before {
position: absolute;
top: 8px;
left: -1.4em;
width: 1.4em;
font-size: 1.2em;
line-height: 1.4em;
font-weight: 700;
text-align: center;
color: #fff;
background: #9c3;
border-radius: 50%;
content: counter(li-counter);
counter-increment: li-counter;
}
#sidebar ul {
margin:0 0 2em
}
#sidebar ul li {
margin:0 0 .2em;
font-size:.9em;
font-weight:700
}
#sidebar ul li:before {
content:"►";
padding:0 5px;
color:#1b1b1b;
font-size:.85em
}
#sidebar ul li a {
color:#1b1b1b;
text-decoration:none
}
#sidebar ul li a:hover,
#sidebar ul li a:visited {
color:#45aaff;
text-decoration:none
}
small,
.small {
font-size:.75em
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
.subtext {
color:#666
}
a {
color:#45aaff;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
text-decoration:underline
}
a:visited {
color:#888
}
a:hover {
outline:0;
color:#ce6a28
}
a.more,a.more-link,a.more:visited,a.more-link:visited {
display:block;
width:100%;
max-width:115px;
margin:15px 0 0;
background:#45aaff;
font-style:normal;
color:#fff;
font-size:.8em!important;
padding:2px 10px;
text-transform:uppercase;
text-align:center;
text-decoration:none
}
a.more:hover,a.more-link:hover {
background:#088eff;
color:#fff
}
a.glink {
margin-right:10px
}
.yellow .gfield {
margin:9px 0
}
img {
border:0
}
img.hmicon {
margin:10px auto;
height:80px;
}
img.sm {
width:30px;
height:30px;
}
.wp-post-image {
float:none;
width:610px;
margin:0px auto;
padding:5px;
border:1px solid #c0c0c0;
margin-bottom:20px;
}
.layer .wp-post-image {
float:left;
margin:0 20px 0 0;
padding:0
}
.hmblg .wp-post-image {
width:150px;
margin:0px auto;
margin-bottom:15px;
padding:0px;
border: none
}
.sptp-list-style .sptp-member-avatar-area .wp-post-image {
width:300px;
height:300px;
display:block
}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
max-width:100%;
height:auto
}
.alignleft,img.alignleft {
display:inline;
float:left;
margin-right:50px;
margin-top:4px
}
.alignright,img.alignright {
display:inline;
float:right;
margin-left:50px;
margin-top:4px
}
.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto
}
.alignleft,.alignright,.aligncenter {
margin-bottom:10px
}
.ltcont.aligncenter {
margin-bottom:1.5em
}
.wp-caption {
line-height:18px;
margin-bottom:20px;
max-width:600px!important;
padding:10px 0 5px 0;
text-align:center
}
.wp-caption img {
margin:5px 5px 0
}
.wp-caption-text {
display:block;
color:#333;
font-weight:700;
font-size:.6em;
margin:15px 10px 5px;
text-align:center!important
}
img.avatar {
float:left;
margin:5px 10px 0 0;
width:50px;
height:inherit
}
figure.gallery-item {
position: relative;
width: inherit;
float:left;
margin:20px;
text-align:center
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: url(//sichc.org/wp-content/themes/griddles/images/grytrns.png);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.gallery-item:hover .gallery-caption {
height: 30%;
}
.wp-caption-text.gallery-caption {
white-space: nowrap; 
color: white;
font-weight: 400;
font-size: 14px;
line-height: 1.1em;
margin: 0;
position: absolute;
overflow: hidden;
bottom: 0;
left: 50%;
-ms-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
.gallery-caption h5, .gallery-caption h5 a, .gallery-caption h5 a:hover, .gallery-caption h5 a:visited {
color: #fff;
margin-bottom: 0;
}
.gallery::after {
clear:both;
content:"";
display:table
}
.col {
display:block;
float:left;
margin:1% 0 1% 1.6%
}
.col:first-child {
margin-left:0
}
.span_2_of_2 {
width:100%
}
.span_1_of_2 {
width:49.2%
}
.span_3_of_3 {
width:100%
}
.span_2_of_3 {
width:66.13%
}
.span_1_of_3 {
width:32.26%
}
.span_4_of_4 {
width:100%
}
.span_3_of_4 {
width:74.6%
}
.span_2_of_4 {
width:49.2%
}
.span_1_of_4 {
width:23.8%
}
.span_5_of_5 {
width:100%
}
.span_4_of_5 {
width:79.68%
}
.span_3_of_5 {
width:59.36%
}
.span_2_of_5 {
width:39.04%
}
.span_1_of_5 {
width:18.72%
}
.span_6_of_6 {
width:100%
}
.span_5_of_6 {
width:83.06%
}
.span_4_of_6 {
width:66.13%
}
.span_3_of_6 {
width:49.2%
}
.span_2_of_6 {
width:32.26%
}
.span_1_of_6 {
width:15.33%
}
.span_7_of_7 {
width:100%
}
.span_6_of_7 {
width:85.48%
}
.span_5_of_7 {
width:70.97%
}
.span_4_of_7 {
width:56.45%
}
.span_3_of_7 {
width:41.94%
}
.span_2_of_7 {
width:27.42%
}
.span_1_of_7 {
width:12.91%
}
.span_8_of_8 {
width:100%
}
.span_7_of_8 {
width:87.3%
}
.span_6_of_8 {
width:74.6%
}
.span_5_of_8 {
width:61.9%
}
.span_4_of_8 {
width:49.2%
}
.span_3_of_8 {
width:36.5%
}
.span_2_of_8 {
width:23.8%
}
.span_1_of_8 {
width:11.1%
}
embed,iframe,object,video {
max-width:100%
}
.section {
clear:both;
padding:0;
margin:0
}
.single-author .entry-meta .author,.sticky.format-standard .entry-meta .date,.sticky.format-audio .entry-meta .date,.sticky.format-chat .entry-meta .date,.sticky.format-image .entry-meta .date,.sticky.format-gallery .entry-meta .date {
display:none
}
blockquote {
display:inline-block;
margin:20px 80px 20px 40px;
padding:15px 40px;
border-left:6px solid #eb9524;
background:#fff
}
blockquote p {
margin-bottom:0
}
#crumbs {
font-size:.8em;
text-align:right;
margin:0 0 25px;
padding:5px;
background:#f7f7f7
}
#sidebar h3 {
width: 100%;
display: table;
white-space: nowrap;
overflow: hidden;
color:#1b1b1b;
font-size:.85em;
font-weight:700;
text-transform:uppercase;
padding:5px 0;
margin:10px 0 20px;
}
#sidebar h3::after {
border-top: 1px solid;
border-top-color: currentcolor;
border-color: inherit;
content: "";
display: table-cell;
position: relative;
top: 0.5em;
width: 100%;
left: 1.5%;
}
#container form ul li,#sidebar ul li {
list-style-type:none
}
img.error {
float:left;
margin:0 25px 0 0
}
#err {
float:right;
width:24%;
margin:50px 0 0
}
.spchd {
font-size:2em;
color:#9c3;
margin:20px 0 45px;
padding:0;
line-height:1em
}
.blgcontent,
.sptp-single-post {
padding-top:50px !important
}
.post {
margin-top:20px
}
.blgdt {
display:inline;
background:#304770;
color:#fff;
font-size:0.75em;
font-weight:700;
margin:10px 0;
padding:10px;
text-align:left
}
.blgcat {
display:inline;
background:#0079de;
color:#fff;
font-size:0.75em;
font-weight:700;
margin:10px 0;
padding:10px;
text-align:left
}
.blgmail {
display:inline;
background:#45aaff;
color:#fff;
font-size:0.75em;
font-weight:700;
margin:10px 0;
padding:10px;
text-align:left
}
.blgdt .fa,
.blgcat .fa,
.blgmail .fa {
padding-right:10px
}
.blgcat a,
.blgmail a,
.blgcat a:visited, 
.blgmail a:visited,
.blgcat a:hover,
.blgmail a:hover {
color:#fff
}
.exc {
margin-top: 15px
}
.blgcont {
padding:30px 50px 30px 0
}
.postinfo {
margin:0 0 20px;
padding:0;
}
.tags {
background:#e4e4e4;
padding:5px 10px;
font-size:0.8em;
font-weight:700;
box-sizing:border-box;
overflow:hidden
}
.box {
float:left;
box-sizing:border-box;
overflow:hidden;
width:230px;
height:260px;
margin: 15px 15px 15px 0;
border:1px solid #009cd7;
padding:15px 10px 10px;
text-align:center;
}
#pgnav {
font-size:.8em;
padding:10px 0;
color:#666;
margin-top:20px
}
#pgnav a {
padding:0 50px;
margin:0
}
#sngnav {
font-size:.8em;
color:#666
}
#sngnav a {
padding:25px;
margin:0
}
#sngnav ul li a {
padding:20px 0
}
.sptp-info {
padding-top:30px
}
table#wp-calendar {
margin:10px auto!important
}
table#wp-calendar th {
text-align:center;
background:#f7f7f7
}
table#wp-calendar td {
border:1px solid #f1f1f1;
padding:2px
}
table#wp-calendar td.pad,table#wp-calendar td#prev,table#wp-calendar td#next {
border:none
}
table#wp-calendar td#next {
text-align:right
}
table#wp-calendar tbody {
font-size:.85em
}
#calendar_wrap caption {
font-size:1.2em;
color:#088eff;
margin-bottom:10px
}
#comments a,#comments a:hover,#comments a:visited {
color:#088eff
}
.comments-area {
width:100%;
background:#f9f9f9;
padding:15px 15px 1px 30px;
margin:35px 0 0;
box-sizing:border-box;
overflow:hidden
}
.comment-reply-title,.comments-title {
color:#1b1b1b;
margin:20px 0 30px;
}
ol.comment-list {
list-style:none;
padding:0 5px 1px 0;
box-sizing:border-box;
overflow:hidden;
margin:24px 0
}
.comment-author {
font-size:1em;
line-height:1.7
}
.comment-list .reply,.comment-metadata {
font-size:.85em;
line-height:2
}
.comment-list .reply {
margin-top:24px
}
.comment-author .fn {
font-weight:700
}
.comment-author a {
color:#2b2b2b
}
.comment-list .trackback a,.comment-list .pingback a,.comment-metadata a {
color:#767676
}
.comment-author a:hover,.comment-list .pingback a:hover,.comment-list .trackback a:hover,.comment-metadata a:hover {
color:#000
}
.comment-list article,.comment-list .pingback,.comment-list .trackback {
border-top:1px solid rgba(0,0,0,0.1);
margin-bottom:24px;
padding-top:24px
}
.comment-list > li:first-child > article,.comment-list > .pingback:first-child,.comment-list > .trackback:first-child {
border-top:0
}
.comment-author .avatar {
border:1px solid rgba(0,0,0,0.1);
height:50px;
padding:2px;
position:relative;
top:0;
right:0;
width:50px
}
.bypostauthor > article .fn:before {
content:"\f02d";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}
.says {
display:none
}
.comment-meta,.comment-content {
width:100%
}
.comment-content p {
margin:20px 0 0
}
.comment-author,.comment-awaiting-moderation,.comment-content,.comment-list .reply,.comment-metadata {
padding-left:0
}
.comment-edit-link {
margin-left:10px
}
.comment-edit-link:before {
content:"\f044";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none!important
}
.comment-reply-link:before,.comment-reply-login:before {
content:"\f112";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}
.comment-content {
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word
}
.comment-content ul,.comment-content ol {
margin:0 0 24px 22px
}
.comment-content li > ul,.comment-content li > ol {
margin-bottom:0;
list-style-type:none
}
#comments ol li,#comments ul li {
list-style-type:none!important
}
#commentform {
margin-left:0
}
.comment-form-comment {
width:97%
}
.form-allowed-tags {
display:none
}
.comment-content > :last-child {
margin-bottom:0
}
.comment-list .children {
list-style:none;
margin-left:15px
}
.comment-respond {
margin-bottom:24px;
padding:0
}
.comment .comment-respond {
margin-top:24px
}
textarea#comment {
width:98%
}
.comment-respond h3 {
margin-top:25px;
margin-bottom:24px
}
.comment-notes,.comment-awaiting-moderation,.logged-in-as,.no-comments,.form-allowed-tags,.form-allowed-tags code {
color:#767676
}
.comment-notes,.comment-awaiting-moderation,.logged-in-as {
font-size:.9em;
line-height:1.5
}
.no-comments {
font-size:1em;
font-weight:700;
line-height:1.5;
margin-top:24px;
text-transform:uppercase
}
.comment-form label {
display:block
}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] {
width:100%
}
.form-allowed-tags,.form-allowed-tags code {
font-size:12px;
line-height:1.5
}
.required {
color:#c0392b
}
.comment-reply-title small a {
color:#2b2b2b;
float:right;
height:24px;
overflow:hidden;
width:24px
}
.comment-reply-title small a:hover {
color:#41a62a
}
.comment-reply-title small a:before {
content:"\f112";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}
.comment-navigation {
font-size:.75em;
line-height:2;
margin-bottom:48px;
text-transform:uppercase
}
.comment-navigation .nav-next,.comment-navigation .nav-previous {
display:inline-block
}
.comment-navigation .nav-previous a {
margin-right:10px
}
#comment-nav-above {
margin-top:36px;
margin-bottom:0
}
.search-form {
box-sizing:border-box;
overflow:hidden;
padding:0;
width:100%;
margin:0px auto;
margin-bottom: 30px;
}
.search-form .screen-reader-text {
display:none
}
.search-submit {
float:left;
background-color:#555;
background-image:url(//sichc.org/wp-content/themes/griddles/images/search.svg);
background-position: center center;
background-repeat:no-repeat;
background-size:20px 20px;
font-size:.99em;
color:#fff;
width:15%;
border-radius:0;
letter-spacing:2px;
height:38px;
margin:0
}
.search-field {
float:left;
background:#fff;
border:none;
border-radius:0;
width: 80%;
height: 18px;
padding:10px 5px;
margin:0 auto;
}
.twocolumns {
-moz-column-count:2;
-moz-column-gap:2em;
-webkit-column-count:2;
-webkit-column-gap:2em;
column-count:2;
column-gap:2em
}
.breaker {
clear:both;
margin-bottom:10px
}
.group:before,.group:after {
content:"";
display:table
}
.group:after {
clear:both
}
@media print {
body {
background:#fff;
color:#000;
margin:0;
font:10pt Verdana,Helvetica,sans-serif
}
div#header {
background:none
}
a:link,a:visited {
background:transparent;
text-decoration:underline;
color:#00f
}
h1,h2,h3,h4 {
font-family:Verdana,Helvetica,sans-serif
}
h1 {
font-size:1.5em
}
h2 {
font-size:1.3em
}
h3 {
font-size:1.2em
}
h4 {
font-size:1.1em
}
img {
display:block;
border:0
}
div#navcontain,div#sidebar,div#commentblock,div#crumbs,footer,div.smallprint {
display:none
}
hr {
background:#000;
color:#000;
width:100%;
height:1px;
margin:2em 0;
border:none
}
blockquote {
margin:10px 0 10px 35px;
padding:0 35px 0 15px;
border-left:4px solid silver
}
}
@media screen and (max-width: 768px) {
#maincontent {
padding:1em 0
}
#headcontainer {
position:static;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
#container {
top:0;
}
.col {
float:none;
margin:1% 0
}
#headcontainer .span_2_of_7,
#headcontainer .span_5_of_7,
footer .span_1_of_6 {
width:100%;
display:block;
margin:0 auto;
padding:0;
text-align:center!important
}
.search-form {
margin:10px auto;
position:relative;
top:0;
left:0;
bottom:0;
right:0
}
img.logo {
float:none;
}
a.white,a.white:visited,a.white:hover {
margin-right:15px
}
.plncontent,
.pgcontent,
.ftrcontent {
width:95%;
}
.yellow.alignright {
margin-bottom:35px !important;
}
.ltcont {
padding:10px
}
h1 {
margin-top:1em
}
.wp-post-image {
float:none;
margin:0 auto
}
.nav-menu {
white-space:normal
}
#site-nav {
padding: 0;
}
#site-nav ul {
position:static;
display:none
}
#site-nav ul li,#site-nav li a {
width:100%;
float:none;
margin:0 auto
}
#site-nav li a {
background:#f2f2f2;
height:48px;
color:#000;
padding:0;
line-height:48px;
border-bottom:2px solid #fff
}
#site-nav li a:hover {
color:#000;
background:#f2f2f2
}
#site-nav li:hover a {
color:#000
}
#site-nav ul li ul li a {
background:#fff;
color:#9c3;
padding:0
}
#site-nav li:hover ul a {
background:#dedede;
color:#000;
font-size:1em;
text-align:center
}
#site-nav ul li:hover >ul {
margin-left:0px;
}
.show-menu {
display:block
}
#sidebar {
padding:0
}
.brochure {
position:static;
top:0;
height:auto;
}
#hmpgcontent {
margin-top:0;
}
.pgone, .pgtwo,
.pgthree, .pgfour {
clip-path:none;
width:50%;	
}
.ftrcontent {
left:0
}
}
@media screen and (max-width: 736px) {
#smallprint {
width:90%;
}
.span_8_of_8 {
width:100%;
margin-left:0
}
.span_7_of_8 {
width:100%;
margin-left:0
}
.span_6_of_8 {
width:100%;
margin-left:0
}
.span_5_of_8 {
width:100%;
margin-left:0
}
.span_4_of_8 {
width:100%;
margin-left:0
}
.span_3_of_8 {
width:74.2%;
margin:1% 0 1% 3.2%
}
.span_2_of_8 {
width:48.4%;
margin:1% 0 1% 3.2%
}
.span_1_of_8 {
width:22.6%;
margin:1% 0 1% 3.2%
}
.span_1_of_8:nth-child(4n+1) {
clear:both;
margin-left:0
}
}
@media screen and (max-width: 480px) {
a.phnbtn {
display:block
}
a.back-to-top {
bottom:50px;
}
img {
max-width: 100%;
height: auto;
width: auto;
}
.alignleft,.alignright,.action,.ghost {
display:block;
float:none;
margin:0 auto;
clear:both;
margin-bottom:15px
}
.action,.ghost {
margin-top:15px
}
.gray::before,
.gray::after,
.orange::before {
display:none
}
.cvrimg {
background-image: none ! important;
height:50px;
}
.tlcontent {
width:95%;
}
.span_2_of_2,.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_5_of_5,.span_4_of_5,.span_3_of_5,.span_2_of_5,.span_1_of_5,.span_6_of_6,.span_5_of_6,.span_4_of_6,.span_3_of_6,.span_2_of_6,.span_1_of_6,.span_7_of_7,.span_6_of_7,.span_5_of_7,.span_4_of_7,.span_3_of_7,.span_2_of_7,.span_1_of_7,.span_8_of_8,.span_7_of_8,.span_6_of_8,.span_5_of_8,.span_4_of_8,.span_3_of_8,.span_2_of_8,.span_1_of_8 {
width:100%
}
.box {
float:none;
width:90%;
height:auto;
margin: 15px auto;
}
.smallprint {
text-align:center;
margin-bottom:60px;
}
.soc {
width:99%;
float:none;
}
img.error {
float:none;
margin:0 0 20px;
width:auto;
max-height:200px
}
#err {
float:none;
width:90%;
margin:10px 0
}
.spchd {
font-size:2.5em;
color:#000;
margin:0 0 45px;
padding:0
}
}