Resources

This Resources page includes your brand details, training videos, and more. If you have a question about something not included here, feel free to send us an email.
Brand Details

Brand Colors

Yellow: #EFD795
Dust: #E5EDF3
Light Blue: #9AADC6
Blue: #004C83
Cream: #F3F2F1
Tan: #DFD5C8
Brown: #826D5A
Font Hierarchy

Heading 1: Orange Squash Pro Thin

Heading 2: Avanti Script Bold

Heading 3: Afacad Regular

Heading 1: Orange Squash Pro Thin
Heading 3: Afacad Regular
Training Videos

Each video has timestamped chapters for easy viewing. After opening Loom, you can find these timestamps below the video.
Basic Editing

Editing the Travel Map

Creating Jump Links

Announcement Bar, Section Styles, Etc.

Adding Styling with CSS

Google Chrome Extension
Block ID Finder

Blog & Digital products

Formatting Mobile

Editing the Secondary Nav

Image Corner Cutouts

Linked below are the Illustrator file with the image mask shape ready to go, and a quick Loom tutorial!
Illustrator Template

Loom Tutorial

Canva Templates

Home Page Map w/ Arrow

Polaroids

digital product download cards

Tips

Make edits on the “Section Styles” page first. That way, you know how they’ll look on the live site.
Be sure to check mobile view after making any edits.
Website images should be 3000px on the longest end for large banners, and 1500px on the longest end for all other photos.
SEO Tip: For extra SEO optimization, utilize image alt tags. On any image, double click and fill in the alt tag area.
Always take a backup of the CSS before making any edits!
Need more support? 2 weeks of trouble shooting is included after launch. If you’d ever like to schedule a call with us, give us a shout!
Monthly Retainers

Need more support? We offer monthly retainers to help keep your website up to date. Some of the items that can be covered with a retainer include:

Travel Guide upload
Photo swaps
Copy updates
Basic SEO updates
Technical maintenance
Blog upload
Social media templates
& More
Retainers can be booked for as little as 1 hour per month. If interested, send us an email.
CSS Backup

rileejsmith.com CSS Backup - 11/7/24

/*
===================================
    FONTS
===================================
*/
@font-face {font-family: 'OrangeSquashPro-Thin';       src: url('https://static1.squarespace.com/static/662685d6f8020a4db9bbbaef/t/66560f35f1ff074665351c71/1716916021719/OrangeSquashPro-Thin.otf');  }

@font-face {font-family: 'OrangeSquashPro-ThinItalic';       src: url('');  }

@font-face {font-family: 'AvantiScript-Bold';       src: url('https://static1.squarespace.com/static/662685d6f8020a4db9bbbaef/t/66560f7c9673fd18c54766c5/1716916092478/AvantiScript-Bold.otf');  }

@font-face {font-family: 'Afacad-Regular';       src: url('https://static1.squarespace.com/static/662685d6f8020a4db9bbbaef/t/66560fa237423630ead351b6/1716916130805/Afacad-Regular.ttf');  }

@font-face {font-family: 'Afacad-Medium';       src: url('https://static1.squarespace.com/static/662685d6f8020a4db9bbbaef/t/665661f39f7eca64aa345154/1716937203112/Afacad-Medium.ttf');  }

h1 {font-family: 'OrangeSquashPro-Thin';}

h2 {font-family: 'AvantiScript-Bold';}

h3 {font-family: 'Afacad-Medium';}

h4 {font-family: 'Afacad-Medium'; text-transform: uppercase; letter-spacing: .05rem;}

h4 em {font-family: 'AvantiScript-Bold';}

p.sqsrte-large {font-family: 'OrangeSquashPro-Thin';}

p {font-family: 'Afacad-Medium';}

p.sqsrte-small {font-family: 'Afacad-Medium'; text-transform: uppercase; letter-spacing: .025rem;}
/*
===================================
    END FONTS
===================================
*/


