body {background-color: #343434;}
div.everything {background-color: white;}
.post-3531 h1.guide{font-size: 1.2rem;}
/* fonts */
h2 {font-size: 1.65rem;}

.offer {background: #e5f4f6 none repeat scroll 0 0; padding: 2rem;}
#row-hero .more, .offer .more {background-color: #bfd83e; border-radius: 1rem; color: #fff; display: inline-block; margin-top: 1rem; padding: 0.675rem 1rem; text-shadow: 0 0 0;}
.repost-wrapper h1{font-size: 1.5rem;}

article > h1 {
  font-family: "Oswald",impact;
  font-weight: 800;
  text-shadow: 1px 1px 1px #fff;
}

#row-breadcrumbs p {padding-left: 0.975rem;margin: 0.25rem 0; text-shadow: none;}
#row-breadcrumbs a {text-shadow: none;}
article.column, aside.column {padding: 0.9375rem}
dl, ol, p, ul {margin-bottom: 0;}
p.special {margin-top: 0.5rem;}

#row-inner-tiles {position: relative; top: -2rem;}
#toolkit li:not(.title) {display: inline-block; float: left; font-size: 0.8rem; width: 50%;}

#lead-wrapper {background-image: url("http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/grey.png");}
#lead-wrapper .lead {background: rgba(0, 150, 165, 0.1); padding: 1rem; border-top: 4px solid rgba(0, 150, 165, 1);font-size: 100%;}
#lead-wrapper .bg_fff{position: relative; top: -2rem;}
#row-content .content-wrapper.column {border-left: 1px dotted rgba(0, 150, 165, 0.25);}
#row-content .content-wrapper.column > h1 {font-size: 1.2rem; font-weight: bold;}
#row-content .content-wrapper.column > div:last-of-type {margin-bottom: 2rem;}
#row-content .content-wrapper.column p {padding-bottom: 0.875rem;}


/* Sidebar */
aside ul > li > a {border-bottom: 1px solid #ddd; color: #343434; display: inline-block; padding: 0.9375rem; width: 100%;}
aside ul > li > a:hover { background: #eee;}
aside ul {list-style: outside none none; margin-bottom: 2rem;}
aside h1 {font-size: 1.65rem;}
aside.column, article.column { padding-top: 1.875rem;}
aside.column { padding-left: 0.9375rem;padding-right: 0.9375rem;}
aside > img {margin-bottom: 1rem;}


/* Services + member dashboard */

div.everything.member-dashboard #row-breadcrumbs {display: none;}

.row.welcome p.welcome-back{margin-top: 1rem;}

#row-inner-guides ul > li.has-submenu.is-accordion-submenu-parent > a {font-size: 1.2rem;font-weight: bold;text-transform: capitalize;border-bottom: 1px solid rgba(0,0,0,0.07);}
#row-inner-guides ul li.no-items a {opacity: 0.6;font-weight: 400;cursor: default;}
#row-inner-guides ul li.no-items a:hover{color:#2ba6cb;}
#row-inner-guides ul li.has-items a {font-weight: 600;}
#row-inner-guides li.accordion-item a{font-size: 1rem;font-weight: 600;}
#row-inner-guides ul.accordion {margin-bottom: 1rem;}
#row-inner-guides h1.heading {font-family: "Oswald",impact;font-size: 1rem;font-weight: 200;opacity: 0.9;text-shadow: 1px 1px 1px #fff;padding:0.7rem 1rem;}
#row-inner-guides h1.sidebar-heading {font-size: 1.2rem;}

/*Support modal*/
#tnz_modal_3540 h3.gform_title {display: none;}

#row-inner-tickets h1.heading {font-family: "Oswald",impact;font-size: 1rem;font-weight: 200;opacity: 0.9;text-shadow: 1px 1px 1px #fff;padding:0.7rem 1rem;}

#row-inner-domains h1.heading {font-family: "Oswald",impact;font-size: 1rem;font-weight: 200;opacity: 0.9;text-shadow: 1px 1px 1px #fff;padding:0.7rem 1rem;}
#row-inner-domains .fa{font-size: 1.5rem;}
#row-inner-domains .fa.fa-question{color:yellow;}
#row-inner-domains .fa.fa-check{color:#bfd83e;}
#row-inner-domains .fa.fa-times{color:red;}
#row-inner-domains table.my-domains{text-align: left;margin-top:1rem;}
#row-inner-domains table.my-domains th{font-weight: 600;}
#row-inner-domains table.my-domains tr{border: 1px solid rgba(0, 0, 0, 0.1);}


.post-80 .main {background-color: #eee}
.post-3531 .main {background-color: #eee;}
.post-3531 #loginform{margin-top: 1rem;margin-bottom: 1rem;}
.column.form-wrapper > a {background-color: #fff; display: block; padding: 2rem;}
.column.form-wrapper > a:hover {background-color:#ddd;}
.column.form-wrapper {padding: 2rem;}
.form-wrapper a > span {background-color: #c4d85a;border-radius: 10px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);color: #fff;display: inline-block;margin-top: 2rem !important;padding: 0.2rem 1rem;position: relative;}
.form-wrapper a:hover > span {background-color: #c4d85a;border-radius: 10px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);top: 2px;left: 2px;color: #fff;display: inline-block;margin-top: 2rem !important;padding: 0.2rem 1rem;}
.title-wrapper > h1 {line-height: 2.875rem;}


/* Help & Supoort */
.column > a {padding: 2rem; text-align: center;}

/* Showcase */
/*.vcenter {display: table-cell;vertical-align: middle;}*/
.half-hero::after {content: ""; height: 100%;left: 50%;position: absolute;top: 0;width: 50%;}
.gray-section {background-color: #f5f5f5;}
.cpt-icons > li {display:inline-block;}
.icon > img {max-width: 2rem; width: 2rem; background: rgba(0,0,0,0); height: 2rem;}
.icon-wrapper {padding-top: 1rem; }
.project-hero {display: inline-block; height: 100%; left: auto; position: absolute; right: 0; width: 50%; background-position:left; background-size: cover; background-repeat: no-repeat;}
.project-content-wrapper {width: 50%; float: left; padding: 0.975rem;}
.row-project {position: relative; min-height: 300px;}
.row-project:nth-of-type(odd) {background: #eee;}
.row-project:nth-of-type(even) .project-hero {left: 0; right: auto; background-size: contain;background-position: right;}
.row-project:nth-of-type(even) .project-content-wrapper {float: right;}

.icon-wrapper ul.cpt-icons li:last-of-type {display: none;}
.dash {border-bottom: 1px dotted rgba(0, 0, 0, 0.2); height: 0; margin-left: -0.25rem; margin-right: -0.25rem; width: 0.75rem;}

/* Search */
.search-box {margin-top: 1rem;}
.search-box.st-ui-search-input, .search-box.st-default-search-input {width: 70%; }
.search-box.st-default-search-input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  height: 1.675rem;
  line-height: 1.9rem;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 88%;
}
.search-button {background-color: #eee; border-radius: 0; display: inline-block; font-weight: 600; margin-right: 0; max-width: 9%; padding: 0.4rem 0; width: 100px;}
form.search { background: #fff none repeat scroll 0 0; margin-top: 1rem; padding: 0;}



/* header */

#row-hero #large-hero-left a:not(.more) {color: #111; text-decoration: underline; white-space: nowrap;}
#row-hero .more {border-radius: 1rem; color: #fff; display: inline-block; margin-top: 1rem; padding: 0.675rem 1rem;}
#row-hero .promotions li > a {transition: all 0.375s ease-out 0s; }
#row-hero .promotions li > a:hover {background-color: rgba(0, 0, 0, 0.5);}
#row-hero .promotions {float:right; background-image: url("/wp-content/uploads/glare.png"); background-position: center center; background-size: 100% 100%; max-width: 240px; padding: 0;}
#row-hero div > h1 {font-family: "Oswald",impact; font-weight: 800; text-shadow: 1px 1px 1px #fff;}
#row-hero div > h2 {text-shadow: 1px 1px 1px #fff;}
#row-hero div li > h1 {color: #fff; display: block; font-size: 1rem; font-weight: 800; padding: 0.2rem 0.975rem; margin: 0.5rem 0;}
#row-hero li a {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); color: #fff; display: block;}
#row-hero li a, #row-hero li p {padding: 0.2rem 1rem; color: #fff;}
#row-hero ul {margin: 0; padding-top: 1rem;}
#row-hero {background-image: url("/wp-content/uploads/hero.png");min-height: 400px; background-size: cover; padding: 2rem 0.975rem 5rem;}
.action {box-shadow: 2px 2px 2px rgba(0,0,0,0.5); position: relative; top: -2px; left: -2px;}
.action:hover{box-shadow: none;left: 0px;top: 0px;}
.promotions li.active {border-left: 0.5rem solid rgba(255, 255, 255, 0.5);}
.special {font-style: italic; font-weight: bold;}
header #row-logo #button-wrapper > a, header #row-logo #button-wrapper > #searchSpan {color: #fff; display: inline-block; font-weight: 600; margin-right: 1rem; padding: 0.4rem 0.8rem; border-bottom: 2px solid rgba(0,0,0,0);}
header #row-logo #button-wrapper > a.login {border-radius: 1rem; transition: all 0.5s ease-out 0s; background-color: rgba(0, 0, 0, 0.5); background-image: url("/wp-content/uploads/button20.png");}
header #row-logo #button-wrapper > a.login:hover {box-shadow: 0 0 1rem rgba(255,255,255,0.75); background-color: rgba(0, 0, 0, 0.5); background-image: none; border-bottom: 2px solid rgba(0,0,0,0.8);}
header #row-logo #button-wrapper > a:hover, header #row-logo #button-wrapper > #searchSpan:hover {border-bottom: 2px solid rgba(255,255,255,0.8);}
header #row-logo #button-wrapper a > i {margin-left: 0.375rem;}
header #row-logo #button-wrapper {text-align: right; position: relative;}
header #row-logo #logo-wrapper a > img {max-height: 2rem;}
header #row-logo {padding: 1.25rem 0;}
header #row-nav .column {line-height: 0.675rem; }
header #row-nav li.menu-item > a {border-left: 1px solid rgba(0,0,0,0.1);border-right: 1px solid rgba(255,255,255,0.1);}
header #row-nav li.menu-item > a:hover {background-color: rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);}
header #row-nav ul.menu {border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(255,255,255,0.1); display: inline-block;}
header #row-nav {color: #fff;background-color: rgba(0,0,0,0.2);}
header #row-offcanvas .menu > li > a {border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); color: #fff; display: block; line-height: 1; padding: 0.7rem 1rem;}
header #row-offcanvas .menu > li > a:hover{background: rgba(0,0,0,0.5);}
header #row-offcanvas .menu {border-bottom: 1px solid rgba(0, 0, 0, 0.1);display: inline-block;}
header #row-offcanvas .title-bar-title {display: inline-block;text-align: center; width: 80%;}
header #row-offcanvas .top-bar, header #row-offcanvas .top-bar ul {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width: 100%; padding: 0px;}
header #row-offcanvas ul li {display: block; margin: 0px;}
header #row-top #row-inner-top > div.column {line-height: 0.75rem;}
header #row-top .login {background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border-radius: 3px; color: #fff; float: right; font-size: 0.75rem; margin: 6px;padding: 5px 10px;}
header #row-top .login:hover{background: rgba(255,255,255,0.5);}
header #row-top .menu > li > a:hover{color: rgba(255,255,255,0.9); background-color: rgba(255,255,255,0.1);}
header #row-top .menu-item {font-size: 0.75rem;}
header #row-top {background: -moz-linear-gradient(left,  rgba(52,52,52,1) 0%, rgba(35,35,35,1) 33%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  rgba(52,52,52,1) 0%,rgba(35,35,35,1) 33%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  rgba(52,52,52,1) 0%,rgba(35,35,35,1) 33%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */ }
header #row-top {background: -moz-linear-gradient(left,  rgba(52,52,52,1) 0%, rgba(35,35,35,1) 33%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  rgba(52,52,52,1) 0%,rgba(35,35,35,1) 33%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  rgba(52,52,52,1) 0%,rgba(35,35,35,1) 33%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */ }
header .glare {background-image: url("/wp-content/uploads/glare.png"); background-position: center center; background-size: 100% 100%;}
header .menu {display: inline-block;}
header a, header #searchSpan {text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.375);transition: all 0.375s ease-out 0s; }
p {color: #343434; font-size: inherit; text-shadow: 1px 1px 1px #fff;}
#row-hero #large-hero-left a:not(.more):hover {text-shadow: none;}


#row-tiles .column {margin-bottom: 1.5rem;}
#row-tiles ul.no-bullet > li > a img {left: -0.5rem; margin-right: 0.2rem; position: relative;}
#row-tiles ul.no-bullet > li:hover > a {color: #fff;}
#row-tiles ul.no-bullet > li ul {color: rgba(0, 0, 0, 0.5); font-size: 0.8rem; margin: 7px 15px;}
#row-tiles ul.no-bullet > li {display: inline-block; width: 100%;}
#row-tiles ul.no-bullet h1 > i {left: -0.25rem; margin-right: 0.2rem; position: relative;}
#row-tiles ul.no-bullet h1 {background-image: url("/wp-content/uploads/glare.png"); background-size: cover; color: #fff; font-size: 1rem; font-weight: bold; margin: 0; padding: 0.5rem 1rem;}
#row-tiles ul.no-bullet {background: #fff none repeat scroll 0 0; display: table-cell;}
#row-tiles {background-image: url("http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/grey.png");}
#row-tiles ul.no-bullet > li > a {display: inline-block; line-height: 1.2rem; padding: 0.5rem 1rem; width: 100%;}
#row-tiles ul.no-bullet > li {border-bottom: 1px solid #fff;}
#row-tiles ul .sub-item a {background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border-radius: 1rem; color: rgba(0, 0, 0, 0.5); display: inline-block; font-size: 0.75rem; padding: 0.1rem 0.5rem;}
#row-tiles ul .sub-item li {display: inline-block; left: 0.5rem; margin: 0 0.075rem 0.2rem; position: relative;}
#row-tiles ul.no-bullet > li ul {color: rgba(0, 0, 0, 0.5); font-size: 0.8rem; margin: 0 0 0.375rem;}

#row-related .column {position: relative;}
#row-related .excerpt {padding: 0.5rem 0;}
#row-related .image-wrapper .fa {border-radius: 50%; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); color: #fff; display: inline-block; float: right; font-size: 2rem; height: 3rem; padding: 0.5rem; position: relative; right: 18px; text-align: center; top: -66px; width: 3rem; z-index: 10;}
#row-related .image-wrapper:hover .fa{right: 16px; top: -64px; box-shadow: 0px 0px 0px rgba(0,0,0,0);}
#row-related .image-wrapper:hover .image:after {width: 100%;}
#row-related div.image {background-image: url("/wp-content/uploads/hero.png"); background-size: cover; display: block; height: 200px; width: 100%; position: relative;}
#row-related div.image:after {content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.15s ease 0s; width: 0; z-index: 1;}
#row-related h1 { font-size: 1.2rem; font-weight: bold;}
#row-related {padding-top: 2rem; padding-bottom: 2rem;}

footer {padding-top: 1rem; background: #343434 none repeat scroll 0 0; color: rgba(255,255,255,0.7); font-weight: 300; font-size: 0.9rem;}
footer h1 {color: #fff; font-size: 0.9rem;}
footer .column.float-right img {margin: 1rem 0; max-width: 200px;}
footer i.fa {display: inline-block; margin-right: 0.5rem; opacity: 0.25; text-align: center; width: 1.5rem;}
footer .column.float-right ul {border-left: 0.125rem solid rgba(0, 150, 165, 1); padding-left: 0.25rem;}
footer hr {background-color: rgba(255, 255, 255, 0.1); border: 0 none; clear: both; display: inline-block; height: 1px; margin: 1rem 0; max-width: 100%; position: relative; width: 100%;}

#row-hero ul.value {list-style: outside none none; margin: 0; padding-bottom: 0.5rem; padding-top: 0.25rem;}
#row-hero ul.value > li {font-size: 0.9rem; margin-left: 0.2rem;}
#row-hero ul.value > li i {background: rgba(0, 140, 150, 0.1) none repeat scroll 0 0; border: 1px solid rgba(0, 140, 150, 0.2); color: rgba(0, 140, 150, 1); font-size: 0.8em; margin-right: 0.5rem; padding: 0.2rem;}

.content-wrapper.column > ul {
  margin-left: 1rem;
  margin-bottom: 1.5rem;
}


/* @media queries --------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/* orientation - ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
@media only screen and (orientation: landscape) {
}
@media only screen and (orientation: portrait) {
}

/* custom */
@media only screen and (max-width: 357px) { /* <-- ipod */
}
@media only screen and (min-width: 358px) { /* <-- bigger than ipod */
}

/* Small screens ------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
@media only screen {
  /* small-padding */
  .small-padding-1 {padding:1px;} .small-padding-2 {padding:2px;} .small-padding-3 {padding:3px;} .small-padding-4 {padding:4px;} .small-padding-5 {padding:5px;} .small-padding-6 {padding:6px;} .small-padding-7 {padding:7px;} .small-padding-8 {padding:8px;} .small-padding-9 {padding:9px;} .small-padding-10 {padding:10px;} .small-padding-11 {padding:11px;} .small-padding-12 {padding:12px;} .small-padding-13 {padding:13px;} .small-padding-14 {padding:14px;} .small-padding-15 {padding:15px;} .small-padding-16 {padding:16px;} .small-padding-17 {padding:17px;} .small-padding-18 {padding:18px;} .small-padding-19 {padding:19px;} .small-padding-20 {padding:20px;} .small-padding-21 {padding:21px;} .small-padding-22 {padding:22px;} .small-padding-23 {padding:23px;} .small-padding-24 {padding:24px;} .small-padding-25 {padding:25px;} .small-padding-26 {padding:26px;} .small-padding-27 {padding:27px;} .small-padding-28 {padding:28px;} .small-padding-29 {padding:29px;} .small-padding-30 {padding:30px;}
  /* small 20 column grid - based on 5% increments */
  .small-5-percent {width:5%;} .small-10-percent {width:10%;} .small-15-percent {width:15%;} .small-20-percent {width:20%;} .small-25-percent {width:25%;} .small-30-percent {width:30%;} .small-35-percent {width:35%;} .small-40-percent {width:40%;} .small-45-percent {width:45%;} .small-50-percent {width:50%;} .small-55-percent {width:55%;} .small-60-percent {width:60%;} .small-65-percent {width:65%;} .small-70-percent {width:70%;} .small-75-percent {width:75%;} .small-80-percent {width:80%;} .small-85-percent {width:85%;} .small-90-percent {width:90%;} .small-95-percent {width:95%;} .small-100-percent {width:100%;}

}
@media only screen and (max-width: 39.9375em) { /* <-- max-width 639px - only small screens */
  header #row-logo #button-wrapper {text-align: center;padding: 0px;}
  header #row-logo {padding: 0px;}
  header #row-logo #button-wrapper a > i {font-size: 1.125rem; margin-left: 0.375rem;}
  header #button-wrapper span {clear: both; display: block; font-size: 0.5rem; margin-bottom: 4px;}
  header #row-logo #button-wrapper > a {border-bottom: 2px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); clear: none; color: #fff; display: inline-block; float: left; font-size: 0.75rem; font-weight: 600; height: 3.25rem; margin: 0; padding: 0.5rem 1rem; width: 33.3%;}
  header #row-logo #button-wrapper > a.login{border-radius:0px; background-image: none;background-color: rgba(0,0,0,0);}
  header #row-logo #button-wrapper > a:hover{box-shadow: none!important;border-bottom: rgba(0,0,0,0)!important;background-color: rgba(0,0,0,0.5);}
  header .title-bar { background: -moz-linear-gradient(left,  rgba(52,52,52,1) 0%, rgba(35,35,35,1) 33%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  rgba(52,52,52,1) 0%,rgba(35,35,35,1) 33%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  rgba(52,52,52,1) 0%,rgba(35,35,35,1) 33%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */ }
  .title-bare-logo {display: inline-block; max-width: 120px;}
  .title-bar-title {color: rgba(255, 255, 255, 0.75); display: inline-block !important; float: right; font-size: 0.875rem; margin-top: 3px; text-align: center !important; width: inherit !important;}
  #row-hero {min-height: 290px!important; padding:0px!important;}
  #row-hero .more {background-color: #92c76d; border-radius: 1rem; color: #fff; display: inline-block; margin-top: 1rem; padding: 0.375em 0.875rem!important;}
  #row-hero .show-for-small-only.column {padding: 0.875rem;}
  #row-hero div > h1 {margin: 1rem 0 0 0;}
  #row-hero div > h2 {font-size: 1rem; margin: 0; }
  footer .column.float-right ul {border:0px; padding: 0px;}
  form.search {background: #fff none repeat scroll 0 0; height: 2rem; margin-top: 3.275rem; padding: 0;}
  

header #row-logo #button-wrapper > span {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  clear: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 0.75rem;
  font-weight: 600;
  height: 3.25rem;
  margin: 0 !important;
  padding: 0.5rem 1rem;
  width: 33.3%;
}

header #row-logo #button-wrapper > a, header #row-logo #button-wrapper > #searchSpan {
  padding: 0.5rem 1rem;
}
#button-wrapper > span {
  font-size: 0.5rem!important;
}
header #row-logo #button-wrapper > a:hover, header #row-logo #button-wrapper > #searchSpan:hover {
  border-bottom: 0;
}
.fa.fa-search {
  font-size: 0.8rem;
  position: relative;
  top: -2px;
  clear: both !important;
  display: block;
  font-size: 1rem;
  margin-top: 5px;
}
form.search {
  background: #fff none repeat scroll 0 0;
  height: 2rem;
  margin-top: 3.275rem;
  overflow: hidden;
  padding: 0;
}
header #row-logo #button-wrapper > span:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom: medium none rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  cursor: pointer;
}
.search-button {
  background-color: #eee;
  border-radius: 0;
  display: inline-block;
  float: right;
  font-weight: 600;
  margin-right: 0;
  max-width: 10%;
  padding: 0;
  width: 100px;
}
button .fa.fa-search {padding: 0.5rem;}
}

/* Medium screens ------ ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
@media only screen and (min-width: 40em) { /* <-- min-width 640px - medium screens and up */
  /* medium-padding */
  .medium-padding-1 {padding:1px;} .medium-padding-2 {padding:2px;} .medium-padding-3 {padding:3px;} .medium-padding-4 {padding:4px;} .medium-padding-5 {padding:5px;} .medium-padding-6 {padding:6px;} .medium-padding-7 {padding:7px;} .medium-padding-8 {padding:8px;} .medium-padding-9 {padding:9px;} .medium-padding-10 {padding:10px;} .medium-padding-11 {padding:11px;} .medium-padding-12 {padding:12px;} .medium-padding-13 {padding:13px;} .medium-padding-14 {padding:14px;} .medium-padding-15 {padding:15px;} .medium-padding-16 {padding:16px;} .medium-padding-17 {padding:17px;} .medium-padding-18 {padding:18px;} .medium-padding-19 {padding:19px;} .medium-padding-20 {padding:20px;} .medium-padding-21 {padding:21px;} .medium-padding-22 {padding:22px;} .medium-padding-23 {padding:23px;} .medium-padding-24 {padding:24px;} .medium-padding-25 {padding:25px;} .medium-padding-26 {padding:26px;} .medium-padding-27 {padding:27px;} .medium-padding-28 {padding:28px;} .medium-padding-29 {padding:29px;} .medium-padding-30 {padding:30px;}
  /* medium 20 column grid - based on 5% increments */
  .medium-5-percent {width:5%;} .medium-10-percent {width:10%;} .medium-15-percent {width:15%;} .medium-20-percent {width:20%;} .medium-25-percent {width:25%;} .medium-30-percent {width:30%;} .medium-35-percent {width:35%;} .medium-40-percent {width:40%;} .medium-45-percent {width:45%;} .medium-50-percent {width:50%;} .medium-55-percent {width:55%;} .medium-60-percent {width:60%;} .medium-65-percent {width:65%;} .medium-70-percent {width:70%;} .medium-75-percent {width:75%;} .medium-80-percent {width:80%;} .medium-85-percent {width:85%;} .medium-90-percent {width:90%;} .medium-95-percent {width:95%;} .medium-100-percent {width:100%;}
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) { /* <-- min-width 640px and max-width 1023px - medium screens only */
  p {font-size: 0.9rem;}
  #row-hero div li > h1 {font-size: 0.9rem; font-weight: 600;}
  #row-hero .promotions li > a {font-size: 0.9rem;}
  #row-tiles ul.no-bullet h1 {font-size: 0.9rem;}
  #row-related div.image {height: 120px;}
  #row-related .image-wrapper .fa {border-radius: 0; font-size: 1rem; height: 2.2rem; margin-top: 1rem;}
  #row-related h1 {font-size: 0.9rem;}
  #row-related .excerpt {font-size: 0.9rem;}
  #row-tiles ul.no-bullet > li > a {font-size: 0.9rem;}
  #row-hero div > h1 {font-size: 2.25rem;}
  #row-hero div > h2 {font-size: 1.25rem;}
  header #row-nav .column {font-size: 0.875rem; padding: 0px;}
  #row-top .column {padding: 0px;}
}
@media only screen (max-width: 63.9375em) { /* <-- max-width 1023px - medium screens and down */

}

/* Large screens  ------ ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
@media only screen and (min-width: 64em) { /* <-- min-width 1024px - large screens and up */
  /* large-padding */
  .large-padding-1 {padding:1px;} .large-padding-2 {padding:2px;} .large-padding-3 {padding:3px;} .large-padding-4 {padding:4px;} .large-padding-5 {padding:5px;} .large-padding-6 {padding:6px;} .large-padding-7 {padding:7px;} .large-padding-8 {padding:8px;} .large-padding-9 {padding:9px;} .large-padding-10 {padding:10px;} .large-padding-11 {padding:11px;} .large-padding-12 {padding:12px;} .large-padding-13 {padding:13px;} .large-padding-14 {padding:14px;} .large-padding-15 {padding:15px;} .large-padding-16 {padding:16px;} .large-padding-17 {padding:17px;} .large-padding-18 {padding:18px;} .large-padding-19 {padding:19px;} .large-padding-20 {padding:20px;} .large-padding-21 {padding:21px;} .large-padding-22 {padding:22px;} .large-padding-23 {padding:23px;} .large-padding-24 {padding:24px;} .large-padding-25 {padding:25px;} .large-padding-26 {padding:26px;} .large-padding-27 {padding:27px;} .large-padding-28 {padding:28px;} .large-padding-29 {padding:29px;} .large-padding-30 {padding:30px;}
  /* Large 20 column grid  - based on 5% increments */
  .large-5-percent {width:5%;} .large-10-percent {width:10%;} .large-15-percent {width:15%;} .large-20-percent {width:20%;} .large-25-percent {width:25%;} .large-30-percent {width:30%;} .large-35-percent {width:35%;} .large-40-percent {width:40%;} .large-45-percent {width:45%;} .large-50-percent {width:50%;} .large-55-percent {width:55%;} .large-60-percent {width:60%;} .large-65-percent {width:65%;} .large-70-percent {width:70%;} .large-75-percent {width:75%;} .large-80-percent {width:80%;} .large-85-percent {width:85%;} .large-90-percent {width:90%;} .large-95-percent {width:95%;} .large-100-percent {width:100%;}
}
@media only screen and (min-width: 64em) and (max-width: 74.9375em) { /* <-- min-width 1024px and max-width 1199px - only large screens */
}
@media only screen and (max-width: 74.9375em) { /* <-- max-width 1199px - large screens and down */
}

/* XLarge screens  ----- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
@media only screen and (min-width: 75em) { /* <-- min-width 1200px - xxlarge screens and up */
}
@media only screen and (min-width: 75em) and (max-width: 89.9375em) { /* <-- min-width 1200px and max-width 1439px - xxlarge screens only */
}
@media only screen and (max-width: 89.9375em) { /* <-- max-width 1439px - xxlarge screens and down */
}

/* XXLarge screens  ----- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
@media only screen and (min-width: 90em) { /* <-- min-width 1440px - xxlarge screens and up */
}