/* CSS Document */
html, body {
margin: 0;
padding: 0;
border: 0;
background-color: #ffffff
}
body {
line-height: 18px;
color: #555;
background: url("//cdn.shopify.com/s/files/1/0737/2717/t/2/assets/bg-custom.png") repeat scroll;
}
#centerContainer {
background-color: #FFF;
outline: 1px solid #CCCCCC;
}
#bodyContainer {
padding-top: 1rem;
}
h1, h2, h3, h4, h5, body, p {
font-family: "Century Gothic", CenturyGothic, AppleGothic, Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
color: #111111;
margin: 0 0 13px 0;
text-transform: none
}
h1 {
font-size: 1.6rem;
line-height: 1.8rem;
}
h2 {
font-size: 1.4rem;
line-height: 1.6rem;
}
h3 {
font-size: 1.2rem;
line-height: 1.4rem
}
h4 {
font-size: 1rem;
line-height: 1.2rem
}
h5 {
font-size: .8rem;
line-height: 1rem;
}
p, blockquote {
font-size: 1rem;
font-style: normal;
line-height: 1.2rem
}
a {
color: #38C5E5;
text-decoration: none;
outline: none
}
a:hover {
color: #1F6D7F;
text-decoration: none;
}
a:active {
outline: none
}
.dropdown-menu {
padding: 0;
}
ul {
padding-left: 1em;
}
div#toolbarContainer {
background-color: #333;
color: #FFF;
padding-top: 1rem;
padding-bottom: 0;
height: 66px;
font-size: 14px;
}
div#toolbarContainer a {
color: #3BD5FF;
}
div#toolbarContainer.getItQuilted .social-links a {
color: #FFF !important;
}
#headerContainer, #mobileLogo {
background-image: url("//cdn.shopify.com/s/files/1/0737/2717/t/2/assets/bg-stitch.png");
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 4px;
}
#headerContainer {
margin-top: 66px;
}
div#sidebarContainer h4, div#sidebarContainer legend {
font-weight: 900;
}
.navbar-light .navbar-nav .nav-link {
color: #FF22A0;
}
nav a.dropdown-item {
font-size: 1rem;
line-height: 1.2rem;
padding: .8rem;
}
nav a:hover.dropdown-item {
background-color: #ffebf9;
color: #333;
}
footer {
background-color: #FFEBF9;
border-top: 1px solid #CCCCCC;
background-image: url("//cdn.shopify.com/s/files/1/0737/2717/t/2/assets/bg-footer.png");
background-repeat: repeat-x;
padding-top: 1em;
}
footer h1, footer h2, footer h3, footer h4, footer h5 {
color: #333;
background-image: url("//cdn.shopify.com/s/files/1/0737/2717/t/2/assets/bg-stitch.png");
background-repeat: repeat-x;
background-position: left bottom;
padding: .5em 0
}
.footer-bottom {
background-image: url("//cdn.shopify.com/s/files/1/0737/2717/t/2/assets/bg-footer-flipped.png");
background-repeat: repeat-x;
height: 9px
}
.social-links a {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin: 0;
padding: 0.05em;
color: #555 !important;
font-size: 22px !important;
}
.copyright {
margin-top: 0;
padding: 1em;
font-size: .8em;
background-color: #FFF;
color: #999;
}
/*table {
width: 100%;
border-spacing: 0
}
table tr td {
border-top: 1px solid #dddddd
}

table tr td:first-child, table tr th:first-child {
padding-left: 0px
}
table tr td:last-child, table tr th:last-child {
padding-right: 0px
}

table tr td, table tr th {
padding: 0 !important;
text-align: left;
vertical-align: middle !important;
}
*/
table.table tr td, table.table tr th {
padding: 10px 8px 4px 8px;
text-align: left
}
table.table.table-striped.w-auto tr th {
white-space: nowrap;
}
.input-search, .btn-search {
font-size: 14px;
}
.btn-search, .btn-dnsa {
color: #fff;
background-color: #FF3AAB;
border-color: #CCC
}
.btn-search:hover {
color: #333;
background-color: #CCC;
}
#mobileLogo a img {
height: 75px;
}
#mobileNavbar li {
border-top: 1px solid #131313;
}
#mobileNavbar li:first-child {
border-bottom: none;
}
#mobileNavbar form {
margin: 1rem 0;
}
#mobileNavbar a.cart {
font-size:.95rem;
}
#mobileNavbar div.navbar-brand.byCSQ {
font-size:.75rem;
}
p.form-text.text-muted {
font-size:.8rem;
}
a span.fa.fa-question-circle {
color: #C30;
font-size: 1.2rem;
}
#resourceThreads ul {
padding-left: 1em;
}
#patternSearch {
margin-top: 2.5em;
}
div.tip {
background-color: #FFEBF9;
outline: 3px dotted #FF3AAB;
padding: 1em;
margin-bottom: 2em;
}
div.tip h3 {
color: #FF3AAB;
}
ul#importantInfo li {
margin-bottom: 1em;
}
ul#importantInfo strong {
background-color: #3BD5FF;
}
div#sidebarContainer .card:hover {
background-color: #333;
}
#adLabel{
border-bottom: 1px dashed #CCC;
margin-top:2em;
font-weight:700;
}