/*
===================================
    OTHER FONTS
===================================
*/
//Buttons
.sqs-block-button-element {
  font-family: 'Afacad-Medium' !important;
}

// CUSTOM NEWSLETTER HEADING FONT

span.newsletter-form-button-label {
    font-family: 'Afacad-Medium' !important;}
/*
===================================
    END OTHER FONTS
===================================
*/


/*
===================================
    HYPERLINK STYLING
===================================
*/
//Remove hyperlink underlines
a {
text-decoration: none !important;
}
//Hyperlink hover background
.sqs-block-html a {    
  text-decoration: none !important;    
  color: inherit !important;    
  transition: box-shadow 200ms !important;    
  background-image: none !important;
}
.sqs-block-html a:hover {    
  box-shadow: inset 0 -12px 0 0 #9AADC6 !important;
}
/*
===================================
    END HYPERLINK STYLING
===================================
*/


/*
===================================
    SECONDARY NAV
===================================
*/
//BG Color
.wm-secondary-sticky-wrapper .wm-secondary-container{
  background-color: #F3F2F1;}

//Hide on mobile
@media screen and (max-width: 768px) {
#wm-subnav{
 display:none; }}

//Reduce height
#wm-subnav .wm-secondary-container {
  padding-top: .5rem;
  padding-bottom: .5rem;}

//Center links
@media(min-width:700px) {
  .wm-secondary-container {
    justify-content: center !important;
  }
  .wm-subnav-nav-list{
   margin-right:0px !important; 
  }
}
/*
===================================
    END SECONDARY NAV
===================================
*/



/*
===================================
    HIDE ANNOUNCEMENT BAR ON ALL BUT HOME
===================================
*/
   .sqs-announcement-bar-dropzone {
    display: none;
}
/*
===================================
    END ANNOUNCEMENT BAR ON ALL BUT HOME
===================================
*/


/*
===================================
    SEARCH
===================================
*/
.header-search-bar{
  margin: 0 0 0 2.5vw;
}
@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width:  799px ){
  .header-search-bar{
    display:none;
    margin: 0 0 0 0vw;
  }
}
.header-search-bar  .search-input{
  border: 1px solid currentColor !important;
}
.header-search-bar  .search-input::placeholder{
  color: currentColor !important;
}
.mobile-header-search-bar{
  background-color: transparent;
  display:block;
  padding-left:3vw;
  padding-right:3vw;
}
.mobile-header-search-bar .preFade, .mobile-header-search-bar .preScale,.mobile-header-search-bar .preSlide,.mobile-header-search-bar .preClip, .header-search-bar .preFade, .header-search-bar .preScale, .header-search-bar .preSlide, .header-search-bar .preClip{
  opacity:1 !important;
  transform: scale(1) translate(0%,0%) !important;
  clip-path: unset !important;
}

//Border color
.header-search-bar .search-input{
    border: 1px #004c83 !important;
}

//Search word color
input[type="search"]{
  color:#004c83 !important;
}

//Remove border
.sqs-search-ui-button-wrapper .search-input.hover-effect:hover, .sqs-search-ui-button-wrapper .search-input.hover-effect:focus{
  outline: none !important;
}

//Light icon
.header-search-bar .search-input{
  background: url(/universal/images-v6/icons/icon-searchqueries-20-light.png) no-repeat 15px 50% !important;
}


//Style search results page
//Font styles
.sqs-search-container-item .sqs-title {font-family: 'OrangeSquashPro-Thin';}

.sqs-search-container-item .sqs-content {font-family: 'Afacad-Medium';}
/*
===================================
    END SEARCH
===================================
*/



/*
===================================
    ANNOUNCEMENT BAR
===================================
*/
//Remove gap under announcement bar
.announcement-bar-reserved-space .sqs-announcement-bar-dropzone {
  min-height: auto;
}
//Announcement bar styling
.sqs-announcement-bar-text p, .sqs-announcement-bar-text a { font-family: 'Afacad-Regular';
    font-size: 1.1rem !important;}
