html {
font-family : sans-serif;
}
body {
color : #414348;
font-family : 'Open Sans', 'Helvetica Neue', sans-serif;
font-style : normal;
font-weight : 400;
font-size : 16px;
line-height : 1.48;
min-height : 2000px;
padding-top : 70px;
}
// : Use a unique and descriptive class name
// : Use a value from 300 to 800
.open-sans- {
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: ;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
.libre-baskerville-regular {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-style: normal;
}
.libre-baskerville-regular-italic {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-style: italic;
}
.libre-baskerville-bold {
font-family: "Libre Baskerville", serif;
font-weight: 700;
font-style: normal;
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
position : static;
}
.yamm .container {
position : relative;
}
.yamm .dropdown-menu {
left : auto;
}
.yamm .yamm-content {
padding : 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left : 0;
right : 0;
}
.yamm-content .list-unstyled li {
line-height : 1.125;
margin-bottom : 12px;
}
h1, h2, h3, h4, h5, h6 {
color : #393939;
font-family : 'Libre Baskerville', serif;
font-style : normal;
font-weight : 400;
text-transform : none;
text-decoration : none;
letter-spacing : 0;
word-spacing : 0;
line-height : 1.1;
}
h5 {
text-transform : uppercase;
}
h1 small, h2 small, h3 small, .secondary {
color : #000;
font-size : 17.5px;
}
h4 small, h5 small, h6 small {
color : #5A2253;
font-size : 17.5px;
}
.navbar-fixed-top {
background : #fff;
border : 0;
}
.brand-text h1 {
font-family : 'Libre Baskerville', serif;
color : #726B68;
margin : 0;
padding : 0;
text-align : right;
white-space : nowrap;
}
.atleft
{
float: left;
position: relative;
margin: .25em 1.5em .66em 0;
}
.topleft
{
float: left;
position: relative;
margin: 0 1.5em 0 0;
}
.alright
{
float: right;
position: relative;
margin: .25em 0 .66em 1.5em;
}
.list-unstyled.spaced li {
margin-bottom: 20px !important;
}
@media (min-width: 320px) {
.brand-text h1 {
font-size : 2.5em;
margin-right : 0;
margin-bottom : 6px;
letter-spacing : -0.0275em;
}
header .fa-2x {
font-size : 1em;
padding-top : 24px;
}
.ct-tab.ct-pag-hor .ct-pagitem, .ct-tab.ct-pag-ver .ct-pagitem {
padding : 8px 4px;
font-size : 13px;
}
.label-successful, .badge.debut {
font-size : 13px;
}
}
@media (min-width: 480px) {
.brand-text h1 {
font-size : 56px;
}
header .fa-2x {
font-size : 1.677777777em;
}
.ct-tab.ct-pag-hor .ct-pagitem, .ct-tab.ct-pag-ver .ct-pagitem {
padding : 8px 12px;
font-size : 15px;
}
.label-successful, .badge.debut {
font-size : 15px;
}
}
@media all and (min-width: 700px) {
p {
line-height : 1.6;
}
.label-successful, .badge.debut {
font-size : 17.5px;
}
}
@media (min-width: 768px) {
.brand-text h1 {
font-size : 88px;
}
a.navbar-brand {
display : none;
}
.table th, .table td {
padding : 4px 2px;
}
header .fa-2x {
font-size : 2em;
}
.ct-tab.ct-pag-hor .ct-pagitem, .ct-tab.ct-pag-ver .ct-pagitem {
padding : 9px 18px;
font-size : 16px;
}
.short h2 > small {
font-size : 17.5px;
}
}
@media (min-width: 992px) {
.brand-text h1 {
font-size : 110px;
}
.ct-tab.ct-pag-hor .ct-pagitem, .ct-tab.ct-pag-ver .ct-pagitem {
padding : 10px 20px;
font-size : 17.5px;
}
}
@media (min-width: 1200px) {
.brand-text h1 {
font-size : 120px;
}
}
.brand-text p {
text-align : right;
margin-top : 0;
}
.brand-text p > a {
color : #8CCFC6;
}
.brand-text p > a:hover, .brand-text p > a:focus, .brand-text p > a:active {
color : #429C8F;
}
.brand-text p a > i {
margin-left : 6px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color : rgb(242, 248, 248);
}
.navbar-default .navbar-nav > .active > a {
background-color : rgb(249, 249, 249);
}
.major {
margin-top : 15px;
}
.major h1 {
margin-top : 0;
}
footer.default {
background : #F3F9F9;
font-size : 85%;
margin-top : 30px;
padding-top : 12px;
border-top : 1px solid #DFF5F2;
border-bottom : 1px solid #DFF5F2;
padding-bottom : 240px;
}
footer.default, footer.default nav ul a {
color : #6D6E71;
}
footer.default nav ul a > i {
color : #63B5AA;
margin-right : 8px;
}
footer.default nav ul a:hover > i, ooter.default nav ul a:focus > i ooter.default nav ul a:active > i {
text-decoration : none;
margin-right : 8px;
}
footer.default nav li {
margin-bottom : 12px;
}
footer.default nav h3, .follow a, #signupForm {
color : #63B5AA;
}
footer.default nav ul {
list-style-type : none;
}
#signupForm .input-group {
margin-bottom : 24px;
}
#signupForm .input-group-addon {
color : #63B5AA;
background-color : #FBFDFD;
}
blockquote, .sidebar, .intro {
color : #6d6e71;
font-family : 'Libre Baskerville', serif;
font-style : normal;
font-weight : 400;
}
.bg1 blockquote, .bg1 .sidebar, .bg1 .intro {
color : #57585C;
}
blockquote, blockquote p, blockquote p.quote {
border-left : 0;
margin-left : 0;
color : #6d6e71;
}
blockquote.fill {
padding : 10px 20px;
border-left : 5px solid #eee;
margin-bottom : 20px;
}
blockquote > footer, blockquote > p > footer {
background : inherit;
font-size : 15px;
padding : 3px 0;
}
blockquote cite, blockquote p.quote + p, .subtext {
margin-left : 0;
color : #949494;
font-style : normal;
}
.faded {
color : #949494;
}
.bg1 cite, .bg1 p.quote {
color : #737373;
}
.bg1 blockquote > p.quote {
margin-top : -10px;
}
blockquote p.quote + p {
font-size : 15px;
}
.major blockquote {
background : #f9f9f9;
border-left : 6px solid #ccc;
margin : 1.5em 10px 1.5em 0;
padding : 10px 20px;
quotes : "\201C" "\201D" "\2018" "\2019";
}
.major blockquote:before {
color : #ccc;
content : open-quote;
font-size : 60px;
font-style : normal;
line-height : 0.1em;
margin-right : 0.25em;
vertical-align : -0.4em;
}
.major blockquote p {
display : inline;
}
.baskerville, .serif {
font-family : 'Libre Baskerville', Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
.sans-serif {
font-family : 'Open Sans', 'Helvetica Neue', sans-serif;
}
.color-primary-1 {
color : #DFF5F2;
}
.color-primary-2 {
color : #B7E4DE;
}
.color-primary-0 {
color : #8CCFC6;
}
.color-primary-3 {
color : #63B5AA;
}
.color-primary-4 {
color : #429C8F;
}
.color-secondary-1-0 {
color : #96ACD4;
}
.color-secondary-1-1 {
color : #E2E9F6;
}
.color-secondary-1-2 {
color : #BDCDE7;
}
.color-secondary-1-3 {
color : #6F8CBC;
}
.color-secondary-1-4 {
color : #4E6EA4;
}
.color-secondary-2-0 {
color : #FFE2AC;
}
.color-secondary-2-1 {
color : #FFF7E8;
}
.color-secondary-2-2 {
color : #FFEDCC;
}
.color-secondary-2-3 {
color : #FFD68C;
}
.color-secondary-2-4 {
color : #F8C569;
}
.color-complement-0 {
color : #FFCFAC;
}
.color-complement-1 {
color : #FFF2E8;
}
.color-complement-2 {
color : #FFE1CC;
}
.color-complement-3 {
color : #FFBC8C;
}
.color-complement-4 {
color : #F8A469;
}
.label {
border-radius : 0;
}
.label-successful {
background-color : #8CCFC6;
border : #63B5AA solid 1px;
}
.label-successful[href]:hover, .label-successful[href]:focus {
background-color : #429C8F;
}
.badge.debut {
color : #000;
background-color : #fff;
opacity : 0.777;
border-radius : 100%;
}
.star {
color : #F8C569;
}
.star-1 {
color : #ddd;
}
.ltgold {
color : #DEC569;
display : inline-block;
padding-bottom : 15px;
font-size : 40px;
letter-spacing : 0.0110em;
}
.ltc {
color : #DEC569;
}
.ls {
letter-spacing : 0.0110em;
}
.lt {
letter-spacing : 0.0110em;
font-size : 48px;
}
.free {
color : #429C8F;
}
.latest {
color : #CC0000;
display : inline-block;
padding-bottom : 15px;
font-size : 40px;
letter-spacing : 0.0110em;
}
.btn, .btn-lg, .btn-group-lg > .btn {
border-radius : 0;
}
.btn-primary-2 {
color : #fff;
background-color : #8CCFC6;
border-color : #63B5AA;
}
.btn-primary-2:hover, .btn-primary-2:focus, .btn-primary-2:active, .btn-primary-2.active, .open .dropdown-toggle.btn-primary-2 {
color : #fff;
background-color : #429C8F;
border-color : #388379;
}
.btn-sa {
color : #fff;
background-color : #429C8F;
border-color : #388379;
}
.btn-sa:hover, .btn-sa:focus, .btn-sa:active, .btn-sa.active, .open .dropdown-toggle.btn-sa {
color : #fff;
background-color : #017b4f;
border-color : #63B5AA;
}
.btn-uk {
color : #fff;
background-color : #0f2179;
border-color : #63B5AA;
}
.btn-uk:hover, .btn-uk:focus, .btn-uk:active, .btn-uk.active, .open .dropdown-toggle.btn-uk {
color : #fff;
background-color : #3276b1;
border-color : #285e8e;
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
/* Rounded Buttons */
.btn-round-lg{
border-radius: 22.5px;
}
.btn-round{
border-radius: 17px;
}
.btn-round-sm{
border-radius: 15px;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}
.rounded { border-radius: 0.25rem; } /* 4px */
.rounded-0 { border-radius: 0; }
.rounded-1 { border-radius: 0.125rem; } /* 2px */
.rounded-2 { border-radius: 0.25rem; } /* 4px */
.rounded-3 { border-radius: 0.5rem; } /* 8px */
header {
padding-bottom : 24px;
}
.flip-item img {
display : block;
width : 100%;
max-width : 100%;
height : auto;
}
.bg1 {
background-color : #f9f9f9;
margin : 30px 0;
}
.container-fluid.bg1 {
background-color : #fff;
}
.bg2 {
background-color : #f7f7f9;
margin : 30px 0 60px;
border-width : 5px 0 5px 0;
border-color : #e1e1e8;
border-style : solid;
}
.bg2 section {
margin : 30px 0 15px;
padding-bottom : 15px;
border-bottom : 1px solid #e1e1e8;
}
.bg2 section.tabflat-vertical {
border-bottom : 0;
}
section.last {
border-bottom : 0;
}
.hanging {
padding : 0 20px;
margin : 30px 0;
border-left : 5px solid #c7c7c9;
}
.ct-size-mini {
font-size : 13px;
padding : 0;
}
.ct-flat > .ct-tab .ct-pagitem.ct-cur, .ct-flatbox > .ct-tab .ct-pagitem.ct-cur {
background-color : #9b9b9b;
color : #fff;
}
.ct-flat > .ct-tab.ct-pag-hor.ct-pag-top, .ct-flatbox > .ct-tab.ct-pag-hor.ct-pag-top {
border-bottom : 2px solid #9b9b9b;
}
.ct-tab .ct-pagitem {
padding-bottom : 5px;
color : #9b9b9b;
white-space : nowrap;
}
.ct-flat.ct-pag-ver.ct-pag-top > .ct-viewport, .ct-flatbox.ct-pag-ver.ct-pag-top > .ct-viewport {
border-left : 2px solid #9b9b9b;
}
.ct-flat.ct-pag-ver.ct-pag-bottom > .ct-viewport, .ct-flatbox.ct-pag-ver.ct-pag-bottom > .ct-viewport {
border-right : 2px solid #9b9b9b;
}
.ct-flatbox.ct-pag-ver.ct-pag-top.no-bdr > .ct-viewport {
border-width : 0;
border-left : 1px solid #ddd;
}
.col-top, .top {
vertical-align : top;
}
.col-middle, .middle {
vertical-align : middle;
}
.col-bottom, .bottom {
vertical-align : bottom;
}
.bdr {
border : #ddd solid 1px;
}
em {
font-weight : 600;
margin-right : 0.125em;
}
.pattern1 {
padding-top : 30px;
padding-bottom : 30px;
margin-top : 50px;
margin-bottom : 50px;
background-color : #f2f2f2;
}
.pattern2 {
background : #f9f9f9;
border : #e9e9e9 solid;
border-width : 1px 0;
}
.pa-18 {
padding-top : 18px !important ;
padding-bottom : 18px !important ;
}
.pa-30 {
padding-top : 30px !important ;
padding-bottom : 30px !important ;
}
.pa-50 {
padding-top : 50px !important ;
padding-bottom : 50px !important ;
}
.pa-lw-15 {
padding-right : 15px !important ;
padding-left : 15px !important ;
}
.pa-t-15 {
padding-top : 15px !important ;
}
.pa-t-30 {
padding-top : 30px !important ;
}
.pa-t-50 {
padding-top : 50px !important ;
}
.pa-b-10 {
padding-bottom : 10px !important ;
}
.pa-b-15 {
padding-bottom : 15px !important ;
}
.pa-b-20 {
padding-bottom : 20px !important ;
}
.pa-b-30 {
padding-bottom : 30px !important ;
}
.pa-b-50 {
padding-bottom : 50px !important ;
}
.pa-b-100 {
padding-bottom : 100px !important ;
}
.ma-tb-15 {
margin : 15px 0 !important ;
}
.ma-tb-20 {
margin : 20px 0 !important ;
}
.ma-tb-30 {
margin : 30px 0 !important ;
}
.ma-t-15 {
margin-top : 15px !important ;
}
.ma-t-30 {
margin-top : 30px !important ;
}
.ma-b-20 {
margin-bottom : 20px !important ;
}
.ma-b-30 {
margin-bottom : 30px !important ;
}
.ma-b-50 {
margin-bottom : 50px !important ;
}
.ma-b-100 {
margin-bottom : 100px !important ;
}
.ma-b-150 {
margin-bottom : 150px !important ;
}
.dropcap:first-letter {
float : left;
padding-right : 0.15em;
color : #999;
font-size : 2.9em;
font-weight : bold;
line-height : 1em;
}
.bo-l-h {
padding-left : 20px;
border-left : 1px solid #5a2253;
}
.no-bo {
border : none !important ;
}
.muted {
color : #999;
}
.nowrap {
white-space : nowrap;
}
.popover-title {
font-size : 14px;
}
.popover-content {
color : #a94442;
font-family : 'Open Sans', 'Helvetica Neue', sans-serif;
font-size : 13px;
}
.hr {
position : relative;
height : 1px;
clear : both;
margin-top : 30px;
margin-bottom : 30px;
background-color : #e5e5e5;
}
.hr.dash:after {
content : ' ';
display : block;
position : absolute;
width : 50px;
height : 3px;
left : 50%;
top : -1px;
margin-left : -25px;
background-color : #6d6e71;
}
.hr.dash.none {
background-color : transparent;
}
.hr.dash.left:after {
left : 0;
margin-left : 0;
}
.flex-video {
position : relative;
padding-top : 25px;
padding-bottom : 67.5%;
height : 0;
margin-bottom : 30px;
overflow : hidden;
}
.flex-video.widescreen {
padding-bottom : 57.25%;
margin : 15px auto 30px;
text-align : center;
}
.flex-video.vimeo {
padding-top : 0;
}
.flex-video iframe, .flex-video object, .flex-video embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
#talkbubble {
width : 240px;
height : 90px;
background : gold;
position : relative;
border-radius : 10px;
padding : 5px 15px;
}
#talkbubble:before {
content : "";
position : absolute;
right : 100%;
top : 26px;
width : 0;
height : 0;
border-top : 13px solid transparent;
border-right : 26px solid gold;
border-bottom : 13px solid transparent;
}
.flex-video {padding-top : 0;}
.addthis_custom_sharing {
margin : 30px 0;
}
.row-centered {
text-align : center;
}
.col-centered {
display : inline-block;
float : none;
text-align : left;
margin-right : -4px;
}
.col-fixed {
width : 320px;
}
.col-min {
min-width : 320px;
}
.col-max {
max-width : 320px;
}
.tabflat-horizontal li, .tabflat-vertical li {
margin-bottom : 20px;
}
.tabflat-horizontal ol, .tabflat-vertical ol {
margin-left : 0;
padding-left : 30px;
}
#kudos h4, #chat h4, #questions h4, #story h4, h5, h6 {
line-height : 1.3333;
}
#kudos blockquote p.quote + p {
margin-bottom : 30px;
}
#excerpt {
font-family : 'Libre Baskerville', serif;
margin-bottom : 30px;
}
#excerpt p {
margin-bottom : 0;
text-indent : 24px;
line-height : 1.8;
font-size: large;
}
#excerpt ol li {
margin-left : 16px;
}
#excerpt h4 {
padding-top : 30px;
}
#excerpt .flush p, #excerpt p.flush, p.flush {
text-indent : 0;
}
.lead, .intro {
font-size : 17.5px;
}
.lead {
color : #484848;
}
.morelink {
margin-left : 1px;
white-space : nowrap;
}
.subhead {
color : #727272;
font-size : 72%;
}
#extra {
padding-top : 3em;
}
.ex-header {
padding-top : 20px;
margin : 20px 0;
border-top : 1px solid #eee;
}
.indent {
text-indent : 30px;
}
.caption {
font-size : 15px;
padding : 9px 0 18px;
color : #333;
}
.dialogue h4 {
padding-top : 18px;
}
.dialogue p > b {
color : #5a2253;
margin-right : 6px;
}
.dialogue p:nth-child(even) > b {
color : #5a2253;
}
.dialogue p:nth-child(odd) > b {
color : #429C8F;
}
/* Borders */
.bdr {
border : silver solid 1px;
}
.bdr0 {
border : 0;
}
.bdr1 {
border : #eee solid 1px;
}
.bdr2 {
border : #e3e3e3 solid 1px;
}
.bdr-xxxx {
border : #46b8da solid 1px;
}
/* definition lists */
dl.events dt, dl.faqs dt {
font-weight : bold;
margin-top : 24px;
}
dl.pub-date {
margin-top : 24px;
}
dl.pub-date dd {
margin : 3px 24px;
}
dl.events dd {
color : #727272;
}
dl.faqs dd {
margin: 6px 0 12px 20px;
}
.middot ul li {
list-style-type : none;
}
.middot ul li:before {
content : '\00b7';
margin : 0 0.75em 0 -1.2em;
}
.middot ul li {
text-indent : -1.2em;
}
.scroll-top-wrapper {
position : fixed;
opacity : 0;
visibility : hidden;
overflow : hidden;
text-align : center;
z-index : 99999999;
background-color : #c8c8c8;
color : #f0f0f0;
width : 37px;
height : 37px;
line-height : 37px;
left : 0;
bottom : 7px;
padding-top : 2px;
transition : all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
background-color : #888888;
}
.scroll-top-wrapper.show {
visibility : visible;
cursor : pointer;
opacity : 1.0;
}
.scroll-top-wrapper i.fa {
line-height : inherit;
font-size : 27px;
}
.rel {
position : relative;
}
.gee {
margin : 0 0 10px 20px;
}
.gee-t-20 {
margin : 20px 0 10px 20px;
}
.gee-30 {
margin : 0 0 20px 30px;
}
.gee-30-30 {
margin : 0 0 30px 30px;
}
.haw {
margin : 0 20px 10px 0;
}
.haw-t-20 {
margin : 20px 20px 10px 0;
}
.haw-30 {
margin : 0 30px 20px 0;
}
.haw-30-30 {
margin : 0 30px 30px 0;
}
.abstop-r-t {
position : absolute;
top : 0;
right : 0;
}
.abstop-l-t {
position : absolute;
top : 0;
left : 0;
}
.absbot-r-t {
position : absolute;
bottom : 0;
right : 0;
}
.absbot-l-t {
position : absolute;
bottom : 0;
left : 0;
}
.well {
min-height : 20px;
padding : 19px;
margin-bottom : 20px;
background-color : #f5f5f5;
border : #e3e3e3 solid 1px;
border-radius : 0;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.05) inset;
}
.well blockquote {
border-color : #ddd;
border-color : rgb(0, 0, 0, 0.15);
}
.well-lg {
padding : 24px;
border-radius : 0;
}
.well-sm {
padding : 9px;
border-radius : 0;
}
.bg1 .well {
background-color : #fff;
border : #d5d5d5 solid 1px;
}
button a:hover {
color : #333;
text-decoration : none;
}
.tour .btn {
font-weight : bold;
}
.punchline {
color : #CC0000;
display : inline-block;
padding-bottom : 15px;
font-size : 24px;
line-height : 27px;
}
.hashtag1 {
font-size : 15px;
margin-right : 15px;
}
.larger {
font-size : larger;
}
.portrait {
border-radius : 7.5%;
border : #e3e3e3 solid 1px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.05) inset;
}
i::after {
content : " ";
white-space : pre;
}
#excerpt p > span {
line-height : 1.48;
}
#excerpt p > span {
font-family : 'Open Sans', 'Helvetica Neue', sans-serif;
font-style : italic;
font-weight : 600;
font-size : 18px;
line-height : 1.48;
}
#excerpt p > span::after, #excerpt i::after {
content : " ";
white-space : pre;
}
@media only screen and (max-width: 320px) {
header .fa-2x {
font-size : 1em;
padding-top : 24px;
}
.container {
padding-right : 15px;
padding-left : 3px;
margin-right : auto;
margin-left : auto;
}
}