/*
Theme Name: Capital Factory
Description: Template
Version: 1.0
Author: Maven Creative
*/


@import "css/bootstrap.min.css";


* { font-optical-sizing: auto; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body {overflow-x: hidden;background: #f2a902; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.slide-out-open {right: 60%;}

body.bg-color-grey {background: #d6d2c3;}
body.bg-color-blue {background: #009bc6;}
body.bg-color-green {background: #43695b;}

a {text-decoration: none; color: #00022b; cursor: pointer;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
a:hover {text-decoration: none;}
.clear {clear: both;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 0 20px 20px;}
.v-align {display: flex; align-items: center; align-content:center; flex-direction: column; justify-content: center}
img {max-width: 100%;}
.z-2 { z-index: 2; }

.ratio { display: block; position: relative;overflow: hidden; }
.ratio:before { content: ''; display: block; padding-bottom: var(--aspect-ratio); }
.ratio img, .ratio video, .ratio iframe { object-fit: cover; position: absolute; left: 0; top: 0; height: 101%; width: 101%; }

.btn {font-size: 15px; font-weight: 500; padding-left: 25px; padding-right: 25px; font-weight: 600; text-decoration: none !important; outline: none !important; box-shadow: none !important}
.btn-white { background: #f8f7f1; border-radius: 100px; }
.btn-black { background: #000; color: #f2a902; border-radius: 100px; font-size: 12px; line-height: 1; padding: 12px 28px; text-transform: uppercase; letter-spacing: .9px; }
.btn-black:hover { background: #f2a902; color: #000; }

.btn-big { padding-top: 14px; padding-bottom: 14px; font-size: 18px; }
.btn-primary { background: #f2a902; border-radius: 100px; border:2px solid #f2a902; color: #000; font-size: 17px; padding: 10px 40px; letter-spacing: 0.5px}
.btn-primary img { transition: filter .15s ease-in-out; }
.btn-primary:hover img { filter: brightness(0) invert(100%); }
.btn-primary:active,
.btn-primary:hover {background: #FFF !important; color: #000 !important; border: 2px solid #FFF !important;}
.btn-secondary { background: #fff; border-radius: 100px; border:2px solid #fff; color: #000; font-size: 17px; padding: 10px 40px; letter-spacing: 0.5px }
.btn-outline-yellow {border:3px solid #f2a902; border-radius: 100px; color: #000; font-size: 18px; padding: 10px 40px; letter-spacing: 0.5px}
.btn-outline-yellow:hover { background: #f2a902; color: #000;}
.btn-outline-white {border:3px solid #fff; border-radius: 100px; color: #000; font-size: 18px; letter-spacing: 0.5px;}
.btn-md {font-family:Helvetica; font-size: 12px; text-transform: uppercase; letter-spacing: 1px}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #f3f0e6;}
.bg-cream .h1, .bg-cream .h2, .bg-cream .h3, .bg-cream .h4, .bg-cream .h5, .bg-cream .h6, 
.bg-cream h1, .bg-cream h2, .bg-cream h3, .bg-cream h4, .bg-cream h5, .bg-cream h6 { color: #000; }
.bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, 
.bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6 { color: #000; }
.spacer-xs {height: 5px}
.spacer-sm {height: 15px}
.spacer-md {height: 30px}
.spacer-lg {height: 45px}
.spacer-xl {height: 60px}
.spacer-xxl {height: 90px}

.lh-1-4 p { line-height: 1.4; }
.text-cream { color: #f3f0e6 !important; }
.text-black { color: #000 !important; }

p {font-weight: 500; font-size: 18px; margin-bottom: 30px; line-height: 1.5;}

.p-30 {padding: 30px;}
.p-45 {padding: 45px;}
.p-60 {padding: 60px;}
.p-75 {padding: 75px;}

.pl-60 {padding-left: 60px;}

.rounded-corners-1 {border-radius: 72px; overflow: hidden; }
.rounded-corners-2 {border-radius: 20px; overflow: hidden;}
.rounded-corners-3 {border-radius: 30px; overflow: hidden;}
.rounded-corners-4 {border-radius: 15px; overflow: hidden;}
.rounded-corners-5 {border-radius: 5px; overflow: hidden;}

.display-xxl {font-family: 'Heading Now 10'; font-size: 84px; text-transform: uppercase; line-height: 0.9}
.display-xl {font-family: 'Heading Now 57'; font-size: 84px; text-transform: uppercase; line-height: 0.9}
.display-lg {font-family: 'Heading Now 57'; font-size: 32px}
.display-md {font-family: 'Heading Now 2'; font-size: 24px; text-transform: uppercase;}
.display-sm {font-family: 'Heading Now 57'; font-size: 42px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase;}
.display-xs {font-family: 'Heading Now 1'; font-size: 12px; letter-spacing: 1px; font-weight: 500}

.heading-1 {font-family: 'Heading Now 1';}
.heading-2 {font-family: 'Heading Now 2';}
.heading-10 {font-family: 'Heading Now 10';}
.heading-55 {font-family: 'Heading Now 55';}
.heading-57 {font-family: 'Heading Now 57';}

.gap-xxs { gap: 8px; }
.gap-xs { gap: 10px !important; }
.gap-sm { gap: 20px; }
.gap-md { gap: 30px; }
.overflow-hidden { overflow: hidden; }

.text-xl {font-size: 20px; letter-spacing: 0.2px}
.text-lg {font-size: 16px; letter-spacing: 0.2px}
.text-md {font-size: 14px; letter-spacing: 0.2px}
.text-sm {font-size: 12px; letter-spacing: 0.2px}
.text-xl p, .text-lg p, .text-md p, .text-sm p { font-family: inherit; font-size: inherit; }

.text-dark {color: #00022b !important;}
.text-light {color: #f3f0e6 !important;}


section.spacing-top-extra-large {padding-top: 120px;}
section.spacing-top-large {padding-top: 90px;}
section.spacing-top-medium {padding-top: 60px;}

section.spacing-bottom-extra-large {margin-bottom: 120px;}
section.spacing-bottom-large {margin-bottom: 90px;}
section.spacing-bottom-medium {margin-bottom: 60px;}
section.spacing-bottom-small {margin-bottom: 30px;}


section.overlap {padding-top: 1px;}
section.overlap .module-wrap:first-child {margin-top: 0;}
section.overlap .module-wrap {margin-top: -100px;}

section.group-padding .section-inside {padding: 30px 20px; max-width: 1455px; margin: 0 auto; border-radius: 60px;}
section.background-color-yellow .section-inside {background: #f2a902;}
section.background-color-gray .section-inside {background: #e1ded2;}
section.background-color-dark-green .section-inside {background: #0b1e15;}

.text-gray, .text-gray p, .text-gray a { color: rgba(0, 0, 0, .6); }
.bg-cream { background-color: #F3F0E5; }
.bg-gray { background-color: #D6D2C4; }
/* .bg-white {background: #f3f0e6 !important;} */
.b-orange { border: 4px solid #F2A900; }

.tags { display: flex; flex-wrap: wrap; gap: 10px 20px; padding-left: 0; margin-left: 0; margin-bottom: 0; }
.tags.tags-light .tag { background-color: #fff; }
.tags.tags-light .tag.is-active,
.tags.tags-light .tag:hover { color: #000; background-color: #F2A900; }
.tags .tag { padding: 4px 18px; }
.tag {border:3px solid #000000; display: inline-block; padding: 4px 25px; text-transform: uppercase; font-weight: 400; font-size: 12px; letter-spacing: 1px; border-radius: 100px; font-family: 'Heading Now 2';}

.tag.bd-white {border-color:#FFF;}
.tag.bd-light {border-color: rgba(255, 255, 255, .6); color: rgba(255, 255, 255, .6); }
.tag.bd-gray { border-color: #a3a79d; color: #a3a79d; }
.tag.bd-black { border-color: #000; }
.tag.bg-white { background: #f3f0e6; color: #000; }

.container {position: relative; max-width: 1485px}

.slick-arrow { width: 35px; height: 35px; }
.slick-arrow:before { content: none; }
.slick-arrow path { transition: fill .3s ease; }
.slick-arrow:not(.slick-disabled):hover path { fill: #000; }
.slick-prev svg { transform: scaleX(-1); }
.slick-disabled { pointer-events: none; }
.slick-disabled path { fill: rgba(255, 255, 255, .6); }

header {position: absolute; width: 100%; top: 0; z-index: 10}
header .container {display:flex; align-items:center; padding:20px 45px;}
header .logo { max-width: 163px; transition: all .3s ease;}
header .logo-container { display: block; width: 163px; position: relative;}
header .logo-container .logo-star {filter: invert()}
header .logo-container .logo-gear {
	position: absolute;
	filter: invert();
	left: 0;
	top: 0;
	transition: transform 0.05s linear;
}
header .spacer-right {width: 10%;}

.main-menu {background: rgba(0,0,0,0.5); border-radius: 100px; font-weight: 500; margin-top: 25px;transition: all .3s ease;}
.main-menu ul {margin: 0; padding: 0; display: flex; justify-content: space-between;}
.main-menu ul li { list-style: none; padding: 7px 20px; }
.main-menu ul li a { position: relative;display: block; color: #FFF; font-size: 15px; padding: 0 10px;}
.main-menu .has-children > a:before { content: ""; display: block; position: absolute; right: 0; left: 0; top: 100%; height: 0; }
.main-menu .has-children.has-hover > a:before { height: 50px; }
.main-menu ul .has-children .has-hover-icon { position: absolute; right: -5px; top: 0; }
.main-menu .has-hover .sub-menu { opacity: 1; pointer-events: all; transform: none; transition: transform 300ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.main-menu ul .sub-menu { box-shadow: 0px 4px 14px 0 rgba(0,0,0,.35); background-color: #fff; border-radius: 12px; opacity: 0; pointer-events: none; transform: translateY(-1rem); position: absolute; left: 0; right: 0; z-index: 2; top: calc(100% + 13px); transition: transform 0ms 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 350ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.main-menu ul .sub-menu li { padding: 0; position: relative; z-index: 2; }
.main-menu ul ul a { padding-left: 40px; padding-left: 40px; color: #000; }
.main-menu ul ul img { position: absolute; left: 0; top: 0; width: 28px; height: 28px; object-fit: contain; }
.main-menu .sub-menu-left { width: 100%; display: flex; }
.main-menu .sub-menu-left > a { background-color: #F3F0E5; display: block; padding: 27px 30px 40px 70px; width: 50%; border-radius: 12px; background-color: #F3F0E5; }
.main-menu .sub-menu-left img { top: 25px; left: 30px; }
.main-menu .sub-menu-right { gap: 26px; width: 50%; display: flex; flex-direction: column; padding: 27px 30px 40px; }
.main-menu .sub-menu-right img { top: -2px; left: 0; }
.sub-menu-title { font-weight: 700; font-size: 16px; }
.sub-menu-text { max-width: 230px; display: block; margin-top: 8px; color: #0B1E15; opacity: .5; font-size: 14px; line-height: 1.35; }
.sub-menu-title { transition: color .3s ease; }
.main-menu ul ul a:hover .sub-menu-title { color: #f2a902; }
.main-menu [aria-current="page"] { color: #f2a902; }

.nav { display: none; overflow: hidden; position: fixed; z-index: 3; height: 100svh; top: 0; left: 0; right: 0; background-color: #F3F0E5; }
.nav-scroller { -webkit-overflow-scrolling: touch; padding-top: 124px; width: 100%; max-height: 100%; overflow: auto; }
.nav-open header .logo { max-width: 65px; filter: brightness(0); }
.nav-open { overflow: hidden; }
.nav-open .main-menu { transform: translateY(-1rem); opacity: 0; pointer-events: none; }
.nav-open .menu-right { margin-top: 15px; }
.nav-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 26px 40px; }
.nav .container { padding: 0 60px; }
.nav-row > ul { margin-bottom: 0; min-height: 345px; background-color: #fff; list-style-type: none; border-radius: 20px; margin-left: 0; padding: 40px 30px; }
.nav-row > ul > li > a { color: #f2a902; font-size: 12px; text-transform: uppercase; margin-bottom: 25px; font-weight: 700; letter-spacing: .2px; }
.nav-row a { transition: .3s ease color; }
.nav-row a:hover { color: #f2a902; }
.nav-row .sub-menu { padding-left: 0; list-style-type: none; font-weight: 700; color: #000; }
.nav-row .sub-menu a { display: block; padding: 14px 12px; border-top: 2px solid #E7E4DA; }
.nav-row .sub-menu li:first-of-type a { border-top: 0; }
.nav-box { flex-wrap: wrap; position: relative; width: calc(200% + 40px); border-radius: 20px; overflow: hidden; color: #fff; background-color: #000; padding: 30px 22px 14px 30px; }
.nav-box:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to top,#000, transparent); }
.nav-box img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: cover; height: 100%; width: 100%; }
.nav-box span { position: relative; z-index: 2; display: block; }
.nav-box-date { width: 100%; font-size: 14px; font-weight: 700; }
.nav-box-title { width: 100%; padding-right: 100px; font-size: 32px; margin-top: 5px; font-weight: 700; }
.nav-box-cat { font-size: 14px; position: absolute !important; right: 22px; bottom: 14px; text-transform: uppercase; font-weight: 700; }
.nav .socials { gap: 24px; }
.nav .socials path { transition: fill .3s ease; }
.nav .socials a:hover path { fill: #f2a902; }

.menu-right {margin-top: 25px;transition: margin-top .3s ease;}
.menu-right .btn {height: 36px; text-transform: uppercase; line-height: 36px; padding: 0 20px;}
.menu-right .search-btn {padding-left: 0; padding-right: 0; width: 36px; }

.image-bg { position: relative; }
.image-bg > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.footer-top { color: #F3F0E5; }
.footer-top p { max-width: 640px; }
.footer-top > img { position: absolute; top: 0; left: 0; right: 0; object-fit: cover; bottom: 0; border-top-left-radius: 72px; border-top-right-radius: 72px; }
.footer-top .display-xl { font-size: 52px; line-height: 1; }
.footer-bottom { margin-top: -96px; z-index: 2; background-color: #E1DED2; }
.footer-bottom .logo { filter: brightness(0); max-width: 163px;}
.footer-bottom .grid {}
.footer-bottom h3 { font-size: 14px; color: #BF5700; margin-bottom: 20px; }
.footer-bottom .grid ul { display: flex; flex-direction: column; list-style-type: none; padding-left: 0; margin: 0; gap: 10px 0; }
.footer-bottom a:hover, 
.footer-bottom .current-menu-item { color: #BF5700; }
.footer-bottom .socials { gap: 23px; }
.footer-bottom .socials a path { transition: fill .3s ease; }
.footer-bottom .socials a:hover path { fill: #BF5700;; }
.footer-bottom .copy { max-width: 180px; font-size: 16px; }
.footer-bottom .copy p { margin-bottom: 0; }

ul#menu-footer { display: flex; flex-direction: row; list-style-type: none; padding-left: 0; margin: 0; gap: 0 0; justify-content: space-between;}
ul#menu-footer > li {display: block; padding: 0 20px; }
ul#menu-footer > li > a {font-size: 14px; color: #BF5700; margin-bottom: 20px; font-weight: 700; display: block}

.copy p { font-size: 15px; font-weight: 400; margin-bottom: 0; }
.copy a { text-decoration: underline !important; text-decoration-color: #000; }
.copy a:hover { color: #000; text-decoration-color: transparent !important; }
.newsletter { padding: 40px 60px 36px; color: #fff; background-color: #0B1E15; }
.newsletter h4 { font-size: 20px; margin-bottom: 20px; }
.newsletter p { font-size: 16px; max-width: 244px; line-height: 1.4; margin-bottom: 0}
.newsletter .gfield { position: relative; }
.newsletter .gfield input { font-weight: 500 !important; font-size: 12px !important; border: 3px solid #F2A900 !important; border-radius: 100px !important; color: #F3F0E5 !important; letter-spacing: 1px !important; background: transparent !important; padding: 12px 28px !important; text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 1.5px !important}
.newsletter .gfield input[type="email"] { min-width: 285px; }
.newsletter .gfield input::-webkit-input-placeholder, 
.newsletter .gfield input::-moz-placeholder, 
.newsletter .gfield input:-ms-input-placeholder,
.newsletter .gfield input:-moz-placeholder { font-size: 12px !important; font-weight: 500; font-family:Arial, Helvetica, sans-serif !important; color: #F3F0E5; letter-spacing: 1px; }
.newsletter .gform_fields { display: flex !important; }
.newsletter .gfield input[type="submit"] { font-size: 12px !important; background-color: #fff !important; color: #000 !important; }
.newsletter .gfield input[type="submit"]:hover { background: #F2A900 !important; }
.newsletter .gform_body .gfield .gform-loader { margin: -9px 20px; filter: brightness(0) invert(100%); position: absolute; left: 100%; top: 50%; transform: translateY(-50%); }
.newsletter .validation_message { width: 120%; position: absolute; left: 0; top: 100%; }
.newsletter .gform-footer {padding-top: 0 !important; margin: 0 !important}


.gform_wrapper {text-align: left;}
.gform_wrapper .gform_body legend,
.gform_wrapper .gform_body label {font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; opacity: 1; font-size: 12px; font-weight: 700;}
body .gform_wrapper .gform_button {background: #F2A903 !important; font-family:Arial, Helvetica, sans-serif !important; text-transform: uppercase !important; border-radius: 100px !important; border: 2px solid #f2a902 !important; color: #000 !important; font-size: 16px !important; padding: 10px 40px !important; letter-spacing: 1.5px !important; font-weight: 700 !important;}
.gform_wrapper input {background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; padding: 10px 25px !important; line-height: 30px !important; height: auto !important}
.gform_wrapper select {background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; padding: 10px 25px !important; line-height: 30px !important; height: auto !important}
.gform_wrapper textarea {background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; padding: 25px !important}
.gform_wrapper .gfield_required_text {display: none}
.gform_wrapper .gfield_required:after {content:"*"; font-size: 20px; line-height: 0.5;}
.gform-theme--foundation .gform_fields {row-gap: 30px !important;}

.gfield_radio {flex-direction: row !important; align-items: center}
.gfield_radio .gform-field-label {display: block !important; line-height: 35px !important;}
body .gfield-choice-input {aspect-ratio: 1 / 1 !important; height: 35px !important; width: 35px !important; padding: 15px !important}
.gform-footer {justify-content: center !important; padding-top: 30px !important;}

.ts-control {background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; padding: 10px 25px !important; line-height: 30px !important; height: auto !important; }
.ts-control .item {background: #000 !important; color: #f4f0e5 !important; border-radius: 10px; display: inline-block}
.ts-dropdown {position: absolute !important; max-height: 400px !important; overflow: scroll  !important; border: 2px solid #000 !important; border-radius: 10px !important;}
.ts-dropdown-content {background: #f4f0e5 !important;  padding: 10px 25px !important; line-height: 30px !important; height: auto !important; }
.ts-dropdown .option {color: #000;}
.ts-dropdown .option.active {background: #000 !important; color: #f4f0e5 !important; border-radius: 10px;}

.post-password-form {}
.post-password-form input[type="password"] {background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; padding: 5px !important}
.post-password-form input[type="submit"] {background: #f2a900; border: none; font-weight: 700; font-size: 18px; padding: 8px 20px; border-radius: 10px; cursor: pointer;}

/** page events **/
.page-template-template-events { background-color: #D6D2C4; }
.page-template-template-events .events-address img { width: 20px; height: 20px; object-fit: contain; object-position: left center; }



.modal-content {padding: 30px; border-radius: 60px; background: #f3f0e6;}
.modal-title {color: #000;}



.single-mentor img.mentor-avatar {aspect-ratio: 1 / 1; width: 200px; height: 200px; object-fit: cover; background: #FFF;}

.submenu-container {position: sticky; top: 0; z-index: 5; text-align: center; margin-top: -120px; padding: 15px 0}
.submenu {background: #f2a900; padding: 25px 40px; border-radius: 20px; display: inline-block;}
.submenu ul {padding: 0; margin: 0;}
.submenu ul li {display: inline-block; margin: 0 7px}