/*
===================================
    END ANNOUNCEMENT BAR
===================================
*/


/*
===================================
    SMOOTH SCROLL
===================================
*/
html {
scroll-behavior: smooth;
} 
/*
===================================
    END SMOOTH SCROLL
===================================
*/


/*
===================================
    NAV HOVER EFFECT
===================================
*/
.header-nav-item {
  position: relative;
  text-transform: uppercase;
  font-family: 'Afacad-Regular';}

.header-nav-item::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #e5edf3;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.header-nav-item:not(.header-nav-item--active):hover::before {
  transform: scaleX(1);
}
/*
===================================
    END NAV HOVER EFFECT
===================================
*/


/*
===================================
    HEADER SVG
===================================
*/
.Mobile-bar-branding-logo {
background-repeat: no-repeat;
background-image: url(https://static1.squarespace.com/static/662685d6f8020a4db9bbbaef/t/6668ba55b210850d23d7b81f/1718139477828/RS+Wordmark.svg);}
/*
===================================
    END HEADER SVG
===================================
*/


/*
===================================
    FOOTER
===================================
*/
//Move form submission 'thank you!' down
.sqs-block-newsletter .newsletter-form-header-title {font-family: 'Afacad-Regular'}
/*
===================================
    END FOOTER
===================================
*/


/*
===================================
    HOME PAGE
===================================
*/
//SECTION 1
//Tilt images
//Vacay Mode On
#block-d8dde85f0166057ec2a0 {transform: rotate(10deg)}
//Vacay Mode On Dark
#block-37fd845cede42be8a0bb
{transform: rotate(10deg)}



//Change polaroid color on hover
//Going Places
/* Change Image on Hover */
#block-3364e1b6857b5939b31f {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-3364e1b6857b5939b31f:hover {
  opacity: 1;
}

//Vacay Mode On
#block-37fd845cede42be8a0bb {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-37fd845cede42be8a0bb:hover {
  opacity: 1;
}

//SECTION 3
//Tilt text
//New post!
#block-yui_3_17_2_1_1718801481074_11735
{transform: rotate(10deg)}

//SECTION 4
//Tilt text
//Jet-Set-Go
#block-f2cc8e6bc49d2c757c92 {transform: rotate(-90deg)}

//Cleared for takeoff
#block-yui_3_17_2_1_1716915303211_94539 {transform: rotate(90deg)}

//Section --
//12 Days on a Cruise
#block-4835bae9338bc09e7f6a {transform: rotate(-90deg)}


//SECTION 5
//Tilt Images
//Croatia
#block-yui_3_17_2_1_1716915303211_108935 {transform: rotate(-10deg)}

//Croatia Dark
#block-b9f6c1bd393b30c0c2c2 {transform: rotate(-10deg)}

//South Africa
#block-01596c2eef7abb1ed898 {transform: rotate(10deg)}

//South Africa Dark
#block-bb1ba92eda9cc4ac52de {transform: rotate(10deg)}

//Boston
#block-1793ef597c489c69222b {transform: rotate(-15deg)}

//Boston Dark
#block-cfa6c8e4cc17e736b2bc {transform: rotate(-15deg)}

//Blue Mountain
#block-bfbcd3db435bba91a82b {transform: rotate(10deg)}

//Blue Mountain Dark
#block-76b33e99d998fac05a45 {transform: rotate(10deg)}


//Change polaroid color on hover
//Croatia
#block-b9f6c1bd393b30c0c2c2 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-b9f6c1bd393b30c0c2c2:hover {
  opacity: 1;
}

//South Africa
#block-bb1ba92eda9cc4ac52de {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-bb1ba92eda9cc4ac52de:hover {
  opacity: 1;
}

//Boston
#block-cfa6c8e4cc17e736b2bc {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-cfa6c8e4cc17e736b2bc:hover {
  opacity: 1;
}

