Customizations for Artisan Theme

styles.scss

/* Kurt's Typography Tweaks */

body { 
	text-rendering: optimizeLegibility; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
   
ol, p, ul {margin-bottom: 1.2rem;}

p {line-height: 1.5em; -webkit-text-stroke: 0.25px rgba(0, 0, 0, 0.1);}
   
h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: .6rem;
}

small { font-size: 65%; }
   
/* Set article images to the largest appropriate native resolution */

p img {
	width: 100%;
	max-width:100%;
}

/* And the Lord said: Never let images be stretched beyond their native resolution */

img { max-width:100%; }

/* Home Section (Image with Text) have images align vertical top instead of bottom */

.imageWithText__section.image-position--right .imageWithText__image-wrapper {align-self: flex-start;}
.imageWithText__section.image-position--right.image1--true.image2--true .imageWithText__image-1-wrap {top: 60px;}

/* Make first link in Main Menu a button */

.mainMenu li:first-of-type a {background-color: #bb4747; border-radius: 5px;color: #fff; padding: 15px 20px;}
.mainMenu li:first-of-type a:hover {background-color: #de5454;}
.mainMenu__submenu li:first-of-type a {background-color: transparent; color: #293e59;}
.mainMenu__submenu li:first-of-type a:hover {background-color: transparent; color: #2197d7;}