/* Theme Name: Nextview Ventures Author: Code Greene Version: 3.0 Text Domain: nextview-ventures */ /* STYLE RESET =================================================================================================================================================== */ :root{all:initial; --blueDark:#1E1D4F; --blueLight:#B7EDFF; --greenDark:#30502D; --greenLight:#EAFBB4; --orange:#CA4D28; --yellow:#FFD084; --beigeDark:#E2E1DD; --beigeMed:#E7E7E3; --beigeLight:#EEEEEE; --black:#000; --white:#FFF; } *{padding:0; box-sizing:border-box; margin:0; color:var(--blueDark); font-family:'CircularXX', sans-serif; font-size:22px; line-height:30px; font-weight:400; position:relative; text-rendering:geometricPrecision;} @media screen and (max-width:768px) { *{font-size:18px; line-height:25px;} } /* FONTS ================================================================================================================================================ */ /* CircularXX */ @font-face { font-family:'CircularXX'; src:url('./fonts/CircularXX/CircularXXSub-Book.woff') format('woff'), url('./fonts/CircularXX/CircularXXSub-Book.woff2') format('woff2'); } @font-face { font-family:'CircularXX'; src:url('./fonts/CircularXX/CircularXXSub-Bold.woff') format('woff'), url('./fonts/CircularXX/CircularXXSub-Bold.woff2') format('woff2'); font-weight:700; } @font-face { font-family:'CircularXX'; src:url('./fonts/CircularXX/CircularXXSub-BookItalic.woff') format('woff'), url('./fonts/CircularXX/CircularXXSub-BookItalic.woff2') format('woff2'); font-style:italic; } @font-face { font-family:'CircularXX'; src:url('./fonts/CircularXX/CircularXXSub-BoldItalic.woff') format('woff'), url('./fonts/CircularXX/CircularXXSub-BoldItalic.woff2') format('woff2'); font-weight:700; font-style:italic; } /* SouvenirStd-Light */ @font-face { font-family:'SouvenirStd'; src:url('./fonts/SouvenirStd/light/font.woff') format('woff'), url('./fonts/SouvenirStd/light/font.woff2') format('woff2'); } @font-face { font-family:'SouvenirStd'; src:url('./fonts/SouvenirStd/lightitalic/font.woff') format('woff'), url('./fonts/SouvenirStd/lightitalic/font.woff2') format('woff2'); font-style:italic; } /* BLANKET STYLES ================================================================================================================================================ */ /* Defaults */ .left-align{text-align:left;} .center-align{text-align:center;} .right-align{text-align:right;} .hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;} .hideScrollbar::-webkit-scrollbar{display:none;} .show{display:block !important;} .hidden{display:none !important;} body{background-color:var(--beigeMed);} body.noscroll{overflow:hidden;} .static-background{opacity:0.6; width:100%; height:100vh; position:fixed; top:0; right:0; bottom:0; left:0;} .page-wrapper{overflow:hidden; display:flex; flex-direction:column; width:100%; min-height:100vh; background-position:top center; background-size:100%; z-index:2; transition:all 0.25s;} .page-content{flex-grow:1; display:flex; flex-direction:column; float:left; width:100%; z-index:95;} .yellow-dots{width:100%; height:100%; background-size:contain; position:absolute;} /* .subpage{padding:75px 0;} .subpage .container{display:flex;} .subpage .left-side{width:100%; margin-right:50px;} .subpage .left-side .wp-post-image{float:left; width:100%; margin-bottom:20px;} .subpage .right-side{flex:0 0 360px; width:360px;} @media screen and (max-width:850px) { .subpage .container{flex-direction:column; align-items:center;} .subpage .left-side{margin:0 0 50px;} .subpage .right-side{flex:initial; width:100%; max-width:530px;} } */ section.default{padding:140px 0 75px;} section.default .page-container{display:flex; flex-direction:column; align-items:center; float:left; width:100%; padding:130px 80px 60px; background-color:var(--white); border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} section.default .page-container:has(.page-thumb){padding-top:70px !important;} section.default .page-container .overlay{opacity:0.3;} section.default .page-container .page-thumb{overflow:hidden; margin-bottom:40px; border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} section.default .page-container .page-thumb img{display:block;} section.default .page-container .page-thumb .image-overlay{opacity:0.5;} section.default .page-title{max-width:530px; text-align:center;} section.default .page-text .first-paragraph, section.default .page-text .first-paragraph *{font-family:'SouvenirStd', sans-serif; font-size:25px; line-height:35px;} section.default .page-text .first-paragraph::first-letter{float:left; margin:25px 3px 0 0; font-size:280%; line-height:0.5;} @media screen and (max-width:768px) { section.default .page-container{padding:70px 35px 30px;} } @media screen and (max-width:600px) { section.default .page-text .first-paragraph, section.default .page-text .first-paragraph *{font-size:18px; line-height:1.3;} section.default .page-text .first-paragraph::first-letter{margin:15px 3px 0 0; font-size:250%; line-height:0.5;} } @media screen and (max-width:425px) { section.default .page-container{padding:70px 20px 30px;} } .flexible{display:flex; flex-direction:column; align-items:center; float:left; width:100%;} section{display:flex; flex-direction:column; justify-content:center; align-items:center; float:left; width:100%;} section .main-text{float:left; width:100%; margin-bottom:30px;} .white-text, .white-text *{color:var(--white);} .overlay{position:absolute; top:0; right:0; bottom:0; left:0;} .line-fade{width:85%; height:2px; position:absolute; left:0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7edff+0,transparent+100 */ background: linear-gradient(to right, var(--blueDark) 25%,transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .white-text .line-fade{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,transparent+100 */ background: linear-gradient(to right, var(--white) 25%,transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .line-fade.top{top:0;} .line-fade.bottom{bottom:0;} /* Headings */ h1, h2, h3, h4, h5, h6{width:100%; margin-bottom:15px; font-family:'SouvenirStd'; font-weight:300;} h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{color:inherit !important; font-family:inherit !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important;} .white-text :is(h1, h2, h3, h4, h5, h6), .white-text :is(h1, h2, h3, h4, h5, h6) *{color:var(--white);} h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;} h1{font-size:46px; line-height:56px;} h2{font-size:40px; line-height:60px;} h3{font-size:36px; line-height:46px;} h4{font-size:30px; line-height:40px;} h5{font-size:25px; line-height:30px;} h6{font-size:20px; line-height:20px; font-family:'CircularXX', sans-serif; font-weight:700;} /* h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6{margin-top:30px;} */ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote, h1 + q, h2 + q, h3 + q, h4 + q, h5 + q, h6 + q, h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table{margin-top:0;} @media screen and (max-width:768px) { h1{font-size:41px; line-height:1.3;} h2{font-size:35px; line-height:1.3;} h3{font-size:31px; line-height:1.3;} h4{font-size:25px; line-height:1.3;} h5{font-size:20px; line-height:1.3;} h6{font-size:18px; line-height:1.3;} } @media screen and (max-width:600px) { h1{font-size:35px;} h2{font-size:30px;} h3{font-size:25px;} h4{font-size:20px;} h5{font-size:18px;} /* h6{font-size:18px;} */ } /* Basic Text */ .body2, .body2 :is(p,li){font-size:20px;} .body3, .body3 :is(p,li){font-size:18px; line-height:28px; font-family:'SouvenirStd', sans-serif;} .body4, .body4 :is(p,li){font-size:18px; line-height:25px;} .body5, .body5 :is(p,li){font-size:16px !important; line-height:20px !important;} .subtitle1{font-weight:700;} .subtitle2{font-size:16px !important; line-height:20px !important; font-weight:700;} .subtitle3{font-size:16px !important; line-height:24px !important; font-style:italic;} @media screen and (max-width:600px) { .body2, .body2 :is(p,li){font-size:18px;} } strong, strong *, b, b *{/* font-family:'inherit'; */ font-size:inherit; font-weight:700 !important; line-height:inherit; transition:all 0.25s;} em{font-family:inherit; font-style:italic;} span{font-family:inherit; font-size:inherit; font-weight:inherit;} a{font-family:inherit; font-size:inherit; color:var(--blueDark); text-decoration:none; transition:all 0.25s;} a *{color:var(--blueDark); transition:all 0.25s;} a:hover, a:focus, a:active, a:hover *, a:focus *, a:active *{color:var(--orange);} p{margin:30px 0;} p a{text-decoration:underline;} p img{max-width:100%; height:auto;} p img.alignright{float:right; margin:0 0 10px 10px;} p img.alignleft{float:left; margin:0 10px 10px 0;} p img.aligncenter{display:block; margin:20px auto;} p + p{margin-top:-15px;} p:first-child{margin-top:0;} p:last-child{margin-bottom:0;} img.alignleft{float:left; margin:15px 15px 15px 0;} img.alignright{float:right; margin:15px 0 15px 15px;} img.aligncenter{margin:15px auto;} .wp-caption{max-width:100%;} .wp-caption img{max-width:100%; height:auto; border-radius:30px;} .wp-caption p{margin:15px 0;} .wp-caption *{font-size:20px; font-style:italic;} img{display:block; width:initial; max-width:100%; height:auto;} p img{display:inline-block;} picture{display:flex; justify-content:center; align-items:center;} picture img{width:100% !important;} hr{display:block; width:100%; max-width:367px; height:2px; margin:0 auto 30px; border:none; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1e1d+0,1e1d4f+50,1e1d4f+100&0+0,0.75+50,0+100 */ background: linear-gradient(to right, rgba(30,30,29,0) 0%,rgba(30,29,79,0.75) 50%,rgba(30,29,79,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .white-text hr{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1e1d+0,1e1d4f+50,1e1d4f+100&0+0,0.75+50,0+100 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} iframe{max-width:100%;} @media screen and (max-width:600px) { p img{width:100%; margin:20px 0 !important;} p img:first-child{margin-top:0 !important;} hr{max-width:300px;} } /* Lists */ ul{list-style:none; width:100%; margin:30px 0;} ol{width:100%; padding-left:30px; margin:30px 0;} ul:first-child, ol:first-child{margin-top:0;} ul:last-child, ol:last-child{margin-bottom:0;} li{margin-bottom:10px;} li:last-of-type{margin-bottom:0 !important;} ul li::before{content:''; width:16px; height:16px; background-image:url('./images/arrow-orange-right.png'); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; top:8px; left:-20px;} @media screen and (max-width:600px) { ul{padding-left:15px;} } /* Nav */ nav ul{padding:0; margin:0; list-style:none;} nav li{padding-left:0;} nav li:before{display:none;} nav a{text-decoration:none !important;} @media screen and (max-width:600px) { nav ul{padding:0;} } /* Blockquote */ blockquote, q{padding:41px 34px; margin:50px 0 30px; border-top:1px solid var(--black); border-bottom:1px solid var(--black);} blockquote *, q *{font-size:32px; font-weight:300; line-height:50px;} blockquote:first-child, q:first-child{margin-top:0;} blockquote:last-child, q:last-child{margin-bottom:0;} /* Tables */ table{width:100%; margin:30px 0;} table:first-child{margin-top:0;} table:last-child{margin-bottom:0;} tr{background-color:var(--white);} tr:nth-child(even){background-color:var(--blueLight);} th{padding:10px 15px; background-color:var(--blueDark); text-align:left; outline:1px solid var(--blueDark);} th *{color:var(--white);} td{padding:10px 15px; outline:1px solid var(--blueDark);} /* Buttons ========================================== */ .btn a, a.btn, .btn span, span.btn, .btn input, input.btn{cursor:pointer; display:flex; justify-content:center; align-items:center; float:left !important; padding:8px 15px 8px 8px !important; font-size:16px; line-height:20px; text-align:center; text-decoration:none !important; background:none; border:none; border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15); transition:all 0.25s;} .btn a:before, a.btn:before, .btn span:before, span.btn:before, .btn input:before, input.btn:before{content:''; margin-right:8px; border:solid 4px transparent; border-top-color:var(--orange); border-right-color:var(--orange); transform:rotate(45deg);} .btn-icon a:before, a.btn-icon:before, .btn-icon span:before, span.btn-icon:before, .btn-icon input:before, input.btn-icon:before{display:none;} .btn-icon a img, a.btn-icon img, .btn-icon span img, span.btn-icon img, .btn-icon input img, input.btn-icon img{width:14px !important; height:initial !important; margin-right:8px; border-radius:0 !important;} .blueDark-btn a, a.blueDark-btn, .blueDark-btn span, span.blueDark-btn, .blueDark-btn input, input.blueDark-btn, .blueDark-hvr a:hover, a.blueDark-hvr:hover, .blueDark-hvr span:hover, span.blueDark-hvr:hover, .blueDark-hvr input:hover, input.blueDark-hvr:hover{color:var(--white) !important; background-color:var(--blueDark);} .beigeLight-btn a, a.beigeLight-btn, .beigeLight-btn span, span.beigeLight-btn, .beigeLight-btn input, input.beigeLight-btn, .beigeLight-hvr a:hover, a.beigeLight-hvr:hover, .beigeLight-hvr span:hover, span.beigeLight-hvr:hover, .beigeLight-hvr input:hover, input.beigeLight-hvr:hover{color:var(--blueDark) !important; background-color:var(--beigeLight);} /* Button Shortcode */ span.btnshrtcd{display:inline-block; margin:8px;} p:has(span.btnshrtcd){margin:0;} @media screen and (max-width:600px) { span.btnshrtcd{display:flex; justify-content:center;} } /* Containers ========================================== */ .container{width:100%; max-width:1084px; padding:0 50px; margin:0 auto; z-index:2;} .container.large{max-width:1265px;} .container.small{max-width:868px;} .container.full{padding:0 !important;} @media screen and (max-width:768px) { .container{padding:0 35px;} } @media screen and (max-width:530px) { .container:has(.mobileContainer){padding:0;} .mobileContainer{padding-left:35px !important; padding-right:35px !important;} .container.full .mobileContainer{padding:0 !important;} } @media screen and (max-width:425px) { .container{padding:0 20px;} .mobileContainer{padding-left:20px !important; padding-right:20px !important;} .container.full .mobileContainer{padding:0 !important;} } /* Pagination ========================================== */ .pagination{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; float:left; width:100%; margin-top:25px;} .page-numbers{display:flex; justify-content:center; align-items:center; min-width:30px; height:30px; padding:0 10px; margin:0 5px; color:var(--blueDark); background-color:transparent; font-size:16px; border:1px solid lightgray; border-radius:30px; transition:all 0.25s;} .page-numbers:first-child{margin-left:0;} .page-numbers:hover{background-color:var(--blueLight);} .page-numbers.current{color:var(--white); background-color:var(--blueDark);} @media screen and (max-width:768px) { .pagination .divider{width:100%;} .page-numbers.prev, .page-numbers.next{order:2; margin-top:10px;} } /* Tabs ========================================== */ .tab-section{float:left; width:100%; z-index:3;} .tab-container{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; float:left; width:calc(100% + 20px); margin:20px 0 55px; z-index:2;} .tab-container .tab{margin:0 10px 20px;} .tab-container .tab a{padding-left:15px !important; color:var(--blueDark); background-color:var(--beighLight); border:1px solid lightgray; border-radius:30px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.05);} .tab-container .tab a::before{display:none;} .tab-container .tab a:hover, .tab-container .tab a.active-tab{color:var(--white); background-color:var(--blueDark);} .tab-container .tab-spacer{width:100%;} .tab-dropdown{overflow:hidden; width:100%; max-width:160px; height:38px; margin:0 10px 20px; background-color:var(--blueDark); border-radius:30px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.05);} .tab-dropdown.open{overflow:initial;} .tab-dropdown .dropdown-cover{cursor:pointer; height:38px; position:absolute; top:0; right:0; left:0; z-index:3;} .tab-dropdown .dropdown-cover.w-arrow::before{content:''; border:solid 4px transparent; border-top-color:var(--orange); border-right-color:var(--orange); transform:rotate(135deg) translateY(calc(50% + 4px)); transition:none; position:absolute; left:25px; top:calc(50% - 2px);} /* .tab-dropdown.open .dropdown-cover{display:none;} */ .tab-dropdown .dropdown-container{overflow:hidden; display:flex; flex-direction:column; background-color:var(--beigeLight); border-radius:20px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15); position:absolute; top:-1px; left:-1px; right:-1px;} .tab-dropdown .tab{order:2; width:100%; margin:0; font-size:16px; line-height:22px; font-weight:700;} .tab-dropdown .tab a{display:block; float:left; width:100%; padding:8px 15px 8px 35px !important; font-size:16px; line-height:22px; text-decoration:none; text-align:left; border:none; border-radius:0; box-shadow:none;} .tab-dropdown .tab a:hover{color:var(--blueDark); background-color:var(--beigeMed);} .tab-dropdown .tab a::before{display:inline-block; opacity:0; margin-left:-16px; transition:all 0.25s;} .tab-dropdown .tab a:hover::before{opacity:1;} .tab-dropdown .tab.active-tab{order:1;} .tab-dropdown .tab.active-tab a{height:39px; color:var(--white); background-color:var(--blueDark);} .tab-dropdown .tab.active-tab a:hover{color:var(--white); background-color:var(--blueDark);} .tab-dropdown .tab.active-tab a::before{opacity:1; transform:rotate(135deg) translateY(calc(50% + 4px)); transition:none; position:absolute; left:40px; top:50%;} .tab-dropdown.open .tab.active-tab a::before{transform:rotate(-45deg); left:35px;} .tab-container .tab-mobile{display:none;} .tab-content{float:left; width:100%;} section.investments .tab-dropdown{width:150px;} .landing-page .tab-section{display:none;} .landing-page .tab-container{margin-bottom:0;} .landing-page .tab-dropdown{margin-bottom:0;} @media screen and (max-width:1024px) { .tab-container .sortby{width:100%; margin:0 0 20px;} } @media screen and (max-width:850px) { .landing-page .tab-section{display:block;} } @media screen and (max-width:768px) { .tab-container .tab-single{display:none;} .tab-container .tab-mobile{display:block;} } /* Search ========================================== */ .search-container{width:200px; margin:0 10px 20px;} .search-container *{font-size:16px;} .search-container input.search{width:100%; height:38px; padding:5px 48px 5px 10px; color:var(--blueDark); font-size:16px; background-color:var(--beigeLight); border:1px solid lightgray; border-radius:30px; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.05); z-index:3;} .search-container button.search-button{cursor:pointer; display:flex; justify-content:center; align-items:center; width:38px; height:38px; background:none; border:none; border-radius:38px; position:absolute; top:0; right:0; z-index:3;} .search-container button.search-button img{width:initial; height:15px;} .search-container .search-results{overflow:hidden; width:100%; position:absolute; top:50%; left:0; z-index:2;} .search-container .search-results ul.search-suggestions{overflow:hidden; padding-top:19px; background-color:var(--beigeLight); border:1px solid lightgray; border-top:none; border-radius:0 0 18px 18px;} .search-container .search-results ul.search-suggestions li.search-suggestion{cursor:pointer; padding:5px 10px; margin:0; transition:all 0.25s;} .search-container .search-results ul.search-suggestions li.search-suggestion:before{display:none;} .search-container .search-results ul.search-suggestions li.search-suggestion:hover{background-color:var(--beigeMed);} .search-container .search-results p{padding-top:19px;} .search-container input.search::-webkit-input-placeholder{color:var(--blueDark);} .search-container input.search::-moz-placeholder{color:var(--blueDark);} .search-container input.search:-ms-input-placeholder{color:var(--blueDark);} .search-container input.search:-moz-placeholder{color:var(--blueDark);} .reset-filter-container{margin-bottom:20px;} .reset-filter-container a{opacity:0.2; display:flex; align-items:center; color:var(--blueDark) !important; font-size:16px;} .reset-filter-container a img{width:initial; height:15px; margin-right:5px;} /* Slick Slider ========================================== */ .slick-list{width:100% !important;} .slick-arrow{width:50px; height:50px; background-color:var(--white) !important; border-radius:50px; z-index:2; transition:all 0.25s;} .slick-arrow:before{width:100%; height:100%; color:transparent; background-repeat:no-repeat; background-size:11px;} .slick-arrow:hover{background-color:var(--blueDark) !important;} .slick-arrow:hover:before{filter:brightness(0) invert(1);} /* .slick-arrow.slick-prev{} .slick-arrow.slick-next{} */ .slick-arrow.slick-prev:before{background-image:url('images/arrow-prev.png'); background-position:3px center;} .slick-arrow.slick-next:before{background-image:url('images/arrow-next.png'); background-position:5px center;} .slick-dots{display:flex; justify-content:center; width:100%; margin-top:20px; text-align:left; position:relative; bottom:0;} .slick-dots li{display:none; width:initial; height:auto; margin:0 5px;} .slick-dots li:before{display:none;} .slick-dots li.show-dot{display:inline-block;} .slick-dots li button{width:8px; height:8px; padding:0; transition:all 0.25s;} .slick-dots li button:before{content:''; opacity:1 !important; width:8px; height:8px; background-color:var(--white); border-radius:100px; transition:all 0.25s;} .slick-dots li.slick-active button{width:25px;} .slick-dots li.slick-active button:before{background-color:var(--blueDark); width:25px;} @media screen and (max-width:425px) { .slick-prev{left:-15px;} .slick-next{right:-15px;} } /* Founder Portal Modal ========================================== */ .jquery-modal.blocker{z-index:99999; background-color:rgba(0,0,0,0.6);} .modal{overflow:hidden; max-width:768px; padding:40px; box-sizing:border-box; background-color:var(--blueDark); border-radius:14px; box-shadow:none; z-index:999999;} .modal .overlay{opacity:0.2;} .modal a.close-modal{top:10px; right:10px; filter:invert(1);} .modal .section-text{float:left; width:100%;} .modal .section-form{display:flex; justify-content:center; float:left; width:100%; margin:40px 0 20px;} .modal .section-form input{padding:5px 10px; border:2px solid var(--blueDark);} .modal .section-form.correct input{border:2px solid lightgreen;} .modal .section-form.incorrect input{border:2px solid red;} .modal .section-button{display:flex; justify-content:center; float:left; width:100%; margin-top:20px; text-align:center;} .modal iframe{display:block;} /* CF7 Form ========================================== */ #contact{padding:50px;} #contact .section-block{display:flex; flex-direction:column; align-items:center; float:left; width:100%;} #contact .main-title{width:100%; max-width:758px; margin-bottom:30px; text-align:center;} #contact .main-text{width:100%; max-width:758px; margin-bottom:30px;} #contact .section-form{width:100%; max-width:758px; margin-top:20px;} form.wpcf7-form{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:100%; margin-top:20px;} form.wpcf7-form .form-item{float:left; width:100%; margin-bottom:20px;} form.wpcf7-form .form-item.form-half{width:calc(50% - 10px);} form.wpcf7-form .form-item.form-third{width:calc(33.33% - 10px);} form.wpcf7-form .form-item.form-quarter{width:calc(25% - 10px);} form.wpcf7-form .form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; position:absolute; top:15px; right:15px; z-index:1;} form.wpcf7-form .form-text{float:left; width:100%; margin-bottom:10px;} form.wpcf7-form .form-input{float:left; width:100%;} form.wpcf7-form .form-input input, form.wpcf7-form .form-input select{float:left; width:100%; background:none; border:none; border-bottom:1px solid rgba(255,255,255,0.5);} form.wpcf7-form .form-input textarea{float:left; width:100%; height:135px; padding:15px 20px; background-color:rgba(255,255,255,0.25); border:none; border-radius:20px;} form.wpcf7-form .form-submit{display:flex; justify-content:center; align-items:center; float:left; width:calc(100% + 16px);} form.wpcf7-form .form-submit input[type=submit]{padding-left:15px !important; border:none;} form.wpcf7-form .form-submit span.wpcf7-spinner{margin:0 -34px 0 10px;} form.wpcf7-form .form-item input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);} form.wpcf7-form .form-item input::-moz-placeholder{color:rgba(255,255,255,0.5);} form.wpcf7-form .form-item input:-ms-input-placeholder{color:rgba(255,255,255,0.5);} form.wpcf7-form .form-item input:-moz-placeholder{color:rgba(255,255,255,0.5);} form.wpcf7-form .form-item textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.5);} form.wpcf7-form .form-item textarea::-moz-placeholder{color:rgba(255,255,255,0.5);} form.wpcf7-form .form-item textarea:-ms-input-placeholder{color:rgba(255,255,255,0.5);} form.wpcf7-form .form-item textarea:-moz-placeholder{color:rgba(255,255,255,0.5);} .grecaptcha-badge{z-index:2;} /* Subscribe Form Embed ========================================== */ /* #mailchimp{} */ #mailchimp .top-title{float:left; width:100%; margin-bottom:15px; text-align:center;} #mailchimp hr{margin-bottom:15px;} #mailchimp .main-title{float:left; width:100%; margin-bottom:30px; text-align:center;} #mailchimp .mc-field-group{float:left; width:100%;} #mailchimp .form-fields{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 20px); margin:0 0 38px -20px;} #mailchimp .form-item{width:50%; padding-left:20px; margin-bottom:14px;} #mailchimp .form-item label{margin-bottom:12px; font-size:16px; line-height:22px;} #mailchimp .form-item input{width:100%; padding:3px 10px; color:var(--black); background-color:var(--white); border:none; border-radius:12px;} #mailchimp .mc-field-group{font-size:20px; line-height:25px;} #mailchimp .mc-field-group .main-label{float:left; width:100%; padding-bottom:24px; margin-bottom:24px;} #mailchimp .mc-field-group fieldset{display:flex; flex-wrap:wrap; float:left; width:100%; margin:27px 0;} #mailchimp p{float:left; width:100%;} #mailchimp fieldset{border:none;} #mailchimp .checkbox{display:flex; float:left; margin-right:20px;} #mailchimp .checkbox input{float:left; width:28px; margin:0 10px 0 0;} #mailchimp .clear{display:flex; justify-content:center; float:left; width:100%; margin-top:20px;} #mailchimp .clear input{padding-left:15px !important;} /* Social Icons ========================================== */ .social-icons{display:flex; flex-wrap:wrap; justify-content:flex-start; float:left;} .social-icons .social-link{display:flex; flex-direction:column; align-items:center; margin-right:15px;} .social-icons a{display:flex; justify-content:center; align-items:center; width:26px; height:26px; text-decoration:none !important;} .social-icons i{display:block; margin-bottom:-2px; color:var(--blueLight); font-size:26px; font-family:"Font Awesome 6 Free"; transition:all 0.25s;} .social-icons .fa-brands, .fab{font-family:"Font Awesome 6 Brands" !important;} .social-icons span{display:none;} /* CUSTOM STYLES ================================================================================================================================================= */ /* Header ========================================== */ header{float:left; width:100%; padding:30px 0 20px; position:fixed; top:0; left:0; z-index:100;} header .overlay{opacity:0.95; background-color:var(--beigeMed);} header .container{display:flex; z-index:999;} header .header-logo img{width:initial; max-width:200px; height:auto; max-height:50px;} header .header-menu{margin-left:auto;} header .header-menu ul{display:flex; align-items:flex-end;} header .header-menu li{margin:0;} header .header-menu a{overflow:hidden; display:flex; justify-content:center; align-items:center; padding:8px 17px; margin-left:20px; color:var(--blueDark); font-size:16px; line-height:1; border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.05);} header .header-menu a::before{content:''; background-color:var(--beigeMed); border-radius:inherit; position:absolute; top:1px; right:1px; bottom:1px; left:1px; z-index:-1; transition:all 0.25s;} header .header-menu a::after{content:''; background:linear-gradient(to right, #BBBBBB, #D5D5D5); border-radius:inherit; position:absolute; top:-2px; right:-2px; bottom:-2px; left:-2px; z-index:-2; transition:all 1s;} header .header-menu a:hover::before{background-color:transparent;} header .header-menu li.current-menu-item a{color:var(--white);} header .header-menu li.current-menu-item a::before{background-color:var(--blueDark);} header .slicknav-btn{cursor:pointer; display:flex; justify-content:center; align-items:center; height:30px; margin-left:20px; padding:8px 17px; border-radius:30px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.05);} header .slicknav-btn img{width:initial; height:13px; transition:all 0.25s;} header .slicknav-btn::before{content:''; background-color:var(--beigeMed); border-radius:inherit; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; z-index:-1; transition:all 0.25s;} header .slicknav-btn::after{content:''; background:linear-gradient(to right, #BBBBBB, #D5D5D5); border-radius:inherit; position:absolute; top:-2px; right:-2px; bottom:-2px; left:-2px; z-index:-2; transition:all 1s;} header .slicknav-btn:hover img{filter:brightness(0) invert(1);} header .slicknav-btn:hover::before{background-color:var(--blueDark);} .slicknav-overlay{opacity:0; visibility:hidden; width:100vw; height:100vh; background-color:var(--beigeDark); position:fixed; top:0; right:0; bottom:0; left:0; z-index:900; transition:all 0.25s;} .slicknav-overlay.active{opacity:0.7; visibility:visible;} .slicknav{width:100vw; max-width:627px; height:100vh; background-color:var(--blueDark); position:fixed; top:0; right:-627px; bottom:0; z-index:1000; transition:all 0.25s;} .slicknav.active{right:0;} .slicknav .overlay{opacity:0.15; background-color:transparent;} .slicknav .slicknav-btn{position:absolute; top:30px; right:50px; z-index:99999;} .slicknav .slicknav-btn:hover img{filter:none;} .slicknav .slicknav-btn:hover::before{background-color:var(--beigeMed);} .slicknav .slicknav-content{overflow:scroll; float:left; width:100%; height:100%; padding:65px 90px 85px 100px;} .slicknav .slicknav-content-inner{float:left; width:100%; max-width:365px; min-height:100%;} .slicknav ul.slideout_menu{padding:0; margin:0;} .slicknav ul.slideout_menu li{margin:0;} .slicknav ul.slideout_menu li:after{content:''; width:100%; height:1px; position:absolute; bottom:0; left:0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7edff+0,1e1d4f+100 */ background: linear-gradient(to right, var(--blueLight) 25%,var(--blueDark) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .slicknav ul.slideout_menu a{display:block; padding:12px 0; color:var(--blueLight); font-size:20px; font-weight:700;} .slicknav ul.slideout_menu a:hover{color:var(--white);} .slicknav ul.slideout_menu li.icon > a{display:flex; align-items:center; padding-left:35px;} .slicknav ul.slideout_menu li.icon > a:before{content:''; width:21px; height:25px; background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; left:0;} .slicknav ul.slideout_menu li.icon-login > a::before{background-image:url('./images/icon-lock.png');} .slicknav ul.slideout_menu li.icon-jobs > a::before{background-image:url('./images/icon-chair.png');} /* .slicknav ul.sub-menu{} */ .slicknav ul.sub-menu li{border:none;} .slicknav ul.sub-menu li::after{display:none;} .slicknav ul.sub-menu li:first-of-type{display:block;} .slicknav ul.sub-menu a{padding:0px 0 0px 25px;} .slicknav ul.sub-menu li:first-of-type a{margin-top:-5px;} .slicknav ul.sub-menu a:last-of-type{padding-bottom:12px;} .slicknav ul.sub-menu a::before{content:''; width:6px; height:11px; background-image:url('./images/arrow-right-blueLight.png'); background-size:contain; background-position:center; position:absolute; top:10px; left:6px;} /* Hide scrollbar for Chrome, Safari and Opera */ .slicknav .slicknav-content::-webkit-scrollbar{ display:none; } /* Hide scrollbar for IE, Edge and Firefox */ .slicknav .slicknav-content{ -ms-overflow-style:none; /* IE and Edge */ scrollbar-width:none; /* Firefox */ } .slicknav .social-icons{width:100%; margin-top:20px;} .slicknav .social-icons a:hover i{color:var(--white);} @media screen and (max-width:900px) { header .container{align-items:center;} header .header-menu{display:none;} header .slicknav-btn{padding:24px 16px; margin-left:auto; border-radius:14px;} } @media screen and (max-width:768px) { .slicknav .slicknav-btn{right:35px;} } @media screen and (max-width:600px) { .slicknav .slicknav-content{padding:65px 50px;} } @media screen and (max-width:425px) { .slicknav .slicknav-btn{right:20px;} .slicknav .slicknav-content{padding:65px 35px;} } /* Footer ========================================== */ footer{float:left; width:100%; padding:55px 0 47px; background-color:var(--blueDark); z-index:90;} footer .container{display:flex; flex-direction:column;} footer .footer-top{display:flex; float:left; width:100%; max-width:1200px; padding-bottom:75px;} footer .footer-col{max-width:180px; margin-right:50px;} footer .social-col{margin-right:auto;} footer .footer-logo{width:100%; max-width:162px; margin-bottom:20px;} footer .footer-logo img{width:100%; height:auto;} footer .social-icons{width:100%; margin-bottom:-20px;} footer .social-icons a{margin:0 8px 20px 0;} footer .social-icons a:last-of-type{margin-right:0;} footer .social-icons i{color:var(--blueLight);} footer .address-col{flex-grow:3; float:left;} footer .address-col:last-child{margin-right:0;} footer .address-col strong, footer .address-col b{display:inline-block; margin-bottom:10px; color:var(--blueLight) !important;} footer hr{max-width:100%; background:linear-gradient(to right, rgba(183,237,255,0) 0%,rgba(183,237,255,0.75) 50%,rgba(183,237,255,0) 100%);} footer .footer-bottom{display:flex; justify-content:center; width:100%;} footer .footer-copyright{font-size:16px; line-height:22px; text-align:center;} footer .footer-copyright *{font-size:16px; line-height:22px;} footer .footer-copyright a{text-decoration:none;} footer .footer-copyright span{white-space:nowrap;} footer .footer-copyright span.modal-link{cursor:pointer; transition:all 0.25s;} footer .footer-copyright span.modal-link:hover{color:var(--orange);} .site-credits-modal{align-items:center;} .site-credits-modal .modal-block{max-width:520px; top:initial;} .site-credits-modal .modal-page{padding:40px; background-color:var(--blueDark);} .site-credits-modal .overlay{opacity:0.2;} .site-credits-modal .modal-close{width:30px; height:30px; top:10px; right:10px;} .site-credits-modal .modal-close img{height:15px;} .site-credits-modal .modal-title{margin-bottom:20px; text-align:center;} .site-credits-modal .modal-text a{text-decoration:none;} .site-credits-modal .modal-copyright{margin-top:40px;} /* .subscribe-form-modal{} */ .subscribe-form-modal .modal-block{max-width:984px; top:50%; transform:translateY(-50%);} .subscribe-form-modal .modal-page{min-height:500px; padding:40px; background-color:var(--blueDark);} .subscribe-form-modal .overlay{opacity:0.2;} .subscribe-form-modal .modal-close{width:30px; height:30px; top:10px; right:10px;} .subscribe-form-modal .modal-close img{height:15px;} @media screen and (max-width:991px) { footer{padding-top:70px;} footer .footer-top{flex-wrap:wrap; padding-bottom:25px;} footer .footer-col{width:100%; max-width:50%; margin:0 0 50px;} footer .social-icons{width:initial;} footer .social-col{display:flex; justify-content:space-between; max-width:100%;} } @media screen and (max-width:768px) { .subscribe-form-modal .modal-block{top:20px; transform:none;} .subscribe-form-modal .modal-page{padding:40px 35px 140px;} } @media screen and (max-width:600px) { .subscribe-form-modal .modal-block{top:0;} } @media screen and (max-width:425px) { .subscribe-form-modal .modal-page{padding:40px 20px 140px;} } /* Hero ========================================== */ /* section.hero{} section.hero .container{} */ section.hero .section-block{float:left; width:100%;} section.hero .section-part{float:left; width:100%; padding:0 50px;} section.hero .section-lead{display:flex; flex-direction:column; width:100%; max-width:526px; position:absolute; top:75px; left:50px; z-index:2;} section.hero .section-image{display:block; float:left; width:100%; height:auto;} section.hero .section-image.mobile{display:none;} section.hero .main-title{width:100%;} section.hero .tagline{width:100%; padding-top:15px;} section.hero .section-button{width:100%; margin-top:30px;} section.hero .section-button.mobile-btn{display:none; margin-bottom:20px;} section.hero .section-button.mobile-btn a{font-size:15px;} section.hero .section-info{display:flex; flex-direction:column; width:100%; max-width:350px; padding:40px; position:absolute; top:calc(100% - 180px); right:10px;} section.hero .text-grad{width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0;} section.hero .section-title{width:100%; margin-bottom:0;} section.hero .section-text{width:100%;} section.hero .slick-arrow.slick-prev{left:-25px;} section.hero .slick-arrow.slick-next{right:-25px;} section.hero .slick-dots{margin-top:0;} @media screen and (max-width:1290px) { section.hero .slick-arrow.slick-prev{left:-10px;} section.hero .slick-arrow.slick-next{right:-10px;} } @media screen and (max-width:1024px) { section.hero .section-part{padding:0;} section.hero .section-lead{max-width:626px; padding:0 50px; margin-top:75px; position:relative; top:initial; left:initial;} section.hero .section-image{height:90vw; margin:-100px 0 -80px; object-fit:cover; object-position:center;} section.hero .section-info{max-width:320px; padding:0 50px; position:relative; right:initial; bottom:initial;} section.hero .slick-dots{margin-top:20px;} } @media screen and (max-width:768px) { section.hero .section-lead{max-width:596px; padding:0 35px;} section.hero .section-info{max-width:390px; padding:0 35px;} } @media screen and (max-width:600px) { section.hero .section-image{margin:-40px 0 -30px;} section.hero .section-image.mobile{display:block;} section.hero .section-image.desktop{display:none;} section.hero .section-lead{max-width:418px;} section.hero .section-info{max-width:initial;} section.hero .section-button.desktop-btn{display:none;} section.hero .section-button.mobile-btn{display:block;} section.hero .section-title{font-size:25px;} } @media screen and (max-width:425px) { section.hero .section-lead{padding:0 20px;} section.hero .section-info{padding:0 20px;} } /* Text ========================================== */ section.text-section .overlay{opacity:0.75;} section.text-section .section-text{float:left; width:100%;} @media screen and (max-width:600px) { section.text-section .section-text *{text-align:left !important;} } /* Pitch Deck ========================================== */ /* section.pitch-deck{} */ section.pitch-deck .overlay{opacity:0.75;} section.pitch-deck .container{display:flex; flex-direction:column; align-items:center;} section.pitch-deck .single-slide{float:left; width:100%; max-width:768px;} section.pitch-deck .single-slide:before{content:''; opacity:0.15; width:100%; height:100%; background-color:var(--orange); mix-blend-mode:color-burn; border-radius:14px; transform:rotate(5deg); position:absolute; top:0; left:0; z-index:-1;} section.pitch-deck .single-slide:after{content:''; opacity:0.15; width:100%; height:100%; background-color:var(--greenDark); mix-blend-mode:color-burn; border-radius:14px; transform:rotate(-5deg); position:absolute; top:0; left:0; z-index:-1;} section.pitch-deck .single-slide img{float:left; width:100%; height:auto; border-radius:12px;} section.pitch-deck .full-deck{float:left; width:100%;} section.pitch-deck .full-deck .slick-list{overflow:visible;} section.pitch-deck .full-deck .section-part{display:flex; flex-direction:column; align-items:center; float:left; width:100%;} section.pitch-deck .full-deck .section-part-inner{width:100%;} section.pitch-deck .full-deck .section-part img{float:left; width:100%; height:auto; border-radius:12px; /* box-shadow:0px 10px 30px rgba(242,242,242,0.8); */} section.pitch-deck .full-deck .section-part .slide-count{font-size:18px; position:absolute; bottom:-67px;} section.pitch-deck .full-deck a.section-part .slide-count{color:var(--blueDark) !important;} section.pitch-deck .full-deck .slick-prev{left:-90px;} section.pitch-deck .full-deck .slick-next{right:-90px;} section.pitch-deck .main-button{display:flex; justify-content:center; width:100%; position:absolute; bottom:16%; left:0;} section.pitch-deck .full-deck ~ .main-button{bottom:25%;} section.pitch-deck .contact-button{display:flex; justify-content:center; width:100%; position:absolute; bottom:16%; left:0;} section.pitch-deck .full-deck ~ .contact-button{bottom:25%;} section.pitch-deck .full-deck .full-screen-button{position:absolute; top:calc(100% + 20px); right:0;} .pitch-deck-modal{background-color:var(--black);} .pitch-deck-modal .modal-block{max-width:1050px;} .pitch-deck-modal .modal-arrow{position:fixed; top:calc(50% - 25px);} .pitch-deck-modal .modal-page{background-color:transparent;} .pitch-deck-modal .modal-page img{max-height:calc(100vh - 40px); border-radius:14px;} .pitch-deck-modal .modal-page picture img{width:initial !important;} .pitch-deck-modal .modal-page .image-caption{float:left; width:100%; padding: 10px 20px; background-color:var(--white); font-size:16px; line-height:24px; font-style:italic; border-radius:0 0 14px 14px;} @media screen and (max-width:1140px) { section.pitch-deck:has(.full-deck){padding-bottom:50px;} section.pitch-deck .full-deck .slick-arrow{top:calc(100% + 10px);} section.pitch-deck .full-deck .slick-prev{left:0;} section.pitch-deck .full-deck .slick-next{right:0;} section.pitch-deck .full-deck .full-screen-button{top:calc(100% + 70px); right:initial;} } @media screen and (max-width:600px) { section.pitch-deck{padding-bottom:30px;} section.pitch-deck .main-button{top:calc(100% + 25px); bottom:initial;} section.pitch-deck .full-deck ~ .main-button{top:initial; bottom:35%;} section.pitch-deck .contact-button{top:calc(100% + 25px); bottom:initial;} section.pitch-deck .full-deck ~ .contact-button{top:initial; bottom:35%;} .pitch-deck-modal{align-items:center;} .pitch-deck-modal .modal-block{padding:0 20px; top:initial;} .pitch-deck-modal .modal-close{position:fixed;} } /* Block Links ========================================== */ /* section.block-links{} */ section.block-links .overlay{opacity:0.75;} /* section.block-links .container{} */ section.block-links .section-block{display:flex; flex-wrap:wrap; float:left;} section.block-links .section-part{display:flex;} section.block-links .section-part-inner{overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; min-height:177px; padding:39px 10px; border-radius:10px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} section.block-links .section-part-inner .overlay{background-repeat:no-repeat; background-size:cover; background-position:center;} section.block-links .section-part-inner .overlaybg{opacity:0.5;} section.block-links .block-icon{display:flex; justify-content:center; align-items:center; width:100%; margin-bottom:15px;} section.block-links .block-icon picture{align-items:flex-end; width:100%; width:35px; height:25px;} section.block-links .block-icon img{display:block; width:initial !important; max-width:100%; height:auto; max-height:100%;} section.block-links .block-title{width:100%; padding-top:15px; text-align:center;} section.block-links .block-title.large{padding-top:5px; font-size:40px; line-height:1;} section.block-links .block-text{width:100%; padding-top:15px; line-height:24px !important; text-align:center;} section.block-links hr{max-width:60%; margin-bottom:0;} section.block-links .section-button{display:flex; justify-content:center; float:left; width:100%;} section.block-links .greenDarkBG .block-title, section.block-links .greenDarkBG .block-text{color:var(--greenLight);} section.block-links .greenDarkBG hr{background:linear-gradient(to right, rgba(234,251,180,0) 0%,rgba(234,251,180,0.75) 50%,rgba(234,251,180,0) 100%);} section.block-links .blueDarkBG .block-title, section.block-links .blueDarkBG .block-text{color:var(--blueLight);} section.block-links .blueDarkBG hr{background:linear-gradient(to right, rgba(183,237,255,0) 0%,rgba(183,237,255,0.75) 50%,rgba(183,237,255,0) 100%);} section.block-links .orangeBG .block-title, section.block-links .orangeBG .block-text{color:var(--yellow);} section.block-links .orangeBG hr{background:linear-gradient(to right, rgba(255,208,132,0) 0%,rgba(255,208,132,0.75) 50%,rgba(255,208,132,0) 100%);} section.block-links .threePerRow{width:calc(100% + 66px); margin:0 0 5px -66px;} section.block-links .threePerRow .section-part{width:33.33%; padding-left:66px; margin-bottom:40px;} section.block-links .fourPerRow{width:calc(100% + 43px); margin:0 0 15px -43px;} section.block-links .fourPerRow .section-part{width:25%; padding-left:43px; margin-bottom:30px;} section.block-links .fivePerRow{width:calc(100% + 20px); margin:0 0 25px -20px;} section.block-links .fivePerRow .section-part{width:20%; padding-left:20px; margin-bottom:20px;} section.block-links .slick-slider{width:100%; margin-left:0 !important;} section.block-links .slick-slider .section-part{padding-right:1px;} section.block-links .slick-slider.threePerRow .section-part{padding-left:65px;} section.block-links .slick-slider.fourPerRow .section-part{padding-left:42px;} section.block-links .slick-slider.fivePerRow .section-part{padding-left:19px;} section.block-links .slick-slider .section-part-inner{box-shadow:none;} section.block-links .slick-slider .slick-active .section-part-inner{box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} section.block-links .slick-arrow{top:calc(50% - 25px);} @media screen and (max-width:930px) { section.block-links .threePerRow, section.block-links .fourPerRow{width:calc(100% + 20px); margin:0 0 25px -20px;} section.block-links .slick-slider{width:calc(100% + 50px);} section.block-links .threePerRow .section-part, section.block-links .fourPerRow .section-part{padding-left:20px !important; margin-bottom:20px;} section.block-links .fourPerRow .section-part, section.block-links .fivePerRow .section-part{width:33.33%;} section.block-links .slick-prev{left:-65px;} section.block-links .slick-next{right:-15px;} } @media screen and (max-width:768px) { section.block-links .slick-prev{left:-50px;} section.block-links .slick-next{right:0;} } @media screen and (max-width:700px) { section.block-links .threePerRow .section-part, section.block-links .fourPerRow .section-part, section.block-links .fivePerRow .section-part{width:50%;} } @media screen and (max-width:600px) { section.block-links .block-title{font-size:25px;} } @media screen and (max-width:480px) { section.block-links .threePerRow .section-part, section.block-links .fourPerRow .section-part, section.block-links .fivePerRow .section-part{width:100%;} } @media screen and (max-width:425px) { section.block-links .slick-prev{left:-35px;} section.block-links .slick-next{right:15px;} } @media screen and (max-width:480px) { section.block-links .section-part-inner{min-height:198px;} section.block-links .stack .section-part-inner{min-height:385px;} section.block-links .block-title.large{font-size:35px;} } /* Team Landing ========================================== */ /* section.team-hero{} section.team-hero .container{} section.team-hero .hero-image{} section.team-hero .hero-text{} */ @media screen and (max-width:600px) { section.team-hero .hero-text *{text-align:left !important;} } /* section.team-archive{} section.team-archive .container{} */ section.team-archive .section-block{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 51px); margin-left:-51px;} section.team-archive .section-part{width:25%; padding-left:51px; margin-bottom:100px;} section.team-archive .section-part-inner{cursor:pointer; display:flex; flex-direction:column; justify-content:center; align-items:center; float:left; width:100%;} section.team-archive .section-image{width:100%; max-width:253px; height:auto; margin-bottom:40px; border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} section.team-archive .section-title{width:100%; margin-bottom:8px;} section.team-archive .section-position{width:100%;} section.team-archive .section-excerpt{overflow:hidden; width:100%; padding-top:15px; margin-top:15px; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;} section.team-archive .section-excerpt p{margin-top:0;} section.team-archive .section-links{display:flex; align-items:center; float:left; width:100%; margin-top:15px;} section.team-archive .section-links a{display:flex; margin-left:20px;} section.team-archive .section-links i{font-size:26px;} @media screen and (max-width:1100px) { section.team-archive .section-part{width:33.33%;} } @media screen and (max-width:840px) { section.team-archive .section-part{width:50%;} } @media screen and (max-width:600px) { section.team-archive .section-title{font-size:25px;} } @media screen and (max-width:550px) { section.team-archive .section-part{width:100%;} } /* Team Modal ========================================== */ .team-modal .modal-close{top:45px; right:28px;} .team-modal .modal-arrow{top:45px;} .team-modal .modal-arrow.previous-arrow{right:168px; left:initial;} .team-modal .modal-arrow.next-arrow{right:98px;} .team-modal .modal-top{display:flex; padding:25px 50px 0 0;} .team-modal .top-left{width:60%; margin-bottom:10px;} .team-modal .top-left img{width:100%;} .team-modal .top-right{display:flex; flex-direction:column; width:40%; padding-left:20px; margin:100px 0 25px;} .team-modal .top-right .team-name{margin-bottom:5px;} .team-modal .top-right .subtitle3{padding-bottom:10px;} .team-modal .top-right .partner-quote{width:100%; padding-top:20px; font-family:'SouvenirStd'; font-size:25px; font-weight:300; font-style:italic; line-height:35px;} .team-modal .top-right .partner-quote .open-quote{margin-left:-11px;} .team-modal .modal-bottom{display:flex; width:100%; padding:45px 50px 50px;} .team-modal .modal-bottom .overlay{background-color:var(--beigeLight);} .team-modal .bottom-left{display:flex; flex-direction:column; width:100%; padding:0 45px;} .team-modal .bottom-left .section-name{padding-bottom:15px; margin:0;} .team-modal .bottom-left .section-location{width:100%; margin-top:10px;} .team-modal .bottom-left .section-expertise{width:100%; margin-top:5px;} .team-modal .bottom-left .section-social{display:flex; flex-wrap:wrap; width:100%; margin-top:10px;} .team-modal .bottom-left .section-social a{display:block; width:26px; margin-right:20px;} /* .team-modal .bottom-left .section-social a:hover{} */ .team-modal .bottom-left .section-social i{font-size:26px;} /* .team-modal .bottom-left .section-social a:hover i{} */ .team-modal .bottom-left .section-content{width:100%; margin-top:15px;} .team-modal .bottom-left .section-button{width:100%; margin-top:40px;} .team-modal .bottom-left .section-button a::before{margin-top:-8px; transform:rotate(135deg);} .team-modal .bottom-left .section-button a::after{content:''; width:10px; height:1px; background-color:var(--orange); position:absolute; left:7px; top:21px;} .team-modal .bottom-right{flex:0 0 365px; width:365px; padding:0 0 0 45px;} .team-modal .bottom-right .section-block{float:left; width:100%; margin-bottom:45px;} .team-modal .bottom-right .section-title{float:left; padding-bottom:15px; margin:0;} .team-modal .bottom-right .section-part{display:flex; flex-direction:column; float:left; width:100%;} .team-modal .bottom-right .section-part a{margin-top:15px; color:var(--blueDark); line-height:1.1;} .team-modal .bottom-right .section-part a:hover{color:var(--orange);} .team-modal .bottom-right .section-button{float:left; width:100%; margin-top:15px;} .team-modal .bottom-right .section-part.withArrow a:before{content:''; margin-right:8px; border:solid 4px transparent; border-top-color:var(--orange); border-right-color:var(--orange); transform:rotate(45deg); position:absolute; top:8px; left:-20px;} @media screen and (max-width:1024px) { .team-modal .bottom-left{padding-left:0;} } @media screen and (max-width:900px) { .team-modal .modal-top{flex-direction:column; padding:50px 0 0;} .team-modal .top-left{width:100%; margin-bottom:0;} .team-modal .top-right{width:100%; padding:0 50px; margin-top:10px;} .team-modal .modal-bottom{flex-direction:column;} .team-modal .bottom-left{padding:0; margin-bottom:50px;} .team-modal .bottom-right{flex:initial; width:100%; padding:0;} .team-modal .bottom-right .section-part.withArrow{padding-left:17px;} } @media screen and (max-width:768px) { .team-modal .top-right{padding:0 35px;} .team-modal .modal-bottom{padding:45px 35px 0;} } @media screen and (max-width:600px) { .team-modal .modal-close, .team-modal .modal-arrow{top:20px;} .team-modal .modal-arrow.previous-arrow{left:20px;} .team-modal .modal-arrow.next-arrow{right:initial; left:90px;} .team-modal .top-right .team-name{font-size:25px;} .team-modal .modal-bottom{padding:45px 20px 100px;} } @media screen and (max-width:425px) { .team-modal .top-right{padding:0 20px;} } /* Banner ========================================== */ /* section.banner{} */ section.banner .container{display:flex; flex-direction:column; align-items:center;} section.banner .overlay{opacity:0.75; background-blend-mode:multiply;} section.banner hr{margin:15px 0;} section.banner .section-text{width:100%;} section.banner .section-button{margin-top:20px;} @media screen and (max-width:600px) { section.banner .section-title{font-size:16px; line-height:22px;} } /* Investments Block ========================================== */ .investments-block{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 20px); margin:0 0 -20px -20px;} .investments-block .section-part{width:16.66%; min-height:167px; padding-left:20px; margin-bottom:20px;} .investments-block .exited{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:80%; font-family:'SouvenirStd'; font-size:14px; font-weight:300; font-style:italic; white-space:nowrap; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:2;} .investments-block hr{opacity:0.5; margin:0;} .investments-block .section-part-inner{cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center; background-color:var(--white); border-radius:10px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} .investments-block .section-part-inner .overlay{opacity:0.5; background-repeat:no-repeat; background-size:cover; background-position:center;} .investments-block .section-image{width:100%; max-width:100%; height:auto; max-height:100%;} .investments-block .title{padding:20px; text-align:center;} @media screen and (max-width:1024px) { .investments-block .section-part{width:20%;} } @media screen and (max-width:900px) { .investments-block .section-part{width:25%;} } @media screen and (max-width:700px) { .investments-block .section-part{width:33.33%;} } @media screen and (max-width:580px) { .investments-block .section-part{width:50%;} } /* Featured Inventments ========================================== */ section.featured-investments .overlay{opacity:0.75;} section.featured-investments .section-block{width:100%; margin-left:0;} section.featured-investments .section-block::before{content:''; width:1px; height:calc(100% + 20px); position:absolute; top:-33px; left:0; z-index:2; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1d4f+0,1e1d4f+100&0+0,1+50,1+50,0+100 */ background: linear-gradient(to bottom, rgba(30,29,79,0) 0%,rgba(30,29,79,1) 50%,rgba(30,29,79,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} section.featured-investments .section-block::after{content:''; width:1px; height:calc(100% + 20px); position:absolute; top:-33px; right:0; z-index:2; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1d4f+0,1e1d4f+100&0+0,1+50,1+50,0+100 */ background: linear-gradient(to bottom, rgba(30,29,79,0) 0%,rgba(30,29,79,1) 50%,rgba(30,29,79,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} section.featured-investments .investments-block .section-part-inner{box-shadow:none;} section.featured-investments .investments-block .slick-active .section-part-inner{box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} section.featured-investments .section-button{display:flex; justify-content:center; float:left; width:100%;} section.featured-investments .slick-arrow{top:calc(50% - 25px); z-index:2;} section.featured-investments .slick-arrow.slick-prev{left:-75px;} section.featured-investments .slick-arrow.slick-next{right:-75px;} section.featured-investments .slick-dots{padding-left:20px;} @media screen and (max-width:1110px) { section.featured-investments .slick-arrow.slick-prev{left:-65px;} section.featured-investments .slick-arrow.slick-next{right:-65px;} } @media screen and (max-width:768px) { section.featured-investments .section-block{width:calc(100% + 35px);} section.featured-investments .section-block::before{display:none;} section.featured-investments .section-block::after{display:none;} section.featured-investments .slick-arrow.slick-prev{left:-50px;} section.featured-investments .slick-arrow.slick-next{right:-15px;} } @media screen and (max-width:425px) { section.featured-investments .slick-arrow.slick-prev{left:-35px;} section.featured-investments .slick-arrow.slick-next{right:0;} } /* Investments - Landing ========================================== */ /* section.investments-hero{} section.investments-hero .container{} section.investments-hero .hero-image{} section.investments-hero .hero-text{} */ @media screen and (max-width:600px) { section.investments-hero .hero-text *{text-align:left !important;} } section.investments .overlay{opacity:0.75;} section.investments .section-block{margin-bottom:50px;} section.investments .section-button{display:flex; justify-content:center; float:left; width:100%; padding-left:20px; margin-top:20px;} @media screen and (max-width:1214px) { section.investments .section-logo span.title{font-size:2vw; line-height:2.8vw;} } @media screen and (max-width:768px) { section.investments .tab-container{margin:5px 0 20px;} section.investments .section-logo span.title{font-size:2.7vw; line-height:3.5vw;} } @media screen and (max-width:600px) { section.investments .section-logo span.title{font-size:3.5vw; line-height:5vw;} } /* Investments Modal ========================================== */ .investments-modal .modal-close{top:45px; right:28px;} .investments-modal .modal-arrow{top:45px;} .investments-modal .modal-arrow.previous-arrow{right:168px; left:initial;} .investments-modal .modal-arrow.next-arrow{right:98px;} .investments-modal .modal-top{display:flex; width:100%; padding:140px 50px 40px 50px;} .investments-modal .top-left{width:40%; padding-left:6vw;} .investments-modal .top-left .investments-block{width:12.2vw; max-width:160px; margin:-6vw 0 -6vw -5vw; z-index:2;} .investments-modal .top-left .investments-block img{width:100%;} .investments-modal .top-left .lead-image{width:100%; border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} .investments-modal .top-left .section-lead{width:100%; margin-top:20px;} .investments-modal .top-left .lead-name{float:left; width:100%; margin-bottom:6px;} .investments-modal .top-left .lead-position{float:left; width:100%;} .investments-modal .top-right{display:flex; flex-direction:column; width:60%; padding-left:60px;} .investments-modal .top-right .info-container{display:flex; align-items:center; width:100%;} .investments-modal .top-right .info{display:flex;} .investments-modal .top-right .info-title{font-size:20px; /* white-space:nowrap; */} .investments-modal .top-right .info-data{font-size:20px;} .investments-modal .top-right .pipe{padding:0 10px; font-size:18px;} .investments-modal .top-right .excerpt{width:100%; padding-top:15px; margin:15px 0 15px;} .investments-modal .top-right .excerpt p{margin-top:0;} .investments-modal .top-right .excerpt sup{font-size:0.5em !important;} .investments-modal .top-right .company-info{display:flex; flex-wrap:wrap; align-items:center; width:100%; margin-top:15px;} .investments-modal .top-right .company-info a.btn{margin-right:15px;} /* .investments-modal .top-right .social-icons{} */ .investments-modal .top-right .social-link{margin:0 15px 0 0;} .investments-modal .top-right .social-link a:hover{transform:scale(1.05);} .investments-modal .top-right .social-link i{color:var(--blueDark);} .investments-modal .modal-bottom{display:flex; width:100%; padding:45px 50px 50px;} .investments-modal .modal-bottom.empty{padding:0; margin-top:45px;} .investments-modal .modal-bottom .overlay{background-color:var(--beigeLight);} .investments-modal .bottom-left{width:50%; padding:0 45px 0 90px;} .investments-modal .bottom-right{width:50%; padding:0 90px 0 45px;} .investments-modal .bottom-title{padding-bottom:5px; margin-bottom:20px;} .investments-modal .bottom-text{float:left; width:100%;} /* .investments-modal .bottom-text ul{} .investments-modal .bottom-text li{} */ .investments-modal .bottom-image{float:left; width:100%; height:auto; margin-top:20px; border-radius:10px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} .investments-modal .statistics{display:flex; flex-direction:column; float:left; width:100%;} .investments-modal .stat{width:100%; padding:40px 30px 30px; margin-top:20px; background-color:var(--greenDark); border-radius:10px;} .investments-modal .stat:nth-child(even){background-color:var(--orange);} .investments-modal .stat .overlay{background-color:transparent;} .investments-modal .stat h3{color:var(--greenLight); text-align:center;} .investments-modal .stat:nth-child(even) h3{color:var(--yellow);} /* @media screen and (max-width:1312px) { } */ @media screen and (max-width:1110px) { .investments-modal .bottom-left{padding-left:0;} .investments-modal .bottom-right{padding-right:0;} } @media screen and (max-width:900px) { .investments-modal .modal-top{flex-direction:column;} .investments-modal .top-left{width:100%; padding-left:6vw; margin-bottom:30px;} .investments-modal .top-left img{padding-left:0;} .investments-modal .top-left .investments-block{width:24vw; max-width:initial; padding-left:0; margin:-6vw 0 -12vw -6vw;} .investments-modal .top-left .investments-block img{padding-left:0;} .investments-modal .top-left .section-lead{width:calc(100% + 6vw); margin-left:-6vw;} .investments-modal .top-right{width:100%; padding-left:0;} .investments-modal .modal-bottom{flex-direction:column;} .investments-modal .bottom-left{width:100%; padding-right:0; margin-bottom:70px;} .investments-modal .bottom-right{width:100%; padding-left:0;} } @media screen and (max-width:768px) { .investments-modal .modal-top{padding:140px 35px 40px 35px;} .investments-modal .modal-bottom{padding:45px 35px 150px;} } @media screen and (max-width:600px) { .investments-modal .modal-close, .investments-modal .modal-arrow{top:20px;} .investments-modal .modal-arrow.previous-arrow{left:20px;} .investments-modal .modal-arrow.next-arrow{right:initial; left:90px;} .investments-modal .top-left .investments-block{width:30vw;} .investments-modal .top-left .lead-name{font-size:25px;} .investments-modal .top-right .info-title{font-size:18px;} .investments-modal .modal-bottom{padding:45px 20px 150px;} } @media screen and (max-width:425px) { .investments-modal .modal-top{padding:140px 20px 40px 20px;} } /* Post Blocks ========================================== */ .post-part{overflow:hidden; display:flex !important; width:100%; height:auto; border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} .post-part .overlay{opacity:0.25 !important; background-color:var(--beigeLight);} .post-part .overlayBG{opacity:0.5;} .post-part .section-image, .post-part picture:has(.section-image){display:block; width:45%; object-fit:cover; object-position:center;} .post-part picture .section-image{height:100%;} .press-post .post-part .section-image{display:none;} .post-part .image-overlay{opacity:0.5 !important; width:45%; background-color:transparent !important;} .post-part .section-all-text{display:flex; flex-direction:column; height:auto; width:55%; height:100%; padding:20px 30px 30px;} .post-part .section-all-text .overlay{background-color:var(--white);} .post-type{display:flex; align-items:center; width:100%; margin-bottom:15px;} .post-type img{width:initial; height:20px; margin-right:10px;} .post-part .post-title{width:100%; margin:5px 0; font-family:'SouvenirStd'; font-weight:300; font-size:25px; line-height:30px;} .post-part .section-all-text.large-title .post-title{font-size:36px; line-height:46px; display: -webkit-box; -webkit-line-clamp: 2; /* Number of lines to show */ -webkit-box-orient: vertical; overflow: hidden;} .post-part .post-details{display:flex; align-items:center; width:100%; margin-bottom:10px;} .post-part .author-image, .post-part picture:has(.author-image){flex:0 0 40px; width:40px; height:40px; margin-right:10px; object-fit:cover; object-position:top center; border-radius:40px;} .post-part picture .author-image{flex:initial; width:100%; height:100%; margin-right:0;} .post-part .publish-info{display:flex; flex-direction:column; width:100%;} .post-part .author-name{margin-bottom:5px;} .post-part .author-name, .post-part .author-name *, .post-part .date-time, .post-part .date-time *, .post-part .post-topics{width:100%; color:#888; line-height:1;} .post-part .post-topics{margin-bottom:5px;} .post-part .post-topics *{color:#888;} .post-part .post-button{width:100%; padding-top:10px; /* margin-top:auto; */} .post-part.vertical{flex-direction:column;} .post-part.vertical picture, .post-part.vertical .section-image, .post-part.vertical .image-overlay{width:100%;} .post-part.vertical .section-all-text{width:100%; height:100%;} .post-part.small .image-container{display:flex; width:40%;} .post-part.small picture{width:100%;} .post-part.small .section-image{width:100%; height:100%;} .post-part.small .image-overlay{width:100%;} .post-part.small .section-all-text{justify-content:center; width:60%; height:auto;} .post-part.small .section-all-text *{display:none;} .post-part.small .section-all-text .overlay, .post-part.small .section-all-text .overlayBG, .post-part.small .section-all-text .post-title, .post-part.small .section-all-text .post-button{display:block;} .post-part.small .section-all-text .post-button a, .post-part.small .section-all-text .post-button span{display:flex;} .post-part.small .section-all-text .post-button img{display:block;} .event-post .post-part.small .section-all-text .post-details{display:flex; margin-bottom:0;} .event-post .post-part.small .section-all-text .post-details *{display:flex; justify-content:center; width:initial; min-width:10px;} @media screen and (max-width:1024px) { .post-part.small{flex-direction:column;} .post-part.small .image-container{width:100%;} .post-part.small .section-all-text{width:100%;} } @media screen and (max-width:600px) { .post-part .post-title{margin-bottom:10px;} .post-part .section-all-text.large-title .post-title{font-size:25px; line-height:1.3;} .post-part .post-button{padding-top:25px;} } @media screen and (max-width:425px) { .post-part .section-all-text{padding-left:20px !important; padding-right:20px !important;} } /* Featured Posts ========================================== */ /* section.featured-posts{} */ section.featured-posts .container{display:flex; flex-direction:column; align-items:center;} section.featured-posts .section-title{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; max-width:360px;} section.featured-posts .section-title img{width:initial; height:20px; margin-right:10px;} section.featured-posts .section-title hr{margin:20px 0;} section.featured-posts .section-block{width:100%; margin-bottom:70px;} /* section.featured-posts .section-part{margin:10px;} */ section.featured-posts .post-type{padding-bottom:15px;} section.featured-posts .section-all-text{height:auto; padding:20px 50px 30px 50px;} section.featured-posts .section-all-text.large-title .post-title.podcast-title, section.featured-posts .section-all-text.large-title .post-title.press-title{-webkit-line-clamp:3;} section.featured-posts .slick-track{display:flex;} section.featured-posts .slick-arrow.slick-prev{left:-75px;} section.featured-posts .slick-arrow.slick-next{right:-75px;} @media screen and (max-width:1285px) { section.featured-posts .slick-arrow.slick-prev{left:-65px;} section.featured-posts .slick-arrow.slick-next{right:-65px;} } @media screen and (max-width:768px) { section.featured-posts .section-part{flex-direction:column;} section.featured-posts picture, section.featured-posts .section-image, section.featured-posts .image-overlay{width:100% !important;} section.featured-posts .section-all-text{width:100%;} section.featured-posts .slick-arrow.slick-prev{left:-50px;} section.featured-posts .slick-arrow.slick-next{right:-50px;} } @media screen and (max-width:600px) { section.featured-posts .section-all-text{padding:20px 20px 30px;} } @media screen and (max-width:425px) { section.featured-posts .slick-arrow.slick-prev{left:-35px;} section.featured-posts .slick-arrow.slick-next{right:-35px;} } /* Blog Author Info ========================================== */ .author-info{display:flex; align-items:center; float:left; width:100%; max-width:800px; margin-bottom:50px;} .author-info .author-left{width:50%; padding-right:10px;} .author-info .author-right{width:50%; padding-left:10px;} .author-info .author-right .subtitle3{margin:-10px 0 10px;} .author-info .author-right .section-links{display:flex; align-items:center; padding-top:20px;} .author-info .author-right .section-links a{margin-right:10px;} @media screen and (max-width:650px) { .author-info{flex-direction:column; max-width:530px;} .author-info .author-left{width:100%; padding:0 0 10px;} .author-info .author-right{width:100%; padding:10px 20px 0;} } /* Blog Filters ========================================== */ section.blog-filters{float:left; width:100%; padding-top:30px; margin-bottom:-50px; z-index:5;} section.blog-filters .overlay{opacity:0.5;} section.blog-filters .tab-spacer{display:none;} section.blog-filters .tab-dropdown{margin-bottom:20px; z-index:3;} section.blog-filters .tab-dropdown + .tab-dropdown{z-index:2;} section.blog-filters .search-container{z-index:1;} @media screen and (max-width:768px) { section.blog-filters .tab-spacer{display:block;} section.blog-filters .tab-single{display:flex; justify-content:center; width:100%;} section.blog-filters .tab-single a, section.blog-filters .search-container{width:100%; max-width:340px;} } @media screen and (max-width:600px) { section.blog-filters .tab-dropdown{width:100%; max-width:340px;} } /* Landing Page ========================================== */ .landing-page{display:flex; flex-direction:column; float:left; width:100%; padding-top:150px;} .landing-page .container{display:flex; flex-direction:column; align-items:center;} .landing-page .back-arrow{display:none; align-items:center; margin:-25px auto 20px 0;} .landing-page .back-arrow img{width:initial; height:15px; margin-right:5px;} .landing-text{width:100%; margin-bottom:25px; text-align:center;} .landing-tabs{display:flex; justify-content:center; width:100%; margin:0 0 45px;} .landing-tab{display:flex; flex-direction:column; align-items:center; margin:0 10px;} .landing-tab img{width:initial; height:20px; margin-bottom:10px;} .landing-tab.current-page a{color:var(--white) !important; background-color:var(--blueDark);} section.latest-posts{padding:70px 0;} section.latest-posts .overlay{opacity:0.5; background-color:var(--beigeLight);} section.latest-posts .container{display:flex; align-items:flex-start; flex-direction:row;} section.latest-posts .left-side{display:flex; flex-direction:column; width:50%; padding-right:50px;} section.latest-posts .section-block{display:flex; flex-direction:column; flex-wrap:wrap; width:100%; margin-bottom:40px;} section.latest-posts .section-part{box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} section.latest-posts .right-side{display:flex; flex-direction:column; width:50%; padding-left:50px;} .blog-landing section.latest-posts .section-block{flex-direction:row; justify-content:space-between;} .blog-landing section.latest-posts .post-part{width:calc(50% - 50px); margin-bottom:60px;} .blog-landing section.latest-posts .post-part .post-button{margin:0;} .podcasts-landing section.latest-posts .section-block{flex-direction:row; flex-wrap:wrap; justify-content:space-around; margin:-25px 0 -50px;} .podcasts-landing section.latest-posts .section-part{overflow:hidden; max-width:345px; margin:0 10px 50px; border-radius:14px;} .podcasts-landing section.latest-posts .section-image{display:block;} .podcasts-landing section.latest-posts .image-overlay{background-color:transparent;} .podcasts-landing section.latest-posts .section-all-text{display:flex; flex-direction:column; align-items:flex-start; height:100%; padding:25px; background-color:var(--beigeLight);} .podcasts-landing section.latest-posts .section-desc{display:-webkit-box; -webkit-line-clamp:8; /* Number of lines to show */ -webkit-box-orient:vertical; overflow:hidden;} .podcasts-landing section.latest-posts .section-link{margin-top:25px;} .newsletters-landing section.latest-posts .section-block{flex-direction:row; flex-wrap:wrap; justify-content:space-around; margin:-25px 0 -50px;} .newsletters-landing section.latest-posts .section-part{overflow:hidden; max-width:345px; margin:0 10px 50px; border-radius:14px;} .newsletters-landing section.latest-posts .section-image{display:block;} .newsletters-landing section.latest-posts .image-overlay{background-color:transparent;} .newsletters-landing section.latest-posts .section-all-text{display:flex; flex-direction:column; align-items:flex-start; height:100%; padding:25px; background-color:var(--beigeLight);} .newsletters-landing section.latest-posts .section-title{margin-bottom:5px; font-family:'SouvenirStd'; font-size:25px !important; line-height:30px !important; font-style:italic;} .newsletters-landing section.latest-posts .section-at{opacity:0.5; margin-bottom:10px; font-size:16px;} .newsletters-landing section.latest-posts .section-desc{display:-webkit-box; -webkit-line-clamp:8; /* Number of lines to show */ -webkit-box-orient:vertical; overflow:hidden;} .newsletters-landing section.latest-posts .section-link{margin-top:25px;} .events-landing section.latest-posts .section-block{flex-direction:row; flex-wrap:wrap; justify-content:space-between;} .events-landing section.latest-posts .section-part{width:calc(50% - 50px); margin-bottom:60px;} .events-landing section.latest-posts .section-all-text .post-details{display:flex; margin-bottom:0;} .events-landing section.latest-posts .section-all-text .post-details *{display:flex; justify-content:center; align-items:center; width:initial; min-width:10px; white-space:nowrap;} .press-landing section.latest-posts .section-block{flex-direction:row; justify-content:space-between;} .press-landing section.latest-posts .post-part{width:calc(50% - 50px); margin-bottom:60px;} .press-landing section.latest-posts .post-part .post-button{margin:0;} /* First Post on First Page (made to look like featured post) */ .blog-landing section.latest-posts .first-page .section-part:first-child, .events-landing section.latest-posts .first-page .section-part:first-child{flex-direction:row; width:100%;} .blog-landing section.latest-posts .first-page .section-part:first-child .image-container, .events-landing section.latest-posts .first-page .section-part:first-child .image-container{width:45%;} .blog-landing section.latest-posts .first-page .section-part:first-child .image-container img, .events-landing section.latest-posts .first-page .section-part:first-child .image-container img{height:100%;} .blog-landing section.latest-posts .first-page .section-part:first-child .section-all-text, .events-landing section.latest-posts .first-page .section-part:first-child .section-all-text{width:55%; padding:30px 50px;} .blog-landing section.latest-posts .first-page .section-part:first-child .post-title{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:36px; line-height:46px;} .events-landing section.latest-posts .first-page .section-part:first-child .post-title{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:36px; line-height:46px;} @media screen and (max-width:1265px) { section.latest-posts .left-side{padding-right:4vw;} section.latest-posts .right-side{padding-left:4vw;} .blog-landing section.latest-posts .post-part, .events-landing section.latest-posts .post-part{width:calc(50% - 4vw);} } @media screen and (max-width:850px) { .landing-tabs{display:none;} } @media screen and (max-width:768px) { section.latest-posts{padding-bottom:40px;} .blog-landing section.latest-posts, .events-landing section.latest-posts, .press-landing section.latest-posts{padding-bottom:0;} section.latest-posts .container{flex-direction:column;} section.latest-posts .left-side{width:100%; padding-right:0;} section.latest-posts .right-side{width:100%; padding-left:0;} .blog-landing section.latest-posts .post-part, .events-landing section.latest-posts .post-part, .press-landing section.latest-posts .post-part{width:100%; margin-bottom:20px;} .blog-landing section.latest-posts .first-page .section-part:first-child, .events-landing section.latest-posts .first-page .section-part:first-child{flex-direction:column;} .blog-landing section.latest-posts .first-page .section-part:first-child .image-container, .events-landing section.latest-posts .first-page .section-part:first-child .image-container, .blog-landing section.latest-posts .first-page .section-part:first-child .image-overlay, .events-landing section.latest-posts .first-page .section-part:first-child .image-overlay{width:100%;} .blog-landing section.latest-posts .first-page .section-part:first-child .section-all-text, .events-landing section.latest-posts .first-page .section-part:first-child .section-all-text{width:100%; padding:30px;} .blog-landing section.latest-posts .first-page .section-part:first-child .post-title, .events-landing section.latest-posts .first-page .section-part:first-child .post-title{-webkit-line-clamp:100; font-size:25px; line-height:30px;} } @media screen and (max-width:600px) { .landing-page .back-arrow{display:flex;} .landing-text{text-align:left !important;} } /* Single Page ========================================== */ .post-single{padding:140px 0 70px;} .post-single .post-nav-arrow{display:flex; justify-content:center; align-items:center; width:50px; height:50px; background-color:var(--white) !important; border-radius:50px; position:absolute; top:50vh; z-index:3; transition:all 0.25s;} .post-single .post-nav-arrow:hover{background-color:var(--blueDark) !important;} .post-single .post-nav-arrow img{width:initial; height:20px;} .post-single .post-nav-arrow:hover img{filter:brightness(0) invert(1);} .post-single .post-nav-arrow.left-arrow{left:calc(50% - 600px);} .post-single .post-nav-arrow.right-arrow{right:calc(50% - 600px);} .post-single .back-arrow{display:flex; align-items:center; float:left; margin:-25px 0 20px;} .post-single .back-arrow img{width:initial; height:15px; margin-right:5px;} .post-single section.post-container .post-block{display:flex; flex-direction:column; align-items:center; float:left; width:100%; padding:70px 90px; background-color:var(--white); border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} .post-single section.post-container .overlay{opacity:0.3;} .post-single section.post-container .post-thumb{overflow:hidden; margin-bottom:40px; border-radius:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);} .post-single section.post-container .post-thumb img{display:block;} .post-single section.post-container .post-thumb .image-overlay{opacity:0.5;} .post-single section.post-container .page-title{width:100%; max-width:660px; padding-bottom:20px; margin:0; text-align:center;} .post-single section.post-container .post-part{max-width:660px; margin:15px 0 50px; border-radius:0; box-shadow:none;} .post-single section.post-container .post-title, .post-single section.post-container .post-button{display:none;} .post-single section.post-container .post-intro{width:100%; padding-bottom:30px;} .post-single section.post-container .post-intro :is(p,li){font-family:'SouvenirStd'; font-size:25px; font-weight:300; line-height:35px;} .post-single section.post-container .post-intro::first-letter{float:left; margin:25px 3px 0 0; font-size:280%; line-height:0.5;} .post-single section.post-container .post-content{width:100%;} .post-single section.post-container hr{max-width:initial;} .post-single section.post-container .post-content hr{max-width:367px;} .post-single section.post-container .post-register{margin-bottom:40px;} /* .blog-single section.post-container{} */ .events-single section.post-container .post-part{margin:0 0 30px;} .events-single section.post-container .date-time{text-align:center;} @media screen and (max-width:1175px) { .post-single .post-nav-arrow.left-arrow{left:-13px;} .post-single .post-nav-arrow.right-arrow{right:-13px;} } @media screen and (max-width:768px) { .post-single section.post-container .post-block{padding:70px 35px;} } @media screen and (max-width:600px) { .post-single section.post-container .page-title{font-size:25px;} .post-single section.post-container .post-part{flex-direction:column;} .post-single section.post-container .post-intro :is(p,li){font-size:18px; line-height:22px;} .post-single section.post-container .post-intro::first-letter{margin:15px 3px 0 0; font-size:250%; line-height:0.5;} } @media screen and (max-width:425px) { .post-single section.post-container .post-block{padding:70px 20px;} } /* Related Posts ========================================== */ section.related-posts{padding-top:70px;} section.related-posts .main-title{text-align:center;} section.related-posts .section-block{display:flex; flex-wrap:wrap; justify-content:space-around; padding-top:30px;} section.related-posts .post-part{width:calc(50% - 50px); margin:0 10px 60px;} section.related-posts .post-part .post-button{margin:0;} section.related-posts .section-button{display:flex; justify-content:center; float:left; width:100%;} .events-single section.related-posts{padding:40px 0 0;} @media screen and (max-width:768px) { section.related-posts .post-part{width:100%; margin:0 0 20px;} section.related-posts .section-button{margin-top:50px;} } /* Custom Gallery ========================================== */ .custom-gallery{float:left; width:100%; padding-top:30px; margin-bottom:20px;} .custom-gallery .gallery-block{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;} .custom-gallery .gallery-image{cursor:pointer; overflow:hidden; width:calc(50% - 10px); margin-bottom:20px; border-radius:14px;} .custom-gallery .gallery-image img{width:100%; height:100%; object-fit:cover; object-position:center;} .custom-gallery-modal .modal-block{max-width:1050px;} .custom-gallery-modal .modal-arrow{position:fixed; top:calc(50% - 25px);} .custom-gallery-modal .modal-page{background-color:transparent;} .custom-gallery-modal .modal-page img{border-radius:14px;} .custom-gallery-modal .modal-page img.w-caption{border-radius:14px 14px 0 0;} .custom-gallery-modal .modal-page .image-caption{float:left; width:100%; padding: 10px 20px; background-color:var(--white); font-size:16px; line-height:24px; font-style:italic; border-radius:0 0 14px 14px;} @media screen and (max-width:600px) { .custom-gallery .gallery-image{width:100%;} .custom-gallery-modal{align-items:center;} .custom-gallery-modal .modal-block{padding:0 20px; top:initial;} .custom-gallery-modal .modal-close{position:fixed;} } /* Wordpress Gallery ========================================== */ .gallery{display:flex; /* flex-wrap:wrap; */ justify-content:space-between; align-items:flex-start; float:left; width:calc(100% + 20px); margin:-10px -10px 20px !important;} .gallery .gallery-item{width:initial !important; padding:10px; margin:0 0 10px !important;} .gallery img{display:block; width:auto; height:auto; object-fit:cover; border:none !important; border-radius:14px 14px 0 0;} .gallery .gallery-caption{width:calc(100% - 20px); padding:10px 20px; margin:0; background-color:var(--white); font-size:20px; font-style:italic; text-align:left; border-radius:0 0 14px 14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15); position:absolute; bottom:0;} @media screen and (max-width:600px) { .gallery{flex-direction:column; margin-bottom:0 !important;} .gallery .gallery-item{width:100% !important;} .gallery img{width:100%; height:auto !important;} }