//Blue Mountain
#block-76b33e99d998fac05a45 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-76b33e99d998fac05a45:hover {
  opacity: 1;
}


//SECTION 7
//Happy travels!
//Cleared for takeoff
#block-yui_3_17_2_1_1716920452055_84573 {transform: rotate(-10deg)}


//SECTION 10
//Tilt image
//The Newsletter
#block-yui_3_17_2_1_1716920452055_13951 {transform: rotate(-10deg)}

//The Newsletter Light
#block-c61ba87d42702625a44e {transform: rotate(-10deg)}

//Change polaroid color on hover
#block-c61ba87d42702625a44e {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-c61ba87d42702625a44e:hover {
  opacity: 1;
}


//SECTION 12
//Plane essentials!
#block-yui_3_17_2_1_1716920452055_152548 {transform: rotate(-10deg)}
/*
===================================
    END HOME PAGE
===================================
*/


/*
===================================
    ABOUT PAGE
===================================
*/
//Section 5
//Tilt text
//My First Solo Trip
#block-0190bb08fb334b75e391 {transform: rotate(-90deg)}

//Contact form styling
//Field title
.sqs-block-form .field-list .title, .sqs-block-form .form-submission-text {font-family: 'Afacad-Regular'; text-transform: uppercase; letter-spacing: .05rem; font-size: 1rem !important;}

//Input text styling

/* Form Block */
button, input {font-family: 'Afacad-Regular' !important;} 

//Hide required sign
.form-wrapper .react-form-contents .field-list .description.required {display:none;}
/*
===================================
    END ABOUT PAGE
===================================
*/


/*
===================================
    TRAVEL PAGE
===================================
*/
//Hide map section on mobile
@media(max-width:700px) { section[data-section-id="66b4e65c917b503ac9542a5f"]{display:none;}}

//Section 2
//Create padding on mobile
@media(max-width:700px) {  section[data-section-id="665662e117f1bc0da7a2995d"] {padding-top: 215px;}}

//Section 2
//Tile Images
//Croatia
#block-75230459b5c7c34892cf {transform: rotate(7deg)}

//Croatia Dark
#block-ae825bc5d6425af64f22 {transform: rotate(7deg)}

//South Africa
#block-03a6c632eb5e8033c131 {transform: rotate(-10deg)}

//South Africa Dark
#block-b4b082253595b2069b60 {transform: rotate(-10deg)}

//Boston
#block-6c219f0eea2379ab0eb8 {transform: rotate(12deg)}

//Boston Dark
#block-21677f22da91846442ca {transform: rotate(12deg)}

//Blue Mountain
#block-c6f20eed0eb55708f95f {transform: rotate(-9deg)}

//Blue Moutain Dark
#block-a554cfb05cfc5990f6b4 {transform: rotate(-9deg)}

//Nassau
#block-77bbbbb57504081367f1 {transform: rotate(2deg)}

//Nassau Dark
#block-da084a12bc0f1135282b {transform: rotate(2deg)}

//Change polaroid colors on hover
//Croatia
//Change polaroid color on hover
#block-ae825bc5d6425af64f22 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-ae825bc5d6425af64f22:hover {
  opacity: 1;
}

//South Africa
#block-b4b082253595b2069b60 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-b4b082253595b2069b60:hover {
  opacity: 1;
}

//Boston
#block-21677f22da91846442ca {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-21677f22da91846442ca:hover {
  opacity: 1;
}

//Blue Mountain
#block-a554cfb05cfc5990f6b4 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-a554cfb05cfc5990f6b4:hover {
  opacity: 1;
}

//Nassau
#block-da084a12bc0f1135282b {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-da084a12bc0f1135282b:hover {
  opacity: 1;
}

//Section 3
//Tilt text
//Pick Your Travel Flavor
#block-cd63a9660550aa3becbc {transform: rotate(-90deg)}

//Your Adventure Forecast
#block-abbb5f4c809540f4b01c {transform: rotate(90deg)}


