/*
 Theme Name:   Salient Child
 Version:     18.2.1
 Theme URI:    https:/castperfected.ca
 Description:  Child theme for Salient
 Author:       Bryan Crisostomo
 Template:     salient
 Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');

.lato-regular, .lato-bold, .lato-black {
  font-family: "Lato", sans-serif;
  font-style: normal;
}

.libre-baskerville-regular, .libre-baskerville-4-bold {
  font-family: "Libre Baskerville", serif;
  font-style: normal;
}

.lato-regular { font-weight: 400; }
.lato-bold { font-weight: 700; }
.lato-black { font-weight: 900; }
.libre-baskerville-regular { font-weight: 400; }
.libre-baskerville-4-bold { font-weight: 700; }

body { font-family: "Lato", sans-serif; color: #000!important; }

h1, h2, h3, h4, h5, h6 {    
  font-family: "Libre Baskerville", serif;
  color: #000;
  font-weight: 700;         
  line-height: 1.25;
  letter-spacing: -0.025em;  
  text-rendering: optimizeLegibility;
}

h1 { font-size: 64px; line-height: 78px; }
h2 { font-size: 50px; line-height: 60px; }
h3 { font-size: 40px; line-height: 44px; }
h4 { font-size: 30px; line-height: 34px; }
h5 { font-size: 26px; line-height: 32px; }
h6 { font-size: 24px; line-height: 30px; }

@media screen and (max-width:690px) {
	.mission-statement h2 { font-size: 30px; line-height: 36px; }

	h1,
	.nectar-text-inline-images__inner h1,
	.nectar-text-inline-images__inner h1 span { 
		font-size: 50px!important; 
		line-height: 60px!important; 
	}
	h2,
	.nectar-text-inline-images__inner h2,
	.nectar-text-inline-images__inner h2 span { 
		font-size: 40px!important; 
		line-height: 48px!important; 
	}	
	#mission-statement h2 {
		font-size: 32px!important; 
		line-height: 40px!important; 
	}
}
.small-caps { text-transform: uppercase; font: 900 0.85em/1.5 "Lato", sans-serif; letter-spacing:.25em; }
p { font: 400 20px/1.5 "Lato", sans-serif; color: #000; }
.sub-title p { font: 400 24px/1.5 "Lato", sans-serif; }

.nectar-list-item h4 { font-size: 24px; line-height: 30px; }
.nectar-list-item h5 { font-size: 18px; line-height: 22px; }
.nectar-list-item p { font-size: 16px; line-height: 22px; }
.forminator-label { text-transform: uppercase; font: 900 1em/1.5 "Libre Baskerville", serif; letter-spacing:.25em; }

.nectar-text-inline-images__inner h1,
.nectar-text-inline-images__inner h1 span { font-size: 64px; line-height: 78px; }

.nectar-text-inline-images__inner h2,
.nectar-text-inline-images__inner h2 span { font-size: 50px; line-height: 60px; }
.dark-blue { color: #052e5c!important; }
.lite-blue { color: #53afa2!important; }
.lighter-blue { color:#f1fcff!important; }
.white { color: #fff!important; }

/* Button */
.nectar-button-type .link_wrap { box-shadow: 8px 8px 0 #052e5c!important; border-radius: 3px; }
.ko-button .nectar-button-type .link_wrap { box-shadow: 8px 8px 0 #fff !important; }
body[data-button-style*="slightly_rounded"] button {
	padding: 8px 20px; 
	background:#052e5c; 
	color:#fff; 
	border: 2px solid #052e5c;
}
body[data-button-style*="slightly_rounded"] button:hover {
	background:#53afa2; 
	border: 2px solid #53afa2;
}

/* Nav */
span.menu-title-text { font: 700 16px/1.125 "Lato", sans-serif; color: #052e5c; }

/* Faqs */
body #faq-toggle div[data-style*=minimal] .toggle>.toggle-title a, 
body #faq-toggle div[data-style*=minimal] .toggle.open>.toggle-title a, 
body #faq-toggle div[data-style*=minimal] .toggle>.toggle-title a {
    background-color: #EEF7F9;
}
body #faq-toggle div[data-style="minimal"] .toggle { margin-bottom: 20px!important; }

#faq-toggle div[data-style*=minimal] .toggle>.toggle-title i {
    border: 2px solid #3C4053;
    background: #3C4053;
    border-radius: 30px 30px;
    margin-right: 2%;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
}
#faq-toggle .toggles { background-color: #fff; }
#faq-toggle div[data-style="minimal"] .toggle>div .inner-toggle-wrap { padding: 1% 5%!important; }
#faq-toggle div[data-style*=minimal] .toggle>div { background-color: #fff; }
#faq-toggle div[data-style="minimal"] .toggle { border-bottom: none!important; }

div[data-style="minimal"] .toggle>.toggle-title i:before, 
div[data-style="minimal"] .toggle>.toggle-title i:after {
    background-color: #fff!important;
}
#faq-toggle .toggle>.toggle-title a {
    color: #000;
    font-size: 23px;
    font-weight: 700;
    line-height: 33px;
    padding: 2% 12% 2% 5%}
