/* Theme Name: California Mental Health Services Authority Author: California Mental Health Services Authority Tags: Black, White, Gray, Blue, Responsive, Fixed Width Description: California Mental Health Services Authority theme for Wordpress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. version: 21.12.18 */ /* font-family: 'Cormorant Garamond', serif; font-family: 'Inter', sans-serif; */ *, *:before, *:after { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; } html, body { width: 100%; font-size: 22px; line-height: 26px; color: #5b6670; font-family: 'Milligram'; font-weight: 400; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } html { min-height: 100%; background: #fff; } ::-webkit-input-placeholder { color: #5b6670; opacity: 1 !important; } ::-moz-placeholder { color: #5b6670; opacity: 1 !important; } :-ms-input-placeholder { color: #5b6670; opacity: 1 !important; } :-moz-placeholder { color: #5b6670; opacity: 1 !important; } input[type=checkbox]{ -webkit-appearance: checkbox; } input[type=radio]{ -webkit-appearance: radio; } button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Milligram'; font-weight: 400; } :focus,input:focus, textarea:focus { outline: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } :focus { outline: none; } /* common */ a { transition: all 350ms; -webkit-transition: all 350ms; -ms-transition: all 350ms; text-decoration: none; outline: none; color: #278f9f; } a:focus, a:active { outline: none; } a:hover { text-decoration: none; } ul, ol { margin: 0px; padding: 0px 0 25px 40px; } ul li, ol li { padding: 0px; } ol ol { margin-bottom: 0px; } ol ol li:last-child { padding-bottom: 0px; } .page-title { padding: 0px 8px; color: #5b6670; font-size: 70px; line-height: 72px; font-weight: 500; font-family: 'Milligram'; } .page-title.align-right { margin-left: auto; text-align: right; } /*.page-title.align-right span { margin-left: auto; }*/ .page-title span { padding: 15px 15px; margin: 0 -8px; /*display: table;*/ box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline-block; vertical-align: top; } .page-title span > br { display: none; } .page-title br + span + span span span , .page-title br + span + span span , .page-title br + span + span , .page-title br + span { margin-top:-12px; } /*.page-title span:nth-of-type(1) { margin-bottom: -25px; } .page-title span + br + span { margin: 0px; } */ /*.page-title br { display: none; }*/ /*.custom-page-title .page-title span:nth-of-type(1) { margin-bottom: 0px; }*/ h1, h2, h3, h4, h5 { color: #007078; font-weight: 700; font-family: 'Milligram'; text-transform: uppercase; line-height: 1.2; } h1 { padding-bottom: 10px; color: #5b6670; font-size: 65px; line-height: 1.2; font-weight: 500; text-transform: none; } h2, .h2, h3, .h3 { padding-bottom: 22px; color: #007078; font-size: 24px; } h4 { padding-bottom: 14px; font-size: 24px; color: #5b6670; font-weight: 500; line-height: 1.17; } h4 a { color: #5b6670; } h5 { color: #5b6670; font-size: 24px; line-height: 28px; padding: 0 0 15px; font-weight: 400; text-transform: none; } h6 { font-size: 24px; line-height: 36px; color: #5b6670; padding-bottom: 12px; } p { padding-bottom: 15px; letter-spacing: 0.4px; } p strong { font-weight: 700; } p a , li a{ color: #5b6670; text-decoration: underline; } p a:hover, li a:hover { text-decoration: none; } cite { font-style: normal; } table { border-collapse: separate; border-spacing: 0; } caption, td { font-weight: normal; text-align: left; } th { text-align: left; } .clear { clear: both; width: 100%; height: 0px; overflow: hidden; } blockquote { font-style: italic; } a[href^="tel"], a[href^="sms"] { cursor: text; text-decoration: none; color: inherit !important; } a[href^="tel"]:hover, a[href^="sms"]:hover { text-decoration: none; } blockquote { padding: 0; margin: 0; position: relative; font-style: normal; } blockquote p strong { font-size: inherit; line-height: inherit; } hr { margin: 20px 0px 35px; border: 0px; width: 100%; height: 1px; opacity: 0.3; background: #ffa400; } #mainCntr { padding: 0; width: 100%; overflow: hidden; position: relative; } .clear { clear: both; overflow: hidden; } img { border: 0px; outline: none; display: block; max-width: 100%; height: auto; } .btn { padding: 1px 0px 10px; position: relative; display: inline-block; vertical-align: top; font-weight: 500; text-align: center; text-decoration: none; font-size: 16px; line-height: 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.6px; position: relative; } .btn:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; transition: all 350ms; -webkit-transition: all 350ms; background-color: #ffffff; } .btn:hover:after { width: 100%; } .button { padding: 10px 12px; margin-top: 22px; display: inline-block; vertical-align: top; text-decoration: none; text-align: center; cursor: pointer; text-align: center; border: 1px solid #007078; color: #ffffff; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; transition: all 350ms; -webkit-transition: all 350ms; -ms-transition: all 350ms; border-radius: 0px; -webkit-border-radius: 0px; background-color: #007078; } .button:hover { border-color: #2a7a85; background-color: #2a7a85; } .button.is-outlined { color: #007078; background: #ffffff; } .button.is-outlined:hover { color: #ffffff; border-color: #3496a5; background-color: #3496a5; } .button.is-outlined.is-grey { color: #5b6670; border-color: #5b6670; background: #ffffff; } .button.is-outlined.is-grey:hover { color: #ffffff; border-color: #5b6670; background-color: #5b6670; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } .slick-arrow.slick-hidden { display: none; } .d-flex { display: flex; flex-wrap: wrap; } .v-center { align-items: center; } .v-end { align-items: flex-end; } .h-center { justify-content: center; text-align: center; } .h-end { justify-content: flex-end; } .order-first { order: -1; } /* wrapper */ #wrapper { width: 100%; min-height: 100%; position: relative; overflow: hidden; } .wrapper { padding: 0 20px; margin: 0px auto; width: 100%; max-width: 1600px; position: relative; } .header-cntr { padding: 25px 0px 100px 0px; position: relative; top: 0px; left: 0px; width: 100%; z-index: 99; margin: 0 auto; transition: all 350ms; } /* background: url(images/Default-Header-Neutral-scaled.png) top center no-repeat; } */ .header-cntr .header-top-inner { padding: 31px 0px 50px 8px; } .header-cntr .logo { width: 306px; display: block; } .header-cntr .right { margin-left: auto; width: 602px; } .header-cntr .right ul { padding: 0px; margin: 0px; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; list-style-type: none; font-size: 18px; line-height: 28px; letter-spacing: 0.72px; font-weight: 700; } .header-cntr .right ul li { padding: 0px 0px 0px 40px; } .header-cntr .right ul li a { color: #007078; text-decoration: none; } .header-cntr .right ul li a:hover { opacity: 0.7; } .header-cntr .searchform { padding: 24px 0px 0px; } .header-cntr input[type="text"] { width: calc(100% - 99px); } .home-ovr-hidden { width: 100%; overflow: hidden; } /* menu-bar */ .menu-bar { padding: 5px 0px 0px 7px; margin-left: auto; } .menu-bar ul { padding: 0px; margin: 0px; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .menu-bar ul li { padding: 0px 0px 36px; position: relative; font-size: 20px; line-height: 20px; letter-spacing: 0.8px; font-weight: 700; } .menu-bar ul li a { padding: 0px 0px 0px 12px; color: #007078; display: block; position: relative; text-decoration: none; } .menu-bar ul li li:hover > a, .menu-bar ul li li a:hover { opacity: 0.7; } .menu-bar ul li a:before { content: ""; width: 4px; height: 100%; position: absolute; top: 0px; left: 0px; background: #ffa400; } .menu-bar ul li a:hover { text-decoration: none; } .menu-bar ul li ul { padding: 12px 0px; margin: 0px; position: absolute; top: 100%; left: 0px; display: none; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-color: #006072; } .menu-bar ul li:hover > ul { display: block; } .menu-bar ul li li ul { padding: 0px; margin: 0px; position: relative; top: auto; left: auto; display: block; box-shadow: none; -webkit-box-shadow: none; background: none; } .menu-bar ul li li ul li a { padding: 1px 20px 1px 35px; } .menu-bar ul li li { padding: 0px; width: 100%; font-size: 16px; font-weight: 400; color: #ffffff; letter-spacing: 0px; } .menu-bar ul li li a { padding: 4px 30px 4px 16px; color: #ffffff; display: block; white-space: nowrap; } .menu-bar ul .nolink > a { pointer-events:none; } .menu-bar ul .nolink:hover > a { opacity:100; } .menu-bar ul li li a:before { display: none; } .hero-bar { padding: 133px 0px 154px; } .hero-bar .hero-slider { width: 44%; } .hero-bar .slide-inner { flex-direction: column; } .hero-bar .slide-inner .image { width: 100%; } .hero-bar .slide-inner .image img { width: 100%; } .hero-bar .slide-inner .title-text { padding: 18px 25px 16px; width: 100%; border-top: 2px solid #feffff; background-color: rgba(91,102,112,0.2); } .hero-bar .slide-inner .title { padding-bottom: 6px; display: block; color: #5b6670; font-size: 24px; line-height: 28px; font-weight: 500; text-transform: uppercase; } .hero-bar .slide-inner .sub-title { display: block; color: #5b6670; font-size: 22px; line-height: 28px; font-weight: 500; } .hero-bar .slick-dots { padding: 0px 0px 0px 105px; position: absolute; bottom: 0px; left: 100%; list-style-type: none; display: flex; align-items: center; } .hero-bar .slick-dots li { padding: 0px 7px 0px 0px; } .hero-bar .slick-dots li button { padding: 0px; margin: 0px; display: block; cursor: pointer; font-size: 0px; line-height: 0px; width: 17px; height: 17px; border: 1px solid #5b6670; transition: all 350ms; -webkit-transition: all 350ms; border-radius: 100%; -webkit-border-radius: 100%; background: none; } .hero-bar .slick-dots li.slick-active > button, .hero-bar .slick-dots li button:hover { background-color: #5b6670; } .hero-bar .text { padding: 0px; margin: 0px auto; width: 100%; text-align: center; max-width: 1060px; } .hero-bar .text h1 { position: relative; } .hero-bar .text h1:after { content: ""; margin: 40px auto 0px; width: 138px; height: 9px; display: block; background: #ffa400; } .home-our-work-bar { padding: 70px 0px; color: #5b6670; font-size: 16px; line-height: 20px; background-color: #f2f4f5; } .home-our-work-bar h2 { padding-bottom: 36px; width: 100%; } .home-our-work-bar .text { width: 49.4%; } .home-our-work-bar .image { margin-left: auto; width: 44%; align-self: stretch; position: relative; } .home-our-work-bar .image img { width: 100%; min-height: 100%; object-fit: cover; height:100%; position:absolute; right:0; top:0; } .home-our-work-bar .tiles-wrap { border-top: 2px solid #ffa400; } .home-our-work-bar .repeat { padding: 30px 0px 15px; border-bottom: 2px solid #ffa400; } .home-our-work-bar .repeat p { letter-spacing: -0.01px; } .home-our-work-bar h3 { padding-bottom: 17px; color: #5b6670; font-weight: 500; text-transform: uppercase; } .lower, .home-our-work-bar h3.lowercase { text-transform: none !important; } .home-our-impact-bar { padding: 70px 0px 69px; color: #5b6670; font-size: 16px; line-height: 20px; } .home-our-impact-bar h2 { padding-bottom: 33px; } .home-our-impact-bar .text { padding-bottom: 30px; margin-left: auto; width: 48%; } .home-our-impact-bar .image { width: 44%; } .home-our-impact-bar .image img { width: 100%; } .home-our-impact-bar .tiles-wrap { } .home-our-impact-bar .repeat { padding: 0px; margin-bottom: 15px; border: 1px solid #5ca091; background-color: #ffffff; } .home-our-impact-bar .repeat .value { width: 307px; min-height: 152px; color: #ffffff; font-size: 62px; line-height: 1; font-weight: 700; background-color: #5ca091; } .home-our-impact-bar .repeat .value small { padding-left: 5px; font-size: 36px; line-height: 1; display: inline-block; vertical-align: top; } .home-our-impact-bar .repeat .copy { padding: 15px 25px 15px 30px; color: #5b6670; font-size: 28px; line-height: 32px; width: calc(100% - 307px); } .home-our-impact-bar .repeat p { padding: 0px; letter-spacing: -0.01px; } .home-our-impact-bar h3 { color: #5b6670; font-weight: 500; text-transform: uppercase; } .home-our-impact-bar .img-caption { padding-top: 15px; display: block; font-weight: 700; } .home-news-bar { padding: 70px 0px; background-color: #f2f4f5; } .home-news-bar h2 { padding-bottom: 30px; } .home-news-bar h2 span { text-transform: none; } .home-news-bar .text { width: 49.4%; } .home-news-bar .image { margin-left: auto; width: 44%; } .home-news-bar .image figure { width: 100%; height:0; position: relative; display:block; padding-bottom: 56.66%; } .home-news-bar .image img { width: 100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;} .home-get-in-touch-bar { padding: 110px 0px; } .home-get-in-touch-bar h2 { padding-bottom: 30px; } .home-get-in-touch-bar .text { margin-left: auto; width: 49.4%; } .home-get-in-touch-bar .image { width: 44%; align-self: stretch; } .home-get-in-touch-bar .image img { width: 100%; min-height: 100%; object-fit: cover; } .home-get-in-touch-bar p { padding-bottom: 10px; letter-spacing: -0.05px; } .home-get-in-touch-bar p strong { letter-spacing: 0px; } .home-get-in-touch-bar address { padding-top: 22px; color: #5b6670; font-weight: 400; font-size: 16px; line-height: 20px; font-style: normal; } .home-get-in-touch-bar address a { color: #5b6670; } .page-banner-bar { min-height: 340px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .common-bar { padding: 46px 0px 26px; } .common-bar li { padding-bottom: 15px; } .common-bar .columns-wrap { padding: 20px 0px 52px; margin: 0px -70px; font-size: 16px; line-height: 20px; } .common-bar .columns-wrap .repeat { padding: 0px 70px; width: 50%; } .common-bar .columns-wrap .repeat:nth-of-type(2n) { border-left: 1px solid #ffa400; } .common-bar .columns-wrap h4 { padding-bottom: 20px; } .common-bar .columns-wrap p { padding-bottom: 12px; } .common-bar .columns-wrap p a { font-weight: 500; text-decoration: none; color: #007078; } .common-bar .columns-wrap p a:hover { text-decoration: underline; } .common-bar .is-custom-style { padding: 25px 0px 0px; font-weight: 500; color: #5b6670; } .common-bar .post-password-form { padding: 40px 0px; } .common-bar .post-password-form p { padding-bottom: 35px; } .common-bar .post-password-form p:nth-last-of-type(1) { display: flex; flex-wrap: wrap; align-items: center; } .common-bar label[for="pwbox-445"] { display: inline-flex; align-items: center; width: 450px; } .common-bar label[for="pwbox-445"] input[type="password"] { margin: 0 20px; } .common-bar.page404 { padding: 80px 0px; text-align: center; } .sub-content-bar { padding: 35px 0px; margin-top: 40px; font-size: 16px; line-height: 20px; background-color: #f2f4f5; } .sub-content-bar .wrapper { max-width: 1284px; } .sub-content-bar .repeat { padding: 30px 0px 20px; border-bottom: 1px solid #ffa400; } .sub-content-bar .repeat ul { padding-bottom: 0px; } .sub-content-bar .repeat ul li { padding-bottom: 15px; } .sub-content-bar .repeat:nth-last-of-type(1) { border-bottom: 0px; } .sub-content-bar .columns-wrap { margin: 0px -32px; } .sub-content-bar .columns-wrap p a { font-weight: 500; text-decoration: none; color: #007078; } .sub-content-bar .columns-wrap p a:hover { text-decoration: underline; } .sub-content-bar .columns-wrap .col-6 { padding: 0px 32px; width: 50%; } .sub-content-bar .bottom_text { padding-top: 30px; } .sub-content-bar.aim-documentation h3 { padding-bottom: 30px; text-transform: none; font-weight: 500; } .sub-content-bar .aim-documentation-iframe { padding: 30px; margin-top: 20px; width: 100%; height: 820px; background: #ffffff; } .sub-content-bar.is-search { margin: 0px; } .sub-content-bar.our-vision { } .sub-content-bar.our-vision .left { width: 45%; } .sub-content-bar.our-vision .right { padding: 34px 0px 0px; margin-left: auto; width: 45.5%; } .sub-content-bar .image-gallery { margin: 0px -5px; } .sub-content-bar .image-gallery .imgrepeat { padding: 0 5px 10px; width: 100%; } .sub-content-bar .image-gallery .imgrepeat .image { min-height: 100%; } .sub-content-bar .image-gallery .imgrepeat .image img { width: 100%; min-height: 100%; object-fit: cover; } .sub-content-bar .image-gallery .imgrepeat.hwidth { width: 50%; } .sub-content-bar .image-gallery .imgrepeat.one4width { width: 44%; } .sub-content-bar .image-gallery .imgrepeat.t75width { width: 56%; } .sub-content-bar a[href$=".pdf"], .sub-content-bar a[href$=".xlsx"], .sub-content-bar a[href$=".docx"], .sub-content-bar a[href$=".zip"], .sub-content-bar a[href*="vimeo.com"] { color: #007078; font-weight: 500; text-decoration: none; } .sub-content-bar a[href$=".pdf"]:hover, .sub-content-bar a[href$=".xlsx"]:hover, .sub-content-bar a[href$=".docx"]:hover, .sub-content-bar a[href$=".zip"]:hover, .sub-content-bar a[href*="vimeo.com"]:hover { text-decoration: underline; } .form-bar { padding: 72px 0px; } .form-bar .left { margin: -5px 0px 0px; width: 35%; } .form-bar .wpcf7 p { padding: 0px; } .form-bar .wpcf7 br { display: none; } .form-bar .right { margin-left: auto; width: 59.5%; } .form-bar .f-row { margin: 0px -10px; } .form-bar .col-12, .form-bar .col-6 { padding: 0 10px 21px; width: 100%; } .form-bar .col-6 { width: 50%; } .form-bar .submit-row p { display: flex; align-items: center; } .form-bar.contact-page { padding: 51px 0px 72px; } .form-bar.contact-page .left { width: 36%; } .form-bar.contact-page address { margin-top: 25px; font-size: 16px; line-height: 20px; font-style: normal; display: inline-block; vertical-align: top; } .form-bar.contact-page address strong { padding-bottom: 15px; margin-top: -5px; display: block; font-size: 24px; line-height: 28px; font-weight: 500; text-transform: uppercase; } .form-bar.contact-page address + address { padding-left: 37px; margin-left: 42px; border-left: 1px solid #ffa400; } .meeting-and-agenda-bar { padding: 50px 0px; margin-top: 20px; font-size: 16px; line-height: 20px; background-color: #f2f4f5; } .meeting-and-agenda-bar h2 { padding-bottom: 29px; } .meeting-and-agenda-bar .event-wrap { padding-bottom: 25px; margin: 0px -10px; } .meeting-and-agenda-bar .event-wrap .repeat { padding: 0px 10px 20px; width: 50%; } .meeting-and-agenda-bar .event-wrap .repeat .inner { padding: 16px; min-height: 100%; background-color: #ffffff; } .meeting-and-agenda-bar .event-wrap .repeat .date { padding: 22px 10px; width: 123px; color: #ffffff; font-size: 28px; line-height: 34px; text-transform: uppercase; font-weight: 400; background-color: #5ca091; } .meeting-and-agenda-bar .event-wrap .repeat .text { padding: 0px 0px 0px 20px; width: calc(100% - 123px); } .meeting-and-agenda-bar .event-wrap .repeat h4 { padding: 0px 0px 6px; margin: -4px 0px 0px; color: #5b6670; font-size: 24px; line-height: 28px; font-weight: 400; text-transform: none; } .meeting-and-agenda-bar .event-wrap .repeat .meta_date { display: block; color: #007078; font-size: 18px; line-height: 22px; font-weight: 500; text-transform: uppercase; } .meeting-and-agenda-bar .event-wrap .repeat .label { padding-top: 30px; display: block; color: #5b6670; font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: 0.64px; text-transform: uppercase; } .meeting-and-agenda-bar .btn-wrap { padding-bottom: 52px; margin: 0px -6px; } .meeting-and-agenda-bar .btn-wrap .repeat { padding: 0px 6px 12px; } .common-bar .sessions-wrap { padding: 51px 0px 38px; } .common-bar .sessions-wrap h3 { padding-bottom: 34px; } .table-wrap { padding: 0px; font-size: 16px; line-height: 20px; } .table-wrap .one { width: 53%; } .table-wrap .two { width: 15.5%; } .table-wrap .three { width: 15.5%; } .table-wrap .four { width: 16%; } .table-wrap .table-head { min-height: 33px; font-weight: 500; background: #dfe0e2; } .table-wrap .table-head .th { padding: 5px 12px; } .table-wrap .table-body { padding: 0px 5px; border: 1px solid #5b6670; } .table-wrap .table-body .table-row { padding: 5px 0px; border-bottom: 1px solid #5b6670; } .table-wrap .table-body .table-row:nth-last-of-type(1) { border: 0px; } .table-wrap .table-body .td { padding: 2px 7px; } .table-wrap .table-body .one:not(.date) { font-weight: 500; color: #007078; } .table-wrap .table-body .two { border-left: 1px solid #5b6670; } .table-wrap .table-body .three { border-left: 1px solid #5b6670; } .table-wrap .table-body .four { border-left: 1px solid #5b6670; } .table-wrap .table-body a { font-weight: 500; color: #007078; } .table-wrap .table-body a:hover { text-decoration: underline; } .table-wrap .table-body .sep { padding: 0 7px; font-weight: 500; color: #007078; } .table-wrap.column5 { } .table-wrap.column5 .one { width: 15%; } .table-wrap.column5 .two { width: 15.5%; text-align: center; } .table-wrap.column5 .three { width: 15.5%; } .table-wrap.column5 .four { width: 15.5%; text-align: center; } .table-wrap.column5 .five { width: 38.5%; text-align: center; } .table-wrap.column5 .table-body .five { border-left: 1px solid #5b6670; } .table-wrap.column6 { padding-bottom: 15px; } .table-wrap.column6 .one { width: 11.7%; } .table-wrap.column6 .two { width: 18.8%; text-align: center; } .table-wrap.column6 .three { width: 12.2%; text-align: center; } .table-wrap.column6 .four { width: 12.1%; text-align: center; } .table-wrap.column6 .five { width: 30%; } .table-wrap.column6 .six { width: 15.2%; text-align: center; } .table-wrap.column6 .table-body .five { border-left: 1px solid #5b6670; } .table-wrap.column6 .table-body .six { border-left: 1px solid #5b6670; } .table-wrap.column2 .one { width: 70%; } .table-wrap.column2 .two { width: 25%; } .table-wrap.column2 .table-body .one { color: #5b6670; font-weight: 400; } .table-wrap p { padding: 0px; } .table-wrap p a { color: #5b6670; text-decoration: underline; font-weight: 400; } .table-wrap p a:hover { text-decoration: none; } .accordion-style-wrap .columns-wrap .table-wrap p a { color: #5b6670; text-decoration: underline; font-weight: 400; } .accordion-style-wrap .columns-wrap .table-wrap p a:hover { text-decoration: none; } .table-wrap.column2.column-new2 .one { width: 84%; } .table-wrap.column2.column-new2 .two { width: 16%; } .table-wrap.column3 { padding-bottom: 15px; } .table-wrap.column3 .one { width: 69.5%; } .table-wrap.column3 .two { width: 15.3%; } .table-wrap.column3 .three { width: 15.2%; } .table-wrap.webinarcolumn3 { padding-bottom: 15px; } .table-wrap.webinarcolumn3 .one { width: 15%; } .table-wrap.webinarcolumn3 .two { width: 42.8%; } .table-wrap.webinarcolumn3 .three { width: 42.2%; } .table-wrap.webinarcolumn3 .table-body .one { color: #5b6670; font-weight: 400; } .accordion-bar-bar { padding: 70px 0px 55px; font-size: 16px; line-height: 20px; background-color: #f2f4f5; } .accordion-bar-bar .bottom-content { padding-top: 32px; } .accordion-bar-bar.even { background: #ffffff; } .accordion-bar-bar .bottom_text { padding-top: 30px; } .accordion-bar-bar ul, .accordion-bar-bar ol { padding-bottom: 10px; } .accordion-bar-bar ul ul, .accordion-bar-bar ol ol { padding-bottom: 0px; padding-top:15px; } .accordion-bar-bar ul ul li:last-child , .accordion-bar-bar ol ol li:last-child { padding-bottom:0; } .accordion-bar-bar li { padding-bottom: 15px; } .accordion-bar-bar a[href$=".pdf"], .accordion-bar-bar a[href$=".xlsx"] { color: #007078; font-weight: 500; text-decoration: none; } .accordion-bar-bar a[href$=".pdf"]:hover, .accordion-bar-bar a[href$=".xlsx"]:hover { text-decoration: underline; } .accordion-bar-bar .before-table-title { padding-bottom: 30px; } .accordion-bar-bar .cat_desc { padding: 20px 0 0 0; } .accordion-bar-bar .cat_desc h2, .accordion-bar-bar .cat_desc h3, .accordion-bar-bar .cat_desc h4, .accordion-bar-bar .cat_desc h5, .accordion-bar-bar .cat_desc h6 { line-height:1.2; } .accordion-style-wrap { padding: 21px 0px 52px; border: 1px solid #5b6670; background-color: #ffffff; } .accordion-style-wrap .accordion-row { padding: 0px 40px 1px; position: relative; } .accordion-style-wrap .accordion-row:nth-of-type(1):before { top: -22px; height: calc(100% + 22px); } .accordion-style-wrap .accordion-row:nth-last-of-type(1):before { height: calc(100% + 52px); } .accordion-style-wrap .accordion-row:before { content: ""; opacity: 0; width: 0px; height: 100%; position: absolute; top: 0px; right: calc(100% + 1px); display: block; transition: opacity 350ms; -webkit-transition: opacity 350ms; background-color: #ffa400; } .accordion-style-wrap .accordion-row.is-active:before { opacity: 1; width: 9px; } .accordion-style-wrap .accordion-row:after { content: ""; position: absolute; bottom: 0px; left: 40px; width: calc(100% - 80px); height: 1px; background: #ffa400; } .accordion-style-wrap .accordion-head { padding: 10px 0px; width: 100%; cursor: pointer; color: #5b6670; font-size: 24px; line-height: 28px; font-weight: 400; min-height: 71px; transition: all 350ms; -webkit-transition: all 350ms; } .accordion-style-wrap .is-active .accordion-head { color: #007078; font-weight: 500; } .accordion-style-wrap .is-active .accordion-head .plus { background: none; } .accordion-style-wrap .is-active .accordion-head .plus:before, .accordion-style-wrap .is-active .accordion-head .plus:after { background: #5b6670; } .accordion-style-wrap .is-active .accordion-head .plus:after { opacity: 0; } .accordion-style-wrap .accordion-head { position: relative; } .accordion-style-wrap .accordion-head .text { padding-right: 15px; width: calc(100% - 40px); } .accordion-style-wrap .accordion-head .text a { position:absolute; left:0; top:0; } .accordion-style-wrap .accordion-head .plus { width: 40px; height: 40px; border: 1px solid #5b6670; position: relative; font-size: 0px; line-height: 0px; transition: all 350ms; -webkit-transition: all 350ms; border-radius: 100%; -webkit-border-radius: 100%; background-color: #5b6670; } .accordion-style-wrap .accordion-head .plus:before, .accordion-style-wrap .accordion-head .plus:after { content: ""; margin: -0.5px 0px 0px -10px; width: 20px; height: 1px; position: absolute; top: 50%; left: 50%; -webkit-font-smoothing: antialiased; transition: all 350ms; -webkit-transition: all 350ms; background: #fff; } .accordion-style-wrap .accordion-head .plus:after { margin: -10px 0px 0px -0.5px; width: 1px; height: 20px; } .accordion-style-wrap .accordion-content { padding: 15px 0px 25px; display: none; } .accordion-style-wrap .accordion-content h3 { padding-top: 20px; font-weight: 500; color: #5b6670; } .accordion-style-wrap .columns-wrap { padding: 0px 0px 25px; margin: 0px -32px; } .accordion-style-wrap .columns-wrap.noSpace { padding-bottom: 0px; } .accordion-style-wrap .columns-wrap p a { font-weight: 500; text-decoration: none; color: #007078; } .accordion-style-wrap .columns-wrap p a:hover { text-decoration: underline; } .accordion-style-wrap .columns-wrap .col-6, .accordion-style-wrap .columns-wrap .col-12 { padding: 0px 32px; width: 50%; } .accordion-style-wrap .columns-wrap .col-12 { width: 100%; } .accordion-style-wrap .accordion-content h3.is-top-space { padding-top: 40px; } .accordion-bar-bar.accord_layout:nth-of-type(odd) { background: #fff; } .table-wrap .links-wrap { text-align: center; } .common-bar.CAL-AIM-support-for-counties { padding-bottom: 18px; } .accordion-bar-bar.CAL-AIM-support-for-counties { padding-top: 0px; background: #ffffff; } .common-bar.CAL-AIM-support-for-counties-bottom { padding: 60px 0px; background-color: #f2f4f5; } .sub-accordion-style-wrap .sub-accordion-row { padding-bottom: 20px; } .sub-accordion-style-wrap .sub-accordion-head { padding: 0px 0px 14px; width: 100%; cursor: pointer; color: #5b6670; font-size: 24px; line-height: 28px; font-weight: 400; } .sub-accordion-style-wrap .sub-accordion-head .text { padding-left: 15px; width: calc(100% - 20px); } .sub-accordion-style-wrap .sub-accordion-head .plus { width: 20px; height: 20px; position: relative; font-size: 0px; line-height: 0px; border-radius: 100%; -webkit-border-radius: 100%; } .sub-accordion-style-wrap .sub-accordion-head .plus:before, .sub-accordion-style-wrap .sub-accordion-head .plus:after { content: ""; margin: -0.5px 0px 0px -10px; width: 20px; height: 1px; position: absolute; top: 50%; left: 50%; -webkit-font-smoothing: antialiased; transition: all 350ms; -webkit-transition: all 350ms; background: #5b6670; } .sub-accordion-style-wrap .sub-accordion-head .plus:after { margin: -10px 0px 0px -0.5px; width: 1px; height: 20px; } .sub-accordion-style-wrap .sub-accordion-content { padding: 10px 0px 0px 35px; display: none; } .sub-accordion-style-wrap .is-active .sub-accordion-head .plus:after { opacity: 0; } .sub-content-bar .wp-pagenavi { padding: 40px 0px 40px; font-size: 22px; line-height: 26px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .sub-content-bar .wp-pagenavi .pages { display: none; } .sub-content-bar .wp-pagenavi a, .sub-content-bar .wp-pagenavi span { padding: 5px; margin: 0px 5px; border: 0px; color: #5b6670; position: relative; } .sub-content-bar .wp-pagenavi a:after, .sub-content-bar .wp-pagenavi span:after { content: ""; opacity: 0; width: calc(100% - 10px); height: 3px; position: absolute; bottom: 0px; left: 5px; background: #ffa400; } .sub-content-bar .wp-pagenavi a:hover { color: #ffa400; } .sub-content-bar .wp-pagenavi a.first, .sub-content-bar .wp-pagenavi a.last { display: none; } .sub-content-bar .wp-pagenavi span.current { color: #5b6670; } .sub-content-bar .wp-pagenavi span.current:after { opacity: 1; } .sub-content-bar .wp-pagenavi .previouspostslink + .extend { display: none; } #footer { padding: 76px 0px 118px; color: #ffffff; text-align: center; width: 100%; font-weight: 400; background-color: #5b6670; } #footer .footer-logo { margin-bottom: 40px; width: 273px; display: block; } #footer .menu-footer-menu-container { } #footer .menu-footer-menu-container ul { padding: 0px; margin: 0px; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: 0.8px; line-height: 20px; } #footer .menu-footer-menu-container ul li { padding-right: 50px; } #footer .menu-footer-menu-container ul li a { padding: 0px 0px 0px 12px; color: #ffffff; display: block; position: relative; text-decoration: none; } #footer .menu-footer-menu-container ul li a:before { content: ""; width: 4px; height: 100%; position: absolute; top: 0px; left: 0px; background: #ffa400; } #footer .menu-footer-menu-container ul li a:hover { opacity: 0.7; } #footer .social { padding-left: 7px; } #footer .social a { margin-right: 15px; } #footer .social a:hover { opacity: 0.7; } #footer .right { margin: 0px -10px -10px auto; } #footer .right ul { padding: 0px; margin: 0px; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; color: #ffffff; font-size: 16px; font-weight: 400; letter-spacing: 0.64px; line-height: 20px; } #footer .right ul li { padding-left: 18px; position: relative; } #footer .right ul li:not(:nth-of-type(1)):before { content: "|"; position: absolute; top: 0px; left: 14px; } #footer .right ul li a { padding: 0px 0px 0px 12px; color: #ffffff; display: block; position: relative; text-decoration: none; } #footer .right ul li a:hover { opacity: 0.7; } #footer .copyright { text-align: right; padding:10px 0 0 0; font-size: 16px; line-height: 20px; color: #fff; } table .alignnone{ float:left; width:100%} table{ border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; table-layout: fixed; width: 100%; margin-bottom: 15px; } th, td{ padding:0.2em 0.4em; vertical-align: top; } th p , td p { padding: 0px; } th, td img{ margin:0px!important} td img{ width:100%} select, input, textarea, button { -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; } .wpcf7-select, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea { padding: 0 10px; width: 100%; display: block; font-family: 'Milligram'; font-size: 16px; color: #5b6670; letter-spacing: 0.64px; font-weight: 700; line-height: inherit; height: 36px; border: 1px solid #edeff0; border-radius: 0px; -webkit-border-radius: 0px; background-color: #edeff0; } input[type="reset"] , input[type="submit"] { padding: 7px 5px; cursor: pointer; width: 99px; border: 1px solid #5b6670; font-family: 'Milligram'; font-weight: 400; color: #5b6670; font-size: 18px; line-height: 20px; letter-spacing: 0.64px; text-transform: uppercase; transition: all 350ms; -webkit-transition: all 350ms; background-color: #ffffff; } input[type="reset"]:hover, input[type="submit"]:hover { color: #ffffff; background: #5b6670; } input:focus, textarea:focus { outline: none; } textarea { padding: 5px 10px; margin-bottom: 0px; line-height: 26px; resize: none; height: 162px; } .wpcf7 br { display: none; } .wpcf7 span.wpcf7-not-valid-tip { display: none; } #mainCntr .wpcf7 form .wpcf7-response-output { padding: 25px 0px 0px; margin: 0px; border: 0px; } #mainCntr .wpcf7 form.sent .wpcf7-response-output { color: #46b450; } select.wpcf7-not-valid, input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #f00; } div.wpcf7 .ajax-loader { margin: 20px auto 0; display: none; } div.wpcf7 .submitting .ajax-loader { display: block; } div.wpcf7 .wpcf7-response-output { padding: 10px 0 40px; margin: 0px; border: 0px; color: #f00; } .common-bar .wp-block-pullquote br { display: none; } .alignright { float: right; margin: 6px 0px 10px 20px; max-width: 50%; } .alignleft { float: left; margin: 17px 34px 38px 0px; } .alignnone { margin: 6px 0px 55px; } .aligncenter { float: none; margin: 5px auto 10px; display: block; } a.menuToggle { margin: 0px -10px 0px auto; display: none; position: relative; transition: all 350ms; -webkit-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; width: 56px; height:56px; text-decoration: none; background: none; } a.menuToggle small { font-size: inherit; line-height: inherit; } a.menuToggle span { width: 38px; height: 2px; display: block; position: absolute; right: 7px; top: 18px; background: #5b6670; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 0px; -webkit-border-radius: 0px; } a.menuToggle span:after { width: 38px; height: 2px; position: absolute; left: 0px; top: -11px; content:''; background: #5b6670; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 0px; -webkit-border-radius: 0px; } a.menuToggle span:before { width: 38px; height: 2px; position: absolute; left: 0px; bottom: -11px; content:''; background: #5b6670; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 0px; -webkit-border-radius: 0px; } a.menuToggle.is-active span{ background: transparent; } a.menuToggle.is-active span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0; } a.menuToggle.is-active span:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px; } a.menuToggle .metext { font-size: 13px; position: absolute; bottom: -5px; right: 8px; letter-spacing: 1px; color: #000; } .mobile-menu-bar { padding: 0px 38px 60px; display: none; position: absolute; top: 100%; left: 0px; width: 100%; box-shadow: 0px 5px 10px rgba(0,0,0,0.08); background: #ffffff; } .mobile-menu-bar ul { padding: 0px; margin: 0px; list-style-type: none; } .mobile-menu-bar ul li { padding: 0px 0px 18px; width: 100%; position: relative; font-size: 20px; line-height: 20px; letter-spacing: 0.8px; font-weight: 700; } .mobile-menu-bar ul li a { padding: 0px 0px 0px 12px; color: #007078; display: block; position: relative; text-decoration: none; } .mobile-menu-bar ul li:hover > a, .mobile-menu-bar ul li a:hover { opacity: 0.7; } .mobile-menu-bar ul li a:before { content: ""; width: 4px; height: 100%; position: absolute; top: 0px; left: 0px; background: #ffa400; } .mobile-menu-bar ul li a:hover { text-decoration: none; } .mobile-menu-bar ul li.menu-item-has-children > a:after { content: " +"; padding-left: 4px; font-family: Arial, Helvetica, sans-serif; } .mobile-menu-bar ul li.menu-item-has-children > a.is-active:after { content: " -"; } .mobile-menu-bar ul li ul { padding: 12px 0px 5px; margin: 0px; display: none; } .mobile-menu-bar ul li li ul { padding: 0px 0px 4px; margin: 0px; position: relative; top: auto; left: auto; display: block; box-shadow: none; -webkit-box-shadow: none; background: none; } .mobile-menu-bar ul li li ul li a { padding: 1px 20px 1px 35px; } .mobile-menu-bar ul li li { padding: 0px; width: 100%; font-size: 16px; font-weight: 400; color: #007078; letter-spacing: 0px; } .mobile-menu-bar ul li li a { padding: 3px 20px 3px 20px; color: #007078; display: block; white-space: nowrap; } .mobile-menu-bar ul li li a:before { display: none; } .mobile-menu-bar .bottom-menu { padding: 45px 0px 0px; } .mobile-menu-bar .bottom-menu li { font-size: 18px; letter-spacing: 0.72px; } .mobile-menu-bar .bottom-menu li a { padding: 0px; } .mobile-menu-bar .bottom-menu li a:before { display: none; } .mobile-menu-bar ul li li.menu-item-has-children > a:after { display: none; }