//Section 5
//Image Tilts
//Back Image
#block-28f38ddf499ba9733f24 {transform: rotate(5deg)}

//Front Image
#block-62cf96c1a755c340b1e0 {transform: rotate(13deg)}

/*
===================================
    END TRAVEL PAGE
===================================
*/


/*
===================================
    FAVORITES PAGE
===================================
*/
//Section 1
//Remove white space below header
section[data-section-id="666b0aa0efbf416d051ca0d4"]{margin-top: -20px;}

//Sideways text
//On the go essentials
#block-89ac10b63e4c459c143b {transform: rotate(-90deg)}

//Sections 2-5
//Image Tilt
//Travel Favorites
#block-yui_3_17_2_1_1718066298523_3794 {transform: rotate(-10deg)}

//Travel Bags
#block-yui_3_17_2_1_1718066298523_19194 {transform: rotate(10deg)}

//Fashion
#block-yui_3_17_2_1_1718066298523_30529 {transform: rotate(-10deg)}

//Beauty
#block-yui_3_17_2_1_1718066298523_55696 {transform: rotate(10deg)}

//Tilt text
//Pack like a pro!
#block-yui_3_17_2_1_1718291061619_10866{
  transform:rotate(15deg);}

//Section 7
//Tilt text
//More to love!
#block-yui_3_17_2_1_1718066298523_99066{
  transform:rotate(-15deg);}
/*
===================================
    END FAVORITES PAGE
===================================
*/



/*
===================================
    TRAVEL FAVORITES PAGE
===================================
*/
//Section 1
//Carry-On Bags
#block-b5020595c4054509d6a1
{transform: rotate(4deg)}

//Section 2
//Personal Item
#block-168ab69de81adf6ec213
{transform: rotate(-4deg)}

//Section 3
//Makeup bags
#block-286442d1680e1f1bbe18
{transform: rotate(4deg)}

//Section 4
//Accessories
#block-7e3e4e686b311b5213e0
{transform: rotate(-4deg)}
/*
===================================
    END TRAVEL FAVORITES PAGE
===================================
*/


/*
===================================
    WORK WITH ME PAGE
===================================
*/
//Section 1
//Text Tilt
#block-yui_3_17_2_1_1717635437884_1613 {transform: rotate(-10deg)}

//Section 3
//Hide background shape on mobile
@media(max-width:1000px) {#block-yui_3_17_2_1_1717792674499_38253{display:none;}}

//Section 5
//Hide background and shape on mobile
@media(max-width:1000px) {#block-f46c6ff2e924258adbb8{display:none;}}

@media(max-width:1000px) {#block-yui_3_17_2_1_1718897439874_82216{display:none;}}

//Section 6
//Tilt text
//Book a Call!
#block-32d6e8eb0c4d49ee6810 {transform: rotate(-10deg)}

//Section 7
//Image Tilt
#block-a5be9826879968f59d0c {transform: rotate(12deg)}

//Front Image
#block-yui_3_17_2_1_1718124662141_13922 {transform: rotate(12deg)}

//Dark Image on Hover
//Nassau
#block-a5be9826879968f59d0c {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-a5be9826879968f59d0c:hover {
  opacity: 1;
}
/*
===================================
    END WORK WITH ME PAGE
===================================
*/


/*
===================================
    DIGITAL DOWNLOADS PAGE
===================================
*/
//Section 3
//Text Tilt
//Your next destination
#block-5c3c5a26c4b6ae77daff {transform: rotate(10deg)}
/*
===================================
    END DIGITAL DOWNLOADS PAGE
===================================
*/


/*
===================================
    TRAVEL GUIDE: BAHAMAS (Old Version)
===================================
*/
//Section 4
//Tilt text
//On island time
#block-yui_3_17_2_1_1718206746912_49076 {transform: rotate(10deg)}

//Move text and images closer
section[data-section-id="6669c49bf2020b339a1755cf"] {margin-top: -40px;}

//Section 5
//Tilt text
//Wasting away...
#block-yui_3_17_2_1_1718206746912_52864 {transform: rotate(-10deg)}

//Section 6
//Sideways text
//The Best Resort!
#block-ad77c4187200b18fc78f{
  transform:rotate(-90deg);}

//Section 8
//Tilt text
//Day Three
#block-c055f02ec223ee7b7060 {transform: rotate(-10deg)}

//Section 12
//Tilt text
//More Island Fun
#block-833ad978d4754fd7145b {transform: rotate(-10deg)}
/*
===================================
    END TRAVEL GUIDE: BAHAMAS (Old Version)
===================================
*/


/*
===================================
    TRAVEL GUIDE: BAHAMAS
===================================
*/
//Section 1
//Remove white gap below header
section[data-section-id="672d4161a671b25616d26580"] {margin-top: -20px;}

//Section 4
//Tilt text
//On island time
#block-f722d2a6f59705e30893 {transform: rotate(10deg)}

//Move text and images closer
section[data-section-id="66bf8e734f9ced1e4b4c09a2"]{margin-top: -40px;}

//Section 5
//Sideways text
//Insta-worthy bar!
#block-f04c1e64ffb399814376{
  transform:rotate(-90deg);}

