// makes the mobile view this width
// goes with Will Meyers script
// in code footer section
// 750 is where Squarespace sets the break
html {
--sqs-edit-mode-breakpoint: 768px;
// --sqs-edit-mode-breakpoint: 749px;
// --sqs-edit-mode-breakpoint: 390px;
}
// begin move left menu 2vw left
//home sample 1
#block-11eb604f1278e0fc5bad h4,
#block-yui_3_17_2_1_1693691636225_8860 p,
#block-yui_3_17_2_1_1693691636225_11980 p,
#block-yui_3_17_2_1_1693691636225_13978 p,
#block-yui_3_17_2_1_1693691636225_14793 p,
//works sample 1
#block-7f7487128d8933b1274c h4,
#block-d1c8829fddbb801a4b1d p,
#block-74dfed2e4c43e50a9848 p,
#block-0b297ca940cb6b780d17 p,
#block-02870dc84c5f5b3a35f9 p,
//individual artworks sample 1
#block-774fbe696c9cf603de99 h4,
#block-56f36180a98f8eb009c6 p,
#block-6021507156c5a3e959cd p,
#block-6d8b73b7a79146a537a9 p,
#block-a0948e027da386c8e880 p,
//gallery proportional sample 1
#block-eff4586d535764b1e91d h4,
#block-e1c670f3ab70d03dbe7a p,
#block-5102fddfa2622bd31ec9 p,
#block-bbdba8d12b55d930e89d p,
#block-3d70c280475622b92b8e p,
// contact sample 1
#block-5204e873c9612b2ccfa6 h4,
#block-f572dc9f011be7a32354 p,
#block-d566b537d1ea7735eeec p,
#block-5339ef047f4983e2796c p,
#block-0dad80e07347f43edc02 p,
//about sample 1
#block-31e9eb18f2fa4df04082 h4,
#block-ea577be1d0ae7ffc89ab p,
#block-4efeba99538c6d2ee262 p,
#block-af76cd2fea199f8a5af9 p,
#block-a5b25fe6185e08880c83 p
{
margin-left: -2vw !important;
// border: 2px solid green;
}
//border: 2px solid green;
//end move left menu 2vw left
//testsidemenu
//#block-6d5a7cd3d203cfc08314 h4,
#block-yui_3_17_2_1_1694260901717_6773 p
//#block-yui_3_17_2_1_1694207415059_37155 img
{
margin-top: -1vw !important;
margin-left: -4vw !important;
margin-right: -4vw !important;
}
// background color for entire website
body {
background: #ffffff!important;
}
// custom font
h2 {
font-family: futura-pt;
font-weight: 400;
font-size: 36px;
line-height: 1.1em;
letter-spacing: 0.1px;
}
h4 {
font-family: futura-pt;
font-weight: 400;
font-size: 30px;
line-height: 1em;
letter-spacing: 0.1px;
}
// Hiding blocks on mobile device
// footer menu links
//@media screen and (max-width: 641px) {
//@media screen and (max-width: 390px) {
@media screen and (max-width: 768px) {
// can refer to this rather than
// the block name
// #footer-sections a{
#block-6190577bac6549ee83eb{
display:none !important;
}
}
//remove underline from sitename link
//in footer
#block-e7d3dd9b003230185318 a{
text-decoration: none !important;
}
/* Mobile Menu on Desktop */
// display burger menu on both
// desktop and mobile
// for LIVE site pages
// and sample 1 left side menu
// for these pages don't display
// regular menu, do display
// burger menu
//sample 1
#collection-64ed0bfee47b8001adf77cb3,
#collection-64f64118cd1cca609a26c26c,
#collection-64f0a5f3e54337522768f279,
#collection-64eca53b73f3f15a2e73e1ae,
#collection-64fa0306b604fa245c8f9b57,
#collection-64f4d47aaa90343b8143c2ea,
//live
#collection-64ce5810453d231fb95d6cf9,
#collection-64e65c42e1754354b19951f7,
#collection-64e65c651e6d135eb29a0dc6,
#collection-64e65c579c29cf6a20636fff,
#collection-64ce5747b255fa52a9304489,
#collection-64cd6b9e77c57c1c46412abb{
.header-nav, .header-actions{
display: none;
}
.header-burger, .header-menu {
display: flex;
}
}
// if display burger menu on desktop
// then format this way
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
.header-menu-nav-item a {
font-size: 24px;
}
.header-menu-nav-item a:hover {
font-weight: 450;
}
// burger menu item list
// moves it up vh is verticle height
@media screen and (min-width: 850px){
.header-menu-nav-folder {
top: -20vh;
}
}
/* end mobile menu on desktop */
// start ///////////////////////////
// Home Sample 1, Works,individual
// pages, gallery proportional,
// contact, about
// hide header
#collection-64ed0bfee47b8001adf77cb3,
#collection-64f64118cd1cca609a26c26c,
#collection-64f0a5f3e54337522768f279,
#collection-64eca53b73f3f15a2e73e1ae,
#collection-64fa0306b604fa245c8f9b57,
#collection-64f4d47aaa90343b8143c2ea{
//@media screen and (min-width: 1100px){
//@media screen and (min-width: 640px){
@media screen and (min-width: 769px){
// keep for testing purposes
//p{color:blue;}
.header{
display:none !important;
}
}
}
// end hide header
// hide left menu on mobile
//@media screen and (max-width: 1100px){
//@media screen and (max-width: 640px){
@media screen and (max-width: 768px){
// home sample 1
#block-11eb604f1278e0fc5bad,
#block-yui_3_17_2_1_1693690034764_29145,
#block-yui_3_17_2_1_1693691636225_8860,
#block-yui_3_17_2_1_1693691636225_11980,
#block-yui_3_17_2_1_1693691636225_13978,
#block-yui_3_17_2_1_1693691636225_14793,
// works page
#block-7f7487128d8933b1274c,
#block-281ba32d946872ef2b52,
#block-02870dc84c5f5b3a35f9,
#block-d1c8829fddbb801a4b1d,
#block-74dfed2e4c43e50a9848,
#block-0b297ca940cb6b780d17,
#block-02870dc84c5f5b3a35f9,
//individual artwork sample 1 page
#block-31f435da824e634058af,
#block-774fbe696c9cf603de99,
#block-56f36180a98f8eb009c6,
#block-6021507156c5a3e959cd,
#block-6d8b73b7a79146a537a9,
#block-a0948e027da386c8e880,
//gallery proportional sample 1
#block-eff4586d535764b1e91d,
#block-e1c670f3ab70d03dbe7a,
#block-5102fddfa2622bd31ec9,
#block-bbdba8d12b55d930e89d,
#block-3d70c280475622b92b8e,
//gallery sample 1
#block-3954c4d753c155b3d25a,
#block-43cbb1af3e4a1583e45d,
#block-708a61f5153479d4f67a,
#block-bc3c768d143da90c8c84,
#block-d4142674474bae2cb5c3,
//contact sample 1
#block-dae2c3d755e1119fa1c0,
#block-5204e873c9612b2ccfa6,
#block-f572dc9f011be7a32354,
#block-d566b537d1ea7735eeec,
#block-5339ef047f4983e2796c,
#block-0dad80e07347f43edc02,
//about sample 1
#block-4098cf183395f9e8280c,
#block-31e9eb18f2fa4df04082,
#block-ea577be1d0ae7ffc89ab,
#block-4efeba99538c6d2ee262,
#block-af76cd2fea199f8a5af9,
#block-a5b25fe6185e08880c83
{display:none !important;}
}
// end hide left menu on mobile
// remove underline from
// menu logo link
//sample 1 pages
#block-5204e873c9612b2ccfa6 a,
#block-eff4586d535764b1e91d a,
#block-774fbe696c9cf603de99 a,
#block-7f7487128d8933b1274c a,
#block-11eb604f1278e0fc5bad a,
#block-9c16df305996d0f8dc74 a,
#block-3954c4d753c155b3d25a a,
#block-0b879a10d3ddf05f6f59 a,
#block-cdd7b4cbae859d51feb2 a,
#block-56871b428fccaf99d904 a,
#block-yui_3_17_2_1_1693691491289_4650 a
{
text-decoration: none !important;
}
// end remove underline from
// menu logo link
/////////////////
// End Home sample 1 and works pages
// Begin Sample 2
#collection-64fa0ab65198e429dd6c8841,
#collection-64ea313f80398d659c412b04,
#collection-64fe066b379ad609bd38c10f,
#collection-64fa0ae39a962b157a4831b8,
#collection-64f4dc51e1c4a06b61923a87,
#collection-64ecc18d5e61a90da8884855{ #site-title {
font-family: 'oswald' !important;
font-size: 1em;
color:#6c6c6c !important;
}
}
#collection-64fa0ab65198e429dd6c8841,
#collection-64ea313f80398d659c412b04,
#collection-64fe066b379ad609bd38c10f,
#collection-64fa0ae39a962b157a4831b8,
#collection-64f4dc51e1c4a06b61923a87,
#collection-64ecc18d5e61a90da8884855{
.header-display-desktop a{
font-family: 'oswald' !important;
font-size: 1em !important;
font-weight: 100 !important;
color:#6c6c6c !important;
}
}
#collection-64fa0ab65198e429dd6c8841,
#collection-64ea313f80398d659c412b04,
#collection-64fe066b379ad609bd38c10f,
#collection-64fa0ae39a962b157a4831b8,
#collection-64f4dc51e1c4a06b61923a87,
#collection-64ecc18d5e61a90da8884855{
h1,h2,h3 {
font-family: 'Oswald' !important;
color:#6c6c6c !important;
}
}
#collection-64fa0ab65198e429dd6c8841,
#collection-64ea313f80398d659c412b04,
#collection-64fe066b379ad609bd38c10f,
#collection-64fa0ae39a962b157a4831b8,
#collection-64f4dc51e1c4a06b61923a87,
#collection-64ecc18d5e61a90da8884855{
.sqsrte-text-color--darkAccent{
color:#6c6c6c !important;
}
}
#collection-64fa0ab65198e429dd6c8841,
#collection-64ea313f80398d659c412b04,
#collection-64fe066b379ad609bd38c10f,
#collection-64fa0ae39a962b157a4831b8,
#collection-64f4dc51e1c4a06b61923a87,
#collection-64ecc18d5e61a90da8884855{
p {
font-family: 'cormorantgaramond'!important;
font-size: 1.1em;
// line-height:1.6;
color:#1c1c1c !important;
}
}
#collection-64fa0ab65198e429dd6c8841,
#collection-64ea313f80398d659c412b04,
#collection-64fe066b379ad609bd38c10f,
#collection-64fa0ae39a962b157a4831b8,
#collection-64f4dc51e1c4a06b61923a87,
#collection-64ecc18d5e61a90da8884855{
#footer-sections a{
font-family:'oswald'!important;
font-size: .9em !important;
color:#6c6c6c !important;
}
}
#collection-64fa0ab65198e429dd6c8841,
#collection-64ea313f80398d659c412b04,
#collection-64fe066b379ad609bd38c10f,
#collection-64fa0ae39a962b157a4831b8,
#collection-64f4dc51e1c4a06b61923a87,
#collection-64ecc18d5e61a90da8884855{
.sqs-button-element--tertiary{font-family: 'oswald' !important;
font-size: 1em;
}
}
#collection-64ecc18d5e61a90da8884855{
.sqs-button-element--tertiary{
padding-left: -3vw !important;
padding-right: -1vw !important;
}
}
// End Home Sample 2
// and painting sample 2
//begin options page
#collection-650213470c169068ec859168{
.sqs-shape-rectangle
{padding-left: 2vw !important;
padding-top: 2vh !important;
padding-bottom: 2vh !important;}
}
//#site-title {
//h1,h2,h3,h4 {
//h1 a,h2 a,h3 a,h4 a {
//p {
//p a {
//#footer-sections a
//end options page
//Begin Declare Fonts
@font-face {font-family: INTER;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64f5044fa68d1345d8f348e9/1693779024090/Inter-Light.ttf)
}
@font-face {font-family: INTERTIGHT;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64ffae4f4695d76f05c0a3fd/1694477903179/InterTight-Medium.ttf)
}
@font-face {font-family: POIRETONE;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64f5ecce202c252d490f3c40/1693838542595/PoiretOne-Regular.ttf)
}
@font-face {font-family: Montserrat;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64f5ecc7b39eb53560552c64/1693838535552/Montserrat-Light.ttf)
}
@font-face {font-family: QUESTRIAL;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64f5f42bdf8a385a5ccd4108/1693840427334/Questrial-Regular.ttf)
}
@font-face {font-family: QUATTROCENTO;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64f5f36603e6186358dfb958/1693840230612/Quattrocento-Regular.ttf)
}
@font-face {font-family: LORA;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64f5f35d30160a0fc65fee38/1693840221274/Lora-Regular.ttf)
}
@font-face {font-family: OSWALD;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64f5f3575a63794fbee90599/1693840215137/Oswald-Medium.ttf)
}
@font-face {font-family: cormorantgaramond;
src:url(https://static1.squarespace.com/static/64cd64197b9a2c0cc2900dcc/t/64ff7a346c454f2b67c98283/1694464564173/CormorantGaramond-Light.ttf)
}
//end declare fonts
//begin Fonts Page
//#collection-64f4f1973a25ca4e5657a197{
//.header-title-text {
//font-family: 'INTERTIGHT' !important;
//}
//}
section[data-section-id="64ffa531fcbdd358eedc7b5f"]{
h1,h2,h3,h4{
font-family: 'INTERTIGHT' !important;
}
}
section[data-section-id="64ffa531fcbdd358eedc7b5f"]{
p {
font-family: 'INTER' !important;
}
}
section[data-section-id="64ff5154a2fd0e4360034ae9"]{
p {
font-family: 'Montserrat' !important;
}
}
section[data-section-id="64ff5154a2fd0e4360034ae9"]{
h1,h2,h3,h4 {
font-family: 'POIRETONE' !important;
}
}
section[data-section-id="64ff5350811d8b6012879330"]{
h1,h2,h3,h4 {
font-family: 'OSWALD' !important;
}
}
section[data-section-id="64ff5350811d8b6012879330"]{
p {
font-family: 'cormorantgaramond' !important;
}
}
section[data-section-id="64ff53ffcdf3e6138b7629c0"]{
h1,h2,h3,h4 {
font-family: 'quattrocento' !important;
}
}
section[data-section-id="64ff53ffcdf3e6138b7629c0"]{
p {
font-family: 'questrial' !important;
}
}
//End Fonts Page