/*
 Theme Name:   Iconikmark
 Description:  Child Theme based on Ultra Theme
 Author:       OFF unit
 Author URI:   https://offunit.com
 Template:     themify-ultra
 Version:      1.0.0
*/

/* Custom Fonts */


/* Reset */
#headerwrap, #footerwrap {border: none; }
#footerwrap { border-top: none; }
#content { padding:0; }
.footer-text a { color: var(--light-green); }

.footer-horizontal-left .footer-left-wrap, .footer-left-col .main-col { width: 6%; }

/* Sticky header hot fix */
.fixed-header .header-bar, .fixed-header .search-button, .fixed-header .header-widget {
    display: block;
}

/* Variables */
:root { --white: #fff; --black: #000; --dark-gray: #212427; --light-gray: #dee2e5; --dark-green: #19472d/*#13462c*/; --light-green: #61c19f; --peach: #dcad7f; --cover-color: /*#3c6e51 #2f6044*/#fff; }

body { font-family: "jubilat", sans-serif; background-color: var(--dark-green); color: var(--white); font-size: 1.2em; }
p { line-height: 1.3em; }

/* Nav Stylings */
.navbar-wrapper { justify-content: normal; position: relative; top: 15px; }
#main-nav .current-menu-item>a, #main-nav .current_page_item>a, #main-nav a:hover, #main-nav ul a:hover { color: var(--light-green); }
#main-nav li, .footer-nav li { border-right: 1px solid var(--white); }
#main-nav li:last-child, .footer-nav li:last-child { border-right: none; }
#main-nav a { padding: 0 .8em; }
.footer-nav a { color: var(--white); }
.footer-nav li a:hover { color: var(--light-green); }

:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .footer-nav a { margin: 0 1em; }

#block-11 { margin-top: -90px; }

/* Headings */
h2 { font-weight: 400; font-size: 4em; letter-spacing: .01em; margin: 0; }
h3 { font-weight: 200; font-size: 2em; letter-spacing: .01em; line-height: 1.1em; margin: 0; color: var(--light-green); }
h4 { font-weight: 200; font-size: 1.8em; letter-spacing: .01em; color: var(--white); }

/* Fonts */
.halyard { font-family:"halyard-display"; }
.font-size--8em { font-size: 8em; }
.font-size--3em { font-size: 3em; }
.font-weight--600 { font-weight: 600; }
.font-weight--400 { font-weight: 400; }
.font-weight--300 { font-weight: 300; }
.line-height--1_1em { line-height: 1.1em; }
.line-height--1_3em { line-height: 1.3em; }

.text-align--right { text-align: right; }
.text-align--center { text-align: center; }

/* Colors */ 
.color--white { color: var(--white); }
.color--black { color: var(--black); }
.color--dark-gray { color: var(--dark-gray); }
.color--light-gray { color: var(--light-gray); }
.color--dark-green { color: var(--dark-green); }
.color--light-green { color: var(--light-green); }
.color--peach { color: var(--peach); }

/* Contact */

.module .control-label { display: none; }
#contact textarea { min-height: 7.5em; }
#contact button { background-color: var(--light-green); font-weight: 400; }
#contact .control-input { text-align: right; }

/* Scroll Effect */

.scroll-reveal-section {
  min-height: 200vh;
  padding: 20vh 8vw;
  /*background: #0f0f10;*/
}

.scroll-reveal {
  max-width: 100%;
  font-size: clamp(1.6rem, 3.5vw, 2.8rem);
  line-height: 1.1em;
  font-weight: 200;
  letter-spacing: 0.01em;
}

.scroll-reveal .word {
  position: relative;
  display: inline-block;
}

.scroll-reveal .word-base,
.scroll-reveal .word-cover {
  display: block;
  white-space: pre;
}

.scroll-reveal .word-base {
  color: var(--reveal-color, /*#39ff14*/var(--light-green));
}

.scroll-reveal .word-cover {
  position: absolute;
  inset: 0;
  color: var(--cover-color);
  opacity: var(--cover-opacity, .5);
  pointer-events: none;
}

/* ---------------- */
/* COLOR CLASSES */
/* ---------------- */

.word.green { --reveal-color:#39ff14; }
.word.blue { --reveal-color:#00e5ff; }
.word.purple { --reveal-color:#ff5cfb; }
.word.yellow { --reveal-color:#ffe600; }
.word.orange { --reveal-color:#ff8c00; }
.word.dark-gray { --reveal-color: var(--dark-gray); }
.word.peach { --reveal-color: var(--peach); }
.word.white { --reveal-color: var(--white); }

/* ---------------- */
/* STYLE CLASSES */
/* ---------------- */

.word.bold .word-base,
.word.bold .word-cover {
  font-weight:900;
}

.word.font-weight--400 .word-base,
.word.font-weight--400 .wodr-cover {
	font-weight: 400;
}
.word.font-weight--600 .word-base,
.word.font-weight--600 .wodr-cover {
	font-weight: 600;
}

.word.italic .word-base,
.word.italic .word-cover {
  font-style:italic;
}

.word.font2 .word-base,
.word.font2 .word-cover {
  font-family:Georgia, serif;
}

.word.font--halyard .word-base,
.word.font--halyard .word-cover {
	font-family: "halyard-display", serif;
}

.word.big .word-base,
.word.big .word-cover {
  transform:scale(1.08);
  transform-origin:center bottom;
}

.word.glow .word-base {
  text-shadow:
    0 0 8px color-mix(in srgb, var(--reveal-color) 55%, transparent),
    0 0 18px color-mix(in srgb, var(--reveal-color) 35%, transparent);
}

.word.outline .word-base,
.word.outline .word-cover {
  -webkit-text-stroke:1px currentColor;
}
    
.scroll-reveal p {
	line-height: 1.1em;
  margin-bottom: 0;
}    

/* END OF Scroll Effect */

@media (max-width: 760px) {
	h2 { font-size: 2.2em; line-height: 1em; }
	.font-size--8em { font-size: 3.5em; }
	.font-size--3em { font-size: 2.2em; }
	
	.footer-horizontal-left .footer-left-wrap { width: 100%; }
}

@media screen and (max-width: 1100px) {
	.header-icons { display: none !important; }
	.fixed-header .header-icons { display: block !important; }
}