Heading 1: 52px - 105px

Heading 2 : 48px - 84px

Heading 2 + Big Class: 52px - 105px

Heading 3 : 35px - 54px

Heading 4 : 20px - 28px

Heading 5: 18px - 26px

Heading 6: 20px - 25px

Fonts

Heading Font: DIN Condensed

Paragraph Font: Lato

Paragraph

Lorem ipsum dolor sit amet _molestie ^cursus aliquet. Placerat bibendum fringilla torquent rhoncus nisi vitae aliquam felis maximus suscipit.

Interdum at magnis augue condimentum auctor ante. Non netus euismod purus finibus dui.

Social Icons

class: site-social-primary

facebookinstagramlinkedintwitteryoutubetiktok

Block Quotes

Default Blockquote

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
Author 

Custom Blockquote - Dark Text Cite with Flag

"MY CAMP EXPERIENCE WAS REALLY GOOD AND FUN. THE ACTIVITIES WERE REALLY WELL PLANNED WITH A LOT OF GOOD EXPERIENCES TO REMEMBER FOREVER."

SUKI

LOREM IPSUM

Custom Blockquote - Light Text Cite with Flag

Should be used with a background color or image background

"MY CAMP EXPERIENCE WAS REALLY GOOD AND FUN. THE ACTIVITIES WERE REALLY WELL PLANNED WITH A LOT OF GOOD EXPERIENCES TO REMEMBER FOREVER."

SUKI

LOREM IPSUM

Colors

• Primary (main color): #195a66
• Secondary: #0d2d33
• Tertiary: #EFB13D
• Text (Default text color): #195a66

Ordered List

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Unordered List

• Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
• Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
• Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Color Styles

• Style: Primary Color
• Class: site-primary-color

This text color is primary color

• Style: Secondary Color
• Class: site-secondary-color

This text color is secondary color

• Style: Tertiary Color
• Class: site-tertiary-color

This text color is tertiary color

Buttons

Styles: 

• Color: Primary (class: site-button-primary)
• Color: Secondary (class: site-button-secondary)
• Color: Tertiary (class: site-button-tertiary)
• Color :White (class: site-button-white)

Site Button Primary

Site Button Secondary

Site Button Tertiary

Site Button White

Styles:

• Color: Primary, Type: Border (classes: site-button-primary, site-button-border)
• Color: Secondary, Type: Border (classes: site-button-secondary, site-button-border)
• Color: Tertiary, Type: Border (classes: site-button-tertiary, site-button-border)

Site Button Border Primary

Site Button Border Secondary

Site Button Border Tertiary

Styles:

• Color: Primary, Size: Full Width (classes: site-button-primary, site-button-full-width)
• Color: Secondary, Size: Full Width (classes: site-button-secondary, site-button-full-width)
• Color: Tertiary, Size: Full Width (classes: site-button-tertiary, site-button-full-width)

Site Button Full Primary

Site Button Full Secondary

Site Button Full Tertiary

Styles: 

• Color: Primary, Button: Site Button Arrow Icon (classes: site-button-primary, site-button-arrow)
• Color: Secondary, Button: Site Button Arrow Icon (classes: site-button-secondary, site-button-arrow)
• Color: Tertiary, Button: Site Button Arrow Icon (classes: site-button-tertiary, site-button-arrow)

Site Button Arrow Primary

Site Button Arrow Secondary

Site Button Arrow Tertiary

Styles:

• Color: Primary, Button: Site Button No Icon (classes: site-button-primary, site-button-no-icon)
• Color: Secondary, Button: Site Button No Icon (classes: site-button-secondary, site-button-no-icon)
• Color: Tertiary, Button: Site Button No Icon (classes: site-button-tertiary, site-button-no-icon)

Site Button No-Icon Primary

Site Button No-Icon Secondary

Site Button No-Icon Tertiary

Class: [any button class above] + video-popup-button

Youtube video

Vimeo video

Page popup

Class: custom-play-button + video-popup-button

Custom Play Button

Image Options

Add Rounded Corners and/or Drop Shadow

Apply directly to image. Select Image, choose Image Properties from the pop up, type in the class in the "Enter CSS Class" field.

• Style: Rounded Corners
• Class: site-rounded-corners
• Style: Drop Shadow
• Class: custom-drop-shadow

Add a Caption over an Image

• Insert Template (from the dropdown menu)
• Select Image with Caption
• Replace Image, Replace Caption Text
• Click on Image for Image Properties to add custom classes (see above)

This is the Image Caption

Gallery Options

Number of thumbnails to show on desktop:
Classes: site-thumbnail-dt-1 site-thumbnail-dt-6 (variation of 1 to 6)

Number of thumbnail to show on Mobile:
Classes: site-thumbnail-mob-1 site-thumbnail-mob-6 (variation of 1 to 6)

Grid Classes

site-col-1 (1/12 column width)
site-col-2 (2/12 column width)
site-col-3 (3/12 column width)
site-col-4 (4/12 column width)
site-col-5 (5/12 column width)
site-col-6 (6/12 column width)
site-col-7 (7/12 column width)
site-col-8 (8/12 column width)
site-col-9 (9/12 column width)
site-col-10 (10/12 column width)
site-col-11 (11/12 column width)
site-col-12 (12/12 column width)
site-row (starts a new row under the previous feature)
site-row-block-(any name) - adds class to site-row-container
site-clear-grid (clears previous grid floats / resets grid)
site-col-full-width (makes the feature full width)
site-right-block (floats the feature to the right)