/* blue = #00abe0; md blue = #005671; dk blue = #11455b; md orange = #9a4d00; dk orange = #743a00; md green = #729700; dk green = #275100; md pink = #9b279b; dk pink = #741f74; md yellow = #999a3e; dk yellow = #73742f; dk gray = #333; md gray = #444; dk red = #750905; md red = #980a02; */ .pink-tx {color: #9b279b;} .orange-tx {color: #f60;} .green-tx {color: #729700} .blue-tx {color: #00abe0;} /* REDEFINITION OF BOOTSTRAP STYLES */ .btn { border-radius: 0; text-transform: uppercase; } a.btn-outline-light { border: 1px solid rgba(256,256,256,.4) !important; color: rgba(256,256,256,.8) } a.btn-outline-light:hover { border: 1px solid #fff; cursor: pointer; background: #fff; } a.btn-outline { border-color: #00abe0; color: #00abe0; } a.btn-outline:hover { border: 1px solid #00abe0; color: #fff; background: #00abe0; } a.btn-outline-main { border: 1px solid rgba(256,256,256,.1) !important; color: rgba(256,256,256,.8); font-size: 15px; padding: .375rem 1rem; text-transform: none; } a.btn-outline-main:hover { border: 1px solid rgba(256,256,256,.6) !important; cursor: pointer; } a.main-design:hover { color: #f60; } a.main-books:hover { color: #729700; } a.main-articles:hover { color: #00abe0; } body { font-family: "Open Sans", sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*font-family: "facitweb-1","facitweb-2",sans-serif;*/ color: #111; font-size: 16px; } h1, h2, h3, h4, h5 { font-family: "Alice", serif; } a { color: #00abe0; /*border-bottom: 1px dotted #ccc;*/ } a:hover { transition: color 0.4s ease; color: #111; text-decoration: none; /*border: none;*/ } .blue a { color: rgba(256,256,256,.8); border-bottom: 1px dotted #ccc; } .blue a:hover { transition: color 0.4s ease; color: #111; text-decoration: none; border: none; } hr { border-color: rgba(256,256,256,.2); } .white hr { border-color: #ddd; } .gray { background: #f4f4f4; } .blue { background: #00abe0; color: #fff; } .sec-reg { padding: 100px 0; } .bot-space-10 { margin-bottom: 100px; } acronym { text-decoration: none; border-bottom: 1px dotted rgba(256,256,256,.5); cursor: help; } .grad { height: 6px; width: 100%; background-image: linear-gradient( to right, #00abe0, #89b700, #f60, #9b279b ); } .next-title .grad { margin-top: 100px; margin-bottom: 120px; height: 3px; } header .container { margin-top: 90px; } header nav { margin-top: 20px; } header nav a { display: inline-block; margin: 15px 20px; text-transform: uppercase; border: none; color: #777; } header nav a:hover { color: #00abe0; } @media screen and (max-width: 400px) { header nav a { font-size: 14px; margin: 15px 15px; } } header h1 { font-size: 28px; margin: 0; padding: 0; } header h1 span { background: #ddd; height: 1px; overflow: visible; display:block; } header h1 a { padding-right: 10%; padding-left: 10%; background: #fff; position:relative; top: -15px; border: none; color: #111; } .intro { margin-top: 100px; text-align: left; } .intro p { font-family: "Alice", sans-serif; font-size: 40px; line-height: 1.2em; } .questions { margin-top: 100px; margin-bottom: 100px; text-align:center; } .questions h5 { font-size: 26px; margin-bottom: 0; } .questions p { font-size: 18px; } .questions a { border-bottom: 1px dotted #ccc; } .questions a:hover { border: none; } @media screen and (max-width: 767px) { .intro p { font-family: "Alice", sans-serif; font-size: 30px; line-height: 1.2em; } .questions h5 { font-size: 20px; } .questions p { font-size: 16px; } } @media screen and (max-width: 575px) { .intro p { font-family: "Alice", sans-serif; font-size: 24px; line-height: 1.2em; } .questions h5 { font-size: 26px; } .questions p { font-size: 18px; } } .main-port { padding: 160px 0; color: #fff; } .main-port a { border: none; } .main-port p { margin-top: 60px; } .main-port a.btn { margin-top: 30px; } .mp-info { padding-bottom: 60px; text-align: center; } .mp-info h2 { margin-bottom: 40px; line-height:1.2em; font-size: 34px; text-align: left; } .mp-info h6 { text-transform: uppercase; letter-spacing: .05em; color: rgba(256,256,256,.7); text-align: left; } .mp-info p { text-align: left; } .mp-info p a { color: #fff; border-bottom: 1px dotted rgba(256,256,256,.5); } .mp-info p a:hover { color: #000; border: none; } .mp-info h5, .mp-info ul, .mp-info li { text-align: left; } .mp-img { text-align: center; } .mp-img img { margin: 0 auto; } @media screen and (max-width: 767px) { .mp-info h2 { font-size: 30px; } } @media screen and (max-width: 550px) { .mp-info h2 { font-size: 24px; } } @media screen and (max-width: 400px) { .mp-info h2 { font-size: 22px; } .mp-info img { margin: 0 auto; } } .pink-orange { background-image: linear-gradient( 45deg, #9B279B, #f60 ); } .orange-green { background-image: linear-gradient( 45deg, #f60, #89B700 ); } .green-blue { background-image: linear-gradient( 45deg, #89B700, #00abe0 ); } .grad-gray { background-image: linear-gradient( 45deg, #eee, #fff ); } .fit-header h6 { text-align: center; text-transform:uppercase; letter-spacing: .05em; color: #999; } .port-start { margin-top: 100px; } .port-hero img { margin: 0 auto; } .port-details { padding: 100px 0; color: #fff; } @media screen and (max-width: 991px) { .port-details.restart { padding-top: 40px; } } .port-details p { color: rgba(256,256,256,.8); } .pink-orange-straight { width: 100%; background-image: linear-gradient( to right, #9B279B, #f60 ); } .pink-orange-straight img { -webkit-filter: drop-shadow(0px 0px 40px rgba(73,18,73,1)); filter: drop-shadow(0px 0px 40px rgba(73,18,73,1)); } .prov31 { background: transparent url(../img21/p31-hero.png) no-repeat top right; } .prov31-theme { background: transparent url(../img21/p31-theme-2.jpg) no-repeat top left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; color: #111; } .prov31-theme h3 { text-shadow: 0px 0px 30px rgba(256,256,256,1); font-family: "learning-curve",sans-serif; font-size: 40px; font-weight: bold; } .small-replace { display: none; } @media screen and (max-width: 450px) { .prov31-theme h3 { font-size: 30px; } .small-replace { display: block; } .small-hidden { display: none; } } .orange-green-straight { width: 100%; background-image: linear-gradient( to right, #f60, #89B700 ); } .orange-green-straight img { -webkit-filter: drop-shadow(0px 0px 40px rgba(60,79,0,1)); filter: drop-shadow(0px 0px 40px rgba(60,79,0,1)); } .raised { background: transparent url(../img21/raised-hero.png) no-repeat top right; } .raised-theme { background: transparent url(../img21/rd-theme.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; color: #111; } .raised-theme h3 { text-shadow: 0px 0px 30px rgba(256,256,256,1); line-height:1.4em; } .small-replace { display: none; } @media screen and (max-width: 767px) { .raised-theme h3 { font-size: 24px; } } @media screen and (max-width: 500px) { .raised-theme h3 { font-size: 20px; } } .ap { background: transparent url(../img21/raised-hero.png) no-repeat top right; } .ap-theme { background: transparent url(../img21/ap-theme.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; color: #111; } .ap-theme h3 { text-shadow: 0px 0px 30px rgba(256,256,256,1); line-height:1.4em; } .small-replace { display: none; } @media screen and (max-width: 767px) { .ap-theme h3 { font-size: 24px; } } @media screen and (max-width: 500px) { .ap-theme h3 { font-size: 20px; } } @media screen and (max-width: 450px) { .small-replace { display: block; } .small-hidden { display: none; } .small-bot-zero { padding-bottom: 0 !important; } } .green-blue-straight { width: 100%; background-image: linear-gradient( to right, #89B700, #00abe0 ); } .paddle { background: transparent url(../img/kalkomey-hero.png) no-repeat center center; } .utb-store { background: transparent url(../img21/hero-utb.png) no-repeat center center; } .coachnet { background: transparent url(../img21/coachnet-hero.png) no-repeat center top; } .coachnet-theme { background: transparent url(../img21/coachnet-theme.jpg) no-repeat bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; color: #fff; } .coachnet-theme h3 { text-shadow: 0px 0px 30px rgba(0,0,0,.8); } @media screen and (max-width: 767px) { .coachnet-theme h3 { font-size: 24px; } } @media screen and (max-width: 500px) { .coachnet-theme h3 { font-size: 20px; } } .skip { background: transparent url(../img21/skip-hero.png) no-repeat top right; } .skip-theme { background: transparent url(../img21/skip-theme.jpg) no-repeat top left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; color: #111; } .skip-theme h3 { } .small-replace { display: none; } @media screen and (max-width: 767px) { .skip-theme h3 { font-size: 24px; } } @media screen and (max-width: 500px) { .skip-theme h3 { font-size: 20px; } } @media screen and (max-width: 450px) { .small-replace { display: block; } } .capitalism img { -webkit-filter: drop-shadow(0px 0px 40px rgba(73,18,73,1)); filter: drop-shadow(0px 0px 40px rgba(73,18,73,1)); } .capitalism { background: transparent url(../img21/cap-hero.png) no-repeat top left; } .cap-theme { background: transparent url(../img21/cap-theme.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; min-height: 450px; } .cap-theme h3 { text-shadow: 0px 0px 30px rgba(256,256,256,.8); font-family: "learning-curve",sans-serif; font-size: 40px; font-weight: bold; } @media screen and (max-width: 450px) { .cap-theme { display: none; } } .port-hero { padding: 150px 20px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; } @media screen and (max-width: 600px) { .port-hero { padding: 80px 20px; } } .home-info { padding: 100px 0; } .home-info h2 { text-align: center; margin-bottom: 60px; } .extra { margin-top: 40px; font-style: italic; font-family: "Alice", serif; font-size: 20px; } .next-title hr { display: block; margin-top: 80px; margin-bottom: 80px; border-color: #ddd; } .fit-items { text-align: center; } .fit-items p { text-align: left; font-size: 15px; } .fit-items span { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height:40px; border: 1px solid #ccc; color: #888; text-align: center; margin: 0 auto 15px; } .invite { text-align:center; } .invite hr { border-color:#d4d4d4; } .invite h6 { text-transform: uppercase; color: #888; margin-top: 60px; margin-bottom: 20px; } .invite h2 { margin-bottom: 30px; } .invite a.btn { margin-bottom: 40px; } @media screen and (max-width: 767px) { .invite h2 { font-size: 26px; } } @media screen and (max-width: 400px) { .invite h2 { font-size: 22px; } } .port-details .invite { margin-top: 100px; color: #fff; } .port-details .invite hr { border-color: rgba(256,256,256,.2); } .port-details .invite h6 { color: rgba(256,256,256,.7); } .port-details .port-invite a.btn { margin-bottom: 40px; } footer { padding-top: 100px; padding-bottom: 60px; background: #111; /*border-top: 15px solid #00abe0;*/ } footer { border-top: none; } footer h1 { font-size: 24px; margin-bottom: 50px; text-transform:none; } footer h1 a { border: none; color: #aaa; } footer h1 a:hover { color: #fff; } footer nav a { display: inline-block; margin: 15px 20px; text-transform: uppercase; border: none; } footer nav a:hover { color: #fff; } @media screen and (max-width: 400px) { footer nav a { font-size: 14px; margin: 15px 15px; } } footer small { display: block; margin-top: 50px; color: #999; } /* new 2021 styles for andyrutledge ------------------------------------------------------- */ .commence { background: #111;/*#17171F;*/ min-height: 99vh; font-family: "Alice", serif; position: relative; } .primary { margin-top: 12%; } .primary p { font-size: 24px; width: 70%; line-height: 1.2em; color: rgba(256,256,256,.6); } .primary p span { color: #fff; } .primary-links { margin-top: 100px; } .primary-links i { font-style: normal; } .primary-links div { margin-bottom: 30px; font-family: "open sans", sans-serif; } .primary p.faint { color: rgba(256,256,256,.3); } @media screen and (max-width: 1000px) { .primary { margin-top: 10%; } .primary p { font-size: 20px; width: 70%; line-height: 1.3em; } } @media screen and (max-width: 767px) { .primary { margin-top: 10%; } .primary p { font-size: 18px; width: 100%; line-height: 1.3em; } .primary-links { margin-top: 50px; } .primary-links i { display: none; } } @media screen and (max-width: 509px) { .primary p { font-size: 17px; color: #ccc; } .primary p.faint { color: rgba(256,256,256,.5); } a.btn-outline-main { font-size: 13px; } } @media screen and (max-width: 409px) { .primary p { font-size: 15px; color: #eee; line-height: 1.4em; } .primary p.faint { color: rgba(256,256,256,.5); } a.btn-outline-main { font-size: 11px; } } .design-intro { padding: 80px 0; color: #fff; } .design-intro h4 { font-size: 22px; } .details-header { background: #111; height: 80px; } .details-header img.home { max-width: 50px; margin-top: 15px; } img.detail-logo { webkit-filter: drop-shadow(0px 0px 40px rgba(73,18,73,1)); filter: drop-shadow(0px 0px 40px rgba(73,18,73,1)); } .study-logo { display: block; margin-bottom: 60px; } .mybooks { background: #222; } .the-books { text-align:center; padding-top: 80px; padding-bottom: 0; } .the-books hr { border-color:#444; } .the-books h6 { text-transform: uppercase; color: #888; margin-top: 60px; margin-bottom: 20px; } .the-books h2 { margin-bottom: 30px; color: #fff; } .the-books a.btn { margin-bottom: 40px; } @media screen and (max-width: 767px) { .the-books h2 { font-size: 26px; } } @media screen and (max-width: 400px) { .the-books h2 { font-size: 22px; } } .mybooks .main-port a:hover { color: #777; } .mybooks .main-port h2 a { color: #fff; border-bottom: 1px dotted #777; } .mybooks .main-port h2 a:hover { border-bottom: none; } .articles { background: #00abe0; padding: 100px 0; } .the-articles { text-align:center; } .the-articles hr { border-color: rgba(256,265,256,.3); } .the-articles h6 { text-transform: uppercase; color: rgba(256,265,256,.7); margin-top: 60px; margin-bottom: 20px; } .the-articles h2 { margin-bottom: 30px; color: #fff; } .the-articles a.btn { margin-bottom: 40px; } @media screen and (max-width: 767px) { .the-articles h2 { font-size: 26px; } } @media screen and (max-width: 400px) { .the-articles h2 { font-size: 22px; } } .articles .main-port a:hover { color: #777; } .articles .main-port h2 a { color: #fff; border-bottom: 1px dotted #777; } .articles .main-port h2 a:hover { border-bottom: none; } .articles ul { margin-top: 80px; } .articles ul li { margin-bottom: 40px; } .articles li a { color: #fff; } .articles li a:hover { color: #222; } .article-wrap h1, .article-wrap h2, .article-wrap h3, .article-wrap h4, .article-wrap h5 { font-family: "Alice", serif; text-transform: none; } .boysgirls { background: #111 url(../img21/boysgirls.jpg) no-repeat center center / cover; } .risk { background: #111 url(../img21/risk.jpg) no-repeat center center / cover; }