/* Theme Name: Wesley Family Services Description: Thoughtfully crafted website for WFS by Top Hat. Author: Top Hat Author URI: https://builtbytophat.com; Version: 1.0 Template: top-hat-framework License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* `/shmNNNmho- `sNNNNNNNNNNNNy` -mNNNms/---+mNNNd /hmNh` .NNNN: ``` -NNNN: `-omNNNh `.:/+sydmNNNNNs` `.-:/oyhdmmNNNNNNNNmh+. `.-:/+sydmmNNNNNNNNNmdhys+:-` `.-:+oyhdmmNNNNNNNNmdhhso/:..`` `.-:/+shddmNNNNNNNNNmdhyo+:-.``.-:: .:+shhhys/. ``.-:+oyhdmmNNNNNNNNmdhyso/-..` /mNNNymNNNNNNNNNmy. ./shddmNNNNNNNNNmdhyo+:-.`` `....` +NNNNNNNdyo++sdNNNd. :ymNNNNNNmddymNNNs.` ./shdmmmmdho- +NNNNNd/` .dNNNs +NNNNds+:-.` dNNNo -ymNNNNNmmNNNNNs` +NNNNy` sNNNh :NNNN+` dNNNo `sNNNNds/----+mNNNd` +NNNN` sNNNd sNNNd dNNNo `hNNNm+` .NNNN+ +NNNN yNNNy +NNNm- `` dNNNo yNNNd. dNNNs +NNNN /NNNN: `hNNNmyydh: dNNNo .NNNN: dNNNo +NNNN: `-yNNNNo `omNNNNNNm- dNNNo :NNNN` /NNNN- +NNNNNy+++sdNNNNd/ `:+oo+:` dNNNo -NNNN. `+NNNNs +NNNNNNNNNNNNmd+` dNNNo dNNNh-` `.+dNNNNo +NNNNoyhhhyo/. dNNNo .dNNNNdyyhdNNNNNh- +NNNN /s- dNNNo `+dNNNNNNNNNdo- oNNNm .hNNNy` dNNNo .:/+o+/-` `.:/yNNNN+ .mNNNd- dNNNo `-:- .NNNNNNNm/ dNNNh` dNNN+ /ydNNNN+ -NNNmhs: :NNNN. -:.` :mNNNNNNm/ -. +NNNm :NNNNy:.` `-/+o+/- +NNNm :+sy/ yNNNh `+hNNNNNNNNms. +NNNm dNNNo yNNNy `omNNNNmhyhNNNNm- +NNNm dNNNo yNNNy `hNNNNs-` `yNNNd +NNNm dNNNo yNNNy yNNNd- :NNNN` +NNNm dNNNo yNNNy .NNNN: :NNNN` +NNNm `.-/+- dNNNo yNNNy -NNNN. :NNNN` +NNNNhdmmNNNo dNNNo yNNNy -NNNN. `/NNNN` +NNNNNNNNmdh: `/oyh` dNNNo yNNNy -NNNN:-:/oyhdmNNNNN` +NNNNo/:..`` `mNNN+ dNNNo yNNNy -NNNNmNNNNNNNNNNNNN` +NNNm sNNNh dNNNo `.-:+dNNNy -NNNNNmdhhso/:/NNNN` +NNNm sNNNd `.dNNNdhddmNNNNNNNy -NNNN:.`` :NNNN` /NNNN` `dNNNs `.-:+oyhdmNNNNNNNNNmdhmNNNy -NNNN. :NNNN` `mNNNs `sNNNm. -+ydmNNNNNNNNNNNNdo+:-.``yNNNy -NNNN. `o+:- /NNNNy- `/dNNNm: `/hmNNNNmddys+/-dNNNo yNNNy -Nmdh` :dNNNNho:-....-/sdNNNNh- -hNNNNdo:.` dNNNo smmdo -.` `/hNNNNNNmmmmNNNNNmy: /mNNNh:` dNNNo .-.` `-+ydmmNNNmmdhs/. /NNNNo` dNNNo `..----.` `mNNNs `mNNN+ -NNNN. sNNNm` -NNNN. `sNNNN/ dNNNh` .+mNNNm/ -mNNNmo:-.-:oyNNNNNy. .sNNNNNNNNNNNNNms- ./ydmNNNmdy+- ``` */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ #google_translate_element { position: fixed; right: 0; bottom: 0; background-color: #fff; z-index: 10; padding: 6px; } /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /* ## Box Sizing --------------------------------------------- */ html, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before { content: " "; display: table; } .author-box::after, .clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Font Imports --------------------------------------------- */ @font-face { font-family: 'AndesRoundedW01'; src: url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Medium.eot'); src: local('Andes Rounded W01 Medium'), local('AndesRoundedW01-Medium'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Medium.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Medium.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'AndesRoundedW01'; src: url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Bold.eot'); src: local('Andes Rounded W01 Bold'), local('AndesRoundedW01-Bold'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Bold.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'AndesRoundedW01-Book'; src: url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Book.eot'); src: local('Andes Rounded W01 Book'), local('AndesRoundedW01-Book'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Book.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Book.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/AndesRoundedW01-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Bold.eot'); src: local('Sentinel Bold'), local('Sentinel-Bold'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Bold.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-MediumItalic.eot'); src: local('Sentinel Medium Italic'), local('Sentinel-MediumItalic'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-MediumItalic.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Semibold.eot'); src: local('Sentinel Semibold'), local('Sentinel-Semibold'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Semibold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Semibold.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-SemiboldItalic.eot'); src: local('Sentinel Semibold Italic'), local('Sentinel-SemiboldItalic'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-SemiboldItalic.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Black.eot'); src: local('Sentinel Black'), local('Sentinel-Black'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Black.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Black.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Medium.eot'); src: local('Sentinel Medium'), local('Sentinel-Medium'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Medium.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Medium.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BoldItalic.eot'); src: local('Sentinel Bold Italic'), local('Sentinel-BoldItalic'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BoldItalic.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Light.eot'); src: local('Sentinel Light'), local('Sentinel-Light'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Light.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Light.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BlackItalic.eot'); src: local('Sentinel Black Italic'), local('Sentinel-BlackItalic'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BlackItalic.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Sentinel Book'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BookItalic.eot'); src: local('Sentinel Book Italic'), local('Sentinel-BookItalic'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BookItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BookItalic.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-BookItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Sentinel Book'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Book.eot'); src: local('Sentinel Book'), local('Sentinel-Book'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Book.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Book.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sentinel'; src: url('/wp-content/themes/wesley-family-services/fonts/Sentinel-LightItalic.eot'); src: local('Sentinel Light Italic'), local('Sentinel-LightItalic'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-LightItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-LightItalic.woff') format('woff'), url('/wp-content/themes/wesley-family-services/fonts/Sentinel-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } .sentinel { font-family: 'Sentinel'; } .sentinel.medium { font-weight: 500; } /* ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 20px; font-size: 2rem; } body { background-color: #fff; color: #333; font-size: 20px; font-size: 2rem; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1.625; margin: 0; overflow-x: hidden; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #c3251d; text-decoration: underline; } p { margin: 0 0 28px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #eee; clear: both; margin: 1em 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: #ddd; color: #000; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } /* ## Loader --------------------------------------------- */ .loader { margin:0; height:100vh; width: 100%; position: fixed; z-index: 24; background:#5A1C6B } @-webkit-keyframes grow { 0% {width: 0; height:0;} 100% {width:100%; height:100%;} } @-moz-keyframes grow { 0% {width: 0; height:0;} 100% {width:100%; height:100%;} } @-ms-keyframes grow { 0% {width: 0; height:0;} 100% {width:100%; height:100%;} } @-o-keyframes grow { 0% {width: 0; height:0;} 100% {width:100%; height:100%;} } @keyframes grow { 0% {width: 0; height:0;} 100% {width:100%; height:100%;} } .circle-loader { width:70px; height:70px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; background:#C83F7B; transition-duration:3s; } .circle2-loader { position:absolute; right:0; top:50%; border-radius:50%; transform-origin:right center; transform:translateY(-50%); } .circle-animation { animation-name: grow; animation-duration:.5s; -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */ animation-fill-mode: forwards; } .purple { background:#5A1C6B; animation-delay:0; } .blue { background:#005494; animation-delay:.3s; } .ltblue{ background:#009AC9; animation-delay:.6s; } .green { background:green; animation-delay:.9s; } .ltgreen { background:#7FC241; animation-delay:1.2s; } .yellow { background:#FFC10D; animation-delay:1.5s; } .orange { background:#F68B1E; animation-delay:1.8s; } .pink { background:#C83F7B; animation-delay:2.1s; } .bridge { position:absolute; top:0; bottom:0; left:0; right:0; background:url(bridge.png); background-size:100% 100%; z-index: 20; } .bridge { position:absolute; top:0; bottom:0; left:0; right:0; background:url(/wp-content/themes/wesley-family-services/assets/loading/bridge.png); background-size:100% 100%; z-index: 20; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { font-size: 30px; font-size: 3rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } figure { margin: 0; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery img { border: 1px solid #eee; height: auto; padding: 4px; } .gallery img:focus, .gallery img:hover { border: 1px solid #999; } /* ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-size: 1.8rem; font-weight: 400; padding: 16px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #333; opacity: 1; } ::-webkit-input-placeholder { color: #333; } .entry-content .button:focus, .entry-content .button:hover { color: #fff; } .button { display: inline-block; } a.button.small, button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small { padding: 8px 16px; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover { background-color: #eee; border-width: 0; color: #777; cursor: not-allowed; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; word-break: break-all; } td, th { text-align: left; } td { border-top: 1px solid #eee; padding: 6px; } th { font-weight: 400; padding: 0 6px; } td:first-child, th:first-child { padding-left: 0; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: bold; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { position: relative; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Containers --------------------------------------------- */ .top-hat-eleven-site-container { } .top-hat-eleven-mid-site-container { } .top-hat-eleven-narrow-site-container { } /* ## Column Widths and Positions --------------------------------------------- */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 1060px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* ### Content */ .content { float: right; width: 880px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 660px; } .full-width-content .content { width: 100%; } /* ### Primary Sidebar */ .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* ### Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* ## Column Classes --------------------------------------------- */ /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* # Page Templates ---------------------------------------------------------------------------------------------------- */ .limited-avail { font-size: 18px; width: auto; display: inline-block; background-color: #5a1c6b; color: #fff; text-transform: uppercase; font-family: 'anzeigen-grotesk', sans-serif; padding: 0 9px; margin-bottom: 5px; border-radius: 3px; } .page-id-27554 .two-column-breakdown.main-text-section.text-list-flex p, .page-id-27554 .two-column-breakdown.main-text-section.text-list-flex li { font-size: 18px; } .page-id-27554 .description-column { margin-top: 20px; } .page-id-27554 .main-text-section.text-list-flex.two-column-breakdown .left-side .content p { font-size: 17px; } .page-id-27554 .two-column-breakdown.main-text-section.text-list-flex p, .page-id-27554 .two-column-breakdown.main-text-section.text-list-flex ul { margin-bottom: 12px; } .page-id-27554 .main-text-section.text-list-flex.two-column-breakdown .left-side .left-aligner { width: 100%!important; text-align: left!important; } .page-id-27554 .main-text-section.text-list-flex.two-column-breakdown .left-side .content p { font-size: 23px; } .page-id-27554 .main-text-section.text-list-flex .left-side .title { font-size: 33px; } .page-id-27554 .main-text-section.text-list-flex.two-column-breakdown.long-drop-accordion .right-side .left-aligner li.bullet { border-color: #ffc10d!important;; } .page-id-27554 .long-drop-accordion .column-heading { color: #ffc10d!important; } .page-id-27554 .main-text-section.image-text .right-side .title { font-size: 24px!important; font-family: 'sentinel', serif; } .page-id-27554 .main-text-section.image-text .right-side .text p { font-size: 22px!important; } .page-id-27554 .main-text-section.text-blocks .title { font-weight: bold; } @media (max-width: 768px) { .page-id-27554 .main-text-section.text-list-flex .left-side .title { font-size: 24px; } .page-id-27554 .main-text-section.text-list-flex.two-column-breakdown .left-side .content p { font-size: 20px; } .main-text-section.text-list-flex.two-column-breakdown.long-drop-accordion .right-side .general-internal-page-content { padding-top: 30px!important; } .page-id-27554 .two-column-breakdown.main-text-section.text-list-flex p, .page-id-27554 .two-column-breakdown.main-text-section.text-list-flex li { font-size: 14px; } .page-id-27554 .main-text-section.image-text .right-side .title { font-size: 20px!important; } .page-id-27554 .main-text-section.image-text .right-side .text p { font-size: 14px!important; } .page-id-27554 .main-text-section.image-text .right-side { padding-bottom: 25px!important; } } /* ## Font Assignments --------------------------------------------- */ .desktop-menu li.give-menu-item a, .am-box-text b, .opener, .tagging, .event-place, .event-hero-section-bottom, .sponsor-title, .sponsor-price, input, .stat-blurb, .story-name, .testimonial-symbol, .service-top-fields h1, .service-top-fields h2 b, .referral-form input, .the-referral-form label, .the-referral-form .form-field-full textarea, .team-name, .give-donation-amount, .give-form-wrap .give-label, #give_checkout_user_info legend, .volunteer-label label, .volunteer-form .two-thirds, .filter-option, .lead-off, .mobile-sub-title, .overlay li:last-of-type a, .program-filter-overlay .mobile-sub-menu li:not(.button-reset), .bucket-menu-title-area, .give_post_form-content, .desktop-menu .sub-menu a, div.wpcf7-validation-errors, .bio-meta h2, .back-to-about-navigation a, .half-form-field label, .half-form-field input, .disclaimer-text, .no-results, a.job-listing, .the-referral-form select, #menu-bucket-menu li a, .sentinel { font-family: 'Sentinel', sans-serif; } .slider-button, .newsletter-form-field input, .newsletter-form-field select, .intro-blurb, .program-intro-blurb, .service-overview-text, .insurance-overview-text li, .help-overview, .the-point-of-contact, .small-text-blurb, .i-am-statement, .approach-half.text-two .approach-text, .filter, .sentinel-book { font-family: 'Sentinel Book'; } .slider-internal-text, .sidebar-section-title, .newsletter-button-field input[type="submit"], #fshare-collapsed:before, .yellow-button, .wpcf7-submit, .sidebar-item li, .who-said-it, .program-name, .purple-button, .wistia_click_to_play, .locations li, .related-container, .approach-text-title, .give-donation-level-btn, .give-form-wrap span, .program-options li, .the-filter-heading, .multi-click, .general-sidebar-content li, .mobile-sub-menu a li, .event-date, .overlay-titling, .hide-donate-field, .give-success .entry-content, span.wpcf7-not-valid-tip, .top-donate-message-box, .intro-field-text, .half-form-field select, .half-form-field span.wpcf7-not-valid-tip, span.comma, [id*=give-form] .give-recurring-donors-choice label, .andes.rounded { font-family: 'AndesRoundedW01'!important; } .desktop-menu li a, .small-description-sidebar, .media-kit-content, .wfs-blog-post .entry-content, .general-internal-page-content, .main-intro-text, .internal-section-heading, .package-point, .agenda-title, .volunteer-point, .story-story, .text-area, .program-blurb, .donate-cta, .service-top-fields h2, .elibility-text, .the-team-nav li, .team-title, .approach-half.text-one .approach-text, .footer-container-wfs, .contact-content h2, .location-meta, .completion, .volunteer-area p, .volunteer-area li, .volunteer-label input[type="text"], .volunteer-label input[type="email"], #quicksearch, .overlay ul li a, #direct_my_funds-wrap select, .long-form-bio, .daytime-crisis-location p, .disclaimer-contact-text, .home-page-splash-half, .volunteer-area h2, .give-donation-levels-wrap label, .check-back-soon-language, .andes.book { font-family: 'AndesRoundedW01-Book'; } .am-box-text, .blog-item h2, .post-title-holder h1, .event-hero-section-inner-container h1, .agenda-time, .listing-contents h2, .program-hero-copy-box, .stat-number, .the-story-number, .overview-title, .related-titling h2, .about-intro-blurb, .volunteer-area h1, .ssr-individual h2, .general-sidebar-content h2, .give-success .entry-title, .program-intro-blurb h2, .bio-meta h1, .service-overview-text h3, .anz { font-family: 'anzeigen-grotesk', sans-serif; } /* ## Site Containers --------------------------------------------- */ .internal-content-site-container { width: 89.5%; margin: 0 auto; } .internal-content-site-container:not(.no-max) { max-width: 1450px; } .internal-content-site-container.eleven-hundred { max-width: 1100px; } .wfs-blog-post .internal-content-site-container { position: relative; } .special-narrow-container { width: 80%; margin: 0 auto; max-width: 1450px; } /* ## Wish list --------------------------------------------- */ .submit-area { justify-content: flex-end; } .wishlist-page-inner { color: #fff; font-family: 'AndesRoundedW01-Book'; padding-top: 20%; padding-bottom: 200px; } .wishlist-page-inner h2 { color: #fba915; text-transform: uppercase; line-height: 1.1; font-size: 50px; font-weight: normal; margin-bottom: 5px; } .item-specifics-top { width: 100%; padding-bottom: 13px; margin-bottom: 13px; border-bottom: 2px dotted #c83f7b; } .items-right { width: calc(100% - 17px); padding-left: 16px; align-items: center; font-size: 18px; line-height: 1.1; } .item-quantity span { font-size: 14px; padding-right: 5px; } .item-quantity-inner { min-width: 71px; align-items: center; } .item-description-area { max-height: 0; overflow: hidden; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; font-size: 16px; line-height: 1.1; padding-top: 0; } .item-name { width: calc(95% - 71px); margin-right: auto; } .active .item-quantity { -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; max-width: 100px; } .item-quantity { width: 71px; justify-content: center; position: relative; overflow: hidden; max-width: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .item-specifics-top, .item-quantity { align-items: center; } .item-quantity input { width: 40px; padding: 0; height: 30px; text-align: center; -moz-appearance: textfield; border: 2px solid #fba915; color: #fba915; background-color: transparent; } .checkbox { height: 17px; width: 17px; display: block; content: ''; background-color: #c83f7b; position: relative; top: -2px; cursor: pointer; } .active .checkbox { background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark-pu.svg); background-position: center; background-repeat: no-repeat; background-size: 72% auto; background-color: #fff; } .item-quantity { color: #fba915; } .item-quantity input::-webkit-outer-spin-button, .item-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sub-text-give { font-size: 18px; margin-bottom: 25px; } .give-category-heading { font-size: 22px; font-weight: bold; color: #c83f7b; line-height: 1.1; margin-bottom: 20px; } .give-category-area:nth-child(2n) { margin-right: unset; } .give-category-area { width: 48%; margin-right: auto; margin-bottom: 50px; } .the-contact-form { background-color: #fff; padding: 50px 0; } .contact-form-inner-give { width: 90%; margin: 0 auto; color: #5d2572; } .contact-form-inner-give br { display: none!important; } .form-half label, .form-full label { color: #5d2572; font-family: "Sentinel", serif; font-size: 18px; } .form-half input::-moz-placeholder { color: #5d2572; opacity: 1; } .form-half input::-webkit-input-placeholder { color: #5d2572; opacity: 1; } .form-half textarea::-moz-placeholder { color: #5d2572; opacity: 1; } .form-half textarea::-webkit-input-placeholder { color: #5d2572; opacity: 1; } .form-half input { padding: unset; border-top: unset; border-left: unset; border-right: unset; font-size: 20px; color: #5d2572; font-family: 'AndesRoundedW01-Book'; border-bottom: 2px solid #5d2572; } .input.disable { pointer-events: none; } .hidden-list-of-items { display: none!important; } .form-full textarea { border: 2px solid #5d2572; font-size: 18px; padding: 10px; color: #5d2572; } .form-half, .form-full { margin-bottom: 50px; } .form-half { width: 48%; } .form-full { width: 100%; } .form-half.first { margin-right: auto; float: unset; } .page.page-id-25114 .instruction-block .title span { display: none!important; } /* ## Field - Donate --------------------------------------------- */ .donate-inner .internal-content-site-container > div { width: 100%; } .logo-line { align-items: center; justify-content: center; } .logo-line img { width: 468px; max-width: 90%; } .logo-line { margin: 140px 0 50px; } .field-text-area { margin-bottom: 43px; } .field-text-area-inner p:last-of-type { margin-bottom: unset; } .field-text-area-inner p { margin-bottom: 13px; } .field-text-area-inner { width: 817px; max-width: 90%; margin: 0 auto; color: #fff; font-size: 24px; line-height: 1.4; } .field-link { justify-content: center; margin-bottom: 66px; } .field-link a { color: #5a1c6b; text-decoration: none; height: 49px; padding: 0 15px; line-height: 1; font-size: 22px; border-radius: 2px; background-color: #ffc10d; align-items: center; } .blackbaud-form { margin-bottom: 200px; } .blackbaud-form { font-size: 20px; text-align: center; color: #fff; font-style: italic; } .field-reel { width: 100%; position: relative; margin-bottom: 90px; } .field-reel-inner { width: 100%; } .field-reel .slick-slider, .field-reel .slick-list, .field-reel .slick-track { height: 100%; } .field-reel .slick-track { display: flex; flex-wrap: wrap; align-items: stretch; } .field-vid { margin-bottom: 100px; } .field-reel-image { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: stretch; height: unset !important; } .field-reel-image .img-box { position: relative; background: no-repeat center center / cover; width: 50%; } /* .field-reel-image.capt { margin-bottom: 390px; } */ .field-reel-image .img-box:before { padding-top: 70%; content: ''; display: block; } .field-reel-image .caption { /* position: absolute; top: 100%; left: 0; */ background-color: #ffc10d; color: #5a1c6b; width: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; /* padding: 10px 0; */ padding: 30px 5%; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.6px; } @media (max-width: 600px) { .field-reel-image .caption { font-size: 13px; letter-spacing: 0; } } .donate-inner { padding-right: 100px; } .field-left { left: -72px; } .field-right { right: -72px; } .field-arrow img { cursor: pointer; } .field-arrow { position: absolute; top: 0; height: 100%; width: 38px; align-items: center; } /* ## Newsletter --------------------------------------------- */ .single-newsletter .sidebar-item li:not(.filter):not(.button-reset) { background-image: linear-gradient(to left, #5a1c6b, #5a1c6b 50%, #f7ca46 60%, #ffc10d 80%, #ffe21e 98%); } .single-newsletter .sidebar-item .internal-event-nav a { color: #fff; } .single-newsletter .sidebar-item .internal-event-nav a:hover { color: #5a1c6b; } .single-newsletter .wfs-side-bar { background-color: #5a1c6b; } .single-newsletter .internal-event-nav:before { display: none!important; } .single-newsletter .newsletter-subscribe { visibility: hidden; display: none!important; } .single-newsletter .desktop-menu li a { color: #5a1c6b; } .single-newsletter .non-mobile-logo { display: none; } .single-newsletter .mobile-menu-logo { display: block; } .newsletter-outer { padding: 160px 0; font-size: 16px; } .newsletter-content-container .in-this-issue h2 { margin-bottom: 20px; } .newsletter-content-container h2 { font-size: 27px; letter-spacing: .01px; margin-bottom: 44px; width: 100%; display: block; line-height: 1.1; } .newsletter-content-container h3 { font-size: 20px; margin-bottom: 15px; width: 100%; } .shared-services-highlights-inner { align-items: center; } .newsletter-content-container { width: 1200px; max-width: 85%; margin: 0 auto; } .shared-services-highlights-left { width: 299px; margin-right: auto; } .shared-services-highlights-image { width: calc(90% - 299px); } .newsletter-section:nth-child(1) { border-top: unset; padding-top: unset; } .newsletter-section { width: 100%; float: left; display: block; padding-top: 60px; margin-bottom: 60px; border-top: 1px solid #5a1c6b; } .small-top-title-holder-outer { margin-bottom: 8px; } .announcement-listing-drop-left h3 { margin-bottom: 5px; } .announcements-main + .announcements-main { border-top: unset!important; padding-top: 25px; } .recipe-inner-contents-block { width: 50%; } .in-this-issue-render, .in-this-issue h2, .message-container, .main-newsletter-text-block, .announcement-block-holder, .announcement-listing-drop-holder, .shared-services-highlights-inner, .recipe-top-tile, .recipe-inner-contents { padding: 0 5%; } .listing-area li { line-height: 1.2; margin-bottom: 10px; } .listing-area { padding-left: 18px; } ul.listing-area li { list-style: disc; } ol.listing-area li { list-style: decimal; } .recipe-top-tile h3 { margin-bottom: 10px; } .recipe-top-tile { margin-bottom: 25px; } .recipe-photo { padding: 0 2.5%; margin-bottom: 60px; } .shared-by { font-size: 16px; line-height: 1; color: #6d6d6d; } .main-newsletter-text-block-text:not(.main-newsletter-text-block-text:last-of-type) { margin-bottom: 40px; } .recipe-photo { width: 100%; } .recipe-photo img { width: 100%; } .block-outer:nth-child(2n) .image-block-holder { order: 1; margin-right: auto; } .block-outer:nth-child(2n) .the-text-block { order: 2; margin-right: unset; } .link-holder-ann { order: 3; } .block-outer:nth-child(2n) .link-holder-ann { order: 3; width: 65%; margin-left: auto; } .dotted .recipe-inner-contents .small-top-title-holder { position: relative; top: unset; left: unset; margin-bottom: 25px; } .dotted .small-top-title-holder { position: absolute; top: -26px; left: -2px; } .dotted { position: relative; padding-top: 45px; padding-bottom: 45px; margin-top: 60px; } .square-outer { width: 100%; position: relative; } .square-outer:before { padding-top: 90%; width: 100%; display: block; content: ''; } .square-outer img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*object-fit: cover;*/ object-fit: contain; background-color: #009ac9; } .rectangle-outer { width: 100%; position: relative; } .rectangle-outer:before { padding-top: 50%; width: 100%; display: block; content: ''; } .rectangle-outer img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .issue-block { width: 32%; margin-right: 2%; margin-bottom: 20px; border-radius: 4px; border: 2px solid #c83f7b; color: #5a1c6b; } .issue-block:nth-child(3n){ margin-right: unset; } .issue-title { padding: 15px 5%; line-height: 1.1; } .link-holder-button { font-size: 14px; line-height: 1; text-decoration: none; padding: 0 15px; height: 40px; align-items: center; border: 1px solid; border-radius: 4px; margin-top: 14px; } .purple-features h2, .purple-features h3, .purple-features .link-holder-button, .purple-features a { color: #5a1c6b; } .purple-features .small-top-title-holder { background-color: #5a1c6b; } .link-holder-button { color: #fff!important; } .purple-features .dotted, .purple-features .announcement-listing-drop, .purple-features .link-holder-button { border-color: #5a1c6b; } .purple-features .link-holder-button { color: #5a1c6b; } .purple-features .slider-control { filter: invert(17%) sepia(68%) saturate(1694%) hue-rotate(263deg) brightness(88%) contrast(102%); } .blue-features h2, .blue-features h3, .signature-line, .blue-features .link-holder-button, .blue-features a { color: #009ac9; } .blue-features .slider-control { filter: invert(42%) sepia(63%) saturate(930%) hue-rotate(154deg) brightness(98%) contrast(101%); } .blue-features .small-top-title-holder { background-color: #009ac9; } .blue-features .dotted, .blue-features .announcement-listing-drop, .blue-features .link-holder-button { border-color: #009ac9; } .blue-features .link-holder-button { background-color: #009ac9; } .green-features h2, .green-features h3, .green-features .link-holder-button, .green-features a { color: #00a469; } .green-features .slider-control { filter: invert(58%) sepia(78%) saturate(6450%) hue-rotate(140deg) brightness(98%) contrast(101%); } .green-features .dotted, .green-features .announcement-listing-drop, .green-features .link-holder-button { border-color: #00a469; } .green-features .link-holder-button { background-color: #00a469; } .green-features .small-top-title-holder { background-color: #00a469; } .light-green-features h2, .light-green-features h3, .light-green-features .link-holder-button, .light-green-features a { color: #7fc241; } .light-green-features .dotted, .light-green-features .announcement-listing-drop, .light-green-features .link-holder-button { border-color: #7fc241; } .light-green-features .link-holder-button { background-color: #7fc241; } .light-green-features .slider-control { filter: invert(67%) sepia(64%) saturate(430%) hue-rotate(48deg) brightness(92%) contrast(86%); } .light-green-features .small-top-title-holder { background-color: #7fc241; } .pink-features h2, .pink-features h3, .pink-features .link-holder-button, .pink-features a { color: #c83f7b; } .pink-features .link-holder-button { background-color: #c83f7b; } .pink-features .slider-control { filter: invert(28%) sepia(44%) saturate(3228%) hue-rotate(308deg) brightness(93%) contrast(75%); } .pink-features .dotted, .pink-features .announcement-listing-drop, .pink-features .link-holder-button { border-color: #c83f7b; } .pink-features .small-top-title-holder { background-color: #c83f7b; } .announcement-listing-drop { border-bottom: 1px dotted; padding-bottom: 69px; margin-bottom: 30px; } .announcement-listing-drop:last-of-type { padding-bottom: unset; margin-bottom: unset; border-bottom: unset; } .image-holder-area-ann { align-items: flex-end; } .announcement-listing-drop-left { width: 65%; margin-right: auto; } .image-holder-area-ann { width: 30%; } .small-event-details { margin-bottom: 10px; } .small-top-title-holder { color: #fff; padding: 7px; line-height: 1; display: inline-block; font-size: 12px; } .waw-top-container h2 { width: calc(100% - 449px); margin-right: auto; } .waw-blurb { font-size: 16px; font-style: italic; color: #6d6d6d; line-height: 1.4; width: 449px; } .dotted { border: 2px dotted; border-radius: 4px; } .the-text-block ul, .the-text-block ol, .the-text-block p { margin-bottom: 14px; } .the-text-block p:last-child { margin-bottom: unset; } .the-text-block p + ul, .the-text-block p + ol { margin-top: 14px; } .the-text-block { font-size: 16px; line-height: 1.44; letter-spacing: .01px; width: 100%; color: #6d6d6d; font-weight: normal; } .photo-left-d { width: 172px; align-items: flex-start; } .message-right { width: calc(95% - 172px); margin-left: auto; } .message-right.full-width { margin-right: auto; margin-left: unset; width: 100%; } .signature img { width: 166px; margin-right: auto; max-width: 100%; } .main-newsletter-text-block-text.block-present .the-text-block ul, .main-newsletter-text-block-text.block-present .the-text-block ol { padding-left: 20px; font-size: 14px; } .main-newsletter-text-block-text.block-present .the-text-block ol li { list-style-type: decimal; } .main-newsletter-text-block-text.block-present .the-text-block ul li { list-style-type: disc; } .main-newsletter-text-block-text.block-present .the-text-block { width: 60%; margin-right: auto; } .top-most { margin-bottom: auto; } .image-block-holder { align-items: flex-start; } .main-newsletter-text-block-text.block-present .image-block-holder { width: 30%; } .small-holder .square-outer:before { padding-top: 75%; } .image-caption { position: absolute; top: 100%; padding-top: 5px; font-size: 16px; color: #6d6d6d; line-height: 1.1; } .photo-grid-row:nth-child(even) .big-image { order: 1; } .photo-grid-row:nth-child(even) .small-holder { order: 2; margin-left: auto; margin-right: unset; } .big-image .square-outer:before { padding-top: 79%; } .photo-grid-row { width: 100%; margin-bottom: 70px; } .big-image { width: 65%; } .small-holder .square-outer:not(.top-most) { margin-top: auto; } .small-holder { width: 30%; margin-right: auto; align-items: baseline; } .newsletter-slider-area { margin-top: 50px; width: 100%; align-items: center; } .newsletter-slick-slider { width: 65%; margin-right: auto; } .newsletter-controls { width: 30%; } .slider-control.prev { margin-right: 10px; } .slider-control { width: 15px; cursor: pointer; } .text-slider { margin-bottom: 25px; } .text-object { font-size: 14px; line-height: 1.3; } .slider-outer, .text-slider, .text-inner { width: 100%; } /* ## Virtual Waiting Room --------------------------------------------- */ .page-template-virtual-waiting-room-page-template #nav-icon3 span { background-color: #c5c5c5; } .page-template-virtual-waiting-room-page-template .search-glass img.search-gray { opacity: 1; } .doctor-main-info h3 { font-family: 'AndesRoundedW01-Book'; font-size: 16px; color: #5a1c6b; margin-bottom: 10px; } .flex { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .virtual-waiting-room-intro { font-family: 'AndesRoundedW01-Book'; font-size: 18px; } .virtual-waiting-room-intro-text { margin-bottom: 50px; } .locations-side h2#doctors { font-size: 22px; } .virtual-waiting-room-intro p:last-of-type { margin-bottom: 0; } .doctor-headshot { width: 100px; } .doctor-headshot-true { width: 100%; background: no-repeat center center / cover; border-radius: 50%; } .doctor-headshot-true:before { padding-top: 100%; width: 100%; content: ''; display: block; } .doctor-main-info { width: calc(95% - 100px); margin-left: auto; } .program-info { margin-bottom: 15px; font-size: 14px; } /* ## Payment Portal Pages --------------------------------------------- */ .payment_method_first_data_payeezy_gateway_credit_card, .wc_payment_method.payment_method_paypal { background-color: #ffc10d!important; padding: 25px 5%; } .payment_method_first_data_payeezy_gateway_credit_card fieldset { border: unset!important; padding: unset!important; } label[for="wc-first-data-payeezy-gateway-credit-card-test-amount"], #wc-first-data-payeezy-gateway-credit-card-test-amount { display: none!important; } .woocommerce-page .payment_method_first_data_payeezy_gateway_credit_card label { color: #5a1c6b!important; } .woocommerce-page .wfs-sidebar-contents { height: calc(100% - 210px); } /* display nones */ #payment .create-account, #payment .payment_method_check_paytrace label[for="payment_method_check_paytrace"] img { display: none !important; } #payment h3 { width: 100%; background-color: #ffc10d!important; padding: 34px 5%; margin-bottom: 0px!important; font-family: 'Sentinel', sans-serif; color: #5a1c6b!important; line-height: 1.1; font-size: 25px; justify-content: center; align-items: center; } #payment h3.payment-title { margin-bottom: 50px!important; } #payment h3 > span { width: 105px; } #payment h3 > div { width: calc(90% - 105px); margin-left: 10%; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.01px; text-align: left; color: #5a1c6b; } @media (max-width: 600px) { #payment h3 > div { width: 100%; margin-left: 0; margin-top: 18px; } } #payment #payment_method_card_paytrace { margin-top: 50px; } #payment #payment_method_card_paytrace, #payment #payment_method_check_paytrace { display: block; margin-top: 30px; margin-bottom: 30px; } .woocommerce #payment li #place_order { float: left; opacity: 0; max-height: 0; overflow: hidden; transition: .2s; margin-bottom: 40px; } .woocommerce #payment li #place_order.active { opacity: 1; max-height: 100px; overflow: unset; transition: opacity .2s .2s, max-height .2s 0; } #payment input::placeholder { color: #fff !important; opacity: 1 !important; } #payment .payment_method_card_paytrace label[for="payment_method_card_paytrace"] img { display: none; } #payment .payment_method_check_paytrace label[for="payment_method_check_paytrace"], #payment .payment_method_card_paytrace label[for="payment_method_card_paytrace"] { display: block; line-height: 35px !important; color: #fff !important; font-size: 20px !important; font-weight: bold !important; height: 35px; width: 100%; position: relative; margin-bottom: 0 !important; } @media (max-width: 500px) { #payment .payment_method_check_paytrace label[for="payment_method_check_paytrace"], #payment .payment_method_card_paytrace label[for="payment_method_card_paytrace"] { font-size: 16px !important; } } #payment .payment_method_check_paytrace label[for="payment_method_check_paytrace"]::before, #payment .payment_method_card_paytrace label[for="payment_method_card_paytrace"]::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: calc(100% - 180px); max-width: 385px; aspect-ratio: 10; background-repeat: no-repeat; background-position: center; background-size: contain; } #payment .payment_method_check_paytrace label[for="payment_method_check_paytrace"]::before { background-image: url('/wp-content/themes/wesley-family-services/secret-sauce/woocommerce-package/assets/echeck 1 (1).svg'); } #payment .payment_method_card_paytrace label[for="payment_method_card_paytrace"]::before { background-image: url('/wp-content/themes/wesley-family-services/secret-sauce/woocommerce-package/assets/credit-cards-yellow.svg'); } #payment fieldset { border: none; margin: 0; padding: 0; } .payment-portal-shortcode { float: left; width: 100%; } .ui-datepicker-header { background-color: #5a1c6b; } .woocommerce div.product form.cart { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; } .ie-unsupported-notice { color: white; font-size: 20px; line-height: 1.4; font-family: "Sentinel", serif; text-align: center; } .payment-portal-shortcode { min-height: 35vh; } .single-product .sidebar, .single-product .woocommerce-breadcrumb, .single-product .product_meta, .single-product.woocommerce .product_totals, .single-product.woocommerce .price, .gform_footer, .required, .select2-container, #order_review thead, #order_review tbody, #order_review .cart-subtotal, #order_review_heading, .woocommerce-checkout #payment div.payment_box::before, .woocommerce-notices-wrapper, .ginput_product_price_label, .ginput_product_price, .ginput_quantity_label { display: none!important; } .woocommerce #payment .form-row:not(#billing_address_1_field).place-order { margin-bottom: 20px!important; } .cta-box, .woocommerce-paytrace-SavedPaymentMethods-wrapper { display:none!important; } .woocommerce-checkout-payment .cta-box { font-family: 'Sentinel', sans-serif; font-size: 15px; color: #fff; text-align: center; line-height: 1.4; /*display: none!important;*/ } .woocommerce-checkout-payment .cta-box a { display: block; color: #ffc10d; text-decoration: underline dotted #fff 2px; } .single-product.woocommerce div.product div.summary { width: 100%; } #gform_wrapper_3.gform_legacy_markup_wrapper { display: unset !important; } #field_3_18, #field_3_14 { display: none; } .gform_wrapper li span, .woocommerce form .form-row { min-height: auto!important; } .single-product.woocommerce .gform_wrapper li { padding-right: 0px!important; } .single-product.woocommerce .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body.single-product.woocommerce .gform_wrapper select, .woocommerce-page select, .woocommerce-page input { background: transparent; border-left: 0; border-right: 0; border-top: 0; line-height: 1.8!important; padding: 0!important; color: #fff; border-bottom: 2px solid #c83f7b!important; font-family: 'Sentinel', sans-serif; width: 100%; font-size: 21px; text-indent: 0px!important; margin-left: 0px!important; appearance: none; -webkit-appearance: none; } .contact-content-inner option, body.single-product.woocommerce .gform_wrapper select option { background: #c83f7b; } .woocommerce-thankyou-order-received { text-align: center; color: #fff; } .woocommerce ul.order_details { background-color: #fba915; padding: 50px 5%; } .woocommerce ul.order_details li { border-right: 0px!important; text-transform: none!important; font-weight: bold; font-size: 15px!important; line-height: 1.1; margin-bottom: 4px; width: 48.717948717948715%; margin-right: 0!important; margin-bottom: 40px; } .woocommerce ul.order_details li.order, .woocommerce ul.order_details li.email, .woocommerce ul.order_details li.total { margin-right: 2.564102564102564%!important; } .woocommerce ul.order_details li strong { font-weight: normal!important; color: #fff; line-height: 1.8; font-size: 21px!important; } .woocommerce-order { font-family: 'Sentinel', sans-serif; color: #5a1c6b; font-weight: normal; } body.single-product.woocommerce .gform_wrapper select, .woocommerce-page select{ background-image: url(/wp-content/themes/wesley-family-services/assets/forms/dropdown-arrow.svg); background-size: 15px; background-position: center right; background-repeat: no-repeat; } .woocommerce-page input:not([type=button]):not([type=image]):not([type=file])::-moz-placeholder { color: #fff; opacity: 1; } .woocommerce-page input:not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder { color: #fff; opacity: 1; } .single-product.woocommerce .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder { color: #fff; opacity: 1; } .single-product.woocommerce .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder { color: #fff; opacity: 1; } body.single-product.woocommerce .gform_wrapper ul li.gfield { margin-top: 0px; } .payment-portal-shortcode { background-color: #5a1c6b; padding-bottom: 150px; } .form-row { width: 100%; } .gform_fields, .woocommerce-billing-fields__field-wrapper, .woocommerce ul.order_details { display: flex!important; display: -webkit-flex!important; display: -moz-flex!important; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .woocommerce-page .post-title-holder, .payment-inner-holder { width: 650px; max-width: 100%; margin: 0 auto!important; } .woocommerce-page .post-title-holder { text-align: center; } .highlight .validation_message:before { display: none!important; } .gform_wrapper div.validation_error { display: none!important; } .highlight .validation_message { text-align: center!important; padding-right: 0px!important; } .gform_fields .full, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select, li.gfield select { width: 100%!important; } #billing_city_field, #billing_first_name_field { margin-right: 2.564102564102564%; } #billing_state_field, #billing_city_field, #billing_first_name_field, #billing_last_name_field { width: 48.717948717948715%; } .gform_fields .one-half.first { margin-right: 2.564102564102564%; } .payment-portal-shortcode .quantity { display: none!important; } .payment-portal-shortcode button.button.alt { width: auto!important; color: #5a1c6b!important; background-color: #ffc10d!important; font-family: 'AndesRoundedW01'!important; font-weight: bold; text-align: center; padding: 15px 14px!important; text-decoration: none; white-space: normal; width: auto; border-radius: 4px; cursor: pointer; border: 0px!important; margin-right: 4px; font-size: 22px; } .single-product.woocommerce .gform_wrapper .gfield_checkbox li { margin-bottom: 15px!important; } .single-product.woocommerce .gform_wrapper .gfield_checkbox li input { display: none; } .single-product.woocommerce .gform_wrapper .gfield_checkbox li label:before { height: 20px; width: 20px; display: block; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; content: ''; border: 2px solid #fff; border-radius: 50%; } .gform_wrapper .top_label li ul.gfield_checkbox { width: 100%!important; margin-top: 10px!important; } .single-product.woocommerce .gform_wrapper .gfield_checkbox li label { color: #fff!important; font-size: 21px!important; font-weight: normal!important; position: relative; padding-left: 25px; } .single-product.woocommerce .gform_wrapper .gfield_checkbox li input:checked + label:before{ background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark.svg); background-size: contain; background-color: #fff; } body.single-product.woocommerce .gform_wrapper ul li.gfield.hidden { display: none!important; } body .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img { opacity: 1!important; } .gform_wrapper table.gfield_list thead th { padding: 0px!important; } .gfield_list_cell input { width: 95%!important; } .gform_wrapper table.gfield_list th { text-transform: uppercase; font-size: 17px!important; font-weight: normal!important; line-height: 1.22; letter-spacing: 0; color: #c83f7b; font-family: 'anzeigen-grotesk', sans-serif!important; } body .gform_wrapper .field_description_below .gfield_description { padding-top: 5px!important; } .gfield tr td[data-label="Gender"] input { width: 100%!important; } .gform_wrapper .gfield_description { font-family: 'AndesRoundedW01-Book'!important; line-height: 1.1!important; letter-spacing: 0!important; font-weight: bold; color: #c83f7b; font-size: 12px!important; margin-top: 2px; margin-bottom: 4px; } .gfield_list_icons, .instruction.validation_message { display: none!important; } body.single-product.woocommerce .gform_wrapper ul li.gfield.one-half { width: 48.717948717948715%!important; } body.single-product.woocommerce .gform_wrapper ul li.gfield { position: relative; width: 100%; align-items: flex-end; } .postid-12252 #field_4_15 .gfield_description.validation_message { font-size: 25px!important; padding-bottom: 10px; } .gform_wrapper .gfield_description.validation_message { font-family: 'anzeigen-grotesk', sans-serif!important; font-weight: normal!important; font-size: 17px!important; text-transform: uppercase; color: #5a1c6b!important; width: auto; display: inline-block; padding-top: 3px!important; padding-right: 3px!important; padding-left: 3px!important; position: relative; letter-spacing: .3px!important; padding-top: 0px!important; background-color: #c83f7b!important; } .validation_message:before { content: '*'; position: absolute; left: -7px; } .gfield_error .ginput_container_checkbox { position: relative; } .gfield_error .ginput_container_checkbox + .validation_message { display: block; width: 100%; text-align: center; top: -2px; position: relative; } .single-product.woocommerce .gform_wrapper .gfield_checkbox .gfield_error li label { color: #5a1c6b!important; } .gfield_error .ginput_container_checkbox:before { position: absolute; left: 0; width: 100%; top: 0; bottom: 0; height: 100%; background-color: #c83f7b; content: ''; z-index: 1; } .gfield_error .gfield_checkbox { position: relative; z-index: 2; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border: 0px!important; background-color: transparent!important; } .gform_wrapper label:not(.gfield_label_before_complex), .woocommerce-page label, .area-total h3 { font-family: 'Sentinel', sans-serif; font-size: 15px!important; font-weight: bold!important; line-height: 1!important; letter-spacing: 0; color: #ffc10d!important; margin-bottom: 4px; margin-top: 0px!important; } body .area-total h3 { font-size: 20px!important; } .total-holder strong { font-weight: normal!important; } .total-holder { font-family: 'Sentinel', sans-serif; width: 100%; font-size: 41px; color: #fff; } body.single-product.woocommerce .gform_wrapper ul li.gfield { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding-top: 0px!important; margin-top: 0px!important; } body .gform_wrapper .top_label div.ginput_container { margin-top: 0px!important; } .ginput_container, .gform_wrapper label { width: 100%; } .single-product.woocommerce .gform_wrapper li.gfield.highlight .ginput_container_product_price { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .single-product.woocommerce .gform_wrapper li.gfield.highlight .ginput_container_product_price input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ border-bottom: 3px solid #5a1c6b!important; width: 200px; max-width: 95%; margin-left: auto!important; margin-right: auto!important; line-height: 1!important; } body .gform_body li, .woocommerce .form-row:not(#billing_address_1_field) { margin-bottom: 40px!important; } #billing_address_1_field { margin-bottom: 10px; } body.single-product.woocommerce .gform_wrapper ul li.gfield { position: relative; } .woocommerce-checkout #payment ul.payment_methods { margin-bottom: 40px!important; } .form-row.place-order { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; } body.single-product.woocommerce .gform_wrapper ul li.gfield.highlight, .wc_payment_method.payment_method_stripe { background-color: #ffc10d!important; padding: 50px 0!important; margin-bottom: 10px; } .wc_payment_method.payment_method_stripe { padding: 25px 5% 0!important; } .single-product.woocommerce .gform_wrapper li.gfield.highlight input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border-bottom: unset!important; color: #5a1c6b!important; font-size: 41px!important; position: relative; z-index: 3; text-align: center; } .gfield_required { color: #fff!important; } /* body.single-product.woocommerce .gform_wrapper ul li.gfield.highlight:before { position: absolute; left: -5%; top: 0; bottom: 0; height: 100%; width: 110%; background-color: #ffc10d; content: ''; }*/ body.single-product.woocommerce .gform_wrapper ul li.gfield.highlight input::-moz-placeholder { opacity: 1; } body.single-product.woocommerce .gform_wrapper ul li.gfield.highlight input::-webkit-input-placeholder { opacity: 1; } .highlight .gfield_description { width: 450px!important; max-width: 90%; margin: 6px auto; text-align: center; color: #c83f7b!important; font-size: 16px!important; } .gform_wrapper ul li.gfield.highlight label:not(.gfield_label_before_complex) { color: #5a1c6b!important; position: relative; z-index: 3; text-align: center; font-size: 20px!important; width: 450px; max-width: 90%; margin: 0 auto 13px; } .wc_payment_method.payment_method_stripe label { color: #5a1c6b!important; position: relative; z-index: 3; } .add-to-cart-wrapper { width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; } .woocommerce-billing-fields h3 { display: none!important; } .woocommerce-page .col-1 { width: 100%!important; } .woocommerce-checkout #payment, .woocommerce-checkout #payment div.payment_box { background-color: transparent!important; border-radius: 0px!important; } .woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout #payment div.payment_box .form-row, .woocommerce-checkout #payment, .woocommerce-checkout #payment div.payment_box, .woocommerce-checkout #payment div.form-row { padding: 0!important; border: unset!important; } .area-total { margin-bottom: 40px; } .payment_box { margin-top: 4px!important; } .payment_box p { font-family: 'Sentinel', sans-serif; color: #5a1c6b!important; font-size: 15px; margin-bottom: 12px; } .payment_box p a { color: #5a1c6b!important; } /*#payment h3 { background-color: #ffc10d!important; padding: 50px 5% 0; margin-bottom: 0px!important; font-family: 'Sentinel', sans-serif; color: #5a1c6b!important; line-height: 1.1; font-size: 25px; }*/ #payment h3 img { width: 310px; margin-left: 15px; } .woocommerce-page .wc_payment_method.payment_method_paypal label { color: #5a1c6b!important; } .woocommerce-page .wc_payment_method.payment_method_paypal img { display: none!important; } .payment_method_paypal .payment-method-name, .payment_method_paypal label[for="payment_method_paypal"] a { display: none!important; } .payment_method_paypal label[for="payment_method_paypal"] img { margin-left: unset!important; margin-bottom: 11px!important; } /* ## Popup --------------------------------------------- */ .bottom-buttons { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; } .exit-alt-styling { font-family: 'AndesRoundedW01'!important; color: #fff; font-size: 15px; line-height: 1; margin-left: 5px; } .bottom-buttons.three-buttons { margin-top: 35px; } .bottom-buttons.three-buttons a { font-size: 14px; } .site-pop-up-box { position: absolute; left: 0; right: 0; margin: 0 auto; width: 500px; max-width: 90%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 4; background-color: #5a1c6b; padding: 55px 0 45px; border-radius: 5px; box-shadow: 2px 2px 17px rgba(0,0,0,0.3); transition: .2s; opacity: 0; pointer-events: none; } .site-pop-up-box.showing { opacity: 1; pointer-events: all; } .site-pop-up-box.showing.done { opacity: 0; pointer-events: none; } .site-pop-up-inner { width: 400px; max-width: 90%; margin: 0 auto; } .top-text { position: relative; font-family: 'Sentinel Book'; z-index: 2; font-size: 18px; color: #fff; line-height: 1.29; letter-spacing: 0.6px; margin-bottom: 25px; } .title-top-pop { font-family: 'anzeigen-grotesk', sans-serif; text-transform: uppercase; font-size: 63px; line-height: .83; font-weight: normal; color: #fff; margin-bottom: 10px; } .the-site-pop-up.faded { -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; pointer-events: none; } .the-site-pop-up { position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; content: ''; z-index: 100; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 1; } .site-pop-up-bg { z-index: 2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ''; height: 100%; width: 100%; background-color: rgba(90, 28, 106, 0.72); } .x-area span { background-color: #C83F7B; content:''; position: absolute; } .x-area { width: 20px; height: 20px; position: absolute; top: 15px; right: 15px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); cursor: pointer; } .x-area span:nth-child(1) { left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); top: 0; height: 100%; width: 4px; content:''; } .x-area span:nth-child(2) { left: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; height: 4px; content:''; } /* ## Global --------------------------------------------- */ .bottom-announcement-bar { background-color: #fdb510; color: #5a1c6b; position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; padding: 8px 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 0; pointer-events: none; } .bottom-announcement-bar.showing { opacity: 1; pointer-events: all; } .bottom-announcement-bar.showing.done { opacity: 0; pointer-events: none; } .bottom-announcement-bar.down { bottom: -100px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .bottom-announcement-bar img { cursor: pointer; display: block; width: 30px; margin-left: 10px; } .bottom-announcement-text { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; font-family: 'AndesRoundedW01-Book'; max-width: calc(100% - 40px); } .text-holder-bb-ar { font-size: 18px; line-height: 1.1; } .bottom-announcement-text .button { font-family: 'AndesRoundedW01'!important; background-color: #5a1c6b; color: #fdb510; font-weight: bold; text-align: center; padding: 5px 10px!important; text-decoration: none; white-space: normal; width: auto; border-radius: 4px; cursor: pointer; border: 0px!important; margin-left: 10px; font-size: 16px; } .grecaptcha-badge { display: none!important; } .grecaptcha-badge, .grecaptcha-logo { opacity: 0 !important; visibility: hidden !important; } .bg-wrap-alt { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .bg-alt { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; transform: translateZ(0); will-change: transform; z-index: 1; } /* ## Menu --------------------------------------------- */ .desktop-menu ul { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; } #menu-item-6604 a, #menu-item-6604 a img { float: left; } .desktop-menu li { display: inline-block; float: left; /*padding: 0 14px;*/ -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } /*Temporary*/ .desktop-menu li { padding-right: 13px; } #menu-item-734:last-of-type, .give-menu-item { padding: 0 14px; } .the-nav-search-form { right: 47px; } /**/ .desktop-menu li:not(.give-menu-item).hide { opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .site-header { position: absolute; top: 0; width: 100%; z-index: 20; padding: 10px 0; } .main-logo { width: auto; max-width: 14%; float: left; position: relative; } .main-logo a, .main-logo img { position: relative; float: left; width: 140px; } .navigation-menu { width: 80%; } .desktop-menu { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .internal-navigation { position: relative; width: 100%; float: left; } .internal-navigation-site-container.flexed { -webkit-align-content: center; align-content: center; } .flexed { display: flex; display: -webkit-flex; display: -moz-flex; } .flexed:not(.featured-blocks) { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .internal-navigation-site-container, .wfs-site-container { width: 97%; margin: 0px auto 10px auto; position: relative; } .desktop-menu li { position: relative; } .desktop-menu li a { text-decoration: none!important; color: #fba915; font-weight: normal; font-size: 15px; } .desktop-menu .give-menu-item { position: relative; } .desktop-menu li.give-menu-item a { color: #5d2572; font-weight: bold; font-size: 18px; position: relative; z-index: 3; } .desktop-menu li:nth-last-child(2) { margin-right: 33px; } .desktop-menu .give-menu-item:last-of-type:before { z-index: 1; position: absolute; height: 164%; width: 86%; margin: 0 auto; left: 0; top: -31%; right: 0; content: ''; border-radius: 50%; background-image: linear-gradient(138deg, #ffc10d, #f68b1e); } /*Search Form*/ .results-title-holder span { color: #357b2a; } .result { text-decoration: none; width: 30%; margin-right: 3%; margin-bottom: 50px; line-height: 1.55; letter-spacing: 0; color: #6d6d6d; font-size: 15.5px; padding: 25px 15px 25px; background-color: #f4f4f4; float: left; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .result:hover { box-shadow: 2px 2px 17px rgba(0,0,0,0.3); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .load-more-area { width: 100%; text-align: center; padding-bottom: 150px; float: left; } .no-further { font-size: 18px; color: #6d6d6d; font-family: 'AndesRoundedW01-Book'; } .no-results-for-search { font-family: 'AndesRoundedW01-Book'; font-size: 18px; } .load-more-area .dot_loader { text-align: center; } .results-holder { width: 100%; padding: 100px 0 50px; float: left; min-height: 300px; } .results-innermost { width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; float: left; } .page-result { font-weight: bold; text-align: center; padding: 5px 14px!important; text-decoration: none; white-space: normal; width: auto; border-radius: 4px; cursor: pointer; border: 0px!important; font-size: 13px; background-color: #5a1c6b; color: #fff!important; font-family: 'AndesRoundedW01-Book'; display: inline-block; } .results-holder .page-title { font-size: 17px; line-height: 1.3; color: #5a1c6b; font-weight: bold; font-family: 'AndesRoundedW01-Book'; } .page-description { line-height: 1.55; letter-spacing: 0; color: #6d6d6d; font-size: 14px; margin-top: 10px; font-family: 'AndesRoundedW01-Book'; } .page-result.regular { margin-bottom: 15px; } .the-nav-search-form input[type="submit"] { display: none!important; } .the-nav-search-form { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; position: absolute; height: 100%; padding-left: 18px; /*right: 51px;*/ top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .the-nav-search-form input::-moz-placeholder { color: #6a6a6a; opacity: 1; } .the-nav-search-form input::-webkit-input-placeholder { color: #6a6a6a; opacity: 1; } .the-nav-search-form input { border: 0px!important; padding: 0px!important; margin: 0; font-size: 22px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.3px; color: #6a6a6a; background-color: transparent!important; } .site-header .the-nav-search-form .search-form { margin-top: 0px!important; margin-left: 24px!important; } .the-nav-search-form img { cursor: pointer; } .site-header .search-form { width: 0px!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .site-header .the-nav-search-form.active .search-form { width: 250px!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .the-nav-search-form.active { background-color: #fff; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } /*end form*/ /* ## Subscribe --------------------------------------------- */ .subscribe-form-area-alt { background-color: #5a1c6b; padding: 100px 0 150px; } .subscribe-form-area-alt .overview-title { color: #c83f7b; } .subscribe-form-area-alt .the-referral-form input, .subscribe-form-area-alt .the-referral-form .form-field-full textarea { border-color: #c83f7b; } .the-referral-form .form-field-full.mod-margin { margin-top: 25px; } .interested-in-label { color: #fff; text-transform: uppercase; font-family: 'anzeigen-grotesk', sans-serif; margin-bottom: 13px; } .margin-bottom { margin-bottom: 25px; width: 100%; } .form-field-full .wpcf7-list-item { font-family: 'Sentinel Book'; color: #fff; width: 50%; padding-right: 10px; float: left; margin-left: 0px!important; position: relative; padding-left: 28px; line-height: 1; margin-bottom: 15px; } .form-field-full .wpcf7-list-item label { cursor: pointer; } .form-field-full .wpcf7-list-item input { display: none; } .form-field-label { color: #fff; font-size: 18px; display: block; margin-bottom: 10px; font-family: 'anzeigen-grotesk', sans-serif; text-transform: uppercase; } .the-referral-form .form-field-full label { font-size: 16px; } .the-referral-form .form-field-full .wpcf7-list-item input:checked + span:before { background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark-yellow.svg); } .the-referral-form .form-field-full .wpcf7-list-item span:before { border-color: #ffc10d; } .form-field-full .wpcf7-list-item span:before { height: 20px; width: 20px; border-radius: 50%; content: ''; left: 0; position: absolute; border: 2px solid #c83f7b; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .form-field-full .wpcf7-list-item input:checked + span:before { background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark-pink.svg); background-size: contain; background-position: center center; } /* ## Selector --------------------------------------------- */ #marker { width: 100%; float: left; position: relative; } .the-overlay { position: relative; z-index: 8; width: 100%; min-height: 100vh; left: 0; right: 0; top: 0; bottom: 0; } .selector-stuff.vanish { display: none; } .overlay-hidden { -webkit-animation: gone; -moz-animation: gone; animation: gone; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; animation-delay: .1s; -webikit-animation-delay: .1s; } @-webkit-keyframes gone { 0% { visibility: visible;} 100% { visibility: hidden; } } @-moz-keyframes gone { 0% { visibility: visible;} 100% { visibility: hidden; } } @-ms-keyframes gone { 0% { visibility: visible;} 100% { visibility: hidden; } } @-o-keyframes gone { 0% { visibility: visible;} 100% { visibility: hidden; } } @keyframes gone { 0% { visibility: visible;} 100% { visibility: hidden; } } .seeking-services-background { background-color: #ce5489; } .lead-off { font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0; color: #f4f4f4; margin-bottom: 4px; } .multi-click { letter-spacing: 0; font-weight: bold; color: #5a1c6b; font-size: 32px; line-height: 1.2; margin-bottom: 14px; text-transform: lowercase; cursor: pointer; position: relative; z-index: 2; margin-bottom: 14px; } .multi-click span { position: relative; display: inline-block; } .multi-click:hover span:before, .multi-click.is-checked span:before { background-color: #5a1c6b; content: ''; position: absolute; top: -5%; bottom: 0; left: -6%; right: 0; height: 113%; width: 120%; z-index: -1; border-radius:4px; } .multi-click:hover, .multi-click.is-checked { color: #ce5489; } .selector-option-set { opacity: 0; z-index: 1; -webkit-transition: opacity .5s; transition: opacity .5s; } .selector-option-set:first-child { opacity: 1; z-index: 2; } .s-b-nav { display: none; } .s-b-nav:first-child { display: block; } /**/ .the-selector-container { padding-top: 165px; width: 100%; padding-left: 10%; } .selector-button { cursor: pointer; } .button-img, .selector-button img { height: 60px; width: 60px; } .selector-back-button { } .no-results { color: #fff; } .no-results span { border-bottom: 2px dotted #c83f7b; cursor: pointer; } .no-results span:hover { border-bottom: 2px solid #c83f7b; cursor: pointer; } /* .selector-button-go { position:absolute; bottom:20px; width:50px; height:50px; left:50%; transform:translateX(-50%); }*/ .selector-button-go{ width: 60px; height: 60px; position: relative; } .button-img, .selector-button-go { margin:0 6px; } .selector-button-go { background-size: 100% auto; -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; } .seeking-services .desktop-menu li a { color: #5A1C6B } .seeking-services .desktop-menu .give-menu-item:before { background:#5A1C6B; } .selector-button-go.seeking-services-go { background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark.svg); } .selector-button-go.service-provider-go { background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark-blue.svg); } .selector-button-go.seeking-services-go .circle { border-color: #5a1c6b; } .selector-button-go.service-provider-go .circle { border-color: #005494; } .selector-button-go.seeking-services-go { background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark.svg); } @-webkit-keyframes pulse { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } 50% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } } @-moz-keyframes pulse { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } 50% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } } @-ms-keyframes pulse { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } 50% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } } @-o-keyframes pulse { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } 50% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } 50% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } } /* .circle { transform:translate(-50%,-50%); width:100%; height:100%; border-radius:50%; background:transparent; border: 30px solid #5a1c6b; }*/ .circle { transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 50%; left: 50%; background: transparent; border: 6px solid #5a1c6b; } .circle.away-we-go { border: 400vh solid #5a1c6b; transition-duration: 1s; width: 400vh; height: 400vh; } .circle.rabbit-hole { border: 0 solid; } .program-big-filter { position: absolute; z-index: 7; min-height: 100vh; width: 100%; top: 0; opacity: 0; background-color: #5a1c6b; } .program-big-filter.hidden-filter { max-height: 100vh; } .program-big-filter.activated { opacity: 1; -moz-transition: all .1s ease; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; transition-delay: .1s; } .listing-grid { width: 100%; padding: 20px 0; columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .listing-grid .service-listing { width: 100%; position: relative; display: inline-block; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .wfs-side-bar.filter-bar { background-color: #5a1c6b; } .filter-bar .sidebar-section-title { color: #ffc10d; } .filter-bar .sidebar-item li { color: #fff; } .program-options { margin-bottom: 5%; } .selector-filter-results { padding-bottom: 12%; padding-top: 96px; background-color: #5a1c6b; } .program-options li { display: inline-block; font-size: 15px; color: #c83f7b; margin: 0 6px 9px 0; padding: 0 13px; position: relative; z-index: 1; border: 2px solid #c83f7b; border-radius: 17px; cursor: pointer; } .program-options li:hover, .program-options li.is-checked { color: #5a1c6b; background: #c83f7b; } .service-individual { border-bottom: 2px dotted #c83f7b; width: 90%; padding: 9px 0; line-height: 1.3; display: block; float: left; transform: translate3d(0px, 0px, 0px)!important; } /*.heading .service-individual:last-of-type { margin-bottom: 46px; }*/ /* .heading { margin-top: 46px; }*/ .filter a, .service-individual a { color: #fff; text-decoration: none; } .the-filter-heading { color: #c83f7b; font-size: 30px; line-height: 1.2; font-weight: 700; margin-bottom: 8px; padding-top: 46px; } .sidebar-item li.filter, .button-reset:not(.inline-reset) { font-size: 15px; padding: 1px 0; position: relative; z-index: 3; cursor: pointer; font-family: sentinel; } .sidebar-filters li:not(.button-reset).is-checked, .sidebar-filters li:not(.button-reset):hover { color: #5a1c6b; } .sidebar-filters li.is-checked:not(.button-reset):after, .sidebar-filters li:not(.button-reset):hover:after { background-color: #ffa549; left: -10px; top: 0px; position: absolute; content: ''; z-index: -1; border-radius: 13px; bottom: 0px; right: -10px; } .finder { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; } .finder img { width: 18px; } #quicksearch { padding: 0; background-color: transparent; border: 0px; color: #c83f7b; font-size: 20px; padding-left: 10px; -webkit-text-fill-color: #c83f7b!important; } #quicksearch ::-moz-placeholder { color: #c83f7b; opacity: 1; } #quicksearch ::-webkit-input-placeholder { color: #c83f7b; opacity: 1; } .the-statement.seeking { margin-top: -158px; } .service-provider { display: none; } .program-big-filter.hidden-filter.shown { opacity: 1; position: relative; } .the-overlay.hidden { display: none; } .provider-seeking-services .seeking-services-regular { display: none; } .provider-seeking-services .service-provider { display: block; } .provider-seeking-services .multi-click { color: #005494; } .provider-seeking-services .multi-click:hover, .provider-seeking-services .multi-click.is-checked { color: #009ac8; } .provider-seeking-services .multi-click:hover span:before, .provider-seeking-services .multi-click.is-checked span:before { background-color: #005494; } .provider-services { background-color: #009ac8; } .provider-seeking-services .i-am-statement { color: #005494; } .provider-seeking-services .desktop-menu .give-menu-item a { color: #009ac8; } .provider-seeking-services .desktop-menu li a { color: #005494; } .provider-seeking-services .desktop-menu .give-menu-item:before { background-color: #005494; background-image: none; } .seeking-services .desktop-menu .give-menu-item a { color: #ce5489; } .locked { pointer-events: none; } /* ## Pioneer --------------------------------------------- */ .anchor { width: 100%; float: left; display: block; } .main-intro-text a { color: #5a1c6b; } .main-intro-text.pioneer-page-text { font-size: 14px; } .main-intro-text.pioneer-page-text h2 { font-family: 'anzeigen-grotesk', sans-serif; text-transform: uppercase; font-size: 25px; font-weight: normal; line-height: 1.1; letter-spacing: 0; } .sponsors.pioneer .spon-log { width: 30%; margin-right: 5%; margin-bottom: 5%; } .sponsors.pioneer .spon-log:nth-child(3n) { margin-right: 0; } .pioneer-page-text a { color: #5a1c6b; text-decoration: none; } .pioneer-page-text a:hover { text-decoration: underline; } .sponsor-name { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; justify-content: center; font-size: 14px; line-height: 1.2; } .pioneer-form-container { width: 700px; margin: 0 auto; max-width: 90%; } .pioneer-form-container .the-referral-form .main-form-select select { padding: 23px 0px 3px 0; } .pioneer-form-container .main-form-select { position: relative; } .pioneer-form-container .dropdown-arrow { bottom: 8px; } /* ## Home --------------------------------------------- */ /*Splash*/ .wesley-splash-text, .fs-splash-text { display: none; } .wesley-splash .wesley-splash-text, .family-splash .fs-splash-text { display: block; } .home-page-splash-container { width: 80%; margin: 0 auto; position: absolute; left: 0; right: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); top: 50%; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; } .home-page-splash { background-color: #5a1c6b; height: 100vh; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; display: none; } .wesley-splash .home-page-splash, .family-splash .home-page-splash { display: block; } .home-page-splash-half { width: 50%; font-size: 17px; line-height: 1.7; color: #fff; } .home-page-splash-half img { max-width: 100px; } .home-page-splash-half a { font-weight: bold; color: #ffc10d; text-decoration: none; } .home-page-splash-half a:hover { text-decoration: underline; } .home-page-splash-half.image-container { text-align: center; } .go-to-site { margin: 20px 0 0; width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; } .continue-to-site a { color: #c83f7b; font-size: 16px; } .continue-to-site { margin-bottom: 3px; padding-right: 10px; } .continue-to-site, .redirecting { line-height: 1; } .redirecting { color: #c83f7b; font-size: 13px; } .go-to-site-two img { width: 50px; } .go-to-site-two a { line-height: 0; float: left; width: 100%; } /**/ .home-page-hero { min-height: 100vh; position: relative; float: left; width: 100%; overflow: hidden; background-color: #5d2572; } .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; } .bg-wrap.slide-transition { z-index: 1; right: -100vw; -webkit-transition-delay: .9s; transition-delay: .9s; -moz-transition-delay: .9s; -o-transition-delay: .9s; } .bg-wrap.first-transition { right: 0; } .slider-internal-text { -moz-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; opacity: 1; } .text-transition { opacity: 0; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; z-index: 9!important; } .arrow-container img { cursor: pointer; } .text-transition .slider-button { visibility: hidden!important; } .slider-internal-text .slider-button { visibility: visible; } .text-transition.first-text-internal { opacity: 1; z-index: 10!important; } .text-transition.first-text-internal .slider-button { visibility: visible!important; } .bg-wrap:before{ background-image: linear-gradient(to right, #b2587f, #5a1c6b); position: absolute; z-index: 2; top: 0; content: ''; height: 100%; width: 100%; } .bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; transform: translateZ(0); will-change: transform; z-index: 3; opacity: .3; -webkit-filter: grayscale(100%); filter: grayscale(100%); mix-blend-mode: multiply; } .slider-container { float: left; } .i-am, .slider-container { position: relative; z-index: 3; /*min-height: 100vh;*/ } .i-am { width: 50%; max-width: 640px; margin: 0 0 4.5% auto; right: 0; } .slider-container { width: 46%; margin-right: 4%; } .arrow-container, .arrow-container { position: absolute; top: 50%; width: auto; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .arrow-container.left { left: 0; } .arrow-container.right { right: 0; } .arrow-container img { width: 23px; height: 26px; } .slider-internal-text { position: absolute; top: 64%; width: 62%; left: 8%; transform: translateY(-64%); -ms-transform: translateY(-64%); -webkit-transform: translateY(-64%); -moz-transform: translateY(-64%); -o-transform: translateY(-64%); font-size: 21px; font-weight: bold; font-style: normal; line-height: 1.22; letter-spacing: 0; color: #f2f2f2; z-index: 10; } .slider-button { display: block; margin-top: 36px; font-size: 27px; font-weight: normal; color: #ffc10d; text-decoration: none!important; } .slider-button-inner { border-bottom: 3px dotted #ffc10d; display: inline-block; position: relative; padding-right: 14px; padding-bottom: 5px; } .box-inline-flex { display: flex; display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .am-box-icon { display: block; position: absolute; z-index: 3; } .am-box:nth-child(6) .am-box-text { -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .am-box:nth-child(6):hover .am-box-text { color: #fff; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .am-box { width: 48%; position: relative; margin-bottom: 3%; box-shadow: 0 2px 74px #692966; } .am-box-link { position: absolute; width: 100%; height: 100%; z-index: 5; } .am-box:nth-child(5), .am-box:nth-child(6) { margin-bottom: 0px; } .am-box:nth-child(odd) { margin-right: 3%; } .not-square-square { width: 100%; padding-top: 78%; position: relative; } .am-box-text, .volunteer-area h1 { text-transform: uppercase; font-size: 54px; line-height: .79; color: #5d2572; font-weight: normal; } .am-box-text { margin-top: 14%; } .am-box-text { position: absolute; padding:5%; left: 0; right: 0; top: 0; bottom: 0; } .am-box-text b { font-size: 20px; margin-top:-24px; color: #5d2572; font-weight: 500; text-transform: none; display: block; margin-bottom: 4%; } .am-box-text div { font-size: 30px; } .am-box:nth-child(6) .am-box-text, .am-box:nth-child(6) .am-box-text b { color: #c83f7b; } .i-am-inner { width: 100%; float: left; margin-top: 70px; } /*Box colors*/ .am-box:nth-child(1) { background-image: linear-gradient(158deg, #c44c81, #5a1c6b); background-size:175%; } .am-box:nth-child(2) { background-image: linear-gradient(to bottom, #37b283, rgba(0, 168, 103, 0.8)); } .am-box:nth-child(3) { background-image: linear-gradient(312deg, #005494, #009ac9); } .am-box:nth-child(4) { background-image: linear-gradient(135deg, #ffc10d, #f68b1e); } .am-box:nth-child(5) { background-image: linear-gradient(140deg, #7fc241, rgba(0, 168, 103, 0.71)); } .am-box:nth-child(6) { box-shadow:none; } .opener { font-size: 32px; font-weight: 500; letter-spacing: 0; color: #f4f4f4; } /*Icons*/ #icon1 img { margin-left: 57%; margin-top: -25%; width: 100%; } #icon2 img { width:83%; margin-left:50%; margin-top:34%; } #icon3 img { margin-left: 17%; margin-top: -48%; z-index: 5; width: 97%; } #icon4 img { width: 77%; margin-left: 49%; margin-top: 36%; } #icon5 img { margin-top: -52%; margin-left: 110%; width: 96%; } #icon6 img { margin-left: -39%; margin-top: -24%; width: 92%; } /* ## Sidebar Items --------------------------------------------- */ .sidebar-item .internal-event-nav a, .sidebar-item .menu li a { color: #5a1c6b; text-decoration: none; font-size: 13px; line-height: 1.2; } .wfs-landing .eligibility-site-item { display: none!important; } .internal-event-nav { position: relative; margin-bottom: 100px; } .internal-event-nav:before { position: fixed; content: ''; bottom: 45px; height: 25px; width: 210px; z-index: 9; opacity: 1; background-image: linear-gradient(to bottom, rgba(73, 73, 73, 0.0), #fff); } .sidebar-item li:not(.filter):not(.button-reset) { z-index: 1; padding: 7px 20px; left:0; right:0; background-image: linear-gradient(to left, #fff, #fff 50%, #f7ca46 60%, #ffc10d 80%, #ffe21e 98%); background-position:right; transition-duration:.3s; background-size:250%; } .sidebar-item li:not(.filter):not(.button-reset):hover { background-position:left; background-image:linear-gradient(to left, #fff, #fff 30%, #f7ca46 50%, #ffc10d 98.5%, #ffe21e 98.5%); background-position:left; transition-duration:.3s; background-size:200%; } .wfs-side-bar { width: 210px; float: left; min-height: 100vh; position: relative; background-color: #fff; z-index: 9; } .sidebar-spacer { height: 100px; float: left; position: relative; width: 100%; } .ss-logo-stick { position: fixed; bottom: 0; left: 0; width: 210px; z-index: 100; padding: 12px 10px 15px; } .ss-logo-stick:before { position: absolute; width: 90%; margin: 0 auto; border-top: 2px dotted #ffc10d; content: ''; display: block; top: 0; } .ss-language { font-family: 'Sentinel Book'; color: #5a1c6b; font-size: 18px; line-height: 1.1; width: 100%; text-align: center; margin-bottom: 5px; } .ss-logo-ss:before { padding-top: 30%; content: ''; display: block; width: 100%; } .ss-logo-ss { width: 100%; margin: 0 auto; background: no-repeat center center / contain; } .wfs-sidebar-contents { top: 0; position: relative; float: left; width: 100%; height: 100%; } .page-template-resources-landing .wfs-sidebar-fixed { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .page-template-resources-landing .newsletter-subscribe { margin-bottom: unset; padding: 0 12px; } .wfs-sidebar-fixed { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; } .wfs-program .wfs-sidebar-fixed { overflow: scroll; } .wfs-sidebar-fixed, .selector-sidebar-inner { padding:0 12px; } .selector-sidebar-inner { width: 84%; margin: 0 auto; } /*.wfs-sidebar-contents { position: sticky; position: -webkit-sticky; }*/ .sidebar-section-title { font-size: 16px; font-weight: bold; color: #5a1c6b; margin-bottom: 13px; } .sidebar-section-title a { color: #5a1c6b; border-bottom: dotted 2px #ffc10d; text-decoration: none; } .newsletter-form-field input, .newsletter-form-field select { border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: dotted 4px #ffc10d; padding-bottom: 0px; padding-left: 0px; font-size: 18px; padding-top: 0px; } .newsletter-form-field, .newsletter-button-field { position: relative; float: left; width: 100%; margin-bottom: 15px; } .wfs-main-content.news-listing { background-color: #5a1c6b; } .newsletter-button-field input[type="submit"], .yellow-button, .wpcf7-submit { color: #5a1c6b!important; background-color: #ffc10d!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .yellow-button.second-button { margin-left: 11px; } .the-site-pop-up .yellow-button { margin-bottom: 5px; } span.wpcf7-not-valid-tip { color: #5a1c6b!Important; font-weight: bold!important; display: block; position: relative; width: 100%; font-size: 11px!important; text-transform: uppercase; } div.wpcf7-validation-errors { border: 0px!important; font-size: 12px; margin: 0; padding: 10px 10px 0; position: relative; float: left; width: 100%; } div.wpcf7-response-output { margin: 0px!important; } .wfs-volunteer div.wpcf7-response-output { background-color: #ffc10d; color: #5a1c6b; } .wfs-contact div.wpcf7-validation-errors, .wfs-service div.wpcf7-validation-errors { background-color: #ffc10d; color: #5a1c6b; } .wfs-contact span.wpcf7-not-valid-tip, .wfs-service span.wpcf7-not-valid-tip { color: #ffc10d!important; } .wpcf7-form-control-wrap { float: left; width: 100%!important; } .sidebar-item .newsletter-button-field input[type="submit"], .sidebar-item .yellow-button { font-size: 14px; } .wistia_click_to_play a { color: #fff!important; text-decoration: none!important; } .newsletter-button-field input[type="submit"], .yellow-button, .wpcf7-submit, .purple-button, .wistia_click_to_play { font-weight: bold; text-align: center; padding: 5px 14px!important; text-decoration: none; white-space: normal; width: auto; border-radius: 4px; cursor: pointer; border: 0px!important; margin-right: 4px; font-size: 18px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .purple-button, .wistia_click_to_play { background-color: #5a1c6b; color: #fff!important; } .volunteer-form .wpcf7-submit { background-color: #5a1c6b!important; color: #fff!important; } .volunteer-field .first-name input, .volunteer-field .last-name input, .volunteer-field input[type="email"] { color: #5a1c6b; } .sidebar-item { position: relative; float: left; width: 100%; left:0; margin-bottom: 20px; } .sidebar-item.sidebar-menu{ position: absolute; z-index: 10; padding: 6px 0; } .bucket-menu-holder { height: 100vh; top: -100px; position: relative; } .sidebar-bucket-menu { position: fixed!important; bottom: 0; left: 0; width: 210px; padding: 0 12px 12px!important; background-color: #fff; z-index: 10; } .bucket-menu-title-area, #menu-bucket-menu li a { font-size: 16px; font-weight: 500; text-align: center; color: #5a1c6b; padding-top: 5px; border-top: 2px dotted #ffc10d; cursor: pointer; text-decoration: none; } #menu-bucket-menu li a { border-top: 0px!important; } .bucket-opened .bucket-accordion-arrow { transform: rotate( -180deg ); -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .bucket-accordion-arrow { width: 13px; margin-right: 6px; margin-left: -8px; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .bucket-menu-slide-out { display: none; } .bucket-menu-slide-out li { padding: 5px 20px; line-height: 1.1; } .behavioral .bh-menu-item, .autism .autism-menu-item, .child-welfare-juvenile-justice .cwjj-menu-item, .community .comm-menu-item, .education .education-menu-item, .foster .foster-care-menu-item, .idd .idd-menu-item { display: none; } .sidebar-subscribe-form .wpcf7 { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 15px; } .media-kit-content, .small-description-sidebar { font-size: 14px; line-height: 1.14; color: #6d6d6d; } .media-kit-content p { margin-bottom: 10px; } .media-kit-content a { color: #6d6d6d; text-decoration: none; } .filter-bar .wfs-sidebar-contents { padding-top: 100px; position: relative; width: 79%; margin: 0 auto; height: 100%; float: none; } .relative-flexed { position: relative; float: left; width: 100%; } /* ## Team Bio Page --------------------------------------------- */ .wfs-team-bio.purple-nav .desktop-menu .give-menu-item a { color: #fff!important; } .page-template-team-member-page-template .program-filter-menu-mobile.sticky { background-color: #5a1c6b!important; background-image: none!important; } .page-template-team-member-page-template .sticky-mobile-menu .search-glass img.search-gray { opacity: 0; } .page-template-team-member-page-template .sticky-menu span { background-color: #fff!important; } .page-template-team-member-page-template .search-glass img.search-white { opacity: 1; } .team-member-bio { padding-top: 120px; /*width: 500px;*/ margin: 0 auto 100px; max-width: 80%; position: relative; } .team-member-bio h1 { font-size: 54px; font-weight: normal; line-height: 1.1; letter-spacing: -0.6px; text-align: left; color: #5a1c6b; text-transform: uppercase; margin-bottom: 0px; } .team-member-bio h2 { font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.4px; text-align: left; color: #5a1c6b; margin-bottom: 0px; } .long-form-bio { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.3px; text-align: left; color: #6c6c6c; margin-top: 27px; } .back-to-about-navigation { width: 70px; position: absolute; left: -116px; } .back-to-about-navigation a { font-size: 18px; font-weight: 600; letter-spacing: 0.4px; text-align: right; display: block; color: #ffc10d; text-decoration: none; } .mobile-only { display: none!important } /* ## About Page --------------------------------------------- */ .full-width-video { width: 100%; margin: 0 auto 150px; float: left; display: block; } .youtube-preview-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: no-repeat center center / cover; } .wfs-about .site-inner { overflow: hidden; } .wfs-home .site-inner { overflow-x: hidden!important; } .the-team-nav li.tab-active { color: #470e58; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .team-wrapper.wrapper-hidden { display: none; } .wfs-about section { position: relative; float: left; width: 100%; } .about-hero-section { background-image: linear-gradient(242deg, #b2587f, #5a1c6b); } /* per Aaron: */ .about-hero-section .internal-content-site-container { max-width: 990px; } .about-intro-text { /* per Aaron: padding:23% 13% 12% 0; */ padding: 23% 13% 7% 0; } .about-intro-blurb:nth-child(1) { margin-bottom: 4%; padding-right: 20%; } .about-intro-blurb:nth-child(2) { margin-bottom:2%; } .small-text-blurb { line-height: 1.2; letter-spacing: 0; color: #f2f2f2; } .about-intro-image:nth-child(1) img, .about-intro-image:nth-child(2) img { width:25%; position:absolute; } .about-intro-image:nth-child(1) img { transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); /* per Aaron: left:28%; top:15%; */ left: 42%; top: 12%; } .about-intro-image:nth-child(2) img { margin-left: 63%; bottom: -6%; } .the-team { padding:210px 0 100px; } .second-team { padding: 0 0 190px; } .the-team-nav { display: flex; display: -webkit-flex; display: -moz-flex; justify-content: center; float: left; width: 100%; } .the-team-nav li { display: inline-block; float: left; padding: 0 20px; font-size: 23px; line-height: 2.04; color:#5A1C6B; cursor: pointer; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .the-team-nav li:hover { font-weight: bold; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .bio-link { position: absolute; z-index: 10; content: ''; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; cursor: pointer; box-shadow: 3px 3px 5px rgba(0,0,0,0); transition-duration: .3s; } .bio-link:hover { box-shadow: 6px 6px 17px rgba(0,0,0,0.3); transition-duration: .3s; } .team-name { line-height: 1; margin: 13px 0; letter-spacing: 0; color: #fff; font-size: 21px; } .team-flow { float: left; width: 100%; position: relative; } .team-title { text-transform: uppercase; font-size: 14px; letter-spacing: 0; color: #fff; line-height: 1.3; } .team-title.staff { margin-top: 12px; } .team-title-fields { position: absolute; bottom: 5px; padding: 5px 10px; } .team-arrow-left img, .team-arrow-right img { position: absolute; width: 24px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .team-arrow-left img { left: 0; } .team-arrow-right img { right: 0; } .team-wrapper { width: 85%; margin: 0 auto; padding: 22px 0; overflow-y: visible; overflow-x: hidden; } .pioneer-intro .general-internal-page-content { padding-bottom: 0; } .team-member { width: 25%; float: left; position: relative; } .faqs .internal-content-site-container h2 { margin-bottom: 50px; } .faqs { padding-top: 150px; } .faq-object { position: absolute; width: 15px; height: 15px; left: -20px; margin-bottom: 1px; overflow: hidden; } .faq-object span:nth-child(2) { position: absolute; height: 100%; width: 4px; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); content: ''; background-color: #ffc10d; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 1; } .faq-object span:nth-child(1) { position: absolute; height: 4px; width: 100%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); content: ''; background-color: #ffc10d; } .faq-title { position: relative; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; margin-bottom: 10px; cursor: pointer; } .faq-block { margin-bottom: 20px; } .faq-text p { margin-bottom: 10px; } .faq-title-inner { font-family: 'anzeigen-grotesk', sans-serif; text-transform: uppercase; font-size: 25px; color: #ffc10d; line-height: 1.2; } .faq-text { font-family: 'Sentinel Book'; color: #6d6d6d; font-size: 18px; overflow: hidden; max-height: 0px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .open .faq-object span:nth-child(2) { opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .open + .faq-text { max-height: 800px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .pioneer-cta { margin-top: 150px; } .long-intro .general-internal-page-content p { font-size: 20px; line-height: 1.75; font-family: 'Sentinel Book'; } .community-room h2 { margin-bottom: 25px; } .photo-image { background: no-repeat center center / cover; width: 50%; float: left; } .photo-rot-maker { padding-top: 75%; width: 100%; } .sub-text { font-family: 'Sentinel Book'; color: #6d6d6d; font-size: 18px; margin-bottom: 30px; } .faqs { padding-bottom: 150px; } .community-room { padding-top: 150px; } .doctors .individual-location { width: 48%; margin-right: 4%; } .doctors .individual-location:nth-child(2n) { margin-right: unset; } .doctors .contact-locations { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .doctors { float: left; width: 100%; padding-bottom: 150px; } .rotator_section h2, .faqs h2, .community-room h2, .doctors h2 { font-family: 'AndesRoundedW01-Book'; font-size: 32px; font-weight: bold; color: #5a1c6b; line-height: 1.1; margin-bottom: 15px; letter-spacing: 0.3px; } .rotator_section .slick-prev, .community-room .slick-prev { left: 1.5%; } .rotator_section .slick-next, .community-room .slick-next { right: 1.5%; } .rotator_section { float: left; width: 100%; position: relative; padding-bottom: 150px; } .download-button-area { margin-top: 15px; } .download-button-area a { text-decoration: none; background-color: #5a1c6b!important; color: #fff; border-radius: 4px; font-size: 18px; padding: 5px 14px; font-weight: bold; text-align: center; font-family: 'AndesRoundedW01'!important; } .rotator-holder, .faqs, .community-room, .download-button-area { position: relative; width: 100%; float: left; } .slider-nav1 .team-member:nth-child(odd) .bio-photo { background-color: #ffb600; } .slider-nav1 .team-member:nth-child(even) .bio-photo { background-color: #ff7900; } .slider-nav2 .team-member:nth-child(odd) .bio-photo { background-color: #005597; } .slider-nav2 .team-member:nth-child(even) .bio-photo { background-color: #009ccc; } .team-info-fields { position: absolute; width: 100%; top: 0; padding: 12px; } .bio-photo { background-size: cover; background-position: center center } .bio-maker { padding-top: 100%; } .approach-text-title { line-height: 1.56; letter-spacing: 0; color: #ffc10d; } .approach { background-color: #5a1c6b; color: #fff; padding:165px 0; } .approach .flexed { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .approach-half { width: 50%; } .approach-half.first { padding-right: 4%; } .approach-half.text-one, .approach-half.image-two { order: 1; } .approach-half.text-one { align-self: flex-end; } .approach-half.text-two { padding-right: 5%; } .approach-half.text-two, .approach-half.image-one { order: 2; } .approach-image { background-size: cover; background-position: center center; } .approach-half.image-one .approach-image-maker { padding-top: 100%; } .approach-half.image-two .approach-image-maker { padding-top: 67%; } .approach-half.text-one .approach-text { line-height: 1.45; letter-spacing: 0.8px; font-size: 31px; } .approach-half.text-two .approach-text { line-height: 1.6; letter-spacing: 0; font-size: 18px; } .approach-text li { list-style-type: disc; margin-left: 17px; margin-bottom: 12px; font-size: 16px; } .second-area { margin-top: 8%; } .image-two .approach-image { width: 82%; margin-left: auto; } /* ## Program Pages --------------------------------------------- */ .long-form-program-blurb.program-intro-blurb { line-height: 1.45; letter-spacing: .5px; font-size: 17px; } .long-form-program-blurb.program-intro-blurb .internal-content-site-container { width: 89.5%; margin: 0 auto; max-width: 1450px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; column-count: 2; line-height: 1.7; column-gap: 30px; } .long-form-program-blurb.program-intro-blurb ol, .long-form-program-blurb.program-intro-blurb ul { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; } .program-intro-blurb a { text-decoration: none; color: #5a1c6b; } .program-intro-blurb a:hover { text-decoration: underline; } .program-intro-blurb h2 { text-transform: uppercase; color: #5a1c6b; font-weight: normal; margin-bottom: 0px; } .program-intro-blurb ul { margin-bottom: 28px; } .program-intro-blurb li { list-style-type: disc; margin-left: 34px; } .program-hero { min-height:100vh; } .program-hero-copy-box { position: absolute; z-index: 4; width: 50%; padding-right:40px; right: 0; bottom: 8.5%; } .program-hero-copy-box, .about-intro-blurb { text-transform: uppercase; line-height: 0.8; letter-spacing: 0; color: #fff; } .program-hero-copy-box h1, .program-hero-copy-box h2, .about-intro-blurb, .about-intro-blurb h2 { font-size: 44px; font-weight: normal; line-height: .9; margin-bottom: 0px; } .program-hero-copy-box h1, .about-intro-blurb h2 { color: #fdb510; } .program-intro-blurb { line-height: 1.75; letter-spacing: 0; color: #6d6d6d; font-size: 20px; padding: 100px 0; } .big-featured-image-break { min-height: 130vh; } .secondary-featured-image { position: absolute; height: 50%; width: 50%; bottom: 0; left: 0; z-index: 4; background-size: cover; background-position: center center; } .stat-box { width: 25%; min-height: 25%; position: absolute; z-index: 5; padding: 25px 25px 18px; } .stat-box:nth-child(1) { top: 0; right: 0; background-color: #009ac9; color: #fff; } .stat-box:nth-child(2) { bottom: 50%; left: 0; background-color: #c83f7b; color: #5a1c6b; } .stat-box:nth-child(3) { top: 50%; margin: 0 auto; left: 50%; background-color: #ffc10d; color: #5a1c6b; } .stat-box:nth-child(4) { bottom: 0; left: 25%; background-color: #5a1c6b; color: #c83f7b; } .stat-blurb { font-size: 17px; line-height: 1.2; } .stat-number { font-size: 68px; line-height: 1.4; } .success-stories { background-color: #5a1c6b; padding: 100px 0; } .story-container { display: block; } .story-container-inner { width: 67%; position: relative; min-height: 210px; } .testimonial-top-section { position: relative; width: 100%; float: left; } .slick-prev, .slick-next, .left-arrow, .right-arrow { position: absolute; z-index: 10; cursor: pointer; width: auto; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .slick-next, .slick-prev { top: 50%; } .wfs-about .slick-next, .wfs-about .slick-prev { top: 50%; } .left-arrow, .right-arrow { top: 35%; } .slick-prev img, .slick-next img { width: 24px; cursor: pointer; } .slick-prev { left: 0; } .slick-next { right: 0; } .left-arrow img, .right-arrow img { width: 16px; } .left-arrow { left: 2%; } .right-arrow { right: 2%; } .story-story { color: #fff; font-size: 16px; line-height: 1.68; position: relative; z-index: 3; } .story-container { width: 100%; height: 1px; position: relative; counter-increment: number; float: left; } .story-container.slick-active { height: 100%; } .testimonial-image { position: relative; } .testimonial-image:only-child, .story-container:only-child .the-story-number { display: none; } .testimonial-image.slick-current:before { position: absolute; z-index: 3; content: ''; border: 12px solid #c83f7b; height: 100%; width: 100%; } .the-story-number { position: absolute; content: ''; left: 41%; z-index: 12; font-size: 300px; width: 100%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); color:#C83F7B; text-align:right; } .story-half { float: left; width: 100%; margin: 0 3%; overflow: hidden; } .story-name { color: #fdb510; font-size: 20px; font-weight: 400; margin-bottom: 15px; } .testimonial-bottom { position: relative; width: 100%; float: left; margin-top: 72px; overflow: hidden; } .testimonial-image { width: 25%; float: left; background-size: cover; background-position: center center; } .square { padding-top: 100%; width: 100%; } .testimonial-text { padding: 0 50px; position: relative; } .testimonial-text, .testimonial-featured-images { width: 50%; float: left; } .featured-image { background-size: cover; background-position: center center; } .testimonials { color: #fff; background-color: #5a1c6b; padding-bottom: 100px; } .text-area { font-size: 18px; line-height: 1.46; letter-spacing: .5px; } .a-testimonial-appears { width: 100%; float: left; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; } .a-testimonial-appears .featured-image, .testimonial-text-inner { width: 50%; float: left; } .testimonial-text-inner { padding: 0 3%; } .who-said-it { font-size: 14px; letter-spacing: .3px; text-transform: uppercase; margin-top: 23px; } .testimonial-symbol { font-size: 250px; line-height: .2; font-weight: bold; position:absolute; top: 43px; } .testimonial-symbol, .who-said-it { color: #c83f7b; } .testimonial-buttons li { width: 15px; height: 15px; border: 1px solid #c83f7b; border-radius: 50%; display: inline-block; float: left; margin: 0 4px; } .testimonial-buttons li:first-child { margin-left: 0px; } .testimonial-buttons { position: absolute; bottom: -18%; } .featured-block-half { width: 50%; float: left; position: relative; } .flexed.featured-blocks { align-items: center; } .fancy .flexed.featured-blocks { align-items: stretch; } /* .fancy .flexed.featured-blocks:nth-child(2n) { align-items: stretch; flex-direction: row-reverse; } */ .featured-block-half.image { padding-top: 50%; background-size: cover; } .fancy .featured-block-half.text-box { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .featured-block-half-inner { padding: 0 50px; } .fancy .featured-block-half-inner { padding: 7% 50px; } .program-name { font-size: 18px; font-weight: bold; margin-bottom: 9px; } .program-name.long-text { font-size: 24px; line-height: 1.1; margin-bottom: 11px; } .program-blurb { font-size: 26px; line-height: 1.46; letter-spacing: 0.5px; color:#571364; } .program-blurb.long-text { font-size: 15px; } .program-blurb.long-text p:last-of-type { margin-bottom: unset; } .program-blurb.long-text p { margin-bottom: 15px; } .program-link { margin-top: 69px; } .featured-block-section:nth-child(3n-3) { background-color: #009ac9; color: #fff; } .featured-block-section:nth-child(3n-3) .program-name { color: #571364; } .featured-block-section:nth-child(3n-3) .purple-button { color: #009ac9; } .featured-block-section:nth-child(3n-2) { background-color: #ffc10d; color: #571364; } .featured-block-section:nth-child(3n-2) .purple-button { color: #ffc10d; } .featured-block-section:nth-child(3n-1) { background-color: #c83f7b; color: #571364; } .featured-block-section:nth-child(3n-1) .purple-button { color: #c83f7b; } .the-donate-form [id*=give-form] .give-recurring-donors-choice label { cursor: pointer; font-size: 18px; display: inline-block; margin: 0; padding: 0; color: #ffc10d; margin-top: 11px!important; } #give-register-account-fields-300 { display: none!important; } .give-recurring-manage-subscriptions-receipt-link { display: none!important; } .donate-cta:not(.yellow-button) { font-size: 24px; } .donate-cta { padding: 100px 5%; color: #fff; text-align: center; background-color: #5a1c6b; } .donate-button { margin-top: 50px; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; border-radius: 50%; color: transparent; border: 2px solid #c83f7b; outline: none; background: transparent; } .slick-dots { position: relative; float: right; width: 50%; padding-left: 3%; margin-top:-24px; z-index:1000; display: flex!important; display: -webkit-flex!important; display: -moz-flex!important; } .slick-dots li { float: left; padding: 0 7px; } li.slick-active button { background: #c83f7b; } /* ## Sponsorship Form --------------------------------------------- */ .ajax-loader { display: none!important; } div.wpcf7-mail-sent-ok { border: 0px!important; margin: 5px 0 0 0!important; padding: 0!important; font-size: 12px!important; line-height: 14px; font-weight: bold!important; width: 100%; float: left; color: #fff!important; } .full-form-field, .third-form-field, .half-form-field { position: relative; float: left; } .half-form-field { margin-bottom: 30px; } .full-width-section { padding: 100px 0; } .full-form-field.first { margin-bottom: 40px; } .full-form-field.last { margin-top: 40px; } .full-form-field { width: 100%; } .half-form-field { width: 49%; } .half-form-field.first { margin-right: 2%; } .third-form-field { width: 32%; } .third-form-field.first { margin-right: 1%; } .intro-field-text { color: #fff; } .select-field-wrap { position: relative; } .select-field-wrap:before { height: 20px; width: 20px; background-repeat: no-repeat; background-size: 13px; top: 23px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); content: ''; position: absolute; z-index: 2; right: 0; background-image: url(/wp-content/themes/wesley-family-services/assets/home/arrow.svg); } .half-form-field select { -webkit-appearance: none; appearance: none; padding: 6px; border-radius: 0px; background-color: transparent; border-top: 0; border-left: 0; color: #ffc10d; font-size: 24px; border-right: 0; border-bottom: 3px solid #ffc10d; position: relative; } .half-form-field input[type="email"], .half-form-field input[type="text"], .half-form-field input[type="tel"] { border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: solid 3px #ffc10d; padding: 5px 0; background-color: transparent; color: #fff; } .required { color: #ffc10d } .half-form-field label { display: block; color: #fff; width: 100%; } .half-form-field br { display: none!important; } .state-field-selector .state-selector { font-size: 17px; } .state-field-selector:before { height: 15px; width: 15px; background-size: 9px; top: 16px; } .text-box-content { color: #5a1c6b; font-size: 20px; width: 100%; text-align: center; background-color: #fff; margin: 68px auto; padding: 20px; } .organization-sponsor-information { position: relative; float: left; width: 100%; font-size: 13px; font-style: italic; color: #fff; margin: 50px auto; } .form-button-container { text-align: center; padding: 40px; } .disclaimer-text { color: #fff; font-size: 20px; margin: 40px auto 0; padding: 0 10% 20px; text-align: center; } /* ## Sponsor --------------------------------------------- */ .the-packages-ssr .sponsorship-tier-section { background-color: transparent!important; } .the-packages-ssr .package-point { color: #5a1c6b; } .the-packages-ssr .active2 .sponsor-title, .the-packages-ssr .active2 .sponsor-price { color: #470e58; } .the-packages-ssr .package-name-lead.active2 { border-bottom: 1px solid #5a1c6b; } .the-packages-ssr .sponsor-title, .the-packages-ssr .sponsor-price { color: #c4c4c4; } .the-packages-ssr .package-name-lead { border-bottom: 1px solid #c4c4c4; } .the-packages-ssr .package-name-lead:hover { border-color: #470e58; cursor: pointer; } .the-packages-ssr .package-name-lead:hover .sponsor-title, .the-packages-ssr .package-name-lead:hover .sponsor-price { color: #470e58; } .ssr-individual { width: 31%; float: left; margin-right: 3%; } .ssr-individual:nth-child(3n) { margin-right: 0px; } .ssr-individual:hover { cursor: pointer; } .ssr-individual h2 { text-transform: uppercase; color: #c4c4c4!important; line-height: 1.0; letter-spacing: -0.3px; font-size: 27px; font-weight: normal; } .ssr-event-feature-image { width: 100%; opacity: .5; background-size: cover; background-position: center center; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .ssr-individual.active-event .ssr-event-feature-image, .ssr-individual:hover .ssr-event-feature-image { -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .ssr-individual.active-event .ssr-titling, .ssr-individual:hover .ssr-titling { background-color: #fff; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .ssr-individual.active-event .ssr-titling h2, .ssr-individual:hover .ssr-titling h2 { color: #5a1c6b!important; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .ssr-titling { padding: 20px 0px; } .ssr-maker { padding-top: 100%; } .sponsor-packages { position: relative; float: left; width: 100%; padding: 30px 0px; } .selector-internal-field .sponsorship-tier-section { padding: 20px 0 75px; } /* ## Contact --------------------------------------------- */ .crisis-button-button { border-radius: 3px; background-color: #ffc10d; padding: 7px 5px; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; width: 100%; display: inline-block; text-align: center; line-height: 1; letter-spacing: 0px; text-align: center; color: #5a1c6b; text-decoration: none; font-family: 'AndesRoundedW01-Book'; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .crisis-button-button:hover { box-shadow: 2px 2px 9px rgba(0,0,0,0.3); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .crisis-number { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; margin-top: 5px; } .phone-descriptor { margin-left: 5px; } .mob-phone-number-box-holder a.phone-number { color: #fff; border-color: #c83f7b; padding-bottom: 3px; } .view-our-locations a:hover { border-bottom: solid 2px #c83f7b; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .view-our-locations { margin-top: 14px; } .view-our-locations a { font-size: 19px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.4px; color: #ffc10d; text-decoration: none; border-bottom: dotted 2px #c83f7b; font-family: 'Sentinel'; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin-top: 14px; display: inline-block; padding-bottom: 3px; display: inline-flex; display: -webkit-inline-flex; display: -moz-inline-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; } .location-pin { width: 19px; margin-right: 11px; } .mob-crisis-button-button:hover { border-bottom: solid 2px #c83f7b; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .mob-crisis-button-button { font-size: 19px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.4px; color: #fff; text-decoration: none; border-bottom: dotted 2px #c83f7b; font-family: 'Sentinel'; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin-top: 14px; display: inline-block; padding-bottom: 3px; } .mob-phone-number-box.right { margin: 40px 0; } .mob-phone-number-box-holder a.phone-number:hover { border-color: #c83f7b; } .mob-phone-number-box-holder .phone-descriptor { margin-left: 10px; } .phone-number-box-holder { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: 48px; } .mob-phone-number-heading, .virtual-waiting-heading-mob { font-size: 17px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: 0.3px; color: #ffc10d; font-family: 'AndesRoundedW01-Book'; } .virtual-waiting-room-area-mob { margin-bottom: 40px; } .crisis-button { position: absolute; bottom: 0; width: 100%; } .virtual-waiting-room-area { margin-bottom: 48px; } .phone-number-box { position: relative; padding-bottom: 40px; } .phone-number-box.left { width: 300px; margin-right: 5%; } .phone-number-box.right { width: calc(95% - 300px); } .virtual-button-holder .crisis-button-button { width: auto; margin-top: 15px; padding-left: 16px; padding-right: 16px; } .phone-number-heading, .virtual-waiting-room-intro-text h1, .virtual-waiting-heading { font-size: 25px; font-weight: bold; line-height: 1.12; letter-spacing: 0.5px; color: #5a1c6b; font-family: 'AndesRoundedW01-Book'; } a.phone-number { font-size: 19px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.4px; color: #5a1c6b; text-decoration: none; border-bottom: dotted 2px #ffc10d; font-family: 'Sentinel'; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } a.phone-number:hover { border-bottom: solid 2px #ffc10d; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .phone-number-or-boxes { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; position: absolute; bottom: 0; left: 0; } .phone-number-or-boxes span { font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.3px; text-align: center; color: #c83f7b; padding: 0 7px; margin-bottom: 4px; } .phone-descriptor { font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: 0.3px; color: #c83f7b; font-family: 'AndesRoundedW01-Book'; } .dropdown-arrow { position: absolute; right: 0; z-index: 10; } .wfs-service .the-referral-form .dropdown-arrow { top: 17px; } .career-item .sidebar-section-title { text-align: center; } .career-item { margin-top: 23px; } .career-item .yellow-button { margin-left: 20px; } .career-item-icon img { width: 125px; position: absolute; top: -42px; left: -4px; z-index: 1; } .career-button .yellow-button { margin-left: 4px; padding-left: 55px!important; font-size: 16px; } .career-button { width: 100%; position: relative; } .career-link { position: absolute; width: 100%; height: 100%; z-index: 2; left: 0; right: 0; bottom: 0; top: 0; } .mob-phone-number-box-holder { display: none; } .contact-content { min-height: 100%; float: left; position: relative; } .contact-content:nth-child(1) { width: 46%; } .contact-content:nth-child(2) { width: 54%; } .contact-content-inner { padding: 100px 0; position: relative; top: 0; } .see-all { margin-top: 20px; } .the-referral-form .wpcf7-recaptcha { margin-top: 15px; } .locations-side h2, .contact-form-side h2 { line-height: 1.68; letter-spacing: 0; color: #c83f7b; font-size: 25px; } .locations-side h2 { color: #5a1c6b; } .contact-form-side h2 { color: #c83f7b; } .contact-form-side { background-color: #5a1c6b; padding: 0 3%; } .locations-side { padding: 0 2%; } /*.location-image, .location-meta { width: 50%; }*/ .location-meta { width: 100%; } .virtual-waiting-room .location-meta.flex { align-items: center; } .service-at-this-place-button { cursor: pointer; } .service-at-this-place-button strong { display: none; font-weight: bold!important; } .service-at-this-place-button.opened strong { display: inline-block; } .service-at-this-location { height: 0; visibility: hidden; margin-top: 19px; } .service-at-this-location a, .service-at-this-location .admin-office { text-decoration: none; color: #5a1c6b; display: inline-block; background-color: #fff; padding: 7px 12px; margin-bottom: 6px; border-radius: 50px; line-height: 1.1; font-size: 14px; } .service-at-this-location a:last-child, .service-at-this-location .admin-office:last-child { margin-bottom: 0px; } .service-at-this-location.opened { height: auto; visibility: visible; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } span.comma { font-weight: bold; } .hours { display: none; }/*not consistent hours across all locations*/ .location-image { display: none!important; background-size: cover; background-position: center center; } .location-meta { line-height: 1.55; letter-spacing: 0; color: #6d6d6d; font-size: 15.5px; padding: 6% 4%; } .location-meta span { color: #5a1c6b; font-weight: bold; } .location-meta .tel { text-decoration: none; color: #6d6d6d; } .location-meta .tel:hover { text-decoration: underline; } .individual-location { background-color: #f4f4f4; margin-bottom: 5%; } .location-meta p { margin-bottom: 23px; } .form-field-full p { margin-bottom: 0px!important; } .contact-form.the-referral-form input, .contact-form.the-referral-form .form-field-full textarea { border-bottom: 2px solid #c83f7b; } .contact-form.the-referral-form .form-field-full textarea { height: 120px; } .daytime-crisis-location p, .disclaimer-contact-text p { line-height: 1.55; letter-spacing: 0; font-size: 15.5px; } .disclaimer-contact-text p { color: #ffc10d; text-align: left; } .disclaimer-contact-text a { color: #fff!important; text-decoration: none; } .disclaimer-contact-text a:hover { text-decoration: underline; } .daytime-crisis-location p a { color: #5a1c6b; text-decoration: none; } .daytime-crisis-location p a:hover { text-decoration: underline; } /* ## Service --------------------------------------------- */ .wfs-service .bg-alt { width: calc(100% - 210px); right: 0; left: auto; } .program-filter-menu-mobile.open:before { opacity: 1; visibility: visible; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .wfs-program-filter .program-filter-menu-mobile.open:before { background-color: #5a1c6b; } .wfs-program-filter .open .mobile-sub-title { color: #fff; } .wfs-service .mobile-sub-title { display: none!important; } .program-filter-menu-mobile:before { position: fixed; opacity: 0; visibility: hidden; content: ''; height: 109vh; left: 0; right: 0; top: -9vh; bottom: 0; z-index: 0; width: 100vw; background-color: #fff; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .service-hero { height: 65vh; } .service-overview-text a { color: #ffc10d; text-decoration: none; } .service-overview-text.special { font-size: 18.25px; } .service-overview-text a:hover { text-decoration: underline; } .service-intro, .service-other-info { background-color: #5a1c6b; padding: 50px 0 0; } .service-top-fields h1 { font-size: 22px; line-height: 1.73; letter-spacing: 0.4px; color: #ffc10d; font-weight:300; margin-bottom:0; } .service-top-fields h2 { letter-spacing: 0.6px; color: #fff; font-weight:200; font-size:32px; line-height:1.25; } .service-top-fields h2 b { color: #ba2768; font-weight:400; } .locations { margin-top: 24px; position: relative; float: left; width: 100%; } /* .location-name-field { display: none!important; } .waterstreet .waterstreet, .centralplaza .centralplaza, .beta .beta, .pennave .pennave, .fourthave .fourthave, .leechburg .leechburg, .corbet .corbet, .huff .huff, .william .william, .broadview .broadview, .laird .laird, .washington .washington, .plymouth .plymouth, .erhardt .erhardt, .johnston .johnston, .westches .westches, .perry .perry, .caste .caste, .hq .hq, .monroeville .monroeville { display: block!important; } */ .locations li a { color: #470e58; text-decoration: none; } .locations li { font-size: 17px; font-weight: bold; font-style: normal; font-stretch: normal; line-height:1.2; letter-spacing: 0; border-radius:13px/50%; text-align: center; color: #470e58; display: inline-block; padding:4px 20px; background-color: #c83f7b; float: left; margin-right: 13px; margin-top: 13px; } .main-info-service, .service-other-info { position: relative; float: left; width: 100%; padding: 100px 0; } .elibility-text, .service-overview-text { color: #fff; } .elibility-text { font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: 0; } .service-overview-text { font-size: 20px; font-weight: normal; line-height: 1.4; letter-spacing: 0; } .service-overview-text li { list-style: disc; } .service-overview-text ol { list-style: decimal; } .service-overview-text li, .service-overview-text ol { margin-left: 21px; margin-bottom: 13px; font-size: 18px; } .calendar-embed-section { margin-top: 100px; } .overview-title, .service-overview-text h3 { text-transform: uppercase; font-size: 20px; font-weight: normal; line-height: 1.22; letter-spacing: 0; color: #c83f7b; margin-bottom: 5px; } .service-overview, .help-overview, .referral-form { width: 70%; padding-right: 7%; } .elibility-overview, .insurance-overview, .point-of-contact { width: 30%; } .insurance-overview-text li, .help-overview { color: #fff; } .insurance-overview-text li { font-size: 16px; margin-bottom: 14px; } .help-overview { font-size: 27px; } .make-a-referral .overview-title { color: #ffc10d; } .help-overview-text ul { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .help-overview-text li { height: 50%; width: 50%; float: left; margin-bottom: 50px; padding-right:40px; line-height:1.23; } .help-overview-text li a, .help-overview-text a { color: #f1b542; text-decoration: none; } .help-overview-text li a:hover, .help-overview-text a:hover { text-decoration: underline; } .form-area-fields { z-index: 5; position: relative; } .the-point-of-contact { color: #fff; font-size: 20px; line-height: 1.46; letter-spacing: 0; } .the-point-of-contact a { color: #ffc10d; } .make-a-referral { padding: 100px 0; } .postid-669 .make-a-referral { display: none!important; } .the-referral-form input { background: transparent; border-left: 0; border-right: 0; border-top: 0; border-bottom: 3px solid #5a1c6b; padding: 23px 0px 3px 0; color: #fff; } .the-referral-form input[type="submit"] { margin-top: 20px; } .the-referral-form .one-half:not(.one):not(.two) { margin-top: 25px; } .the-referral-form .form-field-full { margin-top: 48px; } .form-field-full { position: relative; float: left; width: 100%; } .form-field-full label { font-size: 18px; color: #fff; } .the-referral-form .form-field-full textarea { background-color: transparent; border-left: 0; border-right: 0; border-top: 0; border-bottom: 3px solid #5a1c6b; padding: 0; color: #fff; height: 185px; resize: none!important; } .the-referral-form ::-moz-placeholder { color: #fff; opacity: 1; } .the-referral-form ::-webkit-input-placeholder { color: #fff; opacity: 1; } .the-referral-form .main-form-select select { padding: 0 0 3px 0; border-bottom: 2px solid #c83f7b; } .the-referral-form select { border-radius: 0px!important; -webkit-appearance: none; /*background-image: linear-gradient(45deg, transparent 50%, #5a1c6b 50%), linear-gradient(135deg, #5a1c6b 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat;*/ background-color: transparent!important; border-bottom: 3px solid #5a1c6b; padding: 23px 0px 3px 0; color: #fff; font-size: 1.8rem; font-weight: 400; border-top: 0px!important; border-left: 0px!important; border-right: 0px!important; } .related-container { color: #fff; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; height: 75vh; position: relative; align-items: flex-start; } .related-titling h2 { line-height: 0.81; letter-spacing: 1.5px; color: #c83f7b; font-size: 64px; font-weight: normal; text-transform: uppercase; } .related-titling, .second-related, .third-related, .fourth-related { width: 25%; height: 50%; } .second-related, .third-related, .fourth-related, .first-related { text-decoration: none!important; color: #fff; background-size: cover; background-position: center center; position: relative; z-index: 1; overflow: hidden; } .first-related { /* padding: 3% 4%; */ } .related-titling { padding: 10px 21px; position: relative; } .second-related, .third-related, .fourth-related { /* padding: 2%; */ } .first-related:hover .related-program-text { top: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .second-related:hover .related-program-text, .third-related:hover .related-program-text, .fourth-related:hover .related-program-text { top: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .second-related:hover .related-program-title, .third-related:hover .related-program-title, .fourth-related:hover .related-program-title, .first-related:hover .related-program-title { top: 120%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .second-related:before, .third-related:before, .fourth-related:before, .first-related:before { z-index: 2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ''; height: 100%; width: 100%; opacity: .2; background-color: rgba(90, 28, 106, 1); transition-duration: .4s; } .second-related:hover:before, .third-related:hover:before, .fourth-related:hover:before, .first-related:hover:before { opacity:.8; transition-duration:.2s; } .related-program-title, .related-program-text { z-index: 3; position: relative; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .related-program-title { top: 0; } .first-related .related-program-text { top: -100%; height: 100%; width: 75%; position: absolute; font-size: 24px; } .first-related .related-program-title, .first-related .related-program-text { padding: 45px 0 45px 54px; } .first-related .related-program-title { font-size: 52px; line-height: 1.2; letter-spacing: 1.1px; position: absolute; height: 100%; width: 75%; } .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { font-size: 30px; line-height: 1.2; letter-spacing: 0.6px; position: absolute; height: 100%; padding: 23px 18px; width: 85%; top: 0; } .second-related .related-program-text, .third-related .related-program-text, .fourth-related .related-program-text { top: -100%; position: absolute; height: 100%; width: 87%; padding: 23px; overflow: hidden; } .first-related { order: 1; height: 100%; width: 50%; } .related-titling { order: 2; background-color: #5a1c6b; } .second-related { order: 3; } .third-related { order: 4; } .fourth-related { order: 5; } /*Form Loading Indicator*/ .dot_loader { display: block; margin: 0 auto; position: relative; width: 100%; text-align: left; } @keyframes dot { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#5a1c6b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#5a1c6b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} } @-webkit-keyframes dot { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#5a1c6b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#5a1c6b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} } @-moz-keyframes dot { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#5a1c6b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#5a1c6b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} } @-o-keyframes dot { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#5a1c6b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#5a1c6b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} } @-ms-keyframes dot { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#5a1c6b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#5a1c6b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#ffc10d;} } @keyframes dot-inverted { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#c83f7b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#c83f7b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} } @-webkit-keyframes dot-inverted { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#c83f7b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#c83f7b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} } @-moz-keyframes dot-inverted { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#c83f7b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#c83f7b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} } @-o-keyframes dot-inverted { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#c83f7b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#c83f7b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} } @-ms-keyframes dot-inverted { 0% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 30% {transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} 50% {transform:translateY(25px) scale(1.8); -moz-transform:translateY(25px) scale(1.8); background-color:#c83f7b; -webkit-transform:translateY(25px) scale(1.8); -o-transform:translateY(25px) scale(1.8);} 70% {transform:translateY(-15px) scale(.8); -webkit-transform:translateY(-15px) scale(.8); -moz-transform:translateY(-15px) scale(.8); -o-transform:translateY(-15px) scale(.8); background-color:#c83f7b;} 100% {transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); background-color:#fff;} } .dot { display: inline-block; margin:0 5px; width:10px; height: 10px; border-radius: 50%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation: 1s infinite dot; -webkit-animation: 1s infinite dot; -moz-animation: 1s infinite dot; -o-animation: 1s infinite dot; } .dot.inverted { display: inline-block; margin:0 5px; width:10px; height: 10px; border-radius: 50%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation: 1s infinite dot-inverted; -webkit-animation: 1s infinite dot-inverted; -moz-animation: 1s infinite dot-inverted; -o-animation: 1s infinite dot-inverted; } .dot:nth-child(2) { animation-delay: .1s; -webkit-animation-delay: .1s } .dot:nth-child(3) { animation-delay: .2s; -webkit-animation-delay: .2s; } /**/ /* ## I'd Like to Help Selector --------------------------------------------- */ .already-volunteer a { font-family: 'AndesRoundedW01'!important; color: #c83f7b; border-bottom: dotted 2px #ffc10d; text-decoration: none; } .help-page-background { background-color: #5a1c6b; } .already-volunteer { float: left; width: 100%; padding: 0 5%; margin-top: 3px; } .give-selector-box a.main-box-link { float: left; width: 100%; background: center / cover no-repeat; /* background-color: #c83f7b; */ -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .give-selector-box { width: 31%; margin-right: 3%; margin-bottom: 3%; float: left; position: relative; background: center / cover no-repeat; } .give-selector-box:nth-child(4n-3) a.main-box-link { background-image: linear-gradient(158deg, #c83f7a8a 48%, #5a1c6b78 146%); } .give-selector-box:nth-child(4n-2) a.main-box-link { background-image: linear-gradient(143deg, #00a8687b 23%, #00a8675e 114%); } .give-selector-box:nth-child(4n-1) a.main-box-link { background-image: linear-gradient(135deg, #ffc10d91 2%, #f68a1e7d 108%); } .give-selector-box:nth-child(4n) a.main-box-link { background-image: linear-gradient(158deg, #009ac990 48%, #009ac900 146%); } .give-selector-box.volunteerish a.main-box-link { background-image: unset !important; } .give-selector-box.volunteerish a.main-box-link .not-square-square { border-style: solid; border-width: 11px; border-image-source: linear-gradient(155deg, #f68d1f 17%, #f68b1e4f 101%); border-image-slice: 1; padding-top: calc(89% - 22px); } .give-selector-box .am-box-text.give-selector-text { font-size: 36px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.06; letter-spacing: normal; top: unset !important; color: #fff; overflow-wrap: break-word; hyphens: auto; } .give-selector-box.volunteerish .am-box-text.give-selector-text { color: #f68b1e; } .give-selector-box a.main-box-link:hover { -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 53px 0 rgba(0,0,0,0.4); -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .give-selector-box:nth-child(3n) { margin-right: 0; } .am-box-text.give-selector-text, .volunteer-area h1 { color: #5a1c6b; } .wfs-give .i-am-statement, .wfs-volunteer .i-am-statement { color: #c83f7b; } .not-square-square.give-square-selector { padding-top: 89%; } .give-selector-boxes, .donate-fields { width: 93%; } #give-ffm-section { padding: 0!important; } .give-donation-amount.form-row-wide { max-width: 100%; width: 80%; margin: 0 auto 7px; display: inline-block; float: none!important; } .give-selector-boxes { padding-top: 30%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; } .selector-navigation { bottom: 0; position: absolute; width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; margin: 0 auto; z-index: 10; left: 0; padding: 10px 0 60px 0; justify-content: center; } .wfs-give .selector-navigation { width: 31%; margin-right: unset; margin-left: auto; padding: unset !important; position: relative; align-items: center; } .hold-for-selector { overflow-y: hidden; } /*Selector Field Build Out*/ .i-am-statement { color: #470e58; font-size:32px; line-height: 1; } .completion { color: #fff; font-weight: bold; font-size: 25px; line-height: 1; } .selector-sidebar { width: 360px; float: left; padding-top: 103px; } .selector-contents { width: calc(100% - 360px); float: left; min-height: 100vh; position: relative; } .selector-contents.filter-page-selector { max-height: 100vh; } .selector-sidebar-inner img { position: relative; } .the-statement { margin-top: -16px; } .youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 37px; width: 37px; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; background: url("/wp-content/themes/wesley-family-services/assets/home/arrow.svg") no-repeat; cursor: pointer; z-index: 10; } .video-caption-yt { width: 100%; font-family: 'Sentinel Book'; font-size: 20px; font-weight: normal; line-height: 1.4; letter-spacing: 0; color: #fff; margin-top: 10px; } .break-video { position: relative; float: left; width: 100%; padding: 80px 13% 0; } .related-programs-icon-image { bottom: -7%; right: -60px; position: absolute; width: 91%; z-index: 10; max-width: 257px; } /* ## Give Mark 2 --------------------------------------------- */ .give-page-main-title { width: 100%; display: block; text-decoration: none; line-height: 1.1; margin-bottom: 20px; width: calc(95% - 60px); margin-right: auto; position: relative; z-index: 3; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .give-page-main-title .am-box-text br { display: none!important; } .give-page-main-title .am-box-text { position: relative; top: unset; margin-top: unset; padding: unset; color: #c83f7b; } .wfs-give .selector-navigation.mark2-page { width: auto; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; left: auto; padding-top: 30%!important; height: 100%; } .give-selector-boxes.relative { position: relative; } .image-holder-area { position: absolute; top: 36%; width: 59%; right: calc(60px + 6%); z-index: 1; } .image-box { position: absolute; top: 0; left: 0; height: 100%; opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; width: 100%; background: no-repeat center center / cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .image-box.active { opacity: .3; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .image-holder-area:before { padding-top: 70%; content: ''; display: block; width: 100%; } .give-page-main-title:hover .am-box-text { color: #fff; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } /* ## Special Donate --------------------------------------------- */ .give-donation-levels-wrap label { font-size: 18px; line-height: 1.67; letter-spacing: 0; color: #c83f7b; cursor: pointer; } .give-donation-levels-wrap .active-level label, .give-donation-levels-wrap li.active-level label div { color: #fff; } .bg-alt.full-width-bg { width: 100%!important; } .special-donate-top { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .special-donate-half { width: 50%; } .special-donate-half:first-child { padding-right: 2%; } .special-donate-half:nth-child(2) { padding-left: 2%; } .form-narrow-container { padding: 75px 0; width: 660px; margin: 0 auto; max-width: 80%; } .radio-donate-form .give-donation-amount, .radio-donate-form .give-hidden { display: none!important; } .radio-donate-form .give-donation-levels-wrap { padding: 50px 0 75px; justify-content: flex-start; } .radio-donate-form .give-donation-levels-wrap li { width: 100%; display: block; text-align: left; padding: 13px 0; cursor: pointer; border-top: 3px dotted #5a1c6b; border-bottom: 3px dotted #5a1c6b; } .radio-donate-form .give-donation-levels-wrap li.active-level { border-top: 3px dotted #ffc10d; border-bottom: 3px dotted #ffc10d; } /*New styling for holiday helper form*/ #bboxdonation_gift_lblGivingLevels { display: none!important } .radio-donate-form .BBFormRadioDescription { text-align: left; } .radio-donate-form #bboxdonation_comment_fldComments { display: none!important; } /*end new HH form styling*/ /* .radio-donate-form input[type="radio"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer; -moz-border-radius: 50%; border-radius: 50%; } .radio-donate-form .give-donation-levels-wrap input[type="radio"] { display: none!important; } .radio-donate-form input[type="radio"] + label span { background-color: #c83f7b; margin-right: 15px; position: relative; } .radio-donate-form input[type="radio"]:checked + label span:before { position: absolute; z-index: 12; content: ''; left: 0; right: 0; top: 0; width: 20px; height: 20px; background: url(/wp-content/uploads/2017/11/green-check.svg) no-repeat center center / 14px #fff; border-radius: 50%; } .radio-donate-form input[type="radio"] + label span, .radio-donate-form input[type="radio"]:checked + label span { -webkit-transition:background-color 0.4s linear; -o-transition:background-color 0.4s linear; -moz-transition:background-color 0.4s linear; transition:background-color 0.4s linear; } .give-donation-levels-wrap li label div:not(.internal-level-level) { display: inline-block; font-size: 27px; color: #c83f7b; font-weight: 500; width: 89px; max-width: 13%; } .give-donation-levels-wrap label { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; } .internal-level-level { line-height: 1.3; width: 76%; margin-left: auto; }*/ /* ## Donate --------------------------------------------- */ .page-id-1519 #give-donation-level-button-wrap { margin-bottom: 50px; } /*Confirmation Pages*/ .give-success { background-color: #5a1c6b; } .give-success .site-inner { width: 80%; margin: 0 auto; padding-top: 120px; min-height: 100vh; } .give-success .entry-title { text-transform: uppercase; color: #c83f7b; font-weight: normal; } .give-success .entry-content { color: #fff; } .give-success .entry-content strong { color: #fba915; } .give-success .entry-content a { color: #fff; } /**/ .give_post_form-content { color: #fff; font-size: 20px; width: 80%; margin: 0 auto; padding-bottom: 20px; text-align: center; } .currency-symbol-form { color: #ffc10d!important; } .give-btn-level-custom { display: none!important; } .other-area { display: flex; display: -webkit-flex; display: -moz-flex; margin-top: 8px; } .my-donation { padding-bottom: 12px; } .hide-donate-field, .hide-donate-field:focus, .hide-donate-field:active { background-color: transparent; border-left: 0px; border-right: 0px; border-top: 0px; padding: 0px 9px; width: 204px; font-size: 24px; line-height: 1.4; color: #ffc10d; text-align: center; border-bottom: 3px solid #ffc10d; } .give-currency-symbol { display: none!important; } .donate-page-background { position: relative; z-index: 1; } .donate-page-background:before { z-index: 2; background-color: #5a1c6b; height: 100%; width: 100%; left: 0; right: 0; position: absolute; content: ''; } .wfs-donate .bg-wrap-alt { z-index: 3; opacity: .13; background-blend-mode: overlay; } .wfs-donate .bg-alt { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .wfs-donate .selector-sidebar, .wfs-donate .selector-contents { z-index: 4; } .selector-internal-field { padding-top: 194px; } .top-donate-message-box { padding: 5% 10%; text-align: left; line-height: 1.5; color: #fff; font-size: 18px; } .top-donate-message-box a { color: #fba915!important; } .wfs-donate .i-am-statement, .wfs-ssr .i-am-statement { color: #c83f7b; } /*Donation Form*/ .give-form-title { display: none!important; } .give-donation-level-btn { line-height: 1.88; letter-spacing: 0; text-align: center; color: #fff; font-size: 26px; display: inline-block; padding: 0 12px; float: left; background-color: transparent; border: 0px; cursor: pointer; } .give-form-wrap { text-align: center; } .give-donation-amount, .give-form-wrap .give-label, #give_checkout_user_info legend, .volunteer-label label { font-size: 18px; line-height: 1.88; letter-spacing: 0; text-align: center; font-weight: 600 } #give_checkout_user_info .give-label, #give_checkout_user_info legend { color: #5a1c6b; } .give-donation-amount, .give-form-wrap .give-label { color: #fff; } .give-total-wrap { width: 600px; margin: 0 auto; max-width: 100%; } .give-amount-top { -webkit-appearance: none; appearance: none; padding: 6px; border-radius: 0px; background-color: transparent; border-top: 0; border-left: 0; color: #ffc10d; font-size: 24px; border-right: 0; border-bottom: 3px solid #ffc10d; position: relative; text-align: center; } .give-form-wrap fieldset { border: 0px; max-width: 100%; width: 600px; margin: 0 auto; display: block; } .give-form-wrap .give-label { display: block; width: 100%; } .honor-name, #give-first-name-wrap, #give-last-name-wrap { width: 50%; float: left; } .honor-name.first, #give-first-name-wrap { padding-right: 1%; } .honor-name.second input, #give-last-name-wrap { padding-left: 1%; } .honor-name .give-label, #give_checkout_user_info legend { text-align: left; } .give-form-wrap input[type="text"], .give-form-wrap input[type="email"], .volunteer-label input[type="text"], .volunteer-label input[type="email"] { border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: solid 3px #ffc10d; padding: 5px 0; background-color: transparent; } .employer-name input[type="text"], .honor-name input[type="text"] { color: #fff; } .employer-name input[type="text"] ::-moz-placeholder, .honor-name input[type="text"] ::-moz-placeholder { color: #fff } .qtip { display: none!Important; } .employer-name input[type="text"]::-webkit-input-placeholder, .honor-name input[type="text"]::-webkit-input-placeholder { color: #fff; } .volunteer-label input[type="text"], .volunteer-label input[type="email"] { padding: 0px; } .volunteer-label label { font-size: 14px; color: #571364; } .honor-selector, .employer-matching { padding: 75px 0; position: relative; width: 100%; float: left; } .the-donate-form:not(.radio-donate-form) .give-form-wrap input[type="radio"] { display: inline-block; appearance: none; -moz-appearance: none; -webkit-appearance: none!important; border: 0px; } .give-form-wrap span { font-size: 29px; cursor: pointer; font-weight: 500; text-transform: lowercase; padding: 5px 10px; color: #fff; } .honor-name { display: none; } .employer-name input { text-align: center; } .employer-name { display: none; padding-bottom: 75px; } .give-donation-levels-wrap { display: flex; display: -webkit-flex; display: -moz-flex; justify-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; float: left; width: 100%; } .give-default-level, .give-form-wrap input[type="radio"]:checked + span { background-color: #c83f7b; color: #5a1c6b; } .give-submit { border-radius: 100px; background-color: #ffc10d; color: #5a1c6b; font-weight: 300; font-size: 24px; border: 0px; width: auto; padding: 10px 26px; position: relative; } .half-form-field span.wpcf7-not-valid-tip { font-size: 11px!important; font-weight: 300!important; line-height: 1.88!important; padding-left: 5px!important; letter-spacing: 0.7px!important; text-align: left; color: #c83f7b!important; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background-color: #f4f4f4; } .give-submit:hover { cursor: pointer; } .give-form { padding-bottom: 100px; } .give-donation-total-label, .give-final-total-amount { display: none!important; } .give-required-indicator { display: none!important; } #direct_my_funds-wrap { position: relative; width: 100%; padding: 75px 0; } #direct_my_funds-wrap select { -webkit-appearance: none; appearance: none; padding: 6px; border-radius: 0px; background-color: transparent; border-top: 0; border-left: 0; color: #ffc10d; font-size: 24px; border-right: 0; border-bottom: 3px solid #ffc10d; position: relative; } .selector-wrap { position: relative; width: 80%; margin: 0 auto; } #direct_my_funds-wrap .selector-wrap:before { height: 20px; width: 20px; background-repeat: no-repeat; background-size: 13px; top: 23px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); content: ''; position: absolute; z-index: 2; right: 0; background-image: url(/wp-content/themes/wesley-family-services/assets/home/arrow.svg); } #give_purchase_form_wrap { position: relative; z-index: 1; padding: 37px; width: 100%; float: left; margin-bottom: 30px; } #give_purchase_form_wrap:before { position: absolute; width: 100%; height: 74%; content:''; background-color: #fff; left: 0; right: 0; top: 0; z-index: -1; } #give_checkout_user_info .give-label { text-align: left; } /**/ /* ## News Listing --------------------------------------------- */ .blog-listing-wrapper { position: relative; width: 100%; float: left; } .news-listing { padding:0; } .blog-item { color: #fff; text-decoration: none; padding: 6.5% 0%; width: 100%; float: left; position: relative; hanging-punctuation:first; } .blog-listing-wrapper > .jscroll-inner > .blog-item:first-child { padding-top: 140px; } .blog-item h2, .tagging, .blog-item .yellow-button { position: relative; z-index: 3; } .blog-item h2 { margin-bottom:2px; } .tagging { margin-bottom:20px; } .blog-item:hover > .yellow-button { box-shadow: 6px 6px 17px rgba(0,0,0,0.3); transition-duration: .3s; } .blog-item .yellow-button { box-shadow: 3px 3px 5px rgba(0,0,0,0); transition-duration: .3s; margin-top: 10px; } .locations li:hover, .newsletter-button-field input[type="submit"]:hover, .yellow-button:hover, .wpcf7-submit:hover, .purple-button:hover, .wistia_click_to_play:hover, .service-at-this-location a:hover { box-shadow: 2px 2px 17px rgba(0,0,0,0.3); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .blog-item:hover h2 { color: #fff; } .blog-item:hover .tagging { color: #ffc10d; } .blog-item:hover:after { -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all; background-position:left; } .blog-item:after { -webkit-transition: .6s all; -moz-transition: .6s all; transition: .6s all; position: absolute; z-index: 2; height: 100%; content: ''; width: 112%; left: -6%; right: 0; top: 0; right: 0; background-image: linear-gradient(104deg, #c83f7b, #c13c7a 7%, #5a1c6b); background-size:200%; background-position:right; } .blog-item h2, .post-title-holder h1, .event-hero-section h1 { text-transform: uppercase; font-size: 79px; line-height: .83; font-weight: normal; color: #fff; } .event-writeup { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.4px; color: #5a1c6b; margin-top: 26px; font-family: 'AndesRoundedW01-Book'; } .event-writeup p:last-of-type { margin-bottom: 0px; } .listing-contents h2 { text-transform: uppercase; font-size: 79px; line-height: .83; font-weight: normal; color: #5a1c6b; margin-bottom: 0px; } .listing-contents h2 a { text-decoration: none; color: #5a1c6b; } .listing-contents { color: #5a1c6b; } .listing-contents .event-date { margin-bottom: 10px; } .post-title-holder { overflow-wrap: break-word; width: 80%; position: relative; z-index: 5; } .tagging { color: #ffc10d; line-height: 1.73; letter-spacing: 0.4px; } .next-posts-link, .prev-posts-link { display: none!important; } /* ## Events --------------------------------------------- */ .event-place { margin-bottom: 18px; } .yellow-button, .wpcf7-submit { text-decoration: none!important; display: inline-block; } .event-hero-section-bottom { position: absolute; text-align: center; width: 100%; z-index: 3; bottom: 3%; } .event-hero-section .bg-alt { width: calc(100% - 210px); left: auto; right: 0; } .event-hero-section-bottom li { display: inline-block; } .event-hero-section-bottom li:first-child { padding-right: 10px; } .event-hero-section-bottom a { color: #fff; text-decoration: none!important; } .wfs-events .flexed { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .event-section, .main-content-section { width: 100%; position: relative; float: left; z-index: 10; } .event-section.filled-in { background-color: #5a1c6b; } /*Hero Section*/ .event-hero-section { padding: 26% 0 0%; background-size: cover; background-position: center center; z-index: 1; } .event-hero-section:before, .big-featured-image-break:before, .service-hero:before { z-index: 2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ''; height: 100%; width: 100%; background-color: rgba(90, 28, 106, 0.42); } .event-hero-section-inner-container { z-index: 3; color: #fff; position: relative; padding-bottom: 10%; } .event-hero-section h1 { margin-bottom: 1px; width: 500px; max-width: 65%; } /*Intro Section*/ .intro-text { position: relative; padding: 16% 18% 10% 0; } .intro-text:before { background-color: #ffc10d; height: 100%; width: 106%; content: ''; left: -12%; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; } .intro-text p { position: relative; z-index: 2; font-size: 25px; color: #fff; line-height: 1.29; letter-spacing: 0.6px; } .intro-text p:first-of-type { color: #5a1c6b; } .main-intro-text { padding: 7.1% 0% 7.1% 3%; font-size: 18px; line-height: 1.56; letter-spacing: 0.3px; color: #6d6d6d; } .main-intro-text ul { margin-bottom: 28px; } .main-intro-text li { list-style-type: disc; margin-left: 20px; } .sponsors { padding: 10% 18% 10% 0; float: left; position: relative; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; } .spon-log { width: 48%; float: left; margin-bottom: 4%; text-align: center; position: relative; background: no-repeat center center / contain; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; justify-content: center; } .spon-log-maker { width: 100%; position: relative; content:''; padding-top: 50%; } .spon-log img { max-height: 90px; } .spon-log:nth-child(odd) { margin-right: 4%; } .sponsorship-tier-section, .schedule-section{ background-color: #5a1c6b; color: #fff; } .sponsorship-tier-section, .schedule-section, .volunteer-information-section { padding: 75px 0; } .internal-section-heading { text-align: center; font-size: 30px; margin-bottom: 40px; } .internal-section-heading a { color: #ffc10d; text-decoration: none; } .internal-section-heading a:hover { text-decoration: underline; } .internal-section-heading.left { text-align: left; } .volunteer-information-section .internal-section-heading.left { font-weight: bold; margin-bottom: 20px; } .sponsor-title, .sponsor-price { font-weight: 500; color: #c83f7b; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .package-name-lead:hover { border-color: #fff; cursor: pointer; } .package-name-lead:hover .sponsor-title, .package-name-lead:hover .sponsor-price { color: #fff; } .package-point, .volunteer-point { list-style: disc; font-size: 16px; line-height: 1.62; letter-spacing: 0.3px; margin-bottom: 20px; } .check-back-soon-language { font-size: 16px; line-height: 1.2; color: #6c6c6c; margin-top: -30px; width: 80%; } .volunteer-point { width: 80%; margin-left: 20px; } .package-point:last-of-type, .volunteer-point:last-of-type { margin-bottom: 45px; } .package-name-lead { position: relative; width: 100%; text-align: right; border-bottom: 1px solid #ffc10d; padding-top: 17px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .package-name-lead.active2 { border-color: #fff; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .active2 .sponsor-title, .active2 .sponsor-price { color: #fff; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .package-name-lead:first-of-type { padding-top: 0px; } .sponsor-title { font-size: 17px; } .sponsor-price { width: 23%; font-size: 16px; } .sponsor-title, .sponsor-price { display: inline-block; } .package-name-lead .sponsor-title { padding-right: 0; } .sponsor-package-name { padding-right: 5%; } .sponsorship-package-details { padding-left: 5%; } .long-form .sponsorship-package-details { padding-left: 0px!important; } .accordion-sponsorship-package-details { display: none; visibility: hidden; height: 0px!important; padding: 0; } .package-container, .package-event { opacity: 1; visibility: visible; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hidden-spon, .hidden-package { opacity: 0; visibility: hidden; right: -500%; position: absolute; } .schedule-section { background-color: #ffc10d; color: #5a1c6b; } .agenda-item { position: relative; width: 100%; float: left; padding: 22px 0 5px; border-bottom: 3px dotted #f68b1e; } .agenda-title { line-height: 1.19; letter-spacing: 0.5px; font-size: 24px; } .agenda-time { position: absolute; bottom: 0; right: 0; color: #f68b1e; font-size: 30px; line-height: 1; } .agenda-items { padding-bottom: 50px; position: relative; float: left; width: 100%; } .volunteer-information-section { color: #5a1c6b; } .volunteer-information-section input:not(.wpcf7-submit) { border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 3px solid #5a1c6b; padding: 0 0 3px; margin-bottom: 21px; } /* ## Volunteer --------------------------------------------- */ .volunteer-area h1 { line-height: 1.04; } .volunteer-area.long-form { font-size: 16px; } .volunteer-area p { line-height: 1.55; letter-spacing: 0; color: #6d6d6d ; padding-top: 13px; padding-right: 5%; } .volunteer-area.long-form p { padding-top: 0px!important; padding-right: 0px!important; } .volunteer-area ul { margin-bottom: 28px; } .volunteer-area li { line-height: 1.55; letter-spacing: 0; color: #6d6d6d; list-style-type: disc; margin-left: 22px; margin-bottom: 10px; } .volunteer-area { background-color: #fff; } .volunteer-area { position: relative; width: 100%; float: left; padding: 5% 7%; margin-bottom: 100px; } .volunteer-area a { text-decoration: none; color: #5a1c6b; } .volunteer-area a:hover { text-decoration: underline; } .volunteer-form .newsletter-form-field { margin-top: 30px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; } .volunteer-form .two-thirds { line-height: 1.33; letter-spacing: 0; color: #5a1c6b; font-size: 16px; } div.wpcf7 .ajax-loader { display: none; } div.wpcf7-validation-errors { border: 0px!important; font-size: 12px; margin: 0; padding: 10px 10px 0; } .volunteer-form .one-third { text-align: right; } .volunteer-form input[type="checkbox"] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .volunteer-form input[type=checkbox] + span { padding-left: 21px; height: 24px; display: inline-block; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; } .volunteer-form input[type=checkbox]:checked + span:before { background-image: url(/wp-content/themes/wesley-family-services/assets/checkmark.svg); background-size: contain; background-color: #fff; border-color: #6161bc; } .volunteer-form input[type=checkbox] + span:before { content: " "; height: 24px; width: 24px; background-color: transparent; position: absolute; border-radius: 50%; left: 0; top: -7px; border: solid 2px #5a1c6b; overflow: hidden; } .ex-button { position: absolute; right: 7%; font-size: 35px; top: 6%; } .ex-button a { text-decoration: none; color: #5a1c6b; } /* ## Event Listing --------------------------------------------- */ .wfs-events-listing .desktop-menu li a, .purple-nav .desktop-menu li a { color: #5a1c6b; } .wfs-events-listing .desktop-menu .give-menu-item a { color: #fff; } .purple-nav .desktop-menu .give-menu-item a { color: #ffc10d; } .wfs-events-listing .desktop-menu .give-menu-item:before, .purple-nav .desktop-menu .give-menu-item:before { background-image: none; background-color: #5a1c6b; } .event-listing { padding: 100px 0 100px; } .event-listing .one-half { position: relative; } .event-feature-image { position: absolute; content: ''; height: 100%; left: 0; right: 0; width: 100%; background-size: cover; } .listing-contents { padding: 48px 25px 48px 0; } .listing-flex { margin-bottom: 10%; width: 100%; float: left; position: relative; } .listing-flex.past { pointer-events: none!important; } .listing-flex:nth-child(odd) { flex-direction: row-reverse; position: relative; } .listing-flex:after { height: 3px; width: 105%; right: 0; background-color: #ffc10d; content: ''; margin-left: -2%; margin-top: 40px; margin-right: -2%; } .yellow-button.learn-more:hover { background: #f5f5f5 !important; } .listing-flex:last-of-type:after { display: none!important; } .yellow-button.learn-more { background-color: transparent!important; } .event-listing-button { margin-top: 50px; } /* ## Career Page --------------------------------------------- */ a.job-listing { display: block; margin-bottom: 10px; text-decoration: none; color: #fba915; } a.job-listing:hover { text-decoration: underline; color: #5b1c6b; } .general-internal-page-content p { font-size: 16px; } .general-internal-page-content h2, .volunteer-area h2 { color: #571364; font-size: 26px; } .job-listing-list { width: 100%; padding: 20px 0; margin-bottom: 50px; } .the-jobs { columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } a.job-listing { width: 90%; color: #571364; padding-top: 9px; display: block; float: left; border-bottom: 2px dotted #fba915; text-decoration: none; } a.job-listing:hover { text-decoration: none; } .general-internal-page-content ol li { list-style-type: decimal; } .general-internal-page-content ul, .general-internal-page-content ol { margin-bottom: 28px; } /* ## General Page --------------------------------------------- */ .overall-heading-columns { width: 100%; text-align: center; } .the-internal-columns { position: relative; width: 100%; float: left; padding-top: 52px; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; } .internal-page-column { width: 48%; float: left; padding: 0 5%; } .internal-page-column:nth-child(2) { margin-left: 2%; } .internal-page-column.center { text-align: center; background-color: #f4f4f4; padding: 50px 5%; } .internal-page-column h2 { font-size: 26px; font-weight: bold; color: #5a1c6b; } .internal-page-column-text p { font-size: 18px; } .internal-page-column-text li { list-style-type: disc; margin-left: 21px; font-size: 18px; margin-bottom: 6px; color: #5a1c6b; } .internal-page-column-text ul { margin-top: 40px; } .internal-page-column-link { margin-top: 25px; } .wide-button { font-size: 18px; border-radius: 2px; background-color: #ffc10d; text-decoration: none; color: #fff!important; padding: 8px 10px; text-align: center; display: block; font-weight: bold; } .wide-button:hover { box-shadow: 2px 2px 17px rgba(0,0,0,0.3); } .general-sidebar-content h2 { line-height: 1.17; letter-spacing: 0.5px; text-align: left; color: #5a1c6b; text-transform: uppercase; } .general-sidebar-content li { font-size: 15px; } .general-sidebar-content li { color: #5a1c6b; } .general-sidebar-content li span.internal-list-copy { color: #6c6c6c; } .transparency .bg-wrap:before { display: none; } .main-text-section { position: relative; width: 100%; float: left; background-color: #fff; z-index: 5; } .wide-button.second-wide-button { margin-top: 20px; } /* ## COVID Page --------------------------------------------- */ .covid .tagging { width: 497px; max-width: 100%; line-height: 1.5; margin-top: 28px; } body.locked { overflow: hidden; height: 100%; } .blog-item.play-video { cursor: pointer; } .youtube-player-popover .youtube-player-holder { width: 750px; position: absolute; top: 35%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding-bottom: 0; opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; max-width: 90%; } .youtube-player-popover.open .youtube-player-holder { top: 50%; opacity: 1; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .youtube-player-popover.open { opacity: 1; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; pointer-events: initial; } .youtube-player-popover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 100; background-color: rgb(90 28 107 / 91%); pointer-events: none; opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .the-x { position: absolute; top: 5%; right: 5%; height: 20px; width: 20px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); cursor: pointer; } .the-x span:nth-child(1) { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; height: 4px; background-color: #fff; } .the-x span:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); margin: 0 auto; width: 4px; height: 100%; background-color: #fff; } /* ## Blog Post --------------------------------------------- */ .wfs-blog-post .entry-header, .wfs-blog-post .entry-footer { display: none!important; } .wfs-blog-post .content-sidebar-wrap { display: flex; display: -webkit-flex; display: -moz-flex; } .wfs-blog-post .content, .wfs-main-content, #upper, #lower, .flexed section:not(.selector-contents) { width:calc(100% - 210px); } #upper, #lower { float: left; position: relative; width: 100%; } #upper { margin-top: 5%; } .wfs-blog-post .entry, .hero-area-blog-post { width: 100%; float: left; position: relative; } .hero-area-blog-post { background-color: #5a1c6b; padding: 182px 0 30px; } .wfs-blog-post .tagging { margin-bottom: 12px; } .wfs-blog-post .entry-content, .general-internal-page-content.sidebar-active { width: 74%; } .wfs-blog-post .entry-content, .general-internal-page-content { color: #6d6d6d; float: left; line-height: 1.56; letter-spacing: 0.3px; font-weight: normal; } .general-internal-page-content iframe { width: 100%; } .general-internal-page-content ul { margin-bottom: 28px; } .general-internal-page-content li { list-style-type: disc; margin-left: 31px; font-size: 15px; } .general-internal-page-content { width: 100%; } .general-internal-page-content.sidebar-active { padding-right: 2%; } .general-internal-page-content, .general-sidebar-content { padding: 5% 0% 10%; } .wfs-blog-post .entry-content { padding: 0 0 5%; } .wfs-blog-post .entry-content a, .general-internal-page-content a { color: #5a1c6b; } .general-sidebar-content { width: 26%; float: left; padding-left: 3%; } .wfs-blog-post .entry { display: flex; display: -webkit-flex; display: -moz-flex; } /*Floating Share Bar*/ #fshare-collapsed { position: relative; width: 100%; float: left; text-align: center; margin-bottom: 10px; } #fshare-collapsed:before { content: 'Share this story.'; color: #5a1c6b; font-size: 18px; position: relative; font-weight: bold; width: 100%; } #fshare-expanded { position: relative; display: inherit; float: left; width: 100%; } .social-count { display: none!important; } .fshare-box { margin: 0; padding: 0; margin-top: 10px; width: 100%; } .fshare-compact { position: absolute; top: 0px; padding: 10px; color: White; width:70px; padding:10px!important; } .fshare-compact #fshare-collapsed { width: 80px!important; height: 50px; color: white; background-color: #555; text-align: center; line-height: 50px; cursor:pointer; position:relative; } .fshare-compact #fshare-close { background-image: url('/wp-content/themes/images/share_sprite.png'); background-repeat: no-repeat; background-position: 0 -240px; height: 26px; width: 26px; position: absolute; left: 80px; top: -15px; cursor: pointer; } .fshare-compact #fshare-expanded { /*margin-top:-10px!important;*/ height:280px; background-color: black; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; width:60px!important; padding:10px!important; } .fshare-default { position: absolute; top: 0px; padding: 10px; background-color: White; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .fshare-large { position: absolute; top: 0px; padding: 10px; background-color: White; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .fshare-large .fshare-button { width: 100px; height: 37px; background-repeat: no-repeat; cursor: pointer; color: White; font-family: Arial; font-weight: bold; font-size: 11px; padding-top: 4px; } .fshare-large .fshare-button span { display: block; margin-left: 40px; line-height:1.2; } a.social-label { text-decoration: none !important; width: 100%; color: White !important; /*display:block;*/ } .fshare-wide { background-color: #393939; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 124px; position: absolute; top: 0px; padding-left: 10px 2px; } .fshare-wide .fshare-button { width: 116px; height: 36px; background-repeat: no-repeat; cursor: pointer; color: black; font-family: Arial; font-weight: bold; font-size: 12px; padding-top: 4px; } .fshare-wide span { display: block; margin-left: 50px; margin-top: 6px; line-height:1.2; } #floating-bar { position: absolute; } .fshare-icon { background-color: #eeeeee; width: 21%; right: 0; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; top: 0px; z-index: 9; padding: 20px 8px 27px; } .fshare-icon .fshare-button { width: 100%; height: 31px; background-repeat: no-repeat; background-position: center center; cursor: pointer; color: black; font-family: Arial; font-weight: bold; font-size: 12px; } .fshare-icon:nth-child(1) .fshare-button:nth-child(1) { margin-top: 0px!important; } .fshare-icon .fshare-button.fb { background-image: url('/wp-content/themes/wesley-family-services/assets/news/Facebook-color.svg'); } .fshare-icon .fshare-button.tw { background-image: url('/wp-content/themes/wesley-family-services/assets/news/Twitter-color.svg'); } .fshare-icon .fshare-button.gplus { background-image: url('/wp-content/themes/wesley-family-services/assets/news/GooglePlus-color.svg'); } .fshare-icon .fshare-button.in { background-image: url('/wp-content/themes/wesley-family-services/assets/news/LinkedIn-color.svg'); } .fshare-icon span { display: block; margin-left: -30px; margin-top: 6px; color: #C6C6C6 !important; line-height:1.2; font-size: 16px; } /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar, .alignleft .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* ## Genesis --------------------------------------------- */ .breadcrumb { background-color: #fff; font-size: 16px; font-size: 1.6rem; margin-bottom: 1px; padding: 12px 30px; } .after-entry, .archive-description, .author-box { background-color: #fff; font-size: 18px; font-size: 1.8rem; margin-bottom: 40px; padding: 60px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form, .site-header .search-form { margin-bottom: 40px; width: 50%; } .site-header .search-form { float: right; margin: 12px auto 0; } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* ## Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { font-size: 20px; font-size: 2rem; } .entry-title { font-size: 36px; font-size: 3.6rem; } .entry-title a, .sidebar .widget-title a { color: #333; text-decoration: none; } .widget-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .gallery-caption, .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 600; margin: 0; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { margin-bottom: 40px; word-wrap: break-word; } .widget p:last-child, .widget ul > li:last-of-type, .widget-area .widget:last-of-type { margin-bottom: 0; } .widget ul > li { margin-bottom: 10px; padding-bottom: 10px; } .widget ul > li:last-of-type { padding-bottom: 0; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { background: none; padding: 0; } .featured-content .entry:last-of-type { margin-bottom: 0; } .featured-content .entry-title { font-size: 20px; font-size: 2rem; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .sidebar .enews-widget, .sidebar .enews-widget .widget-title { color: #fff; } .sidebar .widget.enews-widget { background-color: #333; } .sidebar .enews-widget input, .sidebar .enews-widget input:focus { border: 1px solid #333; } .sidebar .enews-widget input[type="submit"] { background-color: #c3251d; color: #fff; } .sidebar .enews-widget input[type="submit"]:focus, .sidebar .enews-widget input[type="submit"]:hover { background-color: #fff; color: #333; } .enews-widget input { font-size: 16px; font-size: 1.6rem; margin-bottom: 16px; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 24px; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; list-style: none; width: 0; } /* Display outline on focus */ :focus { } /* # Site Header ---------------------------------------------------------------------------------------------------- */ /* ## Title Area --------------------------------------------- */ .title-area { float: left; padding: 10px 0; width: 300px; } .header-image .title-area { margin: 0 auto; max-width: 300px; padding: 0; } .header-full-width .title-area { float: none; width: 100%; } .site-title { font-size: 30px; font-size: 3rem; font-weight: 700; line-height: 1.2; } .site-title a, .site-title a:focus, .site-title a:hover { color: #333; text-decoration: none; } .header-image .site-title > a { background-position: center !important; background-size: contain !important; float: left; min-height: 80px; width: 100%; } .site-description { font-size: 16px; font-size: 1.6rem; font-weight: 400; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; } /* ## Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; width: 800px; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ /* .genesis-nav-menu { clear: both; font-size: 16px; font-size: 1.6rem; font-weight: 600; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; margin-bottom: 0; padding-bottom: 0; text-align: left; } .genesis-nav-menu a { color: #333; display: block; padding: 32px 20px; text-decoration: none; } .genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #c3251d; text-decoration: underline; }*/ .sub-menu li.virtual-waiting-room { position: relative; } .sub-menu { overflow: hidden; } .sub-menu li.virtual-waiting-room:before { background-color: #ffc10d; height: 170%; position: absolute; width: 121%; left: -10%; content: ''; top: -63%; } .sub-menu li.virtual-waiting-room a { position: relative; z-index: 2; background-color: #ffc10d; color: #5a1c6b!important; } .sub-menu li.view-all a { font-weight: bold!important; } .desktop-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 258px; z-index: 99; box-shadow: 6px 6px 17px rgba(0,0,0,0.3); } .desktop-menu .sub-menu a { background-color: #fff; border-top: 0; position: relative; width: 200px; word-wrap: break-word; } .desktop-menu .sub-menu .sub-menu { margin: -56px 0 0 199px; } .desktop-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .desktop-menu > .first > a { padding-left: 0; } .desktop-menu > .last > a { padding-right: 0; } .desktop-menu > .right { float: right; } .sub-menu { position: absolute; left: -999em; width: 300%; top: 28px; padding: 16px; list-style: none; background-color: #fff; } .sub-menu li { display: block; width: 100%; line-height: 1; padding: 6px 0; } .sub-menu li:first-of-type { padding-top: 0px; } .sub-menu li:last-of-type { padding-bottom: 0px; } .desktop-menu li .sub-menu li a { font-size: 16px; font-weight: 500; line-height: 1.12; letter-spacing: 0.1px; text-align: left; color: #6c6c6c; } /* ## Mobile Search --------------------------------------------- */ .search-form-mobile input[type="search"] { background: transparent; border-left: 0; border-right: 0; border-top: 0; border-bottom: 2px solid #c83f7b; padding: 23px 0px 3px 0; color: #fff; border-radius: 0px!important; } .search-form-mobile input[type="search"]::-moz-placeholder { color: #fff; opacity: 1; } .search-form-mobile input[type="search"]::-webkit-input-placeholder { color: #fff; opacity: 1; } .search-form-mobile .yellow-button { margin-top: 20px; } .mobile-search { display: none; position: fixed; top: 13px; left: 18px; z-index: 24; width: 25px; } .search-glass { position: absolute; top: 0; left: 0; width: 100%; cursor: pointer; } .search-glass.open img.search-white { opacity: 1!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .search-glass.open img.search-gray { opacity: 0!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .search-glass img { position: absolute; top: 0; left: 0; width: 100%; } .search-glass img.search-gray { z-index: 2; opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .sticky-mobile-menu .search-glass img.search-gray { opacity: 1; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .search-glass img.search-white { z-index: 1; } /* ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } /* ## Site Header Navigation --------------------------------------------- */ .sticky { position: fixed; width: 100%; top: 0; height: 50px; } .sticky .mobile-sub-title, .open .mobile-sub-title { color: #5a1c6b; } .sticky-menu span { background-color: #c5c5c5!important; } .site-header .genesis-nav-menu li li { margin-left: 0; } /*Main Mobile Menu*/ .mobile-sub-title { color: #fff; font-size: 15px; cursor: pointer; position: relative; z-index: 4; } .mobile-sub-title .menu-show { display: inline-block; } .mobile-sub-title .menu-hide { display: none; } .open .menu-show { display: none; } .open .menu-hide { display: inline-block; } .mobile-sub-menu li { position: relative; } .mobile-sub-menu a:last-of-type li { margin-bottom: 100px; } /* .mobile-sub-menu li:before { background-image: linear-gradient(to left, #fff, #fff 50%, #f7ca46 60%, #ffc10d 80%, #ffe21e 98%); background-position: right; transition-duration: .3s; background-size: 250%; position: absolute; width: 101vw; left: -25vw; height: 100%; z-index: -1; content: ''; } .mobile-sub-menu li:hover:before { background-position: left; background-image: linear-gradient(to left, #fff, #fff 30%, #f7ca46 50%, #ffc10d 98.5%, #ffe21e 98.5%); background-position: left; transition-duration: .3s; background-size: 200%; }*/ .mobile-sub-menu { display: none; position: relative; z-index: 4; } .mobile-menu { display: none; z-index: 24; } .program-filter-menu-mobile { padding: 12px 0; text-align: center; display:none; /* height: 0; */ transition-duration: .2s; background-image: linear-gradient(180deg, #fff 50%, rgba(0,0,0,0) 50%); background-size: 100% 200%; background-position: bottom; } .program-filter-menu-mobile.open .sub-title-arrow { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .sub-title-arrow { width: 11px; position: relative; margin-right: 10px; transform: rotate( -180deg ); -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } #nav-icon3.search-hidden { opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; visibility: hidden; } #nav-icon3 { width: 27px; height: 21px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon3.open span { background-color: #fff!important; } /* Icon 3 */ #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 8px; } #nav-icon3 span:nth-child(4) { top: 16px; } #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(6) { display: none; } #nav-icon3 span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .mobile-menu input { display: none; } .lower label:hover{ cursor:pointer; } .lower { position: relative; z-index: 21; } .overlay, .search-popover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #5a1c6b; z-index: 20; } .overlay .sub-menu { display: none!important; } .overlay label{ width: 58px; height:58px; position: absolute; right: 8.5%; top: 41px; z-index: 100; cursor:pointer; } /*.overlay nav { text-align: center; position: relative; top: 50%; height: 60%; font-size: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }*/ .sub-menu-back { opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; position: absolute; top: 5px; left: 3%; width: 20px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); pointer-events: none; } .sub-menu-back.show { opacity: 1; pointer-events: inherit; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .overlay nav { position: relative; } .overlay ul, .search-popover-menu-inner { list-style: none; width: 80%; margin: 16px auto; left: 0; float: none; display: block; height: 100%; position: relative; z-index: 7; } .overlay ul li a { color: #fba915; text-decoration:none; -webkit-transition: color 0.2s; transition: color 0.2s; font-weight: normal; font-size: 35px; position: relative; z-index: 2; } body.white .overlay ul li a { color: #fff; } .overlay ul li a:hover, .overlay ul li a:focus { color: #fff; } .lower~.overlay-hugeinc, .search-popover { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } #op:checked~.overlay-hugeinc, .search-popover.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /*.overlay-hugeinc nav { -moz-perspective: 300px; }*/ .overlay-hugeinc nav ul, .search-popover-menu-inner { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } #op:checked~.overlay-hugeinc nav ul, .search-popover.open .search-popover-menu-inner { opacity: 1; -webkit-transform: translateY(0) rotateX(0deg); transform: translateY(0) rotateX(0deg); right: 0; height: calc(100vh - 78px); } #op:not(:checked)~.overlay-hugeinc nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } .mobile-menu-logo { display: none; } .mobile-menu-logo.mobile-menu-logo-overlay { content:url("/wp-content/themes/wesley-family-services/assets/color.svg"); } .sticky .sub-title-arrow, .open .sub-title-arrow:not(.filter-arrow) { content:url("/wp-content/themes/wesley-family-services/assets/about/purple-arrow-down-up.svg"); top:-2px; } .sticky.open .filter-arrow { content:url("/wp-content/themes/wesley-family-services/assets/about/white-arrow-down-up.svg"); } .mobile-filter-overlay.filter-bar { margin: 0 auto!important; } .main-logo { z-index: 1; cursor: pointer; } .mobile-sub-menu { margin-top: 26px; width: 304px; margin: 26px auto 0; text-align: left; } .mobile-sub-menu li { margin-bottom: 2px; } .mobile-sub-menu a { text-decoration: none!important; } .mobile-sub-menu a li { line-height: 1.4; letter-spacing: 0; font-size: 14px; margin-bottom: 14px; text-align: left; color: #5a1c6b; text-decoration: none; } .overlay-pop-up-logo { text-align: center; position: relative; z-index: 10; } .overlay-pop-up-logo-img { width: 140px; padding: 10px 0; } .overlay li { padding: 2px 0; } .overlay li:first-of-type { padding-top: 0px; } .overlay .menu-main-menu-container > ul > li:last-of-type { position: absolute; bottom: 16%; margin: 0 auto; left: 0; right: 0; text-align: center; width: 84px; height: 84px; z-index: 2; } .overlay .menu-main-menu-container > ul > li:last-of-type a { color: #5d2572; line-height: 79px; } .overlay .menu-main-menu-container > ul > li:last-of-type a:hover { color: #5d2572; } .overlay .menu-main-menu-container > ul > li:last-of-type:before { position: absolute; background-image: linear-gradient(138deg, #ffc10d, #f68b1e); z-index: 1; border-radius: 50%; content: ''; left: 0; right: 0; top: 0; right: 0; height: 100%; width: 100%; } .mobile-sub-menu.mobile-filter-overlay { width: 90%; } .mobile-filter-overlay:before { background-color: #5a1c6b; } .mobile-filter-overlay .open .mobile-sub-title { color: #fff; } .mobile-filter-overlay .open .sub-title-arrow { content: url(/wp-content/themes/wesley-family-services/assets/about/white-arrow-down-up.svg); } .overlay-titling { color: #ffc10d; } .mobile-filter-overlay.mobile-sub-menu li { color: #fff; font-size: 13px; } .overlay-columns-flex { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .overlay-column:not(.full-c) { width: 32%; margin-right: 1%; margin-bottom: 10px; } .overlay-column.full-c { width: 100%; } .mobile-filter-overlay .sidebar-filters li.is-checked:not(.button-reset):after, .mobile-filter-overlay .sidebar-filters li:not(.button-reset):hover:after { width: 100%; } /* ## After Header Navigation --------------------------------------------- */ .nav-primary { background-color: #fff; border-top: 1px solid #eee; } /* ## Footer Navigation --------------------------------------------- */ .site-footer { position: relative; float: left; width: 100%; z-index:100; background:#fff; z-index: 19; } #google_translate_element { position: absolute; bottom: 5px; right: 5px; z-index: 10; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* ## Entries --------------------------------------------- */ .entry-content ol, .entry-content ul { margin-bottom: 28px; margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #eee; } /* ## Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 24px; } .entry-footer .entry-meta { border-top: 1px solid #eee; padding-top: 24px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination a { background-color: #fff; color: #333; cursor: pointer; display: inline-block; font-size: 16px; font-size: 1.6rem; font-weight: 600; padding: 8px 12px; text-decoration: none; } .archive-pagination a:focus, .archive-pagination a:hover, .archive-pagination .active a { background-color: #c3251d; color: #fff; } /* ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; font-size: 16px; font-size: 1.6rem; margin-bottom: 40px; } .comment-respond, .entry-pings { padding: 60px 60px 32px; } .entry-comments { padding: 60px; } .comment-list li { padding: 40px 0 0 30px; } .comment-list .depth-1 { padding-left: 0; } .comment-header { margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .comment-header p { margin-bottom: 0; } .entry-pings .reply { display: none; } /* # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 16px; font-size: 1.6rem; margin-bottom: 40px; } .sidebar .widget { background-color: #fff; padding: 40px; } /* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #fff; clear: both; font-size: 18px; font-size: 1.8rem; padding: 60px 0; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 380px; } .footer-widgets-1 { margin-right: 70px; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .footer-phone { margin-right: 10px; } .footer-container-wfs { font-size: 16px; line-height: 1.62; letter-spacing: 0; text-align: center; color: #5a1c6b; padding: 10px 0; } .split .site-footer { width: 84%; float: right; position: relative; } .no-footer .site-footer { display: none!important; } .no-footer:not(.single-product) .site-inner { overflow: hidden!important; } .footer-container-wfs a { color: #5a1c6b; text-decoration: none; } .footer-container-wfs a:hover { text-decoration: underline; } .footer-container-wfs .site-credit span { font-weight: bold; } .social-icons .social-icon { font-size: 32px; color: #ffc10d; padding: 0 10px; } .social-icons a:hover { -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .social-icons { /*margin-bottom: 20px;*/ } .footer-emblems { /*margin: 40px 0;*/ display: flex; display: -webkit-flex; display: -moz-flex; justify-content: flex-end; align-items: center; padding-right: 4px; } .footer-emblems img { width: auto; margin-right: 15px; height: 44px; } .middle-footer-info { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 40px 0; } .middle-footer-info .footer-emblems, .middle-footer-info .middle-footer-info-meta { width: 100%; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; justify-content: center; } .middle-footer-info-meta { text-align: center; padding-left: 4px; margin-top: 11px; } .daytime-crisis-footer { width: 90%; margin: 0 auto; } .daytime-crisis-footer p { margin-bottom: 0px!important; line-height: 1.3; } /* # Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 761px), (max-device-width: 1023px) and (min-device-width: 768px) { .gform_wrapper table.gfield_list tr { border: unset!important; padding: 25px 2%!important; } .gform_wrapper table.gfield_list td input { color: #5a1c6b!important; border-color:#5a1c6b!important; } .gform_wrapper table.gfield_list td, .gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after { margin-left: 0px!important; margin-right: 0px!important; font-family: 'Sentinel', sans-serif!important; color: #5a1c6b!important; } } @media (min-width: 1630px) { .slider-internal-text { font-size: 33px; } } @media (min-width: 1400px) { .slider-internal-text { font-size: 29px; } } @media (min-width: 1251px) { .contact-content:nth-child(1) { width: 600px; } .contact-content:nth-child(2) { width: calc(100% - 600px); } } @media (max-width: 1250px) { .phone-number-box.left { position: relative; margin-bottom: 30px; padding-bottom: 0; width: 100%; } .phone-number-box.right { width: 100%; } .crisis-number { margin-top: 10px; } .phone-number-or-boxes { position: relative; margin-top: 10px; } .crisis-button-button { width: auto; } } @media (max-width: 1400px) { .first-related .related-program-title { font-size: 40px; } .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { font-size: 26px; } .second-related .related-program-text, .third-related .related-program-text, .fourth-related .related-program-text { font-size: 17px; line-height: 1.3; } .first-related .related-program-text { font-size: 18px; } } @media (min-width: 1300px) { .listing-contents h2 { text-transform: uppercase; font-size: 90px; line-height: .83; font-weight: normal; color: #5a1c6b; margin-bottom: 0px; } .event-listing .one-half { min-height: 30vw; } .listing-flex:after { position: absolute; bottom: -14%; } .listing-contents { padding: 13% 5% 48px 0; } .desktop-menu li a { font-size: 18px; } } @media (max-width: 1331px) { .related-titling h2 { font-size: 50px; } } @media (max-width: 1200px) and (min-width: 767px) { .am-box-text { font-size: 52px; } } @media (max-width: 1200px) { .program-blurb { font-size: 20px; } .the-point-of-contact { font-size: 18px; } .first-related .related-program-title { font-size: 40px; } .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { font-size: 21px; } .second-related .related-program-text, .third-related .related-program-text, .fourth-related .related-program-text { font-size: 15px; line-height: 1.3; } .first-related .related-program-text { font-size: 18px; } } @media (max-width: 1177px) { #fshare-collapsed { margin-bottom: 0px; } .fshare-icon .fshare-button { background-size: 100% 21px; } } @media (max-width: 1150px) { .give-selector-boxes { width: 100%; } .stat-blurb { line-height: 1.4; } .stat-number { font-size: 90px; } .wfs-give .am-box-text { font-size: 44px; } .not-square-square.give-square-selector { padding-top: 100%; } .give-selector-box.volunteerish a.main-box-link .not-square-square { padding-top: calc(100% - 22px); } /*Blog Post Listing*/ .blog-item h2, .post-title-holder h1, .event-hero-section h1 { font-size: 65px; } .big-featured-image-break { min-height: 185vh; } .stat-box { width: 50%; } .stat-box:nth-child(1) { left: 0; } .stat-box:nth-child(3), .stat-box:nth-child(4) { right: 0; left: auto; } .related-titling h2 { font-size: 47px; } } @media (max-width: 1050px) and (min-width: 767px) { .am-box-text, .volunteer-area h1 { font-size:48px; } .slider-internal-text { top:59%; width:82%; } .slider-button { font-size:26px; } .listing-contents h2 { font-size: 59px; } } @media (max-width: 1100px) { .program-link { margin-top: 35px; } .featured-block-half-inner { padding: 0 30px; } .program-blurb { font-size: 15px; } } @media (max-width: 1100px) { .related-titling h2 { font-size: 40px; } .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { font-size: 20px; } .second-related .related-program-text, .third-related .related-program-text, .fourth-related .related-program-text { padding: 12px; font-size: 14px; width: 100%; } .first-related .related-program-title { font-size: 42px; } .first-related .related-program-text { width: 90%; font-size: 20px; } } @media (min-width: 1051px) { .related-container { -webkit-justify-content: center; justify-content: center; -webkit-flex-flow: column wrap; flex-flow: column wrap; } } @media (max-width: 1050px) { .rotator_section h2, .faqs h2, .community-room h2,.doctors h2 { font-size: 26px; } .long-intro .general-internal-page-content p { font-size: 16px; } .related-programs-icon-image { bottom: -134px; left: auto; right: -42%; position: relative; width: 77%; z-index: 10; } .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { font-size: 32px; } .second-related .related-program-text, .third-related .related-program-text, .fourth-related .related-program-text, .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { padding: 5%; } .the-point-of-contact { margin-bottom: 60px; } .related-container { color: #fff; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; height: auto; width: 100%; float: left; } .first-related { padding-top: 66%; width: 100%; } .related-titling, .second-related, .third-related, .fourth-related { width: 50%; padding-top: 50%; position: relative; } .related-titling h2 { font-size: 35px; margin-top: 16px; } .related-titling { order: 1; } .second-related { order: 2; } .first-related { order: 3; } .first-related .related-program-title { width: 100%; } .first-related .related-program-title, .first-related .related-program-text { padding: 5%; } .related-titling h2 { font-size: 68px; position: absolute; top: 5%; padding: 0 21px; margin-top: 40px; } .related-titling { padding: 0; } .testimonial-symbol { font-size: 120px; top: 34px; } #fshare-expanded { display: flex; display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #fshare-collapsed { line-height: 1; margin-bottom: 7px; } .fshare-icon { width: 17%; } a.social-label { width: 100%; } .help-overview-text li { font-size: 20px; } .the-statement.seeking { margin-top: -137px; } .post-title-holder { width: 90%; } .wfs-blog-post .entry-content p, .general-internal-page-content p { font-size: 17px; margin-bottom: 20px; } #fshare-collapsed:before { font-size: 15px; } .testimonial-symbol { font-size: 98px; } .text-area { font-size: 19px; } .intro-text p { font-size: 22px; } } @media (max-width: 1040px) { .program-hero-copy-box h1, .program-hero-copy-box h2, .about-intro-blurb, .about-intro-blurb h2 { font-size: 38px; } .small-text-blurb { font-size: 18px; } } @media (max-width: 1001px) { .general-sidebar-content h2 { font-size: 23px; } .general-sidebar-content li { font-size: 13px; } .internal-page-column h2 { font-size: 20px; } .the-internal-columns { padding-top: 31px; } /* .i-am-inner { top: 83px; }*/ #icon3 img { margin-top: -43%; width: 85%; } #icon2 img { width: 72%; margin-top: 42%; } #icon1 img { width: 83%; } #icon6 img { margin-top: -7%; width: 81%; } #icon5 img { width: 79%; } .selector-sidebar { width: 260px; } .selector-contents { width: calc(100% - 260px); } } @media (max-width: 951px) { .program-name.long-text { font-size: 18px; } .program-name.long-text { margin-bottom: 9px; } .form-narrow-container { padding: 25px 0; } .volunteer-area p { font-size: 18px; } .internal-page-column { padding: 0 3%; } .event-date, .event-place { font-size: 18px; } .listing-contents h2 { font-size: 47px; margin-bottom: 5px; } .listing-contents .event-date { margin-bottom: 17px; } .event-hero-section-bottom li { font-size: 17px; } .intro-text p { font-size: 20px; } .main-intro-text { padding: 7.1% 0% 7.1% 0%; } .agenda-time { font-size: 28px; } .agenda-title { font-size: 20px; } .featured-block-half-inner { padding:0 27px 0 35px; } .program-link { margin-top:20px; } .program-intro-blurb { font-size: 18px; padding: 80px 0; } .program-name { font-size:18px; } /*Blog Post Listing*/ .blog-item h2, .post-title-holder h1, .event-hero-section h1 { font-size: 55px; } .tagging { font-size: 18px; } .newsletter-button-field input[type="submit"], .yellow-button, .wpcf7-submit, .purple-button, .wistia_click_to_play { padding: 5px 12px!important; font-size: 18px; } .blog-item .yellow-button { margin-top: 29px; } .volunteer-form .wpcf7-submit { font-size: 18px; float: right; } .newsletter-form-field input, .newsletter-form-field select { border-bottom: dotted 2px #ffc10d; font-size: 14px; } .donate-cta:not(.yellow-button) { font-size:20px; } .newsletter-form-field, .newsletter-button-field { margin-bottom: 7px; } .sidebar-section-title { font-size: 14px; } .social-icons a:not(.daytime-crisis-footer a) { font-size: 25px; } .footer-container-wfs { font-size: 14px; } .the-team { padding: 100px 0; } .team-title { font-size: 14px; } .program-blurb, .program-blurb.long-text { font-size: 14px; line-height:1.3; } .program-blurb.long-text p:last-of-type { margin-bottom: unset; } .program-blurb.long-text p { margin-bottom: 11px; } .program-name, .program-name.long-text { font-size: 16px; } .approach-half.text-one .approach-text { font-size: 28px; } .approach-half.image-one .approach-image-maker { padding-top: 91%; } .approach-half.text-two { padding-right: 6%; } .program-hero-copy-box { width: 94%; } .story-story { font-size: 14px; } .story-name { font-size: 15px; } .testimonial-symbol { font-size: 70px; top: 21px; } .who-said-it { margin-top: 6px; } .left-arrow { left: 1.5%; } .right-arrow { right: 1.5%; } .am-box-text { font-size: 40px; } .am-box-text b { font-size: 17px; } /* .i-am-inner { top: 13%; }*/ .slider-internal-text { width: 76%; } .am-box-text b { margin-top: -20px; } .service-top-fields h2 { font-size: 22px; } .service-top-fields h1 { font-size: 20px; margin-bottom: 2px; } .locations { margin-top: 12px; } .service-overview-text { font-size: 17px; } .service-overview-text li, .service-overview-text ol, .the-point-of-contact { font-size: 16px; } .service-individual a { font-size: 15px; } .the-filter-heading { font-size: 25px; } .program-options li { font-size: 14px; } .sidebar-item li.filter, .button-reset { font-size: 12px; } } @media only screen and (max-width: 860px) { .event-writeup { font-size: 14px; margin-top: 15px; } .locations-side { padding: 0 3%; } .the-contents .two, .the-referral-form .one-half:not(.one):not(.two), .the-referral-form .form-field-full, .the-referral-form .form-field-full { margin-top: 20px; } .two input, .the-referral-form .one-half:not(.one):not(.two) input, .the-referral-form .form-field-full input, .the-referral-form .form-field-full input, .pioneer-form-container .the-referral-form .main-form-select select { padding-top: 0px; } .contact-form-side h2 { font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: 0.3px; color: #ffc10d; font-family: 'AndesRoundedW01-Book'; } .mob-phone-number-box-holder { display: block; } .phone-number-box-holder { display: none!important; } #give_purchase_form_wrap { margin-top: 30px; } a.job-listing { font-size: 14px; } .check-back-soon-language { margin-top: -12px; font-size: 14px; } .event-listing-button { margin-top: 30px; } .listing-contents { padding: 24px 0; } .listing-flex:after { position: absolute; margin-left: -2%; margin-right: -2%; bottom: -5%; } body, body > div { font-size: 18px; font-size: 1.8rem; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .intro-text { padding: 10% 0% 7% 0; } .intro-text:before { width: 114%; left: -6%; } .spon-log img { max-height: 105px; } .spon-log { margin-bottom: 2%; } .sponsors { padding: 6% 0 0; width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; } .main-intro-text { padding: 0 0% 7.1% 0%; font-size: 17px; } .event-intro-section { overflow: hidden; } .two { margin-top: 25px; } .package-name-lead { text-align: center; } .sponsor-package-name { padding-right: 0; } body:not(.page-id-20717):not(.page-id-1550) .sponsorship-package-details { display: none; } .page-id-20717 .ssr-titling, .page-id-1550 .ssr-titling { padding-top: 10px; } .page-id-20717 .sponsor-packages, .page-id-1550 .sponsor-packages { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .page-id-20717 .volunteer-area h2, .page-id-1550 .volunteer-area h2 { font-size: 18px; } .page-id-20717 .ssr-individual, .page-id-1550 .ssr-individual { width: 31%!important; margin-right: 3%!important; } .page-id-20717 .ssr-individual:nth-child(3n), .page-id-1550 .ssr-individual:nth-child(3n) { margin-right: unset!important; } .accordion-sponsorship-package-details { padding: 5%; visibility: visible; height: 100%!important; } .sponsorship-tier-section { padding: 75px 0 125px; } .sponsors.pioneer .spon-log { margin-right: 5%!important; margin-bottom: 5%; } .sponsors.pioneer .spon-log:nth-child(3n) { margin-right: 0px!important; } .spon-log { width: 23%; margin-right: 2%!important; } .spon-log:last-of-type { margin-right: 0px!important; } .internal-section-heading.left { text-align: center; } .event-listing .one-half { text-align: left; } .listing-flex:after { margin-top:0; } .event-feature-image { position: relative; padding-top: 50%; left: 0; right: 0; width: 100%; margin: 0 auto; height: auto; } .wfs-ssr .selector-sidebar, .wfs-donate .selector-sidebar, .wfs-volunteer .selector-sidebar, .wfs-contact .wfs-side-bar { display: none; } .wfs-contact .the-contents { display: flex; display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .wfs-ssr .selector-contents, .wfs-donate .selector-contents, .wfs-volunteer .selector-contents, .wfs-contact .the-contents { width: 100%!important; } .contact-content:nth-child(1) { width: 100%; order: 2; } .contact-content:nth-child(2) { width: 100%; order: 1; min-height: auto; } .virtual-waiting-room .contact-content:nth-child(1) { width: 100%; order: 1; padding-top: 100px; } .virtual-waiting-room .contact-content:nth-child(2) { width: 100%; order: 2; min-height: auto; } .locations-side .contact-content-inner { padding: 50px 0; } .contact-locations { display: flex; display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .contact-content { min-height: auto; } .contact-content-inner:nth-child(2) { padding-top: 50px 0; } .individual-location { width: 48%; margin-right: 3%; float: left; } .individual-location:nth-child(even) { margin-right: 0; } .am-box-text, .volunteer-area h1 { font-size: 44px; } .volunteer-area { margin-bottom: 50px; } .no-footer:not(.woocommerce-page) .site-footer { display: block!important; } .selector-internal-field { padding-top: 115px; } .honor-selector, .employer-matching { padding: 44px 0 20px; } .donate-fields { width: 100%; } .wide-button { font-size: 14px; } .internal-page-column h2 { font-size: 18px; } .internal-page-column-text li, .internal-page-column-text p { font-size: 15px; } .one-half:not(.first).volunteer-label { margin-top: 20px; } .locations-side h2, .contact-form-side h2 { font-size: 17px; } .contact-content-inner { padding: 120px 0 50px; } .virtual-waiting-room .contact-content-inner { padding: 50px 0 75px; } .elibility-overview, .service-overview, .help-overview, .insurance-overview, .the-point-of-contact, .referral-form { width: 100%; } .elibility-overview, .insurance-overview, .point-of-contact { width: 100%; } .the-point-of-contact { order: 1; } .referral-form { order: 2; } .insurance-overview-text ul { display: flex; display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .insurance-overview-text li { width: 50%; } .insurance-overview-text li:nth-child(odd) { padding-right: 40px; } .elibility-overview { order: 2; } .service-overview { order: 1; } } @media (max-width: 850px) and (min-width: 767px) { .am-box-text b { font-size:17px; } .am-box-text, .volunteer-area h1 { margin-top:9%; } } @media (max-width: 900px) { .internal-event-nav:before { bottom: 40px; } .wfs-service .bg-alt { width: calc(100% - 170px); right: 0; left: auto; } .insurance-overview-text li { font-size: 13px; } .bucket-menu-title-area { font-size: 14px; } .about-intro-image:nth-child(1) img { left: 30%; } .fshare-icon { padding: 14px 2px 15px; } .slider-internal-text { font-size: 17px; } .slider-button { font-size: 20px; } .arrow-container img { width: 13px; height: auto; } .wfs-give .selector-sidebar { display: none; } .wfs-give .selector-contents { width: 100%; } } @media (max-width: 898px) { .wfs-side-bar, .sidebar-bucket-menu { width: 170px; } .internal-event-nav:before { width: 170px; } .wfs-blog-post .content, .wfs-main-content, #upper, #lower, .flexed section:not(.selector-contents), .event-hero-section .bg-alt { width: calc(100% - 170px); } .media-kit-content, .small-description-sidebar { font-size: 12px; } } @media (max-width: 850px) { .related-programs-icon-image { width: 81%; } .about-intro-image:nth-child(1) img { top: 14%; } .related-programs-icon-image { bottom: -112px; } .related-titling h2 { font-size: 48px; } .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { font-size: 25px; } .first-related .related-program-title { font-size: 36px; } .a-testimonial-appears .featured-image { width: 100%; position: relative; z-index: 3; } .a-testimonial-appears .featured-image:before { z-index: 4; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; content: ''; width: 100%; background-color: rgba(90, 28, 107, 0.78); } .testimonials { padding-bottom: 0px; } .testimonial-text-inner { position: absolute; z-index: 5; width: 80%; margin: 0 auto; left: 0; right: 0; } .slick-dots { position: relative; width: 100%; justify-content: center; padding-left: 0%; margin-top: -35px; } .a-testimonial-appears { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .featured-image .square { padding-top: 75%; } .testimonial-symbol { font-size: 85px; top: -19px; } .who-said-it { margin-top: 18px; } .am-box-text { margin-top: 15%; font-size: 36px; } .am-box-text b { font-size: 15px; } .service-overview-text { font-size: 15px; margin-bottom: 22px; } .elibility-text { font-size: 12px; } .service-overview-text li, .service-overview-text ol, .the-point-of-contact { font-size: 14px; } .the-filter-heading { font-size:24px; } .service-individual { border-bottom: 2px dotted #c83f7b; width: 90%; padding-top: 12px; display: block; float: left; font-size: 16px; line-height: 1.4; } .program-options li { font-size: 13px; } .program-options { margin-bottom: 4%; } } @media (max-width: 832px) { .fshare-icon .fshare-button { background-size: 100% 18px; } #fshare-collapsed:before { font-size: 14px; } } @media (max-width: 821px) { .general-sidebar-content { width: 100%; order: 1; padding: 10px 0; margin-top: 15px; } .general-internal-page-content.sidebar-active { width: 100%; order: 2; padding: 22px 0; } .internal-content-site-container.sidebar-active { display: flex; display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 800px) { .field-reel { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; } .field-arrow { position: relative; width: 38px; left: 0; right: 0; } .field-reel-inner { width: calc(90% - 38px - 38px); margin: 0 auto; } .field-text-area-inner { font-size: 20px; } .logo-line img { width: 358px; } .donate-inner { padding-right: unset; } .about-intro-image:nth-child(1) img { top: 13%; left: 31%; } .sub-text { margin-bottom: 15px; } .pioneer-cta { margin-top: 100px; } .community-room { padding-top: 100px; } .faq-text { font-size: 15px; } .faqs, .rotator_section { padding-bottom: 100px; } .faqs .internal-content-site-container h2 { margin-bottom: 35px; } .faq-title-inner { font-size: 21px; } } @media (min-width: 769px) { .sponsor-mobile { display: none; } } @media (max-width: 768px) { .the-contact-form { padding: 30px 0; } .form-full { margin-bottom: 15px; } .form-half label, .form-full label { font-size: 14px; } .form-half input { font-size: 17px; } .form-full textarea { font-size: 14px; } .form-full textarea { height: 200px; } .form-half { width: 100%!important; margin-bottom: 25px; } .checkbox { top: -1px; } .give-category-heading { font-size: 18px; margin-bottom: 16px; } .item-specifics-top { padding-bottom: 8px; margin-bottom: 8px; } .items-right { font-size: 15px; padding-left: 10px; } .give-category-area { width: 100%; margin-right: unset; margin-bottom: 35px; } .wishlist-page-inner { padding-top: 110px; padding-bottom: 150px; } .sub-text-give { font-size: 16px; margin-bottom: 25px; line-height: 1.3; } .wishlist-page-inner h2 { font-size: 40px; } .block-outer:nth-child(2n) .link-holder-ann { width: 100%; } .newsletter-section { margin-bottom: 40px; padding-top: 40px; } .issue-title { padding: 10px 3%; line-height: 1.1; font-size: 13px; } .issue-block { width: 47%!important; margin-right: 6%!important; } body .issue-block:nth-child(2n) { margin-right: unset!important; } .the-text-block { font-size: 13px; } .the-text-block ul, .the-text-block ol, .the-text-block p { margin-bottom: 10px; } .the-text-block p:last-child + ul, .the-text-block p:last-child + ol { margin-top: 10px; } .photo-left-d { margin-bottom: 25px; } .signature img { width: 126px; } .link-holder-button { padding:0 11px; height: 33px; } .photo-left-d, .message-right, .announcement-listing-drop-left, .image-holder-area-ann { width: 100%; } .image-holder-area-ann { margin-top: 25px; } .newsletter-outer { padding: 100px 0 0; margin-top: 50px; } .waw-blurb { font-size: 14px; margin-top: -10px; } .recipe-top-tile { margin-bottom: 15px; } .recipe-photo { margin-bottom: 25px; } .listing-area li { font-size: 13px; margin-bottom: 5px; } .dotted .recipe-inner-contents .small-top-title-holder { margin-bottom: 0px; } .dotted .small-top-title-holder { top: -22px; } .small-top-title-holder { font-size: 11px; } .waw-top-container h2, .waw-blurb { width: 100%; } .recipe-inner-contents-block.left { margin-bottom: 15px; } .shared-by { font-size: 12px; } .recipe-inner-contents-block { width: 100%; } .shared-services-highlights-left, .shared-services-highlights-image { width: 100%; } .shared-services-highlights-image { margin-top: 25px; } .announcements-main + .announcements-main { padding-top: unset; } .dotted { position: relative; padding-top: 25px; padding-bottom: 25px; margin-top: 41px; } .newsletter-content-container h3 { font-size: 16px; margin-bottom: 8px; } .main-newsletter-text-block-text.block-present .the-text-block { width: 100%; order: 1!important; } .main-newsletter-text-block-text.block-present .image-block-holder { order: 2!important; width: 100%; margin-top: 10px; } .newsletter-content-container h2 { font-size: 20px; margin-bottom: 24px; } .in-this-issue-render, .newsletter-content-container .in-this-issue h2, .message-container, .main-newsletter-text-block, .announcement-listing-drop-holder, .shared-services-highlights-inner { padding-left: 0; padding-right: 0; } .ss-logo-ss, .ss-language { position: relative; z-index: 2; } .ss-logo-ss { width: 225px; max-width: 100%; } .sponsor-mobile:before { position: absolute; left: -50%; right: 0; top: 0; bottom: 0; height: 100%; width: 200%; background-color: #fff; content: ''; z-index: 1; display: block; } .ss-logo-stick { display: none; } .sponsor-mobile { width: 100%; float: left; margin-top: 50px; background-color: #fff; position: relative; padding: 50px 0; } .mobile-only { display: block!important; } .sub-menu li.virtual-waiting-room:before { display: none!important; } .overlay-hugeinc nav ul.menu { overflow: hidden; } .overlay .menu-main-menu-container > ul > li { left: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; position: relative; } .overlay .menu-main-menu-container > ul > li.hidden { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; left: -100%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .overlay .menu-main-menu-container > ul > li.hidden:last-of-type { left: -150%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .sub-menu li.virtual-waiting-room a { padding: 5px 2px 4px; display: inline-block; } .overlay ul .sub-menu li { margin-bottom: 10px; } .overlay ul .sub-menu li a { font-size: 24px; line-height: 1.2; font-family: 'AndesRoundedW01-Book'!important; } #op:checked~.overlay-hugeinc nav ul.sub-menu { position: fixed; background-color: unset; width: 100%; padding: 0; display: block!important; top: 0; right: -100%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: auto; margin: 0; } #op:checked~.overlay-hugeinc nav ul.sub-menu.engaged { right: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .form-field-label { font-size: 16px; margin-top: 5px; } .the-referral-form .form-field-full .wpcf7-list-item label { font-size: 13px; margin-bottom: 5px; } .the-referral-form select { font-size: 15px; padding-top: 0; } .wfs-service .the-referral-form .dropdown-arrow { top: -3px; } .video-caption-yt { font-size: 14px; } .second-team { padding: 0 0 100px; } .mobile-search { display: block; } .load-more-area { padding-bottom: 100px; } .results-holder { padding: 50px 0; } .page-result.regular { padding: 5px 12px!important; margin-bottom: 10px; } .result { margin-bottom: 25px; padding: 10px 10px 15px; } .results-holder .page-title { font-size: 15px; } a.result { width: 48%; margin-right: 4%; } a.result:nth-child(2n) { margin-right: 0; } .full-width-video { margin: 0 auto 100px; } #mongo-form { padding-bottom: 75px; } .BBDFormSectionBillingInfo, .BBDFormSectionPaymentInfo { padding: 25px 10px!important; } #mongo-form .BBFormSelectList { font-size: 16px; } #bboxdonation_BBEmbeddedForm { padding: 0px!important; } #mongo-form .BBLinkSecureInfo { top: -5px!important; } .BBTwoFields input, .BBTwoFields.BBFieldBillingStateZip select, #mongo-form .BBFormSelectList { width: 100%!important; margin-right: 0px!important; } #bboxdonation_payment_cboMonth { margin-bottom: 28px!important; } .BBFormSection { padding-bottom: 25px; } #mongo-form .BBFormSectionHeading { margin-bottom: 0px!important; padding-bottom: 5px!important; } #mongo-form label, .BBTwoFields .BBFormFieldLabelEdit { font-size: 15px; } #mongo-form label.BBFormRadioLabelGivingLevel { font-size: 20px; } .BBFormSection:not(.BBDFormSectionBillingInfo):not(.BBDFormSectionPaymentInfo) { width: 100%; } .special-narrow-container, .form-narrow-container { max-width: 90%; width: 90%; } .special-donate-half { width: 100%; padding: 0px!important; } .service-overview-text.special p { margin-bottom: 0; } .give-donation-levels-wrap li label div { font-size: 16px!important; } .give-donation-levels-wrap label { font-size: 15px; } .give-donation-levels-wrap li label div:not(.internal-level-level) { max-width: 10%; } .special-donate-half:first-child { margin-bottom: 7px; } .radio-donate-form .give-donation-levels-wrap { padding: 0 0 75px; } .service-overview-text.special { font-size: 15.5px; } } @media (max-width: 768px) { .link-holder-button { font-size: 12px; } .form-field-full .wpcf7-list-item label { font-size: 15px; } .event-hero-section .bg-alt { width: 100%!important; } .home-page-splash-half { width: 100%; } .home-page-splash-half.image-container { margin-bottom: 30px; } .home-page-splash-container { transform: translateY(-0%); -ms-transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -o-transform: translateY(-0%); top: 0; padding: 100px 0; width: 90%; } .team-member-bio h1 { font-size: 40px; } .team-member-bio h2 { font-size: 16px; } .long-form-bio { font-size: 15px; line-height: 1.76; } .back-to-about-navigation a { font-size: 14px; } .back-to-about-navigation img { width: 46px; } .back-to-about-navigation { left: -95px; } .top-donate-message-box { font-size: 16px; } .long-form-program-blurb.program-intro-blurb .internal-content-site-container { column-count: 1; } .wfs-service .bg-alt { width: 100%; left: 0; right: 0; } .service-overview-text { font-size: 17px; } .the-point-of-contact { font-size: 17px; } .service-overview-text li, .service-overview-text ol, .elibility-text { font-size: 15px; } #fshare-expanded { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #fshare-collapsed { margin-bottom: 0; } .wfs-blog-post .entry-content { padding: 3% 5%; } .about-intro-image:nth-child(1) img { top: 13%; left: 27%; width: 200px; } .about-intro-image:nth-child(2) img { width: 200px; } .show-mobile-sub-menu .program-filter-menu-mobile { height: auto; overflow: scroll; display: block; } .show-mobile-sub-menu .program-filter-menu-mobile.open { height: 100vh; } .wfs-program-filter .program-filter-menu-mobile.selector-hide-the-filter { display: none!important; } .program-filter-menu-mobile { display: block; padding: 12px 0; text-align: center; min-height: 50px; } /*Sidebar Collapse*/ .wfs-blog-post .content, .wfs-main-content, #upper, #lower, .flexed section:not(.selector-contents):not(.selector-filter-results) { width:100%; } .wfs-side-bar:not(.filter-bar) { display:none; } /* */ .first-related .related-program-text { font-size: 16px; } .mobile-sub-title { font-size: 18px; } .program-filter-overlay .mobile-sub-menu li { line-height: 32px; } /*.program-options li { border-radius: 18px; border-bottom:5px; }*/ .wfs-events-listing .site-header, .wfs-team-bio .site-header, .single-newsletter .site-header { background-color: #5a1c6b; } .wfs-events-listing .internal-navigation-site-container, .wfs-events-listing .wfs-site-container, .wfs-team-bio .internal-navigation-site-container, .wfs-team-bio .wfs-site-container { margin-bottom: 0px; } .wfs-events-listing .program-filter-menu-mobile, .wfs-team-bio .program-filter-menu-mobile, .single-newsletter .program-filter-menu-mobile { display: none; } .agenda-item:first-of-type { margin-top: 0px; } .agenda-items { padding-bottom: 5px; } .agenda-title { font-size: 17px; } .wfs-program-filter .mobile-sub-title, .wfs-program-filter .program-filter-menu-mobile { display: none!important; } .blog-item h2, .post-title-holder h1, .event-hero-section h1 { font-size: 55px; } .i-am-inner { position:static; } /*floating bar change*/ .fshare-icon { top: 0px!important; align-items: center; } #floating-bar { position: relative; width: 100vw; left: -6%; margin: 0 auto 26px; padding: 14px 18px 15px; } #upper { margin-top: 0px; } #fshare-expanded { position: relative; display: inherit; float: left; width: 75%; } .fshare-icon .fshare-button { background-size: 100% 25px; } .fshare-box { margin-top: 0px; } #fshare-collapsed:before { font-size: 18px; line-height: 1.1; width: 100%; float: left; text-align: left; } #fshare-collapsed { position: relative; width: 25%; float: left; } .wfs-blog-post .entry-content, .general-internal-page-content, .wfs-events .the-contents { width: 100%!important; } /*About*/ .about-intro-blurb, .about-intro-blurb h2 { font-size: 30px; } .small-text-blurb { font-size: 16px; } .the-team-nav li { font-size: 17px; } .team-name { font-size: 18px; } .team-title { font-size: 12px; } .the-team { padding: 100px 0 50px; } .slick-prev img, .slick-next img { width: 19px; } .approach-half.text-one .approach-text { font-size: 23px; } .approach-half.text-two .approach-text { font-size: 16px; } .wfs-program .wfs-side-bar, .wfs-service .wfs-side-bar, .wfs-events .wfs-side-bar, .wfs-general .wfs-side-bar { display: none; } .wfs-program .the-contents, .wfs-service .the-contents, .wfs-general .the-contents { width: 100% !important; } /*Mobile Menu*/ .mobile-menu { display: block; position: fixed; right: 18px; top: 18px; } .mobile-menu.sticky-mobile-menu { top: 16px; } .desktop-menu, .non-mobile-logo { display: none; } .mobile-menu { display: block; position: fixed; right: 13px; } .mobile-menu-logo { display: block; } /*Home*/ .slider-container { min-height: 403px; } .i-am { width: 100%; margin: 0 auto; max-width: 82%; position: relative; right: 0; left: 0; float: none; } .i-am-inner { margin-top: 0px; } .home-page-hero .flexed { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .slider-container { position: relative; width: 100%; } .slider-internal-text { width: 80%; margin: 0 auto; left: 0; right: 0; } .i-am, .slider-container { height: auto; } .home-page-hero { padding-bottom: 8%; overflow: hidden; } .am-box-text { font-size: 50px; } .am-box-text b { font-size: 18px; } .locations li { font-size: 14px; } .break-video { padding: 100px 7% 0; } .split .site-footer { width: 100%; float: left; position: relative; } .the-referral-form input, .the-referral-form .form-field-full textarea, .the-referral-form .main-form-select select { font-size: 15px; } .the-statement.seeking { margin-top:-165px; } .the-selector-container { padding-left:0; width:100%; } .lead-off { margin-bottom:4px; font-size:28px; } .multi-click { font-size:28px; } .selector-contents.filter-page-selector { padding-right:20px; } .selector-sidebar { width:300px; } .selector-contents { width:calc(100% - 300px); } .selector-sidebar-inner { width:100%; } .wfs-sidebar-fixed, .selector-sidebar-inner { padding:0 26px; } .main-logo { max-width: none; float: none; right: 0; left: 0; margin: 0 auto; position: relative; } .agenda-item { padding: 22px 0 5px; margin-top: 34px; } .agenda-time { font-size: 22px; bottom: 4px; } .event-listing { padding: 100px 0 20px; } .post-title-holder { width: 85%; } .wfs-ssr .program-filter-menu-mobile, .wfs-volunteer .program-filter-menu-mobile { display: none; } .wfs-ssr .site-header, .wfs-volunteer .site-header { background-color: #5a1c6b; } .program-filter-menu-mobile.sticky { display: block!important; background-position:top; transition-duration:.2s; } } @media (max-width: 739px) { .about-intro-text { padding:149px 4% 40px 0; } .about-intro-image:nth-child(1) img { top: 65px; } .about-intro-text { padding:149px 4% 8% 0; } .about-intro-image:nth-child(1) img { top: 65px; } .event-hero-section-bottom { width: 75%; margin: 0 auto; left: 0; right: 0; } .event-hero-section { padding: 26vh 0 11vh; } } @media (max-width: 710px) { #fshare-collapsed { width: 19%; } #fshare-expanded { width: 81%; } .post-title-holder { width: 100%; } .approach-half.text-one .approach-text { font-size: 20px; } .approach-half.text-two .approach-text { font-size: 14px; } .approach-text li { font-size: 13px; } .am-box-text { font-size: 45px; margin-top: 10%; } #icon3 img { margin-top: -51%; width: 85%; } #icon2 img { margin-top: 31%; } .first-related .related-program-title { font-size: 30px; } } @media (min-width: 701px) { .rotator_section .team-wrapper, .community-room .team-wrapper { width: 89.5%; max-width: 1400px; margin: 0 auto; } } @media (max-width: 700px) { .doctors { padding-bottom: 100px; } .doctors .individual-location { width: 100%; margin-right: unset; } .rotator-holder .bio-maker { padding-top: 100%; } .about-intro-image:nth-child(1) img { left: 29%; } .main-info-service, .service-other-info { padding: 60px 0; } .locations { margin-top: 4px; } .the-point-of-contact { font-size: 19px; } .point-of-contact { order: 1; margin-bottom: 25px; } .referral-form { order: 2; } .point-of-contact, .referral-form { width: 100%; } .the-referral-form .form-field-full textarea { height: 100px; } .service-top-fields h1 { font-size: 17px; } .referral-form { padding-right: 0px; } #direct_my_funds-wrap { padding: 55px 0 33px; } #give_purchase_form_wrap { padding: 20px 5px; } } @media (max-width: 650px) { .main-newsletter-text-block-text.block-present .the-text-block ul, .main-newsletter-text-block-text.block-present .the-text-block ol { font-size: 12px; } .community-room { padding-top: 75px; } .faqs, .rotator_section { padding-bottom: 75px; } .pioneer-cta { margin-top: 75px; } .bottom-buttons.three-buttons a { font-size: 11px; } .exit-alt-styling { width: 100%; color: #c44c81; font-size: 12px; margin-left: 5px; margin-top: 9px; } .title-top-pop { font-size: 41px; margin-bottom: 7px; } .long-form-program-blurb.program-intro-blurb { font-size: 15px; } .about-intro-image:nth-child(1) img { left: 31%; } .wfs-blog-post .content, .wfs-main-content, #upper, #lower, .flexed section:not(.selector-contents) { width:100%; } .wfs-side-bar, .program-options.filter-bar { display: none; } .selector-filter-results { width: 100%!important; } .wfs-program-filter .mobile-sub-title, .wfs-program-filter .program-filter-menu-mobile { display: block!important; } .blog-item h2, .post-title-holder h1, .event-hero-section h1 { font-size: 40px; } .tagging { font-size: 16px; } .blog-item .yellow-button { margin-top: 23px; } .tagging { font-size: 14px; } .sidebar-section-title { margin-bottom: 4px; } #floating-bar { padding: 10px 18px 8px; } #fshare-collapsed:before { font-size: 14px; } .wfs-blog-post .entry-content p, .general-internal-page-content p { font-size: 15px; } .story-half { margin: 0; } .story-container-inner { width: 100%; } .testimonial-bottom { margin-top: 50px; } .the-story-number { display: none!important; } .left-arrow img, .right-arrow img { width: 12px; } .left-arrow { left: 1%; } .right-arrow { right: 1%; } .program-hero-copy-box { width: 89.5%; left: 0; right: 0; margin: 0 auto; bottom: 10.5%; padding: 0; } .give-donation-level-btn { font-size: 20px; } } @media (max-width: 640px) { .featured-block-half { width: 100%; float: left; position: relative; } .program-intro-blurb { font-size: 15px; padding: 50px 25px; } .internal-section-heading { font-size: 25px; } .sponsorship-tier-section, .schedule-section, .volunteer-information-section { padding: 55px 0 65px; } #google_translate_element { position: relative; bottom: 0px; right: 0px; z-index: 10; width: 200px; margin: 0 auto; max-width: 90%; } .middle-footer-info { margin: 40px 0 6px; } .site-credit { padding-top: 30px; } } @media (max-width: 600px) { .calendar-embed-section { margin-top: 50px; } .guide-left, .guide-preview { width: 100%!important; } .guide-left { margin-top: 25px; } .image-caption { font-size: 11px; } .photo-grid-row:nth-child(even) .small-holder { margin-top: 54px; } .photo-grid-row:nth-child(odd) .small-holder { margin-bottom: 54px; } .top-most { margin-right: auto; } .big-image { width: 100%; } .small-holder { width: 100%; } .small-holder .square-outer { width: 47%; } .newsletter-slider-area { margin-top: 30px; } .text-object { font-size: 10px; } .woocommerce #payment .form-row:not(#billing_address_1_field).place-order { margin-bottom: 0px!important; } .woocommerce-checkout-payment .cta-box { font-size: 13px; } .field-reel-inner { width: calc(95% - 17px - 17px); } .field-arrow { width: 17px; } .field-link a { height: 40px; font-size: 16px; } .field-text-area { margin-bottom: 23px; } .logo-line { margin: 130px 0 20px; } .field-text-area-inner { font-size: 14px; } .field-text-area-inner { width: 100%; max-width: 100%; } .logo-line img { width: 248px; } .payment-portal-shortcode { min-height: unset; } .ie-unsupported-notice { font-size: 16px; } .postid-12252 #field_4_15 .gfield_description.validation_message { font-size: 19px!important; } #payment h3 img { width: 100%; margin-left: 0; margin-top: 11px; } .sub-menu-back { top: 5px; left: 3%; width: 14px; } .overlay ul .sub-menu li a { font-size: 19px; line-height: 1.2; } .already-volunteer { font-size: 15px; } .middle-footer-info { margin: 26px 0 6px; } .site-credit img { width: 92px } .middle-footer-info { margin: 26px 0; } .middle-footer-info-meta { text-align: center; margin-top: 12px; } .middle-footer-info .footer-emblems, .middle-footer-info .middle-footer-info-meta { justify-content: center; width: 100%; } .footer-emblems, .middle-footer-info-meta { padding: 0; } .footer-emblems a:last-child img { margin-right: 0px!important; } .about-intro-image:nth-child(1) img { left: 33%; } .related-programs-icon-image { width: 73%; } .break-video { padding: 54px 0% 0; } .related-titling h2 { font-size: 52px; } .selector-filter-results { padding-top: 114px; } .wide-button { font-size: 12px; } .internal-page-column h2 { font-size: 16px; } .the-internal-columns { padding-top: 16px; } .wfs-give .am-box-text { font-size: 34px; } .flexed .wfs-main-content, .site-footer, .wfs-blog-post .content { width: 100%!important; float: left; } .approach-half { width: 100%; } .approach-half.image-two { display: none; } .approach-half.image-one { order: 1; } .approach-half.image-one .approach-image-maker { padding-top: 62%; margin-bottom: 20px; } .second-area { margin-top: 3%; } .approach { padding: 95px 0; } .the-team-nav li { font-size: 15px; cursor: pointer; } .the-team-nav li { padding: 0 10px; } .slick-prev img, .slick-next img { width: 14px; } .program-hero-copy-box h1, .program-hero-copy-box h2 { font-size: 34px; } .am-box-text { font-size: 38px; } .am-box-text b { font-size: 15px; } .not-square-square.give-square-selector { padding-top: 25%; } .give-selector-box a.main-box-link .not-square-square, .give-selector-box.volunteerish a.main-box-link .not-square-square { padding-top: calc(25% - 22px); } /* .give-selector-box.volunteerish a.main-box-link .am-box-text { padding: 3% 5%; } */ .give-selector-box.volunteerish a.main-box-link .am-box-text, .give-selector-box a.main-box-link .am-box-text { padding: 0 5%; height: 100%; display: flex; align-items: center; } .wfs-give .selector-navigation { width: 100%; padding: 30px 0 100px !important; } .wfs-give #mobile-filter, .wfs-give .internal-navigation, .wfs-give .wrap, .wfs-give .site-header { pointer-events: none; } .wfs-give .internal-navigation-site-container { pointer-events: all; } .wfs-give #mobile-filter, .wfs-give .program-filter-menu-mobile { overflow: hidden !important; height: 0 !important; pointer-events: none !important; } .give-selector-box { margin-right: 0; width: 100%; margin-bottom: 3%; } .wfs-give .am-box-text { margin-top: 0; } } @media (max-width: 590px) { .featured-block-half-inner { padding: 50px 25px; } .featured-block-half.image { display: none; } .donate-cta:not(.yellow-button) { font-size: 17px; } .donate-cta { padding: 80px 0; } } @media (max-width: 565px) { .about-intro-image:nth-child(1) img { left: 37%; top: 76px; width: 180px; } .about-intro-image:nth-child(2) img { width: 180px; } .ssr-individual { width: 48%; } .volunteer-area { padding: 7%; } .ssr-individual:nth-child(even) { margin-right: 0; } .wfs-ssr .internal-content-site-container, .wfs-volunteer .internal-content-site-container { width: 100%; } .help-page-background:not(.give-page-bg) { background-color: #fff; } .wfs-ssr .selector-internal-field, .wfs-volunteer .selector-internal-field { padding-top: 84.5px; } .testimonial-text-inner { width: 95%; } .listing-contents .event-date { margin-bottom: 11px; } .listing-contents h2 { font-size: 40px; } .event-listing-button { margin-top: 33px; } .listing-contents { padding: 24px 0 48px; } .volunteer-area { margin-bottom: 0px; } .volunteer-form .two-thirds { font-size: 13px; margin-top: -21px; } } @media (max-width: 550px) { .back-to-about-navigation a { font-size: 13px; } .back-to-about-navigation img { width: 35px; } .slider-internal-text { font-size: 15px; } .slider-button { font-size: 18px; } .stat-box { width: 100%; padding: 25px 25px 53px; position: relative; } .secondary-featured-image { display: block; width: 100%; position: relative; height: 52vh; } .big-featured-image-break { min-height: initial; } .stat-number { font-size: 56px; } .internal-page-column { padding: 0 5%; } .internal-page-column { width: 100%; margin-left: 0px; } .internal-page-column:nth-child(2) { margin-top: 50px; margin-left: 0px; } .internal-page-column-link { margin-top: 15px; } .internal-page-column-text ul { margin-top: 26px; } } @media (max-width: 540px) { .help-overview-text li { font-size: 17px; } .selector-sidebar { display:none; } .selector-sidebar { order:2; padding:0 30px 60px 30px; } .selector-contents.filter-page-selector { padding:0 30px; } .button-img, .selector-button img, .selector-button-go { width:50px; height:50px; } .selector-sidebar { padding:0 30px 140px 30px; } .selector-contents { width:100%; } .selector-contents:not(.wfs-give .selector-contents) { min-height:auto; } .selector-sidebar-inner img { width:78%; } .service-individual { padding-bottom:3px; padding-top:23px; width:100%; } .listing-grid { columns: 1; webkit-columns: 1; -moz-columns: 1; } .listing-grid .service-listing { width:100%; } .top-donate-message-box { padding: 5% 0% 25px; line-height: 1.7; font-size: 14px; } .covid .tagging { margin-top: 10px; } } @media (max-width: 530px) { .the-selector-container { padding-top: 98px; } .lead-off { margin-bottom: 23px; } .multi-click { font-size: 22px; } .service-overview, .help-overview { padding-right: 0px; } .wfs-give .am-box-text { font-size: 29px; } .blog-item h2, .post-title-holder h1, .event-hero-section h1 { font-size: 40px; } .tagging { font-size: 14px; } .newsletter-button-field input[type="submit"], .yellow-button, .wpcf7-submit, .purple-button, .wistia_click_to_play { font-size:13px; padding:3px 12px; } .blog-item .yellow-button { margin-top: 25px; } .success-stories .arrows { display: none; } .elibility-text { font-size: 14px; } .break-video { padding: 34px 0% 0; } .event-date, .event-place { font-size: 16px; } .selector-navigation { padding: 10px 0 9px 0; } } @media (max-width: 500px) { .doctor-headshot { width: 84px; } .doctor-main-info h3 { font-size: 14px; margin-bottom: 5px; } .program-info { margin-bottom: 13px; font-size: 12px; } .doctor-main-info { width: calc(95% - 84px); } .locations-side h2#doctors { font-size: 17px; } .virtual-waiting-room-intro-text { margin-bottom: 25px; } .virtual-waiting-room-intro-text h1 { font-size: 20px; } .virtual-waiting-room-intro { font-size: 16px; } .virtual-waiting-room .individual-location { width: 100%!important; margin-right: unset; } .virtual-waiting-room .contact-content:nth-child(1) { padding-top: 65px; } .text-holder-bb-ar { font-size: 11px; } .bottom-announcement-text .button { margin-left: 8px; font-size: 11px; } .single-product.woocommerce .gform_wrapper .gfield_checkbox li { margin-bottom: 5px!important; } .gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after { font-size: 12px!important; } .single-product.woocommerce .gform_wrapper .gfield_checkbox li label { font-size: 13px!important; padding-left: 19px!important } .single-product.woocommerce .gform_wrapper .gfield_checkbox li label:before { height: 14px; width: 14px; border: 1px solid #fff; } .gform_wrapper label:not(.gfield_label_before_complex), .woocommerce-page label, .area-total h3 { font-size: 13px!important; } .single-product.woocommerce .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body.single-product.woocommerce .gform_wrapper select, .woocommerce-page select, .woocommerce-page input { font-size: 17px; } .payment-portal-shortcode button.button.alt { font-size: 17px!important; } body.single-product.woocommerce .gform_wrapper ul li.gfield.highlight, .wc_payment_method.payment_method_stripe { margin-bottom: 10px!important; } .single-product.woocommerce .gform_wrapper li.gfield.highlight input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 36px!important; } .gform_wrapper { margin-top: 0px!important; } body .gform_body li, .woocommerce .form-row:not(#billing_address_1_field) { margin-bottom: 30px!important; } body.single-product.woocommerce .gform_wrapper ul li.gfield.one-half, #billing_state_field, #billing_city_field, #billing_first_name_field, #billing_last_name_field { width: 100%!important; margin-left: 0px!important; margin-right: 0px!important; } .woocommerce-order-received .hero-area-blog-post { padding: 182px 0 5px; } .woocommerce ul.order_details { padding: 50px 10px; } .woocommerce ul.order_details li { font-size: 12px!important; margin-bottom: 20px!important; } .woocommerce ul.order_details li strong { font-size: 18px!important; } .sponsor-name { font-size: 11px; } .second-team { padding: 0 0 50px; } .page-description { font-size: 13px; } .page-result { font-size: 12px; } .result { margin-bottom: 15px; } .BBFormRadioItem.BBFormRadioGivingLevelItem .BBFormRadioDescription, .BBFormRadioItem.BBFormRadioGivingLevelItem .BBFormTextbox.BBFormGiftOtherAmount { font-size: 14px; } .full-width-video { margin: 0 auto 50px; } .top-donate-message-box p { margin-bottom: 17px; } .the-donate-form [id*=give-form] .give-recurring-donors-choice label { font-size: 12px; } #direct_my_funds-wrap .selector-wrap:before { height: 16px; width: 16px; background-size: 9px; top: 16px; } .honor-name.first, #give-first-name-wrap { padding-right: 0; } .honor-name.first { margin-bottom: 25px; } .give-submit { font-size: 20px; } #direct_my_funds-wrap select { font-size: 16px; } .give-form-wrap span { font-size: 20px; } .give_post_form-content { width: 100%; font-size: 15px; } .give-form-wrap fieldset, .give-donation-amount.form-row-wide, .selector-wrap { width: 100%; } .back-to-about-navigation { display: none!important; } .give_post_form-content { font-size: 14px; } .honor-name, #give-first-name-wrap, #give-last-name-wrap { width: 100%; } .give-donation-amount, .give-form-wrap .give-label, #give_checkout_user_info legend, .volunteer-label label { font-size: 15px; } .testimonial-image.slick-current:before { border: 4px solid #c83f7b; } .related-programs-icon-image { bottom: -90px; width: 79%; } .first-related .related-program-title { font-size: 25px; } .second-related .related-program-title, .third-related .related-program-title, .fourth-related .related-program-title { font-size: 18px; } .related-titling h2 { font-size: 36px; } .about-intro-blurb, .about-intro-blurb h2 { font-size:32px; } .about-intro-blurb:nth-child(1) { margin-bottom:6%; padding-right:10%; } .small-text-blurb { font-size:15px; margin-top:13px; } .the-team { padding: 75px 0 50px; } .featured-image .square { padding-top: 100%; } .am-box-text { font-size: 33px; margin-top: 14%; } .i-am { max-width: 95%; } .volunteer-form .newsletter-form-field { display: flex; display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .volunteer-form .one-third { width: 30%; } .volunteer-form .two-thirds { width: 70%; } .about-intro-image:nth-child(1) img { left: 41%; } .bio-maker { padding-top: 122%; } .team-name { font-size: 16px; } } @media (max-width: 440px) { .locations li { margin-bottom: 6px; } .related-programs-icon-image { width: 74%; } .individual-location { width: 100%; margin-right: 0; } .about-intro-blurb, .about-intro-blurb h2 { font-size: 24px; } .approach { padding: 60px 0; } .program-hero-copy-box h1, .program-hero-copy-box h2 { font-size: 30px; } .slider-internal-text { top: 66%; } .overlay ul li a { font-size:28px; } .second-related .related-program-text, .third-related .related-program-text, .fourth-related .related-program-text { font-size: 12px; } .about-intro-image:nth-child(1) img { top: 92px; width: 144px; left: 40%; } .about-intro-image:nth-child(2) img { width: 144px; } } @media (max-width: 430px) { .give-selector-box.volunteerish a.main-box-link .am-box-text, .give-selector-box a.main-box-link .am-box-text { font-size: 22px; } } @media (max-width: 400px) { .featured-image .square { padding-top: 113%; } .mob-crisis-button-button, .view-our-locations a { width: 100%; } } @media (max-width: 352px) { .accordion-sponsor .yellow-button.second-button { margin-left: 0; margin-top: 12px; } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *::before, *::after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } }