@charset "utf-8";
/* CSS Document */
/* needed for fixed navbar */
body {
	padding-top: 20px;
}
/* fixed navbar is white */
.navbar {
	background-color: #FFFFFF;
}
/* top nav link text is grape on hover */
#linkcolor a:hover {
	color: #996699;
}
/* social icons */
.ravelryicon {
 width: 32px;
 height: 32px;
 display:block;
 background:transparent url('../img/social/RavelrySecondaryLogo2020-Gray.gif') no-repeat;
}
.ravelryicon:hover {
   background-image: url('../img/social/RavelrySecondaryLogo2020-Color.gif');
}
.facebookicon {
 width: 32px;
 height: 32px;
 display:block;
 background:transparent url('../img/social/facebook-gray.gif') no-repeat;
}
.facebookicon:hover {
   background-image: url('../img/social/facebook-black.gif');
}.twittericon {
 width: 32px;
 height: 32px;
 display:block;
 background:transparent url('../img/social/twitter-gray.gif') no-repeat;
}
.twittericon:hover {
   background-image: url('../img/social/twitter-black.gif');
}
.pinteresticon {
 width: 32px;
 height: 32px;
 display:block;
 background:transparent url('../img/social/pinterest-gray.gif') no-repeat;
}
.pinteresticon:hover {
   background-image: url('../img/social/pinterest-black.gif');
}
.instagramicon {
 width: 32px;
 height: 32px;
 display:block;
 background:transparent url('../img/social/instagram-gray.gif') no-repeat;
}
.instagramicon:hover {
   background-image: url('../img/social/instagram-black.gif');
}
.rkf2020icon {
 width: 32px;
 height: 32px;
 display:block;
 background:transparent url('../img/social/RKF2020participant.jpg') no-repeat;
}
.rkf2020icon:hover {
   background-image: url('../img/social/RKF2020yellow_blackLOGO.jpg');
}
/* font for headings */
/* h1 logo, not indented, not underlined, not used, but could be used for logo text */
/* h2 headings, not indented, underlined */
/* h3 tagline, indented, not underlined */
/* h4 heading in blue box, not indented, underlined */
/* h5 heading "Pattern writing resources" */
h1, h3, h5, .nav, .navbar-brand {
	font-family: 'intellectatypewriterregular'
}
h2, h4 {
	font-family: 'intellectatypewriterunderscRg'
}
h5 {
	font-size: 18px /*increase size from the default 14px that Bootstrap uses*/
}
/* caption for image gallery, don't indent it */
.caption {
	padding-left: 0
}
/* indent left margin */
p {
	padding-left: 80px
}
ul.list {
	padding-left: 15px
}
li.list {
	margin-top: 8px
}

/* contact form is blue */
div.contact {
	background-color:#C8DFF6; /* blue */
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin-bottom: 10px;
}
/* social form is white */
div.social {
	background-color:#FFFFFF; /* white */
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 5px
}
/* resources area is white */
div.resources {
	background-color:#FFFFFF; /* blue */
	padding-top: 35px;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin-bottom: 10px;
}
/* don't indent text in blue box */
.noindent {
	padding-left: 0
}
/* contact button */
.btn-primary, .btn-primary:focus, .btn-primary:active {
    background: #8D7D83; /* muted grape */
	border: 0;
}
.btn-primary:hover {
	background: #996699; /* grape */
}

/* used in the form */
.input-group[class*="col-"] { 
    padding-right: 15px;
    padding-left: 15px;
}
.popover   {
	background-color: #C8DFF6; /*blue */
	color: #333333; /* gray text */
	width: 120px;
}
.popover.right .arrow:after {
	border-right-color: #C8DFF6; /* blue */
}