//Section 7
//Tilt text
//Perfect Day Trip!
#block-e30587a554f9d3e1d8f8{transform: rotate(-10deg)}

//Section 11
//Tilt text
//More Island Fun
#block-dc89caf513096216171d {transform: rotate(-10deg)}
/*
===================================
    END TRAVEL GUIDE: BAHAMAS
===================================
*/


/*
===================================
    TRAVEL GUIDE: CROATIA
===================================
*/
//Section 1
//Remove white gap below header
section[data-section-id="67097808959b753ac9757bb2"]{margin-top: -20px;}

//Section 4
//Tilt text
//On island time
#block-1421bce967e5de7fdd0f {transform: rotate(10deg)}

//Move text and images closer
section[data-section-id="67097808959b753ac9757bbc"]{margin-top: -40px;}

//Section 5
//Sideways text
//Insta-worthy bar!
#block-cd09df2e1264bed4c6c3{
  transform:rotate(-90deg);}

//Section 7
//Tilt text
//Perfect Day Trip!
#block-0d40165a17702df3369e{transform: rotate(-10deg)}

//Section 11
//Tilt text
//More Island Fun
#block-ffc7fd1ee12d78be997a {transform: rotate(-10deg)}
/*
===================================
    END TRAVEL GUIDE: CROATIA
===================================
*/


/*
===================================
    TRAVEL GUIDE: ELORA MILL
===================================
*/
//Section 1
//Remove white gap below header
section[data-section-id="67097823767ecd1ab5561621"]{margin-top: -20px;}

//Section 4
//Tilt text
//Millside Magic
#block-b4279d05279a7c6d1d00 {transform: rotate(10deg)}

//Move text and images closer
section[data-section-id="67097823767ecd1ab556162b"]{margin-top: -40px;}

//Section 5
//Sideways text
//Tableside View
#block-67348e25332273da4b2f{
  transform:rotate(-90deg);}

//Section 7
//Tilt text
//Bucketlist stay!
#block-9f77fb180e16497fe32e{transform: rotate(-10deg)}

//Section 11
//Tilt text
//Looking for warmer weather...
#block-31f2255b34006a4f5a0b {transform: rotate(-10deg)}
/*
===================================
    END TRAVEL GUIDE: CROATIA
===================================
*/


/*
===================================
    TRAVEL GUIDE: BARCELONA
===================================
*/
//Section 1
//Remove white gap below header
section[data-section-id="6709783c78c8f45306f3084a"]{margin-top: -20px;}

//Section 4
//Tilt text
//Barcelona bound
#block-1039587e9b413bfc1664 {transform: rotate(10deg)}

//Move text and images closer
section[data-section-id="6709783c78c8f45306f30854"]{margin-top: -40px;}

