@charset "UTF-8";

/* CSS Document */

/*
Theme Name: Pursuit Consulting
Theme URI: https://pursuitconsulting.org/
Author: Consociate
Author URI: consociate.marketing
Text Domain: pursuit
*/

/* GENERAL 
#################################################### */

body { font-family: "proxima-nova", sans-serif; font-weight: 400; font-style: normal; font-size: 18px }

b, strong, .bold { font-weight: 700 }

h1, h2, h3, h4, h5 { font-family: "raleway", sans-serif; font-weight: 700; line-height: 1.25em; margin-bottom: 1.5rem }
h1 { font-size: 60px }
h2 { font-size: 50px }
h3 { font-size: 40px }
h4 { font-size: 30px }
h5 { font-size: 26px }
h6 { font-size: 22px }

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

.norm { font-weight: 400 }
.bold { font-weight: 700 }
.extra { font-weight: 800 }

.caps { text-transform: uppercase }
.small, small { font-size: .65em }

.script { font-family: "espiritu-script", sans-serif }

.txt-green { color: #007582 }
.txt-orange { color: #FF5D36 }
.txt-dark { color: #0B2340 }

.bg-green { background-color: #007582 }

/* Nav */

.navbar { background: url("images/header-top.svg") center top no-repeat; background-size: 100% auto; padding: 35px 0 }
.navbar-expand-lg .navbar-nav .nav-link { font-weight: 700; color: #000; margin-left: 15px; margin-right: 15px }
.navbar-expand-lg .navbar-nav .nav-link:hover { color: #007582 }
.logo img { width: 200px; height: auto }

#header { background: url("images/bg-fractal-geometric-white-1920.jpg") center top no-repeat;
	background-size: contain; margin-bottom: -100px }
#header .wrap { padding-top: 30%; width: 65%; margin: 0 auto; position: relative }
.wrap h1 {  }
.wrap img { position: absolute; right: 25px; bottom: -50px; width: 75px }
#mid { background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(216,223,234,1) 50%, rgba(255,255,255,1) 100%) }

#amplify { background: url("images/bg-jenny-select-fade.jpg") left center no-repeat; background-size: contain;  }
#amplify h3 { padding-top: 200px; padding-bottom: 200px }

#skills { padding-bottom: 100px }

#offers { background-color: #fff; 
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	padding: 50px; font-size: 16px; line-height: 1.75em }
#offers img { width: 115%; max-width: none }

#testimonials { padding-top: 150px; padding-bottom: 150px }

footer { background: rgb(11,35,64);
	background: linear-gradient(180deg, rgba(11,35,64,1) 0%, rgba(0,117,130,1) 100%);
	color: #fff; text-align: center; font-size: 16px; padding-top: 75px; padding-bottom: 50px 
}
footer a { color: #3298A3 }


#header-new { background: url("images/bg-river-delta-aerial-2300.jpg") center top no-repeat;
	background-size: cover; height: 65vh; margin-top: 115px; color: #fff }
#header-new h1 { background-color: #0B2340; padding: 10px 25px }
#header-new h5 { border: 1px solid #fff; padding: 10px 25px; display: inline-block }

#intro { padding-top: 50px; padding-bottom: 75px }
#intro .star { width: 150px; height: auto }

.jenny { background: url("images/bg-jenny-headshot-chair-square-1920.jpg") right center no-repeat; background-size: 75% auto; 
	padding-top: 150px; padding-bottom: 150px; margin-top: -10px }
.jenny img { padding: 25px 25px 25px 0 }
.jenny #offers { background: rgba(255,255,255,0.9) }
.jenny .quote { margin-top: 15px }
.jenny .quote img { padding: 0 }
.jenny .quote h6 { margin-top: 15px }

#intro .col-md-9 { border-bottom: 5px solid #0B2340; padding-left: 25px; padding-top: 40px; padding-bottom: 40px }
#intro .arrow { max-width: 125px; padding-right: 25px }

#amp { background: rgb(255,255,255);
background: linear-gradient(170deg, rgba(255,255,255,1) 0%, rgba(216,223,234,1) 50%, rgba(255,255,255,1) 100%);
	padding-top: 150px; padding-bottom: 150px }

.ADA { padding-top: 50px }

/* Pages */

/*
####################################################
C O M P O N E N T S
####################################################
*/

/* IMAGES */

img { max-width: 100%; height: auto; }


/* LINKS */

a { text-decoration: none; transition: 200ms; font-weight: 700; color: #F99523 }
a:hover { color: #fff }

a img { transition: 200ms }
a img:hover { transform: scale(.97) }

/* BUTTONS */

.btn { border: none; padding: 12px 20px 10px 20px; font-size: 17px; color: #fff; text-transform: uppercase }
.btn:hover { background: #000; color: #fff  }

.wp-block-button__link { transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 18px }
.wp-block-button__link:hover { background-color: #003D52 !important }

/* Shadows */

.shadow { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px !important; }

.shadow-text { text-shadow: -1px -1px 1px #fff, 1px 1px 1px rgba(0,0,0,.50) }

/* Spacing */

.max-800, .max-1000, .max-1200, .max-w { margin-left: auto; margin-right: auto }
.max-800 { max-width: 800px }
.max-1000 { max-width: 1000px }
.max-1200 { max-width: 1000px }

.mar-0 { margin: 0 }

.flush { padding-left: 0; padding-right: 0 }

/*
####################################################
E X T R A S
####################################################
*/

/* Anchor scroll sticky menu offset */
html {
  scroll-padding-top: 275px;
}

/* WP admin bar offset */
body.admin-bar .navbar {
    margin-top: 32px;
}

/* Nav scroll */

.navbar-fixed-top.scrolled .logo img {
  width: 150px;
  transition: width 200ms ease
}
.navbar.navbar-fixed-top.scrolled { 
	background: rgba(255,255,255,0.95);
	transition: background 200ms ease
}

/* Full-width in WP Block Editor (Cover block) */
.alignfull {
    width:  100vw;
    max-width:  100vw;
    margin-left:  calc(50% - 50vw);
}
.wp-block-cover.alignfull {
    padding-top: 100px; padding-bottom: 100px; margin-top: 50px; margin-bottom: 75px
}

.wp-block-cover__inner-container { max-width: 1200px }

#XXX { overflow-x: hidden } /* Fix for PC horizontal scroll bars with .alignfull */

/* Image Wraps */

.crop { height: 300px }
.crop img { 
	object-fit: cover;
    width: 100%;
    height: 100% !important;
}

/* Nav dropdown on hover */
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}