.pageTitle{ font-size: 40px; line-height: 1em; margin: 20px 0 0 0; color: var(--pageTitle); text-align: center; font-weight: bold; } .pageSubtitle{ font-size: 30px; line-height: 1em; margin-top: 5px; margin-bottom: 40px; color: var(--pageSubtitle); font-weight: normal; text-transform: none; font-style: italic; text-align: center; } h3.first, h4.first{margin-top: 0;} .inlineLeft{ float: left; margin: .2em 2em 1em 0; } .inlineRight{ float: right; margin: .2em 0 .5em 1.5em; } .inlineRight, .inlineLeft { display: inline; max-width: 500px; } .width200{ max-width: 200px; } .width250{ max-width: 250px; } .width300{ max-width: 300px; } .width350{ max-width: 350px; } .width400{ max-width: 400px; } .width450{ max-width: 450px; } .homeBar{ background: var(--bodyBar1Bg); } .homeBar h1{ color: #fff; } .homeBar h2{ margin-bottom: .5em; color: #ddd; } .blueSection{ background: var(--bodyBar1Bg); color: #fff; } .whiteSection{ background: #FFF; } .darkSection{ background: var(--bodyBar2Bg); color: #fff; background-image: url('/images/structure/graybg1.jpg') !important; background-image: cover; background-position: center; } .darkSection h3{ color: #fff; } .darkSection h2{ color: #fff; text-align: center; margin: 1em 0 1em 0; font-weight: bold; font-size: 30px; } .darkSection p a{ color: #ddd; } .centerBlock{ display: block; margin: 0 auto; } .stretchContents{ padding-left: 100px; padding-right: 100px; } .bgMainSection{ background: var(--stageBg); } .bodyCallToAction{ text-align: center; margin: 30px 0 40px 0; padding: 30px 0; } .bodyCallToAction a.easeButton{ margin: 0 8px; font-size: 35px; padding: 10px 30px; border-radius: 10px; } iframe.youtube{ width: 460px; height: 260px; margin: 0 auto 1em auto; } .twoColumns{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } ul.promises{ list-style-image: url('/images/bullet_helmet.svg'); } ul.promises h3{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 5px 0; } ul.promises li{ margin: 15px 0 25px 20px; } .titleBar h2{ margin-bottom: .5em; } .serviceColumn{ padding: 30px 40px 30px 40px; background-color: #ddd; margin-top: 20px; } .serviceColumn:hover{ background-color: #c8c8c8; } .serviceColumn .serviceLevel{ font-size: 50px; font-family: "arial black", pragmatica-condensed; line-height: 1.1em; font-style: italic; color: #EC1C24; text-shadow: -2px 2px #000; margin-bottom: 10px; } .serviceColumn .serviceDescription{ font-weight: 600; font-size: 20px; color: var(--bodyText);; } .homeTabs a{ color: #FFF; text-align: center; display: block; border-radius: 0 0 20px 20px; padding: 30px 0; font-size: 28px; font-weight: 600; font-family: futura-pt,helvetica; } .homeTabs .cols3_1, .homeTabs .cols3_2, .homeTabs .cols3_3{ padding: 0 20px 20px; } .homeTabs .cols3_1 a{ background: #5EA19E; } .homeTabs .cols3_2 a{ background: #4D817F; } .homeTabs .cols3_3 a{ background: #3E4847; } #mc_embed_signup .button { background-color: #777 !important; } #mc_embed_signup .button:hover { background-color: #aaa !important; } .newsletterContainer{ height: 230px; } .newsletterContainer p{ font-size: 28px; margin: 0 20px; } .newsletterContainer input{ padding: 12px 20px 10px;; margin: 0 10px; font-size: 18px; background: #AAA; border-radius: 3px; color: #FFF; } .newsletterContainer input.email{ width: 250px; background: #FFF; color: #000; } .newsletterContainer button{ padding: 10px; } .h3Align{ margin-top: 2em; } /* TNG OVERRIDES ------------------------------------------------------------- */ .easeButton{ color: var(--button); background-color: var(--buttonBg); font-weight: 400; font-size: 18px; box-shadow: 1px 1px 5px rgba(20,20,20,.5); } .easeButton:hover{ color: var(--buttonHover); background-color: var(--buttonHoverBg); } .courseTabs{ margin: 1.5em 0 3em 0; } /* BEGIN EDITOR FORM */ .requiredStar{ margin-left: 3px; } .invalidInput{ background-color: #ffc; } table.formTable{ font-size: inherit; width: 580px; margin: 1em auto; } table.formTable td.itemCell{ width: 200px; padding: 5px 15px 10px 0; } table.formTable td.inputCell input[type=text], table.formTable td.inputCell input[type=password], table.formTable td.inputCell select,table.formTable td.inputCell textarea{ width: 300px; font-size: 15px; } table.formTable td.inputCell input[type=password]{ width: 100px; } table.formTable td.inputCell input[type=button], table.formTable td.inputCell input[type=submit]{ margin: 5px; font-family: open-sans, helvetica, arial; background-color: var(--buttonBg); color: var(--button); padding: 12px; font-size: 22px; border: none; border-radius: 10px; font-weight: 400; box-shadow: 1px 1px 5px rgba(20,20,20,.5); transition: background-color .2s, color .2s; } table.formTable td.inputCell input[type=button]:hover, table.formTable td.inputCell input[type=submit]:hover{ background-color: var(--buttonHoverBg); cursor:pointer; } /* END EDITOR FORM */ ul.centerList { list-style-type: none; margin: 1em 0; } ul.centerList li{ text-align: center; margin-left: 0; margin-right: 0; font-style: italic; } /* SLIDES */ .sliderScrollSpacer{ } .sliderContainer{ width: 100%; height: 35vw; position: relative; } .sliderContainer ul, .sliderContainer li{ margin: 0; } .slider { height: 100%;; } .slide { height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: var(--headerBg); } .slide img.fill{ width: 100%; height: inherit; } .bx-viewport, .bx-wrapper{ width: 100%; height: 100%; margin: 0; position: relative; top: 0; left: 0; } .bx-controls-direction a { opacity: .2; } .bx-controls-direction a:hover { opacity: .7; } .animElem1, .animElem2, .animElem3{ z-index: 9999; visibility: hidden; position: absolute; margin: 0; } .animElem1 img, .animElem2 img, .animElem3 img{ display: inline-block; } .animElem1.active, .animElem2.active, .animElem3.active { visibility: visible; } /* ------ */ .slideButtonWhite a, .slideButtonBlack a{ font-size: 1.7vw; font-weight: bold; text-transform: uppercase; padding: .5vw 1vw; transition: background-color .5s; } .slideButtonWhite a{ border: solid 3px #fff; color: #fff; background-color: rgba(0,0,0,.6); } .slideButtonWhite a:hover{ background-color: rgba(0,0,0,.8); } .slideButtonBlack a{ border: solid 3px #fff; color: #fff; background-color: rgba(255,255,255,.6); } .slideButtonBlack a:hover{ background-color: rgba(255,255,255,.8); } .slideEthosNo{ font-size: 2vw; line-height: 1.2em; color: #fff; text-shadow: 0 0 5px #000; font-weight: bold; } .slideEthosNoDark{ font-size: 2vw; line-height: 1.2em; color: #222; text-shadow: 0 0 10px #888; font-weight: bold; } .slideEthosName{ color: #FFE74A; font-size: 1.2em; text-transform: uppercase; } .slideEthosDesc{ font-size: 1.5vw; line-height: 1.2em; color: #fff; text-shadow: 0 0 5px #000; font-weight: normal; text-align: left; } .slideEthosDescDark{ font-size: 1.5vw; line-height: 1.2em; color: #222; text-shadow: 0 0 10px #888; font-weight: normal; text-align: left; } .serviceDefinition{ text-align: center; font-style: italic; font-weight: 400; font-size: 22px; border: solid 1px #ccc; background-color: #fff; padding: 1.5em; margin: 2em auto 2em auto; } div.locations{ } div.locations div.location{ box-sizing: border-box; padding: 0 20px; width: 33%; float: left; text-align: center; font-size: 15px; } div.locations div.location iframe.map{ width: 620px; height: 200px; margin: 0 0 2em 0; box-sizing: border-box; border: solid 1px #ccc; } div.locations div.location h3{ font-size: 1.2em; margin-bottom: .2em; } div.locations div.phone{ margin: 2px 0; } div.locations div.distance{ font-weight: bold; } div.locations div.moreInfo{ margin: 20px auto 30px; font-weight: bold; } div.locations div.moreInfo .easeButton{ font-size: 18px; } div.singleLocation{ margin: 0 0 30px auto; text-align: center; } div.singleLocation iframe{ width: 100%; height: 300px; } div.singleLocation h3{ margin: .5em 0 .2em 0; } div.singleLocation .phone{ margin: .5em 0; font-size: 1.2em; color: var(--bodyText); } div.singleLocation .directions{ margin: .5em 0; } .phonesTable{ margin: 20px auto 30px auto; } .phonesTable tr td{ padding: 3px 10px; width: 50%; } .phonesTable tr td:first-of-type{ text-align: right; } .scheduleEntry{ margin: 0 0 .6em 2em; } .testimonial{ margin: 50px 50px 50px 50px; padding: 40px 0 20px 0; background-color: #ddd; } .testimonial p{ font-style: italic; } .testimonial p.author{ text-align: right; margin-right: 20px; margin-top: 10px; font-style: normal; font-size: 0.9em; } /* bof jQuery Overrides */ .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .1em 0 0; border-bottom-width: 0; padding: 0; white-space: normal; max-width: 150px; } .ui-tabs .ui-tabs-nav li.compact { max-width: 115px; } .ui-tabs .ui-tabs-nav li a { text-decoration: none; text-align: center; justify-content: center; display: flex; flex-direction: column; font-weight: bold; padding: .5em .8em; height: 3.6em; font-size: .8em; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-widget { font-family: inherit; font-size: inherit; } .ui-widget .ui-widget { font-size: inherit; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: inherit; } .ui-widget-content { border: 1px solid var(--headerBg); background: inherit; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid var(--headerBg); background-image: url('/images/structure/header_bg.jpg'); color: #222222; } .ui-widget-header a { color: #222222; } /*--------------*/ .ui-widget-content img.inlineLeft{ max-width: 200px; } .ui-widget-content p{ padding-right: 200px; line-height: 1.5em; text-align: left; margin-bottom: .5em; } /* eof jQuery Overrides */ .courseContents h3{ padding: 0 50px; } .courseContents p{ padding: 0 60px; } .courseContents ul{ padding: 0 60px; } /* Form Messages */ div.formMessage{ margin: 10px 0 30px 0; padding: 5px 10px; background-color: #AAFFAA; border: solid 1px #035503; font-weight: 400; } div.formMessageWarning{ margin: 10px 0 30px 0; padding: 5px 10px; background-color: #FFFF7F; border: solid 1px #FFD42A; font-weight: 400; } div.formMessageAlert{ margin: 10px 0 30px 0; padding: 5px 10px; background-color: #FBA7A7; border: solid 1px #500404; font-weight: 400; } /* SELECT DIV LISTS (mobile compatible) */ .selectDivList{ font-family: verdana, arial, helvetica; font-size: 11px; margin: 5px auto; width: 100%; } .selectDivList td{ background-color: transparent; padding: 2px 0; } .selectDivList td{ background-color: transparent; } table.selectDivList tr.listItemDisabled, table.selectDivList tr.listItemDisabled a { color: #ccc; } table.selectDivList tr.listItemPending { color: #800; } .selectDivList tr.listItem:nth-child(even) { background-color: #f0f0f0; } .selectDivList tr.listItem:nth-child(odd) { background-color: #f8f8f8; } .selectDivList tr.listItem:hover { background-color: #dadada; } .selectDivList tr.listHeader td{ font-weight: bold; padding: 6px 0; } .selectDivList tr.listItem td { padding: 2px 0; } .selectDivList tr.listItem td div.listItemSub, .selectDivList tr.listHeader td div.listItemSub{ float: left; padding: 0 2px; min-height: 1px; } /* Select List colum widths */ #list-scheduled .lis_id {width: 55px;} #list-scheduled .lis_date {width: 100px;} #list-scheduled .lis_course {width: 130px;} #list-scheduled .lis_state {width: 60px;} #list-scheduled .lis_location {width: 260px;} #list-scheduled .lis_provider {width: 220px;} #list-scheduled .lis_status {width: 70px;} #list-scheduled .lis_options {width: 50px; text-align: right;} #list-locations .lis_id {width: 55px;} #list-locations .lis_provider {width: 240px;} #list-locations .lis_country {width: 80px;} #list-locations .lis_state {width: 60px;} #list-locations .lis_location {width: 320px;} #list-locations .lis_status {width: 50px;} #list-locations .lis_options {width: 150px; text-align: right;} .sidebarModule .moduleTitle{ font-size: 18px; font-weight: 400; text-align: center; margin: 0 0 .5em 0; } .sidebarModule{ margin-bottom: 60px; } .sidebarModule a{ color: var(--bodyLink); } .sideBlogPupularList li{ font-weight: normal; } .sideBlogArchiveTable{ font-weight: normal; } .blogEntry { margin: 0 0 40px 0; } .blogListEntry .entryTitle{ font-size: 1.6em ; } .blogListEntry h2{ font-size: 1.4em ; } .blogListEntry h3{ font-size: 1.3em ; } .blogIndividualEntry .entryTitle{ font-size: 34px ; } .blogEntry .entryAuthorDate{ font-size: .8em; color: var(--lightText); margin: .8em auto 3em auto; } .blogIndividualEntry .entryAuthorDate{ text-align: center; } .blogEntry a{ color: var(--bodyLink); } .blogEntry img{ max-width: 600px; height: auto; margin: 10px 0; display: block; } .blogListEntry .readMore{ text-align: right; font-style: italic; margin-top: 20px; } .entryBody img { display: block; margin: 1em auto; max-width: 90%; max-height: 520px; }