//Section 5
//Sideways text
//Can't Miss
#block-6ea01eba9baad3ff796c{
  transform:rotate(-90deg);}

//Section 7
//Tilt text
//Tastes of Catalonia
#block-77f4c30d638ac3adc552{transform: rotate(-10deg)}

//Section 11
//Tilt text
//The next adventure!
#block-3a4fbcd8103f589a20b6 {transform: rotate(-10deg)}
/*
===================================
    END TRAVEL GUIDE: BARCELONA
===================================
*/


/*
===================================
    BLOG PAGE
===================================
*/
//Text Tilt
//Featured Favorites
#block-7891daa96a4ea354db82 {transform: rotate(-7deg)}

//Image Tilt
//1 
#block-ea67d0a0a3c5dffa345b {transform: rotate(-10deg)}

//1 Dark
#block-a9abcce32e20bd947422 {transform: rotate(-10deg)}

//2 
#block-eed06d4ded55e38a923b {transform: rotate(10deg)}

//2 Dark
#block-a24e6ce590e4d73530dd {transform: rotate(10deg)}

//Change Polaroid Cover on Hover
//1 
#block-a9abcce32e20bd947422 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-a9abcce32e20bd947422:hover {
  opacity: 1;
}

//1 
#block-a24e6ce590e4d73530dd {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-a24e6ce590e4d73530dd:hover {
  opacity: 1;
}

//Tilt text
//The best four days!
#block-2cba4c4cc1566aebfbf8{transform: rotate(10deg)}
/*
===================================
    END BLOG PAGE
===================================
*/


/*
===================================
    BLOG LIST
===================================
*/
//Category font
.blog-side-by-side .blog-categories-list a  {font-family: 'Afacad-Regular'; font-size: 1rem !important; text-transform: uppercase; letter-spacing: .05rem;}

//Title font
.blog-side-by-side .blog-title {font-family: 'OrangeSquashPro-Thin'}

