| |
| |
| /* ========================================================================== |
| Author's custom styles |
| ========================================================================== */ |
| body, p{ |
| font-family: 'Jost', sans-serif; |
| font-weight: 400; |
| font-size: 1.8rem; |
| line-height: 1.3; |
| } |
| |
| h1, h2, h3, h4{ |
| font-family: 'Jost', sans-serif; |
| } |
| |
| .custos-nav .item{ |
| font-family: 'Jost', sans-serif; |
| font-size: 20px; |
| } |
| |
| .custos-mobile-nav,.ui.menu{ |
| font-family: 'Jost', sans-serif; |
| } |
| |
| |
| #theme-gradient { |
| /*background: #5822e0; |
| background: -moz-linear-gradient(-45deg, #5822e0 0%, #101864 100%); |
| background: -webkit-linear-gradient(-45deg, #5822e0 0%,#101864 100%); |
| background: linear-gradient(135deg, #5822e0 0%,#101864 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5822e0', endColorstr='#101864',GradientType=1 );*/ |
| |
| background: #fe8c00; /* fallback for old browsers */ |
| background: -webkit-linear-gradient(to right, #f83600, #fe8c00); /* Chrome 10-25, Safari 5.1-6 */ |
| background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
| |
| |
| } |
| |
| #footer-gradient{ |
| /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6118ff+0,2edbc4+100 */ |
| /*background: #6118ff; !* Old browsers *! |
| background: -moz-linear-gradient(-45deg, #6118ff 0%, #2edbc4 100%); !* FF3.6-15 *! |
| background: -webkit-linear-gradient(-45deg, #6118ff 0%,#2edbc4 100%); !* Chrome10-25,Safari5.1-6 *! |
| background: linear-gradient(135deg, #6118ff 0%,#2edbc4 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6118ff', endColorstr='#2edbc4',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *! |
| */ |
| background: #0F2027; /* fallback for old browsers */ |
| background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); /* Chrome 10-25, Safari 5.1-6 */ |
| background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
| |
| } |
| |
| .brand-logo{ |
| width: 150px; |
| } |
| |
| .masthead.segment { |
| min-height: 500px; |
| padding: 1em 1em; |
| } |
| |
| .footer.segment { |
| padding: 5em 0em; |
| } |
| |
| .custos{ |
| padding: 8em 1em 5em 1em !important; |
| } |
| |
| .page-title{ |
| font-size: 64px; |
| line-height: 68px; |
| letter-spacing: -2px; |
| margin-bottom: 24px; |
| } |
| |
| .custos-h1-header{ |
| font-size: 52px; |
| font-weight:bold; |
| line-height: 1.1; |
| } |
| |
| .custos-h2-sub-header{ |
| font-weight: 700; |
| text-transform: uppercase; |
| font-size: 20px; |
| letter-spacing: 2.5px; |
| color: #fb6100; |
| } |
| |
| .custos-h2-header{ |
| font-size: 48px; |
| font-weight:bold; |
| line-height: 1.1; |
| } |
| |
| .custos-h3-header{ |
| font-size: 34px; |
| font-weight:bold; |
| line-height: 1.1; |
| } |
| |
| .custos-header-divider { |
| width: 20%; |
| border-top: 4px solid #fb6100 !important; |
| border-bottom: none !important; |
| height: 20px !important; |
| margin: 2rem 0rem !important; |
| } |
| |
| .custos-header-divider-centered { |
| width: 20%; |
| border-top: 4px solid #fb6100 !important; |
| border-bottom: none !important; |
| height: 20px !important; |
| margin: 2rem auto !important; |
| } |
| |
| |
| .feature-box .card .content .header{ |
| font-weight: bold; |
| color: rgba(0, 0, 0, 0.8); |
| font-size: 22px; |
| } |
| |
| .feature-box .feature-description{ |
| margin-top:1.5rem; |
| font-size: 16px; |
| line-height: 1.5; |
| color: rgba(0, 0, 0, 0.8); |
| } |
| |
| .feature-box h2{ |
| font-weight: 700 !important; |
| font-size: 30px !important; |
| text-transform: capitalize !important; |
| } |
| .feature-box span{ |
| color: rgba(0, 0, 0, 0.8); |
| font-size: 16px; |
| line-height: 1; |
| } |
| |
| .feature-box{ |
| padding:1.5rem !important; |
| background-color: #ffffff; |
| border: 2px solid #000; |
| border-radius: 10px; |
| margin:0.5rem; |
| } |
| |
| .custos-link{ |
| font-size: 24px; |
| color: #ed6502; |
| } |
| |
| .partner-logos img{ |
| margin: 2vw !important; |
| } |
| |
| .footer-text{ |
| font-size: 1.5rem; |
| color: #FFF; |
| } |
| .footer-text a{ |
| color: #ed6502; |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |