html, body {
overflow-x: hidden !important;
}
body {
font: 16px/1.6 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif !important;
margin: 0;
} h1 {
font-size: 5.06em;
line-height: 1.28em;
padding-top: 0.296em;
margin-bottom: 0.0247em;
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-weight: 800;
}
h2 {
font-size: 3.38em;
line-height: 1.44em;
padding-top: 0.389em;
margin-bottom: 0.0926em;
font-family: 'Baskerville',"Bookman Old Style", Garamond, "Century Schoolbook", Georgia, serif;
font-weight: 900;
}
h3 {
font-size: 2.25em;
line-height: 1.44em;
padding-top: 0.389em;
margin-bottom: 0.333em;
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-weight: 400;
}
h4 {
font-size: 1.50em;
line-height: 1.08em;
padding-top: 0.208em;
margin-bottom: 0.875em;
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-weight: 400;
}
p {
line-height: 1.63em;
padding-top: 0.500em;
margin-bottom: 1.13em;
font-family: 'Baskerville',"Bookman Old Style", Garamond, "Century Schoolbook", Georgia, serif;
font-weight: 200;
--minFontSize: 0.6rem;
--maxFontSize: 1.3rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}
.entry-content {
padding-top: 1.5rem;
text-align: center;
}
.entry-content h3 {
font-weight: 800;
line-height: 1.1;
--minFontSize: 0.7rem;
--maxFontSize: 1.8rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}
.entry-content h5 {
font-weight: 600;
margin-top: -0.5rem;
}
.entry-content p {
line-height: 1.3;
font-weight: 600;
}
.site-title-block {
padding: .5rem 1.5rem 0rem 1.5rem;
}
.site-tagline-block {
padding: .5rem 1.5rem;
}
.site-title {
--minLineHeight: 2.2rem;
--maxLineHeight: 3.6rem;
--LHscaler: 10vw;
line-height: clamp( var(--minLineHeight), var(--LHscaler), var(--maxLineHeight) );
--minFontSize: 2rem;
--maxFontSize: 3.5rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}
.site-tagline {
line-height: 0;
margin-top: 0;
margin-bottom: 1.5rem;
--minFontSize: 1.0rem;
--maxFontSize: 1.5rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}
.site-tagline-small {
line-height: 0;
margin-top: 0;
margin-bottom: 1.5rem;
--minFontSize: 0.7rem;
--maxFontSize: 1.1rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
} .off-canvas-wrapper {
overflow: visible;
}
.off-canvas-content {
display: flex;
flex-direction: column;
height: 100vh;
}
.mobile-menu {
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
background-color: #000;
text-decoration: none !important;
border: none !important;
padding-left: 1.5rem;
}
.mobile-menu-title {
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-size: 1.5rem;
color: #fff;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 5px;
}
.content {
flex: 1 0 auto; }
.home-anchor {
color:#fff;
}
.home-anchor:hover {
color:#948F97;
}
.home-anchor:visited {
color:#fff;
} .black-back {
background-color: #000;
color: #fff;
}
.white-back {
background-color: #fff;
}
.white {
color: #fff;
}
.black {
color: #000;
}
.schist {
background-color: #B1B79A;
color: #000;
}
.mindaro {
background-color: #E1F796;
color: #000;
}
.deco {
background-color: #CEDB99;
}
.chelsea-cucumber {
background-color: #82AD50;
color: #000;
}
.mountain-mist {
background-color: #948F97;
color: #000;
}
.ming {
background-color: #3E6990;
color: #FFF;
}
.chathams-blue {
background-color: #165283;
color: #FFF;
}
.loblolly {
background-color: #C4CAD0;
color: #000;
} #main-nav {
font-size: 1.0rem;
text-transform: uppercase;
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
}
.menu a {
line-height: 1;
text-decoration: none;
display: block;
padding: .4rem .6rem;
outline: none;
}
.menu a {
color: #fff;
}
.menu a:hover {
color: #76A9C8;
}
.menu .active > a {
background: transparent;
}
.mobile-navigation-box {
padding: 0.2rem 1.6rem 0.2rem 1.6rem;
text-align: center;
} .book-cover {
margin-top: 3rem;
margin-bottom: 0.5rem;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.book-container {
padding: 0px 1rem;
text-align: center;
}
.book-download-box {
max-width: 480px;
min-width: 250px;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
margin-bottom: 4rem;
text-align: center;
}
.book-download-title {
font-weight: 800;
margin-bottom: 0;
--minFontSize: 0.7rem;
--maxFontSize: 1.8rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}
.book-download-text {
font-weight: 600;
line-height: 1.4rem;
}
.download-link {
color: rgba(0, 0, 0, 1.0);
}
.download-link:hover {
color: rgba(62, 105, 144, 1.0);
cursor: pointer;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
transition: color 1s ease-out;
} .author-bio {
padding-top: 1.3rem;
}
.author-bio h3 {
font-weight: 800;
text-align: center;
--minFontSize: 0.7rem;
--maxFontSize: 1.8rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}
.author-bio p {
font-weight: 400;
text-align: left;
} .chathams-link {
background-repeat: no-repeat;
background-position:center;
background-size: cover;
background-color: rgba(22, 82, 131, 0.8);
background-blend-mode: multiply;
display: block;
width: 100%;
height: 100%;
}
.chathams-link:hover {
background-color: rgba(225, 247, 150, 0.8);
cursor: pointer;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
}
.ming-link {
background-repeat: no-repeat;
background-position:center;
background-size: cover;
background-color: rgba(62, 105, 144, 0.8);
background-blend-mode: multiply;
display: block;
width: 100%;
height: 100%;
}
.ming-link:hover {
background-color: rgba(225, 247, 150, 0.8);
cursor: pointer;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
}
.np-title {
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
background-color: #000;
padding: 1px 13px 0 13px;
text-transform: uppercase;
font-size: min(max(0.9rem, 4vw), 1.3rem) !important;
font-weight: 600;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.np-title-position {
position: relative;
text-align: center;
} .witch-list {
padding-top: 1.3rem;
text-align: center;
}
.witch-list h4 {
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-weight: 800;
line-height: 1.6rem;
margin-top: 1.1rem;
margin-bottom: -0.4rem;
--minFontSize: 1.0rem;
--maxFontSize: 1.2rem;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}
.witch-occupation {
font-family: 'Baskerville',"Bookman Old Style", Garamond, "Century Schoolbook", Georgia, serif;
font-size: 1.2rem !important;
font-weight: 600;
margin-top: 0;
margin-bottom: 0;
}
.witch-info {
padding-bottom: 1rem;
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-size: 1rem !important;
font-weight: 400;
padding-top: 0;
} .content-width {
max-width: 980px;
min-width: 290px;
margin-left: auto;
margin-right: auto;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 20px;
}
.footer {
padding: 0.3rem;
}
.copyright {
display: block;
font-size: min(max(0.6rem, 4vw), 0.9rem) !important;
line-height: 0;
margin-top: 1.0em;
margin-bottom: 1.5em;
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-weight: 400;
}
.copyright-small {
display: block;
font-size: min(max(0.6rem, 4vw), 0.9rem) !important;
line-height: 0;
margin-left: auto;
margin-right: auto;
margin-top: 1.0em;
margin-bottom: 1.5em;
font-family: 'Montserrat', 'Source Sans', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
font-weight: 400;
text-align: center !important;
} body#tinymce {
margin: 20px; } .gravity-form-width {
max-width: 780px;
min-width: 290px;
margin-left: auto;
margin-right: auto;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 2rem;
margin-top: 3.5rem;
}