//Button styling
.tweak-blog-side-by-side-text-alignment-left .blog-side-by-side .blog-more-link {font-family: 'Afacad-Regular'; color: #004c83;}

/*
===================================
    BLOG POSTS
===================================
*/
//Blog title font
.blog-item-wrapper .blog-item-title h1.entry-title {font-family: 'OrangeSquashPro-Thin';}

//Date and author hide
.blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span {display:none;}

//Pagination font
.item-pagination[data-collection-type^="blog"] .item-pagination-title {font-family: 'Afacad-Regular';}

//Width
body.has-sidebar:not(.sqs-edit-mode-active):not(.sidebar-is-stacked) .maincontent  {max-width: 1500px;}

//Image Caption
.image-slide-title {font-family: 'Afacad-Regular'; text-transform: uppercase; font-size: 1rem !important; letter-spacing: .05rem; font-weight: 600;}

//Padding Right Side
div.contentwrapper {padding-right: 300px; }

//Post width
@media screen and (min-width:641px) {
.Main--blog-item .Main-content {
    max-width: 80% !important;
    margin: auto !important;
}
}
/*
===================================
    END BLOG POST
===================================
*/


/*
===================================
    BLOG SUMMARY BLOCKS
===================================
*/
//Category font styling
.sqs-block-summary-v2 .summary-metadata-item a {font-family: 'Afacad-Medium'; font-size: 1.2rem !important; text-transform: uppercase; letter-spacing: .05rem;}

//Title font styling
a.summary-title-link {font-family: 'Afacad-Regular'; font-size: 1.5rem; line-height: 1.8rem;}

//Read more button font styling
a.summary-read-more-link {font-family: 'Afacad-Regular'; font-size: 1rem !important; text-transform: uppercase; letter-spacing: .05rem;}

/*
===================================
    END BLOG SUMMARY BLOCKS
===================================
*/


/*
===================================
    SHOP LANDING PAGE
===================================
*/
/*
===================================
    END SHOP LANDING PAGE
===================================
*/


/*
===================================
    PRODUCT LISTINGS
===================================
*/
//Title font
.ProductItem .ProductItem-details h1.ProductItem-details-title {font-family:'OrangeSquashPro-Thin'}

//Price font
.ProductItem .ProductItem-details .product-price {font-family: 'Afacad-Regular'}

//Add to cart button
.ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button {
   width: 50%;
   padding-top: 0.2em;
  padding-bottom: 0.2em;
font-family: 'Afacad-Regular' !important;
}

//Product description font color
.ProductItem-details-excerpt em {
color: #004C83 !important;}

/*
===================================
    END PRODUCT LISTINGS
===================================
*/


/*
===================================
    SHOPPING CART
===================================
*/
//Shopping cart title placement
.cart-title {padding-top: 25px; padding-bottom: 25px;}


//Item title
.css-b3eyut {font-family: 'Afacad-Regular'; font-size: 1.5rem;}

//$5.00
.cart-row-price {font-family: 'Afacad-Regular';}

//Subtotal
.cart-subtotal {font-family: 'Afacad-Regular' ; }

//.cart-button {width: 50%;}

//Navigation cart number font
.cart-style-icon .icon-cart-quantity:not(.legacy-cart) {font-family: 'Afacad-Regular';}
/*
===================================
    END SHOPPING CART
===================================
*/


/*
===================================
    DIGITAL PRODUCTS DEFAULT PAGE /STORE
===================================
*/
//Itineraries | Calendars font
a.nested-category-breadcrumb-link {font-family: 'Afacad-Regular'; text-transform: uppercase; letter-spacing: .05rem;}

//Product titles
div.grid-title {font-family: 'Afacad-Regular' !important;}

//Product price
div.product-price {font-family: 'Afacad-Regular' !important; font-size: 1rem;}

/*
===================================
    MOBILE MENU
===================================
*/
.site-wrapper .header-menu .header-menu-nav a:not(.btn) {font-family: 'Afacad-Regular'; font-size: 2rem !important; text-transform: uppercase; letter-spacing: .05rem;}
/*
===================================
    END MOBILE MENU
===================================
*/


/*
===================================
    FOOTER
===================================
*/
#block-b20fdce44002329bc2de {h2 {font-size: 1.5rem;}}
/*
===================================
    END FOOTER
===================================
*/


/*
===================================
    NEWSLETTER
===================================
*/
//Input field styling
.newsletter-form-field-element { 
background: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
  border-bottom: solid 1px #004C83 !important; }

//Input color
.sqs-block-newsletter input{font-color: #004C83 !important;}

//Placement
.sqs-block-newsletter .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
button.newsletter-form-button.sqs-system-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

//Field input
.homepage .field.email input, .homepage .field.email input::placeholder, .homepage .field.email input:focus {
  color: #004C83 !important;
  text-transform: Uppercase !important;
  font-size: 1rem !important; letter-spacing: .05rem; text-align: center; 
}
/*
===================================
    END NEWSLETTER
===================================
*/
Resources

Brand Details

Brand Colors

Font Hierarchy

Heading 1: Orange Squash Pro Thin

Heading 2: Avanti Script Bold

Heading 3: Afacad Regular

Heading 3: Afacad Regular

Training Videos

Basic Editing

Editing the Travel Map

Creating Jump Links

Announcement Bar, Section Styles, Etc.

Adding Styling with CSS

Block ID Finder

Blog & Digital products

Formatting Mobile

Editing the Secondary Nav

Image Corner Cutouts

Illustrator Template

Loom Tutorial

Canva Templates

Home Page Map w/ Arrow

Polaroids

digital product download cards

Tips

Monthly Retainers

Need more support? We offer monthly retainers to help keep your website up to date. Some of the items that can be covered with a retainer include:

CSS Backup

rileejsmith.com CSS Backup - 11/7/24

Travel

Learn

Follow along on Instagram

@rileejsmith