#faq-toggle .inner-toggle-wrap p {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
}
@media screen and (max-width:690px) {
		#faq-toggle .toggle>.toggle-title a {
		font-size: 18px;
		line-height: 26px;
	}
	#faq-toggle .inner-toggle-wrap p {
		font-size: 16px;
	}
}
/* image with text */
.iwithtext .iwt-text {
    padding-top: 4px;
    font-size: 20px;
	font-weight: 900;
}
/* hero section */
@media screen and (min-width: 1025px) {
    .hero-with-image.hero.wpb_row .row-bg-wrap .row-bg-overlay {
        transform: skewX(0deg) translateX(-40%);
    }
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
.eyebrow p {
    margin: 0 0 1.25rem;
	letter-spacing:.25em;
    text-transform: uppercase;
	font: 900 1em/1.5 "Lato", sans-serif; color: #052e5c;
}
.eyebrow::before {
  content: "";
  display: inline-block;
  width: 30px; 
  height: 3px;     
  background-color: #53afa2; 
}
.designed-for {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem 1.4rem;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #000;
  font: 900 1em/1.5 "Lato", sans-serif; color: #052e5c;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.designed-for li { position: relative; }

.gap-it-top { margin-top: 10px!important; }

/* skills lab section */
.station-list {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.station-number {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid #53afa2;
    color: #6fe3d3;
    font-weight: 990;
}
.station-list li {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 1.2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.station-list p {
    margin: .25rem 0 0;
	font: 700 1.15em/1.5 "Lato", sans-serif;
}
/* Workshops page */
.nectar-hor-list-item[data-columns="4"][data-column-layout=large_first]>div:nth-child(1) { width: 30%; }
.nectar-hor-list-item[data-columns="4"][data-column-layout=large_first]>div:nth-child(2) { width: 43%; }
.nectar-hor-list-item[data-columns="4"][data-column-layout=large_first]>div:nth-child(3) { width: 15%; }
.nectar-hor-list-item[data-columns="4"][data-column-layout=large_first]>div:nth-child(4) { width: 12%; }

.toggle-row { display: none; }
.toggle-row.is-visible { display: block; }

/* course button */
.nectar-hor-list-item[data-hover-effect=full_border] .nectar-list-item-btn {
	border: 2px solid #052e5c;
	color: #052e5c;
	font-weight:700;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: 5px 5px 0 #052e5c !important;
}
.nectar-hor-list-item[data-hover-effect=full_border] .nectar-list-item-btn:hover {
	border: 2px solid #052e5c;
	color: #fff!important;
	background-color: rgba(5, 46, 92, 1);
	box-shadow: 5px 5px 0 #052e5c !important;
}

/* form section */
input[name="checkbox-1[]"][value="Ortho-tech-exam-review"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

input[name="checkbox-1[]"][value="Ortho-tech-exam-review"]:disabled ~ .forminator-checkbox-box {
    opacity: 0.5;
}

input[name="checkbox-1[]"][value="Ortho-tech-exam-review"]:disabled ~ .forminator-checkbox-label {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Copy with Logo as C */
body .row .nectar-text-inline-images__marker img,
body .row #skills .nectar-text-inline-images__marker img {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: none;
    width: 90%;
}
body .row .nectar-text-inline-images__marker img { height: 89%; }
body .row #skills .nectar-text-inline-images__marker img { height: 83%; }

/* Bios */
#bio-sections h2 { font-size: 40px; line-height: 50px; }
#bio-sections p { font: 400 16px/1.5 "Lato", sans-serif; color: #000; }