/*! Theme Name: Divi Theme URI: http://www.elegantthemes.com/gallery/divi/ Version: 4.27.4 Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection. Author: Elegant Themes Author URI: http://www.elegantthemes.com License: GNU General Public License v2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}blockquote{margin:20px 0 30px;border-left:5px solid;padding-left:20px}:focus{outline:0}del{text-decoration:line-through}pre{overflow:auto;padding:10px}figure{margin:0}table{border-collapse:collapse;border-spacing:0}article,aside,footer,header,hgroup,nav,section{display:block}body{font-family:Open Sans,Arial,sans-serif;font-size:14px;color:#666;background-color:#fff;line-height:1.7em;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-template-page-template-blank-php #page-container{padding-top:0!important}body.et_cover_background{background-size:cover!important;background-position:top!important;background-repeat:no-repeat!important;background-attachment:fixed}a{color:#2ea3f2}a,a:hover{text-decoration:none}p{padding-bottom:1em}p:not(.has-background):last-of-type{padding-bottom:0}p.et_normal_padding{padding-bottom:1em}strong{font-weight:700}cite,em,i{font-style:italic}code,pre{font-family:Courier New,monospace;margin-bottom:10px}ins{text-decoration:none}sub,sup{height:0;line-height:1;position:relative;vertical-align:baseline}sup{bottom:.8em}sub{top:.3em}dl{margin:0 0 1.5em}dl dt{font-weight:700}dd{margin-left:1.5em}blockquote p{padding-bottom:0}embed,iframe,object,video{max-width:100%}h1,h2,h3,h4,h5,h6{color:#333;padding-bottom:10px;line-height:1em;font-weight:500}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}input{-webkit-appearance:none}input[type=checkbox]{-webkit-appearance:checkbox}input[type=radio]{-webkit-appearance:radio}input.text,input.title,input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{background-color:#fff;border:1px solid #bbb;padding:2px;color:#4e4e4e}input.text:focus,input.title:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#2d3940;color:#3e3e3e}input.text,input.title,input[type=text],select,textarea{margin:0}textarea{padding:4px}button,input,select,textarea{font-family:inherit}img{max-width:100%;height:auto}.clear{clear:both}br.clear{margin:0;padding:0}.pagination{clear:both}#et_search_icon:hover,.et-social-icon a:hover,.et_password_protected_form .et_submit_button,.form-submit .et_pb_buttontton.alt.disabled,.nav-single a,.posted_in a{color:#2ea3f2}.et-search-form,blockquote{border-color:#2ea3f2}#main-content{background-color:#fff}.container{width:80%;max-width:1080px;margin:auto;position:relative}body:not(.et-tb) #main-content .container,body:not(.et-tb-has-header) #main-content .container{padding-top:58px}.et_full_width_page #main-content .container:before{display:none}.main_title{margin-bottom:20px}.et_password_protected_form .et_submit_button:hover,.form-submit .et_pb_button:hover{background:rgba(0,0,0,.05)}.et_button_icon_visible .et_pb_button{padding-right:2em;padding-left:.7em}.et_button_icon_visible .et_pb_button:after{opacity:1;margin-left:0}.et_button_left .et_pb_button:hover:after{left:.15em}.et_button_left .et_pb_button:after{margin-left:0;left:1em}.et_button_icon_visible.et_button_left .et_pb_button,.et_button_left .et_pb_button:hover,.et_button_left .et_pb_module .et_pb_button:hover{padding-left:2em;padding-right:.7em}.et_button_icon_visible.et_button_left .et_pb_button:after,.et_button_left .et_pb_button:hover:after{left:.15em}.et_password_protected_form .et_submit_button:hover,.form-submit .et_pb_button:hover{padding:.3em 1em}.et_button_no_icon .et_pb_button:after{display:none}.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button,.et_button_no_icon.et_button_left .et_pb_button:hover,.et_button_no_icon .et_pb_button,.et_button_no_icon .et_pb_button:hover{padding:.3em 1em!important}.et_button_custom_icon .et_pb_button:after{line-height:1.7em}.et_button_custom_icon.et_button_icon_visible .et_pb_button:after,.et_button_custom_icon .et_pb_button:hover:after{margin-left:.3em}#left-area .post_format-post-format-gallery .wp-block-gallery:first-of-type{padding:0;margin-bottom:-16px}.entry-content table:not(.variations){border:1px solid #eee;margin:0 0 15px;text-align:left;width:100%}.entry-content thead th,.entry-content tr th{color:#555;font-weight:700;padding:9px 24px}.entry-content tr td{border-top:1px solid #eee;padding:6px 24px}#left-area ul,.entry-content ul,.et-l--body ul,.et-l--footer ul,.et-l--header ul{list-style-type:disc;padding:0 0 23px 1em;line-height:26px}#left-area ol,.entry-content ol,.et-l--body ol,.et-l--footer ol,.et-l--header ol{list-style-type:decimal;list-style-position:inside;padding:0 0 23px;line-height:26px}#left-area ul li ul,.entry-content ul li ol{padding:2px 0 2px 20px}#left-area ol li ul,.entry-content ol li ol,.et-l--body ol li ol,.et-l--footer ol li ol,.et-l--header ol li ol{padding:2px 0 2px 35px}#left-area ul.wp-block-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;padding:0}#left-area ul.products{padding:0!important;line-height:1.7!important;list-style:none!important}.gallery-item a{display:block}.gallery-caption,.gallery-item a{width:90%}#wpadminbar{z-index:100001}#left-area .post-meta{font-size:14px;padding-bottom:15px}#left-area .post-meta a{text-decoration:none;color:#666}#left-area .et_featured_image{padding-bottom:7px}.single .post{padding-bottom:25px}body.single .et_audio_content{margin-bottom:-6px}.nav-single a{text-decoration:none;color:#2ea3f2;font-size:14px;font-weight:400}.nav-previous{float:left}.nav-next{float:right}.et_password_protected_form p input{background-color:#eee;border:none!important;width:100%!important;border-radius:0!important;font-size:14px;color:#999!important;padding:16px!important;-webkit-box-sizing:border-box;box-sizing:border-box}.et_password_protected_form label{display:none}.et_password_protected_form .et_submit_button{font-family:inherit;display:block;float:right;margin:8px auto 0;cursor:pointer}.post-password-required p.nocomments.container{max-width:100%}.post-password-required p.nocomments.container:before{display:none}.aligncenter,div.post .new-post .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;margin-bottom:10px;max-width:96%;padding:8px}.wp-caption.alignleft{margin:0 30px 20px 0}.wp-caption.alignright{margin:0 0 20px 30px}.wp-caption img{margin:0;padding:0;border:0}.wp-caption p.wp-caption-text{font-size:12px;padding:0 4px 5px;margin:0}.alignright{float:right}.alignleft{float:left}img.alignleft{display:inline;float:left;margin-right:15px}img.alignright{display:inline;float:right;margin-left:15px}.page.et_pb_pagebuilder_layout #main-content{background-color:transparent}body #main-content .et_builder_inner_content>h1,body #main-content .et_builder_inner_content>h2,body #main-content .et_builder_inner_content>h3,body #main-content .et_builder_inner_content>h4,body #main-content .et_builder_inner_content>h5,body #main-content .et_builder_inner_content>h6{line-height:1.4em}body #main-content .et_builder_inner_content>p{line-height:1.7em}.wp-block-pullquote{margin:20px 0 30px}.wp-block-pullquote.has-background blockquote{border-left:none}.wp-block-group.has-background{padding:1.5em 1.5em .5em}@media (min-width:981px){#left-area{width:79.125%;padding-bottom:23px}#main-content .container:before{content:"";position:absolute;top:0;height:100%;width:1px;background-color:#e2e2e2}.et_full_width_page #left-area,.et_no_sidebar #left-area{float:none;width:100%!important}.et_full_width_page #left-area{padding-bottom:0}.et_no_sidebar #main-content .container:before{display:none}}@media (max-width:980px){#page-container{padding-top:80px}.et-tb #page-container,.et-tb-has-header #page-container{padding-top:0!important}#left-area,#sidebar{width:100%!important}#main-content .container:before{display:none!important}.et_full_width_page .et_gallery_item:nth-child(4n+1){clear:none}}@media print{#page-container{padding-top:0!important}}#wp-admin-bar-et-use-visual-builder a:before{font-family:ETmodules!important;content:"\e625";font-size:30px!important;width:28px;margin-top:-3px;color:#974df3!important}#wp-admin-bar-et-use-visual-builder:hover a:before{color:#fff!important}#wp-admin-bar-et-use-visual-builder:hover a,#wp-admin-bar-et-use-visual-builder a:hover{transition:background-color .5s ease;-webkit-transition:background-color .5s ease;-moz-transition:background-color .5s ease;background-color:#7e3bd0!important;color:#fff!important}* html .clearfix,:first-child+html .clearfix{zoom:1}.iphone .et_pb_section_video_bg video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.et_mobile_device .et_pb_section_parallax .et_pb_parallax_css{background-attachment:scroll}.et-social-facebook a.icon:before{content:"\e093"}.et-social-twitter a.icon:before{content:"\e094"}.et-social-google-plus a.icon:before{content:"\e096"}.et-social-instagram a.icon:before{content:"\e09a"}.et-social-rss a.icon:before{content:"\e09e"}.ai1ec-single-event:after{content:" ";display:table;clear:both}.evcal_event_details .evcal_evdata_cell .eventon_details_shading_bot.eventon_details_shading_bot{z-index:3}.wp-block-divi-layout{margin-bottom:1em}*{-webkit-box-sizing:border-box;box-sizing:border-box}#et-info-email:before,#et-info-phone:before,#et_search_icon:before,.comment-reply-link:after,.et-cart-info span:before,.et-pb-arrow-next:before,.et-pb-arrow-prev:before,.et-social-icon a:before,.et_audio_container .mejs-playpause-button button:before,.et_audio_container .mejs-volume-button button:before,.et_overlay:before,.et_password_protected_form .et_submit_button:after,.et_pb_button:after,.et_pb_contact_reset:after,.et_pb_contact_submit:after,.et_pb_font_icon:before,.et_pb_newsletter_button:after,.et_pb_pricing_table_button:after,.et_pb_promo_button:after,.et_pb_testimonial:before,.et_pb_toggle_title:before,.form-submit .et_pb_button:after,.mobile_menu_bar:before,a.et_pb_more_button:after{font-family:ETmodules!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr}.et-pb-icon,.et_pb_custom_button_icon.et_pb_button:after,.et_pb_login .et_pb_custom_button_icon.et_pb_button:after,.et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button:after,.et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button:hover:after{content:attr(data-icon)}.et-pb-icon{font-family:ETmodules;speak:none;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:96px;font-style:normal;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;direction:ltr}#et-ajax-saving{display:none;-webkit-transition:background .3s,-webkit-box-shadow .3s;transition:background .3s,-webkit-box-shadow .3s;transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s,-webkit-box-shadow .3s;-webkit-box-shadow:rgba(0,139,219,.247059) 0 0 60px;box-shadow:0 0 60px rgba(0,139,219,.247059);position:fixed;top:50%;left:50%;width:50px;height:50px;background:#fff;border-radius:50px;margin:-25px 0 0 -25px;z-index:999999;text-align:center}#et-ajax-saving img{margin:9px}.et-safe-mode-indicator,.et-safe-mode-indicator:focus,.et-safe-mode-indicator:hover{-webkit-box-shadow:0 5px 10px rgba(41,196,169,.15);box-shadow:0 5px 10px rgba(41,196,169,.15);background:#29c4a9;color:#fff;font-size:14px;font-weight:600;padding:12px;line-height:16px;border-radius:3px;position:fixed;bottom:30px;right:30px;z-index:999999;text-decoration:none;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.et_pb_button{font-size:20px;font-weight:500;padding:.3em 1em;line-height:1.7em!important;background-color:transparent;background-size:cover;background-position:50%;background-repeat:no-repeat;border:2px solid;border-radius:3px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all!important;transition-property:all!important}.et_pb_button,.et_pb_button_inner{position:relative}.et_pb_button:hover,.et_pb_module .et_pb_button:hover{border:2px solid transparent;padding:.3em 2em .3em .7em}.et_pb_button:hover{background-color:hsla(0,0%,100%,.2)}.et_pb_bg_layout_light.et_pb_button:hover,.et_pb_bg_layout_light .et_pb_button:hover{background-color:rgba(0,0,0,.05)}.et_pb_button:after,.et_pb_button:before{font-size:32px;line-height:1em;content:"\35";opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all .2s;transition:all .2s;text-transform:none;-webkit-font-feature-settings:"kern" off;font-feature-settings:"kern" off;font-variant:none;font-style:normal;font-weight:400;text-shadow:none}.et_pb_button.et_hover_enabled:hover:after,.et_pb_button.et_pb_hovered:hover:after{-webkit-transition:none!important;transition:none!important}.et_pb_button:before{display:none}.et_pb_button:hover:after{opacity:1;margin-left:0}.et_pb_column_1_3 h1,.et_pb_column_1_4 h1,.et_pb_column_1_5 h1,.et_pb_column_1_6 h1,.et_pb_column_2_5 h1{font-size:26px}.et_pb_column_1_3 h2,.et_pb_column_1_4 h2,.et_pb_column_1_5 h2,.et_pb_column_1_6 h2,.et_pb_column_2_5 h2{font-size:23px}.et_pb_column_1_3 h3,.et_pb_column_1_4 h3,.et_pb_column_1_5 h3,.et_pb_column_1_6 h3,.et_pb_column_2_5 h3{font-size:20px}.et_pb_column_1_3 h4,.et_pb_column_1_4 h4,.et_pb_column_1_5 h4,.et_pb_column_1_6 h4,.et_pb_column_2_5 h4{font-size:18px}.et_pb_column_1_3 h5,.et_pb_column_1_4 h5,.et_pb_column_1_5 h5,.et_pb_column_1_6 h5,.et_pb_column_2_5 h5{font-size:16px}.et_pb_column_1_3 h6,.et_pb_column_1_4 h6,.et_pb_column_1_5 h6,.et_pb_column_1_6 h6,.et_pb_column_2_5 h6{font-size:15px}.et_pb_bg_layout_dark,.et_pb_bg_layout_dark h1,.et_pb_bg_layout_dark h2,.et_pb_bg_layout_dark h3,.et_pb_bg_layout_dark h4,.et_pb_bg_layout_dark h5,.et_pb_bg_layout_dark h6{color:#fff!important}.et_pb_module.et_pb_text_align_left{text-align:left}.et_pb_module.et_pb_text_align_center{text-align:center}.et_pb_module.et_pb_text_align_right{text-align:right}.et_pb_module.et_pb_text_align_justified{text-align:justify}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.et_pb_bg_layout_light .et_pb_more_button{color:#2ea3f2}.et_builder_inner_content{position:relative;z-index:1}header .et_builder_inner_content{z-index:2}.et_pb_css_mix_blend_mode_passthrough{mix-blend-mode:unset!important}.et_pb_image_container{margin:-20px -20px 29px}.et_pb_module_inner{position:relative}.et_hover_enabled_preview{z-index:2}.et_hover_enabled:hover{position:relative;z-index:2}.et_pb_all_tabs,.et_pb_module,.et_pb_posts_nav a,.et_pb_tab,.et_pb_with_background{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.et_pb_background_mask,.et_pb_background_pattern{bottom:0;left:0;position:absolute;right:0;top:0}.et_pb_background_mask{background-size:calc(100% + 2px) calc(100% + 2px);background-repeat:no-repeat;background-position:50%;overflow:hidden}.et_pb_background_pattern{background-position:0 0;background-repeat:repeat}.et_pb_with_border{position:relative;border:0 solid #333}.post-password-required .et_pb_row{padding:0;width:100%}.post-password-required .et_password_protected_form{min-height:0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_password_protected_form h1,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_password_protected_form h1{display:none}.et_pb_no_bg{padding:0!important}.et_overlay.et_pb_inline_icon:before,.et_pb_inline_icon:before{content:attr(data-icon)}.et_pb_more_button{color:inherit;text-shadow:none;text-decoration:none;display:inline-block;margin-top:20px}.et_parallax_bg_wrap{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.et_parallax_bg{background-repeat:no-repeat;background-position:top;background-size:cover;position:absolute;bottom:0;left:0;width:100%;height:100%;display:block}.et_parallax_bg.et_parallax_bg__hover,.et_parallax_bg.et_parallax_bg_phone,.et_parallax_bg.et_parallax_bg_tablet,.et_parallax_gradient.et_parallax_gradient__hover,.et_parallax_gradient.et_parallax_gradient_phone,.et_parallax_gradient.et_parallax_gradient_tablet,.et_pb_section_parallax_hover:hover .et_parallax_bg:not(.et_parallax_bg__hover),.et_pb_section_parallax_hover:hover .et_parallax_gradient:not(.et_parallax_gradient__hover){display:none}.et_pb_section_parallax_hover:hover .et_parallax_bg.et_parallax_bg__hover,.et_pb_section_parallax_hover:hover .et_parallax_gradient.et_parallax_gradient__hover{display:block}.et_parallax_gradient{bottom:0;display:block;left:0;position:absolute;right:0;top:0}.et_pb_module.et_pb_section_parallax,.et_pb_posts_nav a.et_pb_section_parallax,.et_pb_tab.et_pb_section_parallax{position:relative}.et_pb_section_parallax .et_pb_parallax_css,.et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:fixed}body.et-bfb .et_pb_section_parallax .et_pb_parallax_css,body.et-bfb .et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:scroll;bottom:auto}.et_pb_section_parallax.et_pb_column .et_pb_module,.et_pb_section_parallax.et_pb_row .et_pb_column,.et_pb_section_parallax.et_pb_row .et_pb_module{z-index:9;position:relative}.et_pb_more_button:hover:after{opacity:1;margin-left:0}.et_pb_preload .et_pb_section_video_bg,.et_pb_preload>div{visibility:hidden}.et_pb_preload,.et_pb_section.et_pb_section_video.et_pb_preload{position:relative;background:#464646!important}.et_pb_preload:before{content:"";position:absolute;top:50%;left:50%;background:url(et_divi/includes/builder/styles/images/preloader.gif) no-repeat;border-radius:32px;width:32px;height:32px;margin:-16px 0 0 -16px}.box-shadow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.et_pb_section>.box-shadow-overlay~.et_pb_row{z-index:11}body.safari .section_has_divider{will-change:transform}.et_pb_row>.box-shadow-overlay{z-index:8}.has-box-shadow-overlay{position:relative}.et_clickable{cursor:pointer}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.et_multi_view_hidden,.et_multi_view_hidden_image{display:none!important}@keyframes multi-view-image-fade{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}.et_multi_view_image__loading{visibility:hidden}.et_multi_view_image__loaded{-webkit-animation:multi-view-image-fade .5s;animation:multi-view-image-fade .5s}#et-pb-motion-effects-offset-tracker{visibility:hidden!important;opacity:0;position:absolute;top:0;left:0}.et-pb-before-scroll-animation{opacity:0}header.et-l.et-l--header:after{clear:both;display:block;content:""}.et_pb_module{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes fadeBottom{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeBottom{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.et-waypoint:not(.et_pb_counters){opacity:0}@media (min-width:981px){.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module.et-last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module:last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module.et-last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module:last-child,.et_pb_section div.et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_pb_section div.et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0}}@media (max-width:980px){.et_overlay.et_pb_inline_icon_tablet:before,.et_pb_inline_icon_tablet:before{content:attr(data-icon-tablet)}.et_parallax_bg.et_parallax_bg_tablet_exist,.et_parallax_gradient.et_parallax_gradient_tablet_exist{display:none}.et_parallax_bg.et_parallax_bg_tablet,.et_parallax_gradient.et_parallax_gradient_tablet{display:block}.et_pb_column .et_pb_module{margin-bottom:30px}.et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_pb_row .et_pb_column .et_pb_module:last-child,.et_section_specialty .et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_section_specialty .et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0}.et_pb_more_button{display:inline-block!important}.et_pb_bg_layout_light_tablet.et_pb_button,.et_pb_bg_layout_light_tablet.et_pb_module.et_pb_button,.et_pb_bg_layout_light_tablet .et_pb_more_button{color:#2ea3f2}.et_pb_bg_layout_light_tablet .et_pb_forgot_password a{color:#666}.et_pb_bg_layout_light_tablet h1,.et_pb_bg_layout_light_tablet h2,.et_pb_bg_layout_light_tablet h3,.et_pb_bg_layout_light_tablet h4,.et_pb_bg_layout_light_tablet h5,.et_pb_bg_layout_light_tablet h6{color:#333!important}.et_pb_module .et_pb_bg_layout_light_tablet.et_pb_button{color:#2ea3f2!important}.et_pb_bg_layout_light_tablet{color:#666!important}.et_pb_bg_layout_dark_tablet,.et_pb_bg_layout_dark_tablet h1,.et_pb_bg_layout_dark_tablet h2,.et_pb_bg_layout_dark_tablet h3,.et_pb_bg_layout_dark_tablet h4,.et_pb_bg_layout_dark_tablet h5,.et_pb_bg_layout_dark_tablet h6{color:#fff!important}.et_pb_bg_layout_dark_tablet.et_pb_button,.et_pb_bg_layout_dark_tablet.et_pb_module.et_pb_button,.et_pb_bg_layout_dark_tablet .et_pb_more_button{color:inherit}.et_pb_bg_layout_dark_tablet .et_pb_forgot_password a{color:#fff}.et_pb_module.et_pb_text_align_left-tablet{text-align:left}.et_pb_module.et_pb_text_align_center-tablet{text-align:center}.et_pb_module.et_pb_text_align_right-tablet{text-align:right}.et_pb_module.et_pb_text_align_justified-tablet{text-align:justify}}@media (max-width:767px){.et_pb_more_button{display:inline-block!important}.et_overlay.et_pb_inline_icon_phone:before,.et_pb_inline_icon_phone:before{content:attr(data-icon-phone)}.et_parallax_bg.et_parallax_bg_phone_exist,.et_parallax_gradient.et_parallax_gradient_phone_exist{display:none}.et_parallax_bg.et_parallax_bg_phone,.et_parallax_gradient.et_parallax_gradient_phone{display:block}.et-hide-mobile{display:none!important}.et_pb_bg_layout_light_phone.et_pb_button,.et_pb_bg_layout_light_phone.et_pb_module.et_pb_button,.et_pb_bg_layout_light_phone .et_pb_more_button{color:#2ea3f2}.et_pb_bg_layout_light_phone .et_pb_forgot_password a{color:#666}.et_pb_bg_layout_light_phone h1,.et_pb_bg_layout_light_phone h2,.et_pb_bg_layout_light_phone h3,.et_pb_bg_layout_light_phone h4,.et_pb_bg_layout_light_phone h5,.et_pb_bg_layout_light_phone h6{color:#333!important}.et_pb_module .et_pb_bg_layout_light_phone.et_pb_button{color:#2ea3f2!important}.et_pb_bg_layout_light_phone{color:#666!important}.et_pb_bg_layout_dark_phone,.et_pb_bg_layout_dark_phone h1,.et_pb_bg_layout_dark_phone h2,.et_pb_bg_layout_dark_phone h3,.et_pb_bg_layout_dark_phone h4,.et_pb_bg_layout_dark_phone h5,.et_pb_bg_layout_dark_phone h6{color:#fff!important}.et_pb_bg_layout_dark_phone.et_pb_button,.et_pb_bg_layout_dark_phone.et_pb_module.et_pb_button,.et_pb_bg_layout_dark_phone .et_pb_more_button{color:inherit}.et_pb_module .et_pb_bg_layout_dark_phone.et_pb_button{color:#fff!important}.et_pb_bg_layout_dark_phone .et_pb_forgot_password a{color:#fff}.et_pb_module.et_pb_text_align_left-phone{text-align:left}.et_pb_module.et_pb_text_align_center-phone{text-align:center}.et_pb_module.et_pb_text_align_right-phone{text-align:right}.et_pb_module.et_pb_text_align_justified-phone{text-align:justify}}@media (max-width:479px){a.et_pb_more_button{display:block}}@media (min-width:768px) and (max-width:980px){[data-et-multi-view-load-tablet-hidden=true]:not(.et_multi_view_swapped){display:none!important}}@media (max-width:767px){[data-et-multi-view-load-phone-hidden=true]:not(.et_multi_view_swapped){display:none!important}}.et_pb_menu.et_pb_menu--style-inline_centered_logo .et_pb_menu__menu nav ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@-webkit-keyframes multi-view-image-fade{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}/* Theme Name: LGBTCoupleCounselling Description: Couple Counselling services for LGBT (Child theme based upon the DIVI 2 theme from Elegant Themes). Author: Cybershrink Author URI: http://Cybershrink.co.uk/ Template: et_divi Version: 2.0 */ :root { --highlight_color: #177fd5; --highlight_color_level2: #2600fc; --highlight_color_level3: #88d9ff; --highlight_color_level4: #249bfc; --highlight_color_level5: cyan; --highlight_color_level6: #71addd; --highlight_color_level7: #106ab4; --highlight_color_reverse: #865F09; --highlight_color_heroslider: #5dcaf5; --lowlight_color: #0b5ba5; --lowlight_color_level2: black; --bg_blue_light: rgba(4, 142, 255, 0.12) /*#ccf0ff*/; --bg_orange_light: rgba(252, 175, 31, 0.849); --bg_whitegrey_light: rgba(255, 255, 255, 1); --anchorline_standard: #f29f06 /*orange*/; /* --highlight_color */ --anchorline_standard_darker: #d17600; --anchorline_dark: #000; --anchorline_light: #FFF; --anchorline_footer: #f9ff00; --fs-100: 0.7rem; --fs-200: 0.8rem; --fs-300: 0.9rem; --fs-400: 1rem; --fs-600: 1.125rem; --fs-800: 1.25rem; --fs-h1: clamp(2rem, 1.8vw + 1rem, 4rem); --fs-h2: clamp(1.75rem, 1.00vw + 1rem, 2.1rem); --fs-h3: clamp(1.3rem, 1.05vw + 1rem, 1.5rem); --fs-h4: clamp(1rem, 1.0vw + 1rem, 1.2rem); --fs-noticeme: clamp(1rem, calc(var(--fs-h3)*0.9), 1.5rem); } /* View Transitions */ ::view-transition-old(header-item1), ::view-transition-new(header-item1), ::view-transition-old(header-item2), ::view-transition-new(header-item2) { animation-duration: 1s; /*animation: none;*/ /*mix-blend-mode: normal;*/ } ::view-transition-old(root) { animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left; } ::view-transition-new(root) { animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right; } /* Important stuff here to override our "above the fold" back in functions.php */ #main-header {opacity:1} #toc_container{opacity:1} /* Basic font size */ body, input, textarea, select { font-family: 'Lato', 'Droid Sans', Helvetica,Arial,Lucida, sans-serif !important; /* a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var { */ font-size:var(--fs-400) !important; /* really? important?? June 2025 - yes, important so that we overrride the et-core-unified-16222-cached-inline-styles styles */ } span.nobr { white-space: nowrap; } sup { font-size:80%; position: relative; top: -0.5em; } span.tinyspace { height:1px; width:1px; display:inline-block; } mark { background-color: rgba(0,0,0,0); color: inherit; } /* Stop the menu bar from flashing white by placing this very high o.O */ #main-header, #main-header .nav li ul, .et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form, div.et_pb_fullwidth_menu { /* Google says this background isn't dark enough for the "7 minutes remaining" text */ /*background-color: rgba(29,146,196, 1) !important;*/ background-color: rgb(12, 126, 177) !important; } /* div.et_pb_fullwidth_menu { background-color: rgba(29,146,196, 0.87) !important; } */ blockquote { /* rgba(255 193 100 / 40% or 60%) */ margin: 20px 0px 30px 0; padding: 1em 20px 1em 20px; /*linear-gradient(-217deg, #ffc164 12%, rgba(255,157,0,0) 35%);*/ border-radius: 10px; border: none; color:black; box-shadow: 4px 4px 7px rgb(196 149 78 / 30%); } blockquote p { line-height: 1.6em; } blockquote strong:not(.blue) { color: black; } blockquote.service_intro_blurb { --bgcolorpc: 9%; --bgwhitepc: 30%; background: linear-gradient(to right bottom, rgb(255 174 58 / 45%) var(--bgcolorpc), rgba(255,255,255,0.5) var(--bgwhitepc)), linear-gradient(to left top, rgb(255 174 58 / 85%) var(--bgcolorpc), rgba(255,255,255,1) var(--bgwhitepc)); border: #dd9933 solid 1px; box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06), inset 4px 0 0 var(--anchorline_standard); } blockquote.service_intro_blurb p { margin-bottom:1em; /*font-size:95%;*/ line-height: 1.5em; } blockquote.service_intro_blurb p { text-shadow: 2px 2px 3px white; } /* Add some style with an icon */ blockquote.service_intro_blurb:not(.noicon)::before { /* :not(.quote) */ content: "\1F4A1\a0\a0"; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); float: left; position:relative; top: 0; left: -25px; height:1em; font-size:40px; width:26px; } /* blockquote.noicon::before { content: ""; } */ blockquote a { color: #b71806 !important; } /* https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count */ div#prehero, div#hero { will-change: transform; transform: translateZ(0); } .darimage_pop, .subpagehero .et_pb_fullwidth_header { background-image: linear-gradient(180deg,#4723aa 0%,#2b87da 100%) !important; padding-bottom:1em; } .darimage_pop .et_pb_row, .subpagehero .et_pb_fullwidth_header_container > div.header-content-container, .single .et_pb_section.et_pb_fullwidth_section .et_pb_title_container { background-image: linear-gradient(180deg,#2b87da 0%,#381575 100%); border-radius: 16px; box-shadow: 2px 2px 5px rgb(0 0 0 / 40%); border-left: 2px solid aqua; border-top: 2px solid aqua; align-items: center; /* needs equalize column heights switched on to work */ } /* make my image pop sligtly out of the screen*/ .darimage_pop .et_pb_row .et_pb_column_0 { width:77%; margin-right:0; } .darimage_pop .et_pb_row .et_pb_column_1 { right: -17px; } .darimage_pop .et_pb_row .et_pb_column_1 .et_pb_image img { filter: drop-shadow(13px 17px 10px #333); } .subpagehero .et_pb_fullwidth_header_container > div.header-content-container { margin-top: 2em; } .subpagehero .et_pb_fullwidth_header_container > div.header-content-container div.header-content > img { margin-top:0; } /* Seems to be the .et_parallax_bg moved downwards top: -157px */ /**************************/ /* Fonts that are loaded but not used by Divi ... o.O */ h1, h2, h3, h4, h5, h6 { /*font-family: 'Lato', 'Droid Sans',sans-serif !important;*/ font-family: 'Libre Franklin',Helvetica,Arial,Lucida,sans-serif !important; } h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 400; } h1 { line-height:1.1em; font-size: var(--fs-h1); } h2, h3, h4 { line-height: 1.2em; } h2.inline, h3.inline, h4.inline { display:inline !important; } h2.inline + p, h3.inline + p, h4.inline + p { display: inline !important; } h2.inline + p::before, h3.inline + p::before, h4.inline + p::before { content: " "; } h2.inline::before, h3.inline::before, h4.inline::before { content: ' '; display: block; margin-top: 0.5em; } h2.inline:first-child::before, h3.inline:first-child::before, h4.inline:first-child::before { margin-top:0; } h2.nbm, h3.nbm, h4.nbm { margin-bottom:0; } blockquote.service_intro_blurb h3 { margin-top:0; } blockquote.service_intro_blurb h3 + p { line-height: 1.3em } h2 { /* border-left: 5px solid var(--highlight_color); padding-left: 0.5rem; */ border-bottom: 1px solid var(--highlight_color); padding-bottom: 0; margin-bottom: 0.5em; font-size: var(--fs-h2); } h3, #CTA_FAQ p.heading, #CTA_GCC p.heading { /*.body_size*/ font-size:var(--fs-h3); font-weight: normal; margin-top: 1em; display: block !important; margin-bottom: 8px; padding-bottom: 0; } h3, .h3_borderstyle { /* Fancy border based on H2*/ border-bottom-width: 1px; border-style: solid; border-image: linear-gradient( to right, var(--highlight_color), rgba(0, 0, 0, 0) 90% ) 0 0 100%; } h3::after, h2.ellipses::after /*.body_size:after*/ { content:"…"; } h3.question::after { content:"…?"; } h3.exclamation::after { content:"…!"; } /* Prevent the ellipses falling off the end when we arrive during PagePosition.js */ h3.noafterellipses::after, h3.plain::after, h3.iCHashAnimating::after { content:""; } h3 em { /*.body_size*/ color: var(--highlight_color); } h3.notopspace { margin-top:0; } h3.plain { border: none; font-size: initial; } h3.bold { font-weight: bold; } h3.fs-400 { font-size: var(--fs-400); } h4 { font-size:var(--fs-h4); font-weight:500; margin-top:1em; } /* H2 which are NOT to have the underline */ .subpagehero h2, .et_pb_toggle_close h2, .et_pb_toggle h3 { border:none; padding-bottom:initial; margin-bottom:initial; } .subpagehero h2 { padding-bottom: 0.4em; } /************************************************** * Modernised headings */ body:not(.archive):not(.single) h2:not(.et_pb_toggle_title) { /* box-shadow: inset 0 0 0 1px rgba(53,86,129, 0.4), inset 0 0 5px rgba(53,86,129, 0.5), inset -285px 0 35px white; */ border-left: 1px solid var(--highlight_color_level6); border-bottom: 1px solid var(--highlight_color_level6); box-shadow: inset 19px -8px 20px 4px rgb(255 255 255 / 53%); border-radius: 0 10px 0 10px; padding: 8px; padding-left: 55px; position: relative; background: url("/wp-content/uploads/sites/5/2024/03/RainbowHeading.png") no-repeat center left; background-size: 150px 100%; margin-top:1em; text-shadow: 2px 2px 2px rgba(255,255,255,0.8); } body.home:not(.archive):not(.single) h2:not(.et_pb_toggle_title) { margin-top:inherit; } /* h2::before { content: "\01F3F3 \0FE0F \0200D \01F308"; }*/ @media screen and (max-width: 980px) { body:not(.archive):not(.single) h2:not(.et_pb_toggle_title) { padding: 2px 0px 4px 45px; background-size: 120px 100%; } } #page_header div.et_pb_fullwidth_header_container.center h2 { font-size: var(--fs-h2); font-weight: 400; } /* Make the hero burb text a little more compact */ #page_header div.et_pb_fullwidth_header_container span.et_pb_fullwidth_header_subhead, #page_header div.et_pb_fullwidth_header_container .et_pb_fullwidth_header_subhead p { font-size: var(--fs-300) !important; line-height: 1.3em !important; } /*... and prettier https://developer.chrome.com/blog/css-text-wrap-pretty There's also text-wrap: balance, which doesn't prevent orphans, but does ensure the text wraps in a way that creates a harmonious text block. I personally use balance for headlines and pretty for paragraphs. */ h1 { text-wrap: balance; } #page_header > div.et_pb_fullwidth_header_container span.et_pb_fullwidth_header_subhead { text-wrap: pretty; } /* Quotation marks */ img.quotation { position: relative; height: 2.5vw; width: 2.5vw; top: 1.1em; } img.quotation.small { height: 1.5vw; width: 1.5vw; top: 0; } img.quotation.q_left { right:1em; } img.quotation.q_right { transform:rotate(180deg); left:1em; } /* Shimmer effect https://codepen.io/liuzenan/pen/nCJpo */ /* .shimmer { display: inline-block; color:var(--highlight_color_level3); background: var(--highlight_color_heroslider) -webkit-gradient(linear, 100% 0, 0 0, from(var(--highlight_color_heroslider)), color-stop(0.5, #ffffff), to(var(--highlight_color_heroslider))); background-position: -4rem top; background-repeat: no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation-name: shimmer; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-background-size: 4rem 100%; background-clip: text; animation-name: shimmer; animation-duration: 4s; animation-iteration-count: infinite; background-size: 4rem 100%; } @keyframes shimmer { 0% { background-position: -4rem top; } 70% { background-position: 45rem top; } 100% { background-position: 45rem top; } } */ /* Basic improvements */ .et_pb_bg_layout_dark h1 { color: var(--highlight_color_level3) !important; font-weight: 400; text-shadow: 2px 2px 5px rgba(0,0,0,0.7); } strong, ol > li::marker { color: var(--highlight_color); font-weight: bold; } .reverse_colours strong, .reverse_colours p.preheading { color: var(--highlight_color_reverse) !important; } h1 strong, h2 strong, h3 strong, h4 strong { filter:brightness(0.85); } body #hero strong, body #page_header strong { color: var(--highlight_color_level3); } /* #hero strong, #page_header strong { color: white; transition: color 5s ease-in-out; transition-delay: 2s; } body.loaded #hero strong, body.loaded #page_header strong { color: var(--highlight_color_level3); } */ p.noticeme { font-size: var(--fs-noticeme); } div.LocationCTA { font-size: var(--fs-noticeme); margin-bottom: 1em; padding: 1em 1em 2.5em; } div.LocationCTA p { line-height:1.4em; } div.LocationCTA .et_pb_button { top: 1.5em; } div.LocationCTA span#title { font-weight: bold; color: var(--highlight_color); } div.LocationCTA span#title::after { content: "IN NEED OF OUR SERVICES NOW...?" /*"DON'T WANT TO WAIT FOR THE MOVE?";*/ } #LocationsFooter strong { color: white; } /* Helps with margins on the section.hightlight we're trying */ body.page { background-image: url(/wp-content/uploads/sites/5/2021/04/Rect41361-1px.png) !important; background-size: 100% 100% !important; } body.page .et_pb_section.section_has_divider.fadedgreybg { background-image: none !important; } /* Trying to address a bug with the background */ /* body.page .et_pb_section.section_has_divider { background-color: #ebf7ff !important; } */ body.single { background-image: none !important; background-size: initial !important; } body.single .et_pb_section.section_has_divider { /*background-image: none !important;*/ padding-inline: 2em; } /* Blog - Article Box Spacing */ body.archive.category div#main-content article { margin-bottom: 25%; } /* Search/Archive - image improvements */ body:not(.category-blog).archive a.entry-featured-image-url > img, body.search :not(.et_builder_inner_content) a.entry-featured-image-url > img { border-radius: 16px; box-shadow: 3px 3px 4px rgb(0 0 0 / 50%); } /* PAge numbering */ #left-area > div.wp-pagenavi { margin-bottom:2em; } .wp-pagenavi span.pages { background-color: black; color: white; } .wp-pagenavi a, .wp-pagenavi span { padding-bottom: 5px !important; margin-right: 6px !important; } :root { --steps_opacity: 15%; --steps_indent: 34px; } div.sliding_steps li.fadeIn { opacity:var(--steps_opacity); } div.et_had_animation div.sliding_steps li.fadeIn { --animation_delay: 0.5s; --animation_delay_increment: 0.75s; animation: fadeIn 2.0s; animation-fill-mode: forwards; animation-delay: var(--animation_delay); animation-timing-function: ease-out; } div.et_had_animation div.sliding_steps li.fadeIn { &.delay_1 { animation-delay: calc(var(--animation_delay) + calc(var(--animation_delay_increment)*1)); } &.delay_2 { animation-delay: calc(var(--animation_delay) + calc(var(--animation_delay_increment)*2)); } &.delay_3 { animation-delay: calc(var(--animation_delay) + calc(var(--animation_delay_increment)*3)); } &.delay_4 { animation-delay: calc(var(--animation_delay) + calc(var(--animation_delay_increment)*4)); } &.delay_5 { animation-delay: calc(var(--animation_delay) + calc(var(--animation_delay_increment)*5)); } } @keyframes fadeIn { 0% { opacity: 40%; } /*calc(var(--steps_opacity) * 3)*/ 100% { opacity: 1; } } ol.steps { counter-reset: step-counter; list-style: none; } ol.steps li { padding-bottom: 0.5em ; text-align: left; margin-left: var(--steps_indent); } ol.steps li::before { margin-left: calc(var(--steps_indent) * -1); counter-increment: step-counter; content: counter(step-counter); font-weight:bold; border:2px solid var(--highlight_color); border-radius: 2em; padding: 0.2ch 0.7ch; margin-right: 0.7ch; background-color: var(--highlight_color_level3); color:black; } /***************** Flex Page logo - side by side with H1 ***********************/ /* This line is intended to hide the header while we manipulate it - but draws bad LCP on Google */ /* body:not(.et-fb):not(.home) div.header-content:first-child {opacity: 0;} */ /* LCP Improvement? */ #page_header > div.et_pb_fullwidth_header_container > div.header-content-container > div.header-content > img /*, #PostTitleHeader > div.et_pb_title_container > img */{ float:left; margin-right:10px; } #page_header > div.et_pb_fullwidth_header_container.center > div.header-content-container > div.header-content > span.et_pb_fullwidth_header_subhead { clear:both; padding-top:1em; } /* Reorder elements in blog post header - https://stackoverflow.com/questions/7425665/switching-the-order-of-block-elements-with-css */ #PostTitleHeader > div.et_pb_title_container { display:flex; flex-flow: column; } #PostTitleHeader > div.et_pb_title_container > img { order:1; } #PostTitleHeader > div.et_pb_title_container > div.ccfic { order: 5; } #PostTitleHeader > div.et_pb_title_container > h1 { order: 2; } #PostTitleHeader > div.et_pb_title_container > #postblurb { order: 3; } #PostTitleHeader > div.et_pb_title_container > p.et_pb_title_meta_container { order: 4; } .pageLogo-Parent { display: flex; align-items: center; justify-content: center; margin-block: 1.5em; opacity: 1; /*animation: pageLogo-fadeIn 1s; - LCP ?*/ /*transition: all 1s;*/ } @keyframes pageLogo-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .pageLogo-Child { flex: 1; /*border: 2px solid blueviolet;*/ /*margin-right: 20px;*/ } body.single div.pageLogo-Parent { margin-inline:5%; } .pageLogo-Child.logo { flex: 0.5; margin-right: 20px; } .pageLogo-Child.logo img { box-shadow: 3px 3px 4px rgb(0 0 0 / 50%); } .pageLogo-Child.logo img.replaced { box-shadow: none; width:90%; } .pageLogo-Child.header1 { flex: 1.5; } .pageLogo-Child.header1 h1 { padding-block: 0; } /* Override settings from elsewhere */ /* LCP ? */ div.header-content img.header-logo, div.header-content h1 { opacity:1; /* opacity: 0; */ } body.home .pageLogo-Child.logo img, body.home #hero img, body.home h1, body.et-fb div.header-content img.header-logo, body.et-fb div.header-content h1 { opacity: 1 !important; } div.header-content .pageLogo-Parent img.header-logo, div.header-content .pageLogo-Parent h1 { opacity:1; } div.header-content img.header-logo, div.header-content h1 { transition: opacity 1s ease-in-out !important; } div.header-content .pageLogo-Child img.header-logo { margin-top:0; } .pageLogo-Parent h1 { font-size: calc(var(--fs-h1) * 0.95); } /***********************************/ @media only screen and ( max-width: 980px ) { body.single .et_pb_section.section_has_divider { padding-inline:0; } .et_pb_section.section_has_divider .et_pb_top_inside_divider { /* A bug in Firefox repeats the divider on the y-axes on Smartphone */ background-repeat: no-repeat; } } /* highlighted sections - fix a bug with the background*/ /* body.page .et_pb_section.section_has_divider, body.single .et_pb_section.section_has_divider { background-color:#ebf7ff !important; } */ /**********************************************************/ body.page .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { width: 85%; max-width: 1000px; margin: 2em auto 3em; } body.page .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content > img, #PostTitleHeader > div.et_pb_title_container > img { /* We need the > img as img:first-child doesn't capture the logo */ width:25vw; max-width: 250px; /*300px;*/ min-width: 100px; height: auto; /*filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.7));*/ } #page_header > div.et_pb_fullwidth_header_container /*> div > div > */ img.header-logo, div.header-content img.header-logo { /* Transition for when we change the logo on the fly */ /*opacity:0; LCP */ transition: all ease-in-out 0.5s; transition-property: opacity, width, height; width: 300px; height: 178px !important; /*max-width: initial !important;*/ overflow: hidden; border-radius: 12px; /*background-image: url("/wp-content/uploads/sites/5/2024/04/LGBTCoupleCounsellingRings-300px-sq2.png");*/ /*url(/wp-content/uploads/sites/5/2021/07/LGBTCoupleCounsellingRings-300px-sq.png);*/ background-image: none; background-position: -500px; background-repeat: no-repeat; background-size: contain; } /* Transition for Post logo */ #PostTitleHeader div.et_pb_title_container img { transition: all ease-in-out 0.5s; transition-property: opacity, width, height; border-radius: 12px; filter: drop-shadow(2px 4px 6px rgba(0,0,0,.7)); height: 148.3px; width: 250px; } /** * Divi Theme Builder improvements */ div.et_pb_post_title.et_pb_featured_bg > div.et_pb_title_container { margin-top:2em; } div.et_pb_post_title.et_pb_featured_bg p.et_pb_title_meta_container { padding-bottom: 1.5em; } /* Video "open me for info on preparations" Learn more box */ #toggle_video_preparation > h2::before { opacity:1; color:white; animation-name: attentionglow; animation-duration: 2s; animation-iteration-count: infinite; } #toggle_video_preparation > h2:hover::before { animation-name: unset; } /* Change the (+) icon to double down arrow - https://divilover.com/how-to-change-the-icon-in-the-divi-toggle-to-animated-arrow/*/ .et_pb_toggle_title::before, .et_pb_toggle_open .et_pb_toggle_title::before { content: "\37" !important; border-radius: 1em; border: 2px solid white; padding: 1px; margin-top: -0.65em; } .et_pb_toggle_title::before { transition: all .3s; } .et_pb_toggle_open .et_pb_toggle_title::before { transform: rotate(180deg); color:black !important; animation-name: unset !important; border-color: black !important; } h2.et_pb_toggle_title { transition: color 0.25s ease-out; font-size:var(--fs-h3); } h2.et_pb_toggle_title:hover { color: var(--highlight_color_heroslider) !important; } /* Blog category archive list - fix the menu */ body.category #main-header { transform: none !important; opacity: 1 !important; } body.category #main-content > div.container { padding-top:100px; } /* How to hide the V3 Recaptcha Badge */ /* This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. */ .grecaptcha-badge { visibility: hidden !important; display: none !important; } div.last_updated { display:none; } div.et_pb_map_container { box-shadow:4px 4px 20px rgba(0,0,0,0.5) } div.et_pb_code.et_pb_map_container .et_pb_code_inner iframe { width: 100%; aspect-ratio: 16/10; /* NB the height to allow Maps to add a title widget */ } .entry-title, .et_pb_title_container h1 { line-height:1.3em; } /* Help with fudging the top titles */ .et_pb_fullwidth_header .header-content p { text-align:center; } /* body.home div.firsttitle h2, body.home div.firsttitle p { display:inline; } body.home div.firsttitle h2 { font-size: 100%; font-weight: bold; } body.home div.firsttitle p:first-child { margin-left:-4px !important; } */ a.et_pb_button { box-shadow: 4px 4px 8px rgba(0,0,0,0.6); text-shadow: 2px 2px 4px rgba(0,0,0,0.6); background: rgb(207,121,16); background: linear-gradient(131deg, rgba(207,121,16,1) 0%, rgba(207,121,16,1) 20%, rgba(243,170,61,1) 50%, rgba(207,121,16,1) 80%, rgba(207,121,16,1) 100%); } a.et_pb_button:hover { text-shadow: 1px 1px 1px rgba(0,0,0,0.4) !important; box-shadow:2px 2px 4px rgba(0,0,0,0.4) !important; background: rgb(244,200,88); background: linear-gradient(153deg, rgb(236, 175, 83) 0%, rgba(240,140,18,1) 50%, rgb(236, 175, 83) 100%); } /* Post Comment button - submit and reply */ button.submit.et_pb_button, a.comment-reply-link.et_pb_button { color:yellow !important; padding: 4px 8px; font-size: var(--fs-400); } button.submit.et_pb_button:hover, a.comment-reply-link.et_pb_button:hover{ color:black !important; } /* Smaller buttons & Dean's History */ a.et_pb_button#dean_history_button, a.et_pb_button.et_pb_smallerbutton { font-size: calc(var(--fs-400) * 0.75); } a.et_pb_button.et_pb_smallerbutton::after { line-height: 1.0em; } /* Header logo */ /* Or just load a smaller size logo! div.header-content img.header-logo{ max-width:250px !important; } */ /* Contact form */ #contact p.availability_message { color:var(--highlight_color); font-style:normal; } #contact .general_message { display:none; } div.contact_form { & .jurisdiction { font-size: var(--fs-300); line-height: 1.3em; } & .email_timestamp { display:none; } } form.wpcf7-form div.left, form.wpcf7-form div.right { padding: 8px 8px 12px 8px; border-radius: 12px; border: dotted darkgrey; width:49% !important; } form.wpcf7-form div.left { margin-right:1.5% !important; } .wpcf7-not-valid-tip { background-color: yellow; padding-inline: 1ch; outline: 1px solid red; font-weight: bold !important; margin-block:0.5em 1em; display: inline-block !important; /*margin-left: 1ch;*/ } .wpcf7-form-control-wrap { & input, & textarea { margin-right: 1ch; } } form.wpcf7-form #contact_group textarea[name="partner-list"] { height:150px; } form#formchoice { margin-block:2em; border-top: 1px solid grey; border-left: 1px solid grey; padding:8px; border-radius:12px; background-color: rgba(128,128,128,0.15); background: linear-gradient(170deg, rgba(128,128,128,0.15) 32%, rgba(255,255,255,0) 70%); & label { white-space: nowrap; } } p.counselling_locations_service_summary, div#CTA_FAQ, div#CTA_GCC { text-align:center !important; color: white; text-shadow: 2px 2px 1px rgba(0,0,0,0.75); margin-bottom: 2em; } p.counselling_locations_service_summary a { color: var(--highlight_color_level3); text-decoration: none; border-bottom: 1px dotted var(--highlight_color_level3); } p.counselling_locations_service_summary a:hover { border-bottom:none; color: var(--anchorline_footer); } div#DrivingRoute { padding:0 10px; margin-bottom:10px } span.travel_town { font-weight:bold; display:block; } span.travel_town::after { content: "…"; } span.travel_miles { display:inline-block; text-align:right; } span.travel_miles::after { content: " miles"; } span.travel_time{ display:inline-block; text-align:left; font-style:italic; } span.travel_time::before { content: "("; } span.travel_time::after { content: " minutes)"; } /* Addthis WhatsNext */ div#at4-whatsnext { box-shadow: 0 0 4px 2px red, 0 0 4px 6px orange, 0 0 4px 9px yellow, 0 0 4px 10px lime, 0 0 4px 12px cyan, 0 0 4px 13px blue, 0 0 4px 15px purple; border-top-left-radius:12px; right:15px; margin-bottom:15px !important; } div.at4-recommended-container.at4-recommended-horizontal { padding-top:0 !important; } div#LocationsFooter div.addthis_recommended_horizontal div.at-h3.at-recommended-label, div#LocationsFooter span.at-branding-addthis { color: white; } div#LocationsFooter div.addthis_recommended_horizontal div.at4-recommended-container.at4-recommended-horizontal { text-align:center; } div#LocationsFooter div.at4-recommended-item.at4-recommended-div-item { width: 150px; padding: 5px 5px; border-radius: 8px; } div#LocationsFooter div.addthis_recommended_horizontal div.at4-recommended-item { box-shadow:1px 1px 4px rgba(0,0,0,0.75); border:1px solid darkblue; } div#images_copyright { margin-top:2em; font-size:85%; color:rgb(160, 204, 224); text-align:center; line-height: 1.4em; } /* #AboutDeanBottomBlurb p, #AboutDeanBottomBlurb li { line-height:1.7em; } */ #AboutDeanBottomBlurb #aboutdeansmallprint { font-size:90%; line-height: 1.2em; } #at4-recommendedbox div.at4-recommended-item a.at-recommendedTitle { font-weight:bold; } div.at4-recommended.at4-minimal .at4-recommended-horizontal .at4-recommended-item-caption, div.addthis_recommended_horizontal div.at4-recommended-item div.at4-recommended-item-caption { padding: 10px 4px 4px 4px !important; /* padding-left:4px; padding-right:4px; */ } nav#top-menu-nav ul.sub-menu, nav.fullwidth-menu-nav ul.sub-menu { box-shadow:2px 2px 10px rgba(0,0,0,0.5); } /* 3D Shaping of the drop down menu */ nav#top-menu-nav ul.sub-menu, nav.fullwidth-menu-nav ul.sub-menu, #mobile_menu { border-left: 1px solid var(--highlight_color_level3) !important; border-right: 1px solid var(--lowlight_color) !important; border-bottom: 1px solid var(--lowlight_color) !important; border-radius: 0 0 12px 12px; } #top-menu li { padding-right: 18px; } ul.sub-menu li.menu-item { line-height:1.3em; } /* Slighly more overlapping Sub Menus */ .nav li li ul { left: 230px !important; } .nav li.et-reverse-direction-nav li ul { left: initial !important; right: 230px !important; } .twinkle.RingTwinkle { top: 158px; position: absolute; left: 218px; } /******************************************************************** /* Override some menu item styling... */ /* Twiddling arrow */ .et-menu .menu-item-has-children>a:first-child:after { top:4px; } /* NB #menu-fillscreen-menu gets scrambled when editing a page that imports HTML from another site */ nav.fullwidth-menu-nav > ul.fullwidth-menu > li.et_pb_menu_page_id-home > a > img { width:1.5em !important; height:1.5em !important; } #et-top-navigation #menu-item-1474 > a { padding-bottom: 9px; top: 0.2em; } #et-top-navigation #menu-item-1474 > a > img { width: 1.5em !important; height: 1.5em !important; } .AppendMenuText { font-size: var(--fs-h300); font-weight: 700; padding-left:5px; } /* More fricking patching for Divi changing the goalposts... top menu is o longer fixed! */ #hero > .et_pb_fullwidth_menu, #page_header > .et_pb_fullwidth_menu, body.single .et_pb_section:first-child .et_pb_fullwidth_menu { position: fixed !important; } #page_header { /* padding-top:3em; */ margin-top:3em; padding-top:0; } #page_header > section { padding-top: 0em; padding-bottom: 2em; } /*******************************************************************/ a { /*color:blue !important;*/ transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; /* For the animated underline... */ position: relative; color:var(--anchorline_standard); /*text-decoration:underline;*/ text-decoration: none; border-bottom: 1px dotted var(--anchorline_standard); } /* No bottom border*/ a:has(> span.et_pb_image_wrap), .et-social-icons a.icon, a.nounderline, body.home #hero a.scroll-down-container { border-bottom: none; text-decoration: none; } a, .et_color_scheme_orange a { transition: all 0.25s; } a:hover { text-decoration:none; color:var(--anchorline_standard_darker); } a.traditional:hover { text-decoration: underline; } a.traditional:hover:before, a.scroll-down-container:hover:before, #main-header div.logo_container > a:hover:before, body.single a.mobile_nav:before { visibility: hidden; } .et_color_scheme_orange a { color:var(--anchorline_standard); } .et_color_scheme_orange a:hover { color:var(--anchorline_standard_darker); } /* Visual external link Works if all local links have the domain stripped from the anchor href */ a[href^="http"]::after { content:url(/wp-content/uploads/sites/5/2021/08/external-2.svg); margin-left: .25rem; margin-right: .25rem; } /* White pointer */ #LocationsFooter a[href^="http"]::after { content:url(/wp-content/uploads/sites/5/2021/08/external-3.svg); } /* No pointer */ a.rwp-u-review__sharing-icon[href^="http"]::after, div.addthis-smartlayers a[href^="http"]::after { content:none !important; } a.nopointer::after, p#footer-info a::after, div.et_pb_module.nopointer a::after { content:none !important; } /* Breadcrumbs */ div#breadcrumbs { margin-top: 0.5em; /*margin-inline: 1em;*/ font-size: 90%; text-align: left; color: var(--highlight_color_level3); scrollbar-width: none; overflow-y: scroll; /*height: 2em;*/ white-space: nowrap; } div#breadcrumbs a#bchome { font-size:110%; position: relative; left: 4px; } div#PostTitleHeader div#breadcrumbs { margin-top:0; margin-inline: 2em; } div#breadcrumbs.bcanimate { /* animation: bcfadeIn 5s; animation-delay: 1s; */ transition: all 2s; transition-delay: 3s; } @keyframes bcfadeIn { 0% { opacity: 0; height:0; } 100% { opacity: 1; height: 2em;} } div#breadcrumbs::-webkit-scrollbar{ display: none; } div#breadcrumbs span.bcdivider { margin-inline:1ch; } div#breadcrumbs a { color:var(--highlight_color_level3); } div#breadcrumbs a:hover { color:white; } div#breadcrumbs a#bchome { text-decoration: none; } @media only screen and (max-width: 768px) { div#breadcrumbs { font-size: 80%; } div#breadcrumbs span.bcdivider { margin-left: 0.3ch; margin-right: 0.75ch; } div#PostTitleHeader div#breadcrumbs { margin-inline: 0em; } } /* Word breaks */ .word-break-all { word-break: break-all !important; } /* Elementgs that should not have the bottom/blue underline... */ body.archive h2.et_pb_slide_title { border-bottom:none; } body.archive #main-content .et_pb_section:nth-child(1) .et_pb_row:nth-child(3) .et_pb_column:nth-child(2) h2.entry-title { margin-left: 170px; } body.archive .et_pb_slide_overlay_container { backdrop-filter: blur(5px); } @media only screen and ( max-width: 980px ) { body.archive #main-content .et_pb_section:nth-child(1) .et_pb_row:nth-child(3) .et_pb_column:nth-child(2) h2.entry-title { margin-left:initial; } } /* Fancy hover underline-reveal */ /* a:before { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: var(--anchorline_standard_darker); visibility: hidden; transition: all 0.3s ease-in-out; } a:hover:before { visibility: visible; width: 100%; } */ /* Better hover underline-reveal from Kevin Powel: https://www.youtube.com/watch?v=_1vEGYWaaQY */ a { /* background-image: linear-gradient(90deg, var(--anchorline_standard_darker), var(--anchorline_standard), var(--highlight_color_level2));*/ /* background-image: linear-gradient(90deg, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000FF, #2E2B5F, #8B00FF); */ background-image: linear-gradient(90deg, rgb(219, 9, 9) 2%, rgb(235, 154, 62) 13%, #effc41 22%, rgb(67, 216, 106) 31%, rgb(80, 80, 250) 36%, rgb(145, 21, 145) 52%, rgba(0,0,0) 61%, rgb(124, 79, 19) 67%, rgb(243, 84, 248) 80%, rgb(255,255,255) 88%, rgba(115, 227, 255) 99% ); /* Red (Hex: #FF0000) (RGB: 255, 0, 0) Orange (color wheel Orange) (Hex: #FF7F00) (RGB: 255, 127, 0) Yellow (web color) (Hex: #FFFF00) (RGB: 255, 255, 0) Green (X11) (Electric Green) (HTML/CSS “Lime”) (Color wheel green) (Hex: #00FF00) (RGB: 0, 255, 0) Blue (web color) (Hex: #0000FF) (RGB: 0, 0, 255) Indigo (Hex: #2E2B5F) (RGB: 46, 43, 95) Violet (Electric Violet) (Hex: #8B00FF) (RGB: 139, 0, 255) */ background-size: 0 2px; background-repeat: no-repeat; background-position: left bottom; /* background-position: left 0 bottom -2px; padding-bottom:2px; */ transition: background-size 500ms ease !important; /*text-decoration:none;*/ } a:hover { text-decoration: none; background-size: 100% 2px; } /* Overrides */ #et-top-navigation a, .et_pb_fullwidth_menu a{ color: white; /*var(--highlight_color)*/ border-bottom: none; } #et_mobile_nav_menu a, a.et_pb_button { text-decoration: none; border-bottom: none; } nav.fullwidth-menu-nav a:hover { color:cyan !important; } div.addthis_buttons_container { display:none; text-align:center; } /* Tables */ table caption { display:none; } /******* iC_TableAvailableLong *********/ div.iC_TableAvailableLong_isshowing table#appointmentstable {display:none;} table#appointmentstable > tbody > tr:first-child > td > span.redirect { font-size: var(--fs-600); font-style: italic; display: none; } table.iC_TableAvailableLong { width:inherit; font-family: 'Open Sans', Arial, sans-serif; } table.iC_TableAvailableLong td { font-family: 'Open Sans', Arial, sans-serif; color:black; padding:8px 4px; } table.iC_TableAvailableLong tr.service td { color: var(--highlight_color); font-weight: 600; font-size: var(--fs-h3) /*38px*/; /*font-weight:300;*/ padding-left:7px; padding-top:20px; line-height: 1.1em; } table.iC_TableAvailableLong tr td.hour { white-space: nowrap; } table.iC_TableAvailableLong tr td { position:relative; /*padding-left: 0;*/ /*padding-right: 6px;*/ font-size: var(--fs-300) /*85%*/; } table.iC_TableAvailableLong tr th.dow { font-size:var(--fs-600); /* 110%*/ /* font-weight:600;*/ /* 300 */ line-height:1.4em; padding-right:4px /*10px*/; max-width:initial; color: initial; font-weight: initial; padding: initial; padding-left:7px; } /* Temp! */ /* table.iC_TableAvailableLong tr.Tue td { padding-bottom:1.5em; } */ table.iC_TableAvailableLong tr td.special { font-style: italic; font-size:var(--fs-400); /* 110%*/ font-weight:300; } table.iC_TableAvailableLong tr td.crossout { color:lightgrey !important; } table.iC_TableAvailableLong tr td.priority, table.iC_TableAvailableLong tr td.priority a, table#appointmentstable tr.dowrow td.hod span.priority, table#appointmentstable tr.dowrow td.hod span.priority a { color:red; } table.iC_TableAvailableLong tr td.crossout::after { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 3px solid; border-color: inherit; -webkit-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -ms-transform:rotate(-25deg); -o-transform:rotate(-25deg); transform:rotate(-25deg); } table.iC_TableAvailableLong tr td span.et-dropcap { font-family: "Century Schoolbook","Times New Roman",Times,serif; font-style: italic; margin-right:4px; font-size: 46px; } table.iC_TableAvailableLong tr.service td span.redirect { font-size: var(--fs-400); font-style: italic; display: none; } /* table.iC_TableAvailableLong tr.DOWMessage { } */ table.iC_TableAvailableLong tr.DOWMessage td { padding-top:0; font-size: var(--fs-400); font-style: italic; padding-bottom: 1.5em; color: var(--lowlight_color); } #main-footer table.iC_TableAvailableLong tr.DOWMessage { display:none; } /* Colourise rows when I'm not working -- I'll have to amend this manually in the future */ /*table.iC_TableAvailableLong tr.Skype.Mon td,*/ table.iC_TableAvailableLong tr.Skype.Fri td, table.iC_TableAvailableLong tr.Skype.WE td, /*table#appointmentstable tr.Skype.Mon td,*/ table#appointmentstable tr.Skype.Fri td, table#appointmentstable tr.Skype.WE td { color: darkgrey; /*lightgray;*/ } /* table.iC_TableAvailableLong tr.NotWorking td { padding-top:1em; padding-bottom:1em; } */ /* Overrides */ table.iC_TableAvailableLong tr.Poly.Skype.Fri td, table#appointmentstable tr.Poly.Skype.Fri td { color:initial; } .footer-widget table.iC_TableAvailableLong tr.Poly.Skype.Fri td, .footer-widget table#appointmentstable tr.Poly.Skype.Fri td { color: lightgrey; } /* Hide the "contact me" bits in the widget table */ div.textwidget table#appointmentstable span.contact-me { display:none; } /* Unstyle any links */ table.iC_TableAvailableLong tr td span.et-dropcap a { text-decoration: none; color: inherit; } table.iC_TableAvailableLong tr.UseLinks td { padding-top:3em; padding-bottom: 2em ; font-style: italic; } /* Neatening up the table - may need to be amended when I change my availability */ table.iC_TableAvailableLong { & tr.SpecialMessage td, tr.SpecialMessage th, tr.Mon th, tr.Mon td, tr.Tue td, tr.Tue th { padding-bottom:2em; } & tr.Tue th { padding-top:8px; } } /* Amend table spacing within a section_highlight div */ div.section_highlight table#appointmentstable { & td.dow, & td.hod { padding-inline:0 1ch; } } /* WPCForm */ .wpcf7-response-output { border-color: darkgreen; /*var(--lowlight_color);*/ background-color: green; /*var(--anchorline_standard);*/ color: white; /*var(--anchorline_light);*/ border-radius: 10px; padding: 8px 12px; margin: 1em 0 2em; } .wpcf7-textarea { width:100%; } /**** Appointment Notifications ****/ #appointment_notification { font-size: var(--fs-300); /*90%); line-height: 1.1em; /* border-radius:12px; border: 1px solid orange; padding: 12px; background-color:white; background-image: radial-gradient(circle at top left,rgba(252, 206, 0, 0.12) 10%,#fff 80%) !important; */ } #appointment_notification h2 { text-transform: none; font-size: var(--fs-h2); } #appointment_notification p span.title, #appointment_notification p.label { font-weight:bold; } #appointment_notification p.label { padding:3px 0; display: table-cell; padding-right: 10px; } #appointment_notification textarea { width:100%; height:6em; } #appointment_notification p.label input, #appointment_notification textarea { margin-top:0.5em; } #appointment_notification p.label input.wpcf7-text { width:150px !important; } #appointment_notification p.label span.client-appointments { width:200px; } #appointment_notification p.label label, #appointment_notification p.label span.wpcf7-checkbox span.wpcf7-list-item-label { color: var(--highlight_color); } #appointment_notification input[type="submit"] { width: fit-content; margin: 1em 0; padding: 0.25em 1em; /* Colouring */ background: var(--highlight_color); color: #fff; border: 1px solid var(--highlight_color2); border-radius: 20px; box-shadow: 5px 5px 5px var(--highlight_color2); text-shadow:none; } #appointment_notification input[type="submit"]:hover { background: var(--highlight_color_level2); text-decoration: underline; } #appointment_notification input[type="submit"]:active { border-color: black; text-shadow: -2px -2px rgba(0, 0, 0, 0.6); position: relative; left: 1px; top: 1px; } #appointment_notification div#explanation, #appointment_notification span.comments{ font-style: italic; } #appointment_notification span.comments { font-size: var(--fs-300); font-weight:normal; display:block; } /*** * Appointments Key Icons */ table.availability_guides { margin:2em 0; border:none !important; margin-top: 3em !important; } /* table.availability_guides tr { vertical-align: top; } */ table.availability_guides, table.availability_guides td { border:none !important; border-top:none; font-size:initial; } table.availability_guides td:first-child { width:82px; text-align: left; padding: 0; } table.availability_guides td:first-child img { width:48px; height: auto; } table.availability_guides td:nth-child(2) { padding-left:0; padding-top:0; } table.availability_guides tr.waiting { display:none; } /*********************/ /* Planned Breaks */ table.available_plannedbreaks { border:none; } table.available_plannedbreaks tr { border:none; } table.available_plannedbreaks tr td { border:none; } table.available_plannedbreaks tr td ul { padding:0; } ul.availability_plannedbreaks { margin-left:3%; } ul.availability_plannedbreaks li { padding-bottom:0.5em; } ul.availability_plannedbreaks li:first-child { font-weight:bold; } ul.availability_plannedbreaks li:first-child::before { content: "(Next break) "; } ul.availability_plannedbreaks li.current::before { content: "(Current break) " !important; } ul.availability_plannedbreaks li.current { color:red; } /*********************/ /* Appointsment table */ #appointmentstable tr td.servicetitle { padding-top:1em; padding-left:0 !important; } table#appointmentstable, table#appointmentstable tr td, table.iC_TableAvailableLong, table.iC_TableAvailableLong tr td { border:none !important; } table#appointmentstable tr.dowrow:nth-child(2n) { background-color: rgba(0,0,0,0.05); } /* Different background colour when the table is in a highlisted section...*/ .section_highlight table#appointmentstable tr.dowrow:nth-child(2n) { background-color: rgb(71 127 241 / 5%) !important; } table#appointmentstable tr:not(.dowrow) { background-color: initial !important; } table#appointmentstable tr.DOWMessage td { padding-top:0; /*font-size: 110%;*/ font-style: italic; padding: 0 0 1em 0; line-height: 1.2em; color: var(--lowlight_color); } #main-footer table#appointmentstable tr.DOWMessage { display:none; } footer#main-footer div#footer-bottom { padding-bottom:2em; } /* Small Appointments Table when in the sidebar */ div.et-box #appointmentstable td.dow, div.et-box #appointmentstable td.hod, div.et-box #appointmentstable tr.DOWMessage td { padding: 6px 0 0 1em; } @media only screen and ( max-width: 980px ) { div.et-box #appointmentstable td.nb { padding-left:0 !important; } } /* Covid 19 warning & other Blue Section highlights*/ ._cs_covid_19_warning, .section_highlight, .CSwpga, .contact_form, .et_pb_section_guides > .et_pb_row { border-top:1px solid #5f8fbf !important; border-left:1px solid #5f8fbf !important; background-image: radial-gradient(circle at top left, var(--bg_blue_light) 10%,rgba(0,0,0,0) 80%) !important; border-top-left-radius: 1em; padding:8px; padding-left: 1em; /*font-size: 96%;*/ line-height: 1.4em; box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06), inset 4px 0 0 var(--highlight_color_level6); } ._cs_covid_19_warning .highlight, .section_highlight .highlight, .CSwpga .highlight { font-weight: bold; color: #2da2eb !important; } ._cs_covid_19_warning h3, .highlightsection h3 { display:inline !important; font-size:var(--fs-400); text-transform:none; } .CSwpga { border-top:1px solid #5f5f5f !important; border-left:1px solid #5f5f5f !important; background-image: radial-gradient(circle at top left, var(--bg_whitegrey_light) 10%,rgb(197, 197, 197) 80%) !important; box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06), inset 4px 0 0 rgb(124, 124, 124); } #appointment_notification .CSwpga p.label { & input.wpcf7-text[name="client-appointments"], & input.wpcf7-text[name="client-location"] { width: 250px !important; } } /*********************/ /* Blurbs */ .et_pb_blurb h3 { /*font-size:initial;*/ /*border-style:none;*/ /*border-image: initial;*/ /* linear-gradient( to right, var(--highlight_color), rgba(0, 0, 0, 0) 90% ) 0 0 100%;*/ border-color: var(--highlight_color); /* Underline radiating out from the centre... */ border-image:radial-gradient(var(--highlight_color) 63%, transparent) 1; } .et_pb_blurb h3::after { content:""; } /*********************/ /* Fancy Blurbs */ /* Fancy style */ /*div.et_pb_row:has(div.et_pb_blurb):not(#CommentsFooter) {*/ div.et_pb_row.fancyblurb { --blurb-bgcolor: aliceblue; --blurb-outlinecolor: #0c7eb1; /*#2ea3f2;*/ display:grid; /*overflow: hidden;*/ grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; /*1fr;*/ grid-column-gap: 10px; grid-row-gap: 5px; /*max-width: 500px;*/ &:has(.et_pb_column_1_3) { grid-template-columns: repeat(3, 1fr); } &:has(.et_pb_column_1_4) { grid-template-columns: repeat(4, 1fr); } &:has(.et_pb_column_1_5) { grid-template-columns: repeat(5, 1fr); } & .et_pb_column { display:flex; } & .et_pb_column { font-size: var(--fs-300) } } /* Not these, though */ .et_pb_section.reverse_colours div.et_pb_row.fancyblurb { --blurb-bgcolor: #fff5da; --blurb-outlinecolor: #dd9933; } @media (min-width: 981px) { div.et_pb_row.fancyblurb .et_pb_column { width:initial; } } @media (max-width: 980px) { div.et_pb_row.fancyblurb { display: block; & .et_pb_column { display: block; font-size: var(--fs-400); } } } div.et_pb_module.et_pb_blurb.et_pb_blurb_position_top { border: 1px solid var(--blurb-outlinecolor); border-radius: 12px; padding: 1em 2ch; box-shadow: 0 1px 3px rgba(0,0,0,.1) , 0 1px 2px rgba(0,0,0,.06) , inset 4px 0 0 var(--blurb-outlinecolor); background-color: var(--blurb-bgcolor); div.et_pb_main_blurb_image span.et-pb-icon { text-shadow: 2px 2px 4px rgb(0 67 112 / 85%); } } /*********************/ .et-dropcap { font-family: "Century Schoolbook","Times New Roman",Times,serif; font-style: italic; } .et_pb_gallery_item, .et_pb_portfolio_item, .et_pb_blurb_content, .et_pb_tabs_controls, .et_pb_tab, .et_pb_slide_description, .et_pb_pricing_heading, .et_pb_pricing_content, .et_pb_promo_description, .et_pb_newsletter_description, .et_pb_counter_title, .et_pb_circle_counter, .et_pb_number_counter, .et_pb_toggle_title, .et_pb_toggle_content, .et_pb_contact_main_title, .et_pb_testimonial_description_inner, .et_pb_team_member, .et_pb_countdown_timer_container, .et_pb_post, .et_pb_text, .product, .et_pb_widget { word-break: normal !important; word-wrap: normal !important; } .et_pb_counter_title { font-size: var(--fs-300) !important; } div#page-container /*header*/#main-header{ box-shadow:0px 4px 8px rgba(0,0,0,0.2) !important; } .nav li ul { background: #2d97c3; } div.et_pb_widget.widget_calendar a { color: #edb059 !important; text-decoration: underline !important; } div.et_pb_widget.widget_recent_entries > ul > li { line-height: 1.3em; } div#custom_html-5 ul li:before { content: "•"; color: #edb059; margin-right: 0.2em; } #logo, body.single .et_pb_menu__logo > img, body.single .et_pb_menu__logo > a > img { /* margin-top: -2px; max-height: initial !important; width: auto; height: 42px; */ border-radius: 6px; max-height: 36px; /*44px;*/ width: auto; /*} body.single .et_pb_menu__logo > img, body.single .et_pb_menu__logo > a > img{ */ height: 44px !important; } /*div.et_pb_fullwidth_section > section.et_pb_fullwidth_header > div.et_pb_fullwidth_header_container > div.header-content-container > div.header-content > img { }*/ div.header-content img.header-logo { margin-top: 40px; } .fadedgreybg, body.single-post, div.ratingblock, span.hreview-aggregate /*, .darimage_pop*/ { background-color: #f9f9f9 !important; background-image: url("/wp-content/uploads/sites/5/2021/04/Rect41361-1px.png"); background-size: 100% 100% !important; /*background-color: unset !important; */ } /*background-image: url("/wp-content/uploads/sites/5/2015/10/Rect41361.png");*/ /* POLAROID IMAGE STYLES */ div.et_pb_image.polaroid img:after { content: attr(title); } div.et_pb_image.polaroid img, div.wp-caption { padding: 10px 10px 0px 10px; background-color:white; margin-bottom:0px; } div.et_pb_image.polaroid, div.wp-caption { /*border:1px solid black;*/ /* -webkit-transition: -webkit-transform .15s linear; */ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); font-size: var(--fs-200); } div.et_pb_image.polaroid, div.et_pb_image.polaroid div.polaroid_title { background-color: white; } div.et_pb_image.polaroid div.polaroid_title, div.wp-caption p.wp-caption-text { padding:20px 10px 20px 10px; color:black; line-height:1.2em; font-size: var(--fs-200); /* 85%*/ text-align:center; } /* ======================================= */ div.therapist_image img, img.therapist_img, div.et_pb_slider.therapist_slider div.et_pb_slides div.et_pb_slide div.et_pb_container div.et_pb_slide_image img, div.et_pb_slide_image img, div.et-box, div.et-box-content, div.image-blurred-edge { border-radius:12px } div.therapist_image img, img.therapist_img, div.et_pb_slider.therapist_slider div.et_pb_slides div.et_pb_slide div.et_pb_container div.et_pb_slide_image img, div.et_pb_slide_image img { -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 6px #fff, 0px 0px 0px 10px rgba(0,0,0,0.2), 6px 6px 8px 7px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 6px #fff, 0px 0px 0px 10px rgba(0,0,0,0.2), 6px 6px 8px 7px rgba(0,0,0,0.5); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 6px #fff, 0px 0px 0px 10px rgba(0,0,0,0.2), 6px 6px 8px 7px rgba(0,0,0,0.5); } /* Skills Counters were here - moved to 200.css */ div#location_section div.header-content{ margin-left:0; margin-right:0; padding-left:0; padding-right:0; } /* Clever menu style */ div.et_pb_fullwidth_menu, /* A patch to the et_hover_enabled bug that makes the items below the menu move up and down upon menu hover */ div.et_pb_fullwidth_menu.et_hover_enabled:hover { position: fixed; top: 0; z-index: 999; left: 0; right: 0; } div.et_pb_fullwidth_menu { transition-duration: 0s !important; } /* Menu words Positioning */ /*div.et_pb_fullwidth_menu ul#menu-fullscreen-menu*/ nav.fullwidth-menu-nav > ul.fullwidth-menu, #page-container .et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul { padding: 16px 0 12px !important; } /* #hero div.et_pb_fullwidth_menu_fullwidth { height: 74px !important; --- causes screen wobbles } */ /*.et_pb_fullwidth_menu ul#menu-fullscreen-menu*/ nav.fullwidth-menu-nav > ul.fullwidth-menu { background-color:inherit !important; } .et_pb_fullwidth_menu .fullwidth-menu-nav > ul { padding:10px 0 !important; } .et_pb_fullwidth_menu .fullwidth-menu-nav > ul.fullwidth-menu li > a { padding-bottom:6px !important; } /* div.logo_container a img { max-height:90% !important; } */ .et_pb_bg_layout_dark { text-shadow: 1px 1px 1px rgba(0,0,0,0.75); } /* Menu logo patch */ ul#top-menu li.centered-inline-logo-wrap {width: 60px !important} div.therapist_image img, div.et_pb_slider.therapist_slider div.et_pb_slides div.et_pb_slide div.et_pb_container div.et_pb_slide_image img, div.et_pb_slide_image img, div.et-box, div.et-box-content { border-radius:12px } .et-shadow .et-box-content { box-shadow: inset 0 0 45px #e7e7e7, 0 3px 6px rgb(0 0 0 / 25%); padding: 20px 27px 17px 25px !important; } div.paypal-box { box-shadow: 4px 4px 12px rgba(0,0,0,0.4); background-color: rgba(0,0,0,0.05); padding: 12px; } ul.et_pb_pricing li{ padding-bottom: 0.5em } h3.et_pb_pricing_title { border: none; /* Removes the H3 fading underline */ margin-top: 0; } h3.et_pb_pricing_title::after { content: ""; } /* So as to avoid any confusion about what price is being charged, hide the price for revealing during animation */ .et_pb_pricing_table .et_pb_sum { opacity:0; } div.therapist_image img, div.et_pb_slider.therapist_slider div.et_pb_slides div.et_pb_slide div.et_pb_container div.et_pb_slide_image img, div.et_pb_slide_image img { -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 6px #fff, 0px 0px 0px 10px rgba(0,0,0,0.2), 6px 6px 8px 7px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 6px #fff, 0px 0px 0px 10px rgba(0,0,0,0.2), 6px 6px 8px 7px rgba(0,0,0,0.5); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 6px #fff, 0px 0px 0px 10px rgba(0,0,0,0.2), 6px 6px 8px 7px rgba(0,0,0,0.5); } /* Red lined framed images */ /* TODO: See https://codepen.io/bramus/pen/rNWByYz */ div.CornerFrame > span.et_pb_image_wrap > img, img.CornerFrame { box-shadow: -50px -50px 0 -44px var(--anchorline_standard), 50px 50px 0 -44px var(--anchorline_standard); /* -50px -50px 0 -40px var(--anchorline_standard), 50px 50px 0 -40px var(--anchorline_standard); */ } /* POLAROID IMAGE STYLES */ /* div.et_pb_image img { } */ div.et_pb_image.polaroid_image img:after { content: attr(title); } div.et_pb_image.polaroid_image img { padding: 10px 10px 0px 10px; background-color:white; margin-bottom:0px; } div.et_pb_image.polaroid_image { /*border:1px solid black;*/ /* -webkit-transition: -webkit-transform .15s linear; */ -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.25); box-shadow: 0 3px 6px rgba(0,0,0,0.25); background-color:white; } div.et_pb_image.polaroid_image div.polaroid_title { padding:20px 10px 20px 10px; background-color: white; color:black; line-height:1.2em; font-size: var(--fs-200); /* 0.8rem;*/ text-align:center; } /* ======================================= */ /* HUH? */ /* h1{ font-weight: 300; font-size: 48px; } h2{ font-weight: 300; font-size: 38px; line-height:1.2em; } div.et_pb_column_1_4 div.et_pb_text h2 { line-height: 1.6em; } */ /* ======================================== */ /* Availability Table */ table#appointmentstable td { font-size:var(--fs-300); /*85%;*/ vertical-align: top; line-height:1.3em; } table#appointmentstable td.servicetitle, table#appointmentstable th.dow { font-size:var(--fs-400); /*85%;*/ font-weight:bold; } table#appointmentstable td.servicetitle { color: var(--highlight_color); font-weight: 600; } /* Alignment */ #AppointmentsIntro #AppointmentPreBlurb, #AppointmentsIntro #AppointmentPracticeHours { width:48%; float:left; } #AppointmentsIntro #AppointmentPreBlurb { margin-right:20px; } /*div.general_message p{font-size:90%}*/ div.sidebar_appointments_table div.general_message p:first-child{margin-bottom:0; padding-bottom:0} div.sidebar_appointments_table p, div.sidebar_appointments_table div.availability_message { line-height:1.4em; } div.sidebar_appointments_table div.availability_message { color:red; font-style:italic; font-weight:bold; } div.sidebar_appointments_table div.availability_message:not(:empty) { margin:2.5em auto 1em; } /*** * FAQ / Accordion Stylings */ /*#faq_accordion >*/ .et_pb_accordion_item, .et_pb_toggle_item { transition: background-color 1s ease, color 1s ease; } /*#faq_accordion >*/ .et_pb_accordion_item.et_pb_toggle_close, .et_pb_toggle_item, .et-learn-more h3.heading-more { background-color: rgba(44, 151, 197, 0.95) /* #db9c51*/ !important; background:rgba(44, 151, 197, 0.95) !important; } .et-learn-more h3.heading-more { border-radius:12px; border: solid black 1px; box-shadow: 5px 4px 7px rgb(0 0 0 / 40%); } .et-learn-more h3.heading-more > span { color:white; text-shadow: 2px 2px 3px rgb(0 0 0 / 75%); font-size: var(--fs-400); font-weight:normal; } /*#faq_accordion >*/ .et_pb_accordion_item.et_pb_toggle_close h3, .et_pb_toggle_item .et_pb_toggle_title, .et_pb_accordion_item.et_pb_toggle_close h3{ color: rgba(18, 101, 136, 0.95) /*#823c00*/; color: var(--lowlight_color); color:black; } /*#faq_accordion >*/ h2.et_pb_toggle_title{text-transform:none;} /*#faq_accordion >*/ .et_pb_accordion_item > h2, .et_pb_toggle_item .et_pb_toggle_title.et_pb_toggle_close { font-size:var(--fs-h3); /*125%;*/ text-shadow: none; text-transform: none; font-weight: normal; color: black !important; } /*#faq_accordion >*/ .et_pb_accordion_item.et_pb_toggle_open, .et_pb_toggle_item.et_pb_toggle_open, .et-learn-more .heading-more.open, .et-learn-more .learn-more-content { box-shadow: 4px 4px 8px rgba(0,0,0,0.4); } .et-learn-more .learn-more-content { background-color: #eaf6f8 !important; } /*#faq_accordion >*/ .et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before { color:black; text-shadow: none; } #appointment_notification.et_pb_toggle_item.et_pb_toggle_open h3 { color:black !important; text-shadow: none; } /*#faq_accordion >*/ .et_pb_accordion_item, .et_pb_toggle_item { margin-bottom:1em; border-radius: 12px; } /*#faq_accordion >*/ .et_pb_toggle_close { padding: 13px 20px 8px 20px } .et-learn-more .heading-more { font-weight: bold; padding: 1em 20px; } /* Feature Image */ div.et_post_meta_wrapper img { border-radius:12px; border: 1px solid black; } div.links_footer { margin-top:2em; color:white; } div.links_footer a strong { color:white; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); } div.links_footer a { color:blue; text-shadow: 1px 1px 1px rgba(255,255,255,0.75); } /* Footer Page Links - improve following Google SEO Advice */ div.widget_pages > ul > li { margin-bottom:2em !important; } div.widget_pages ul > li { margin-bottom: 1em; } div.widget_pages > ul > li.page_item_has_children > ul.children { margin-top:0.5em; } div.widget_pages ul.children { display:none; } div.widget_recent_entries > ul > li { margin-bottom:1em; } /*********************** ==STAR RATINGS== ***************************************/ div.ratingblock, span.hreview-aggregate { display:block; margin:0; /*background-image: url("/wp-content/uploads/sites/5/2015/10/Rect4136.png"); background-repeat:no-repeat; background-size:100% 100%; */ } div.ratingblock { padding: 15px 10px 0px 20px; } span.hreview-aggregate { padding: 10px 10px 10px 20px; } div.ratingblock div.ratingtext { margin-bottom:0; } /* Testimonial */ div.et_pb_testimonial { box-shadow:3px 3px 8px rgba(0,0,0,0.45); border-radius:12px; } div.contact_form { border: 1px solid #a9a9a9; padding: 2em 2em 1em 2em; border-radius: 8px; box-shadow: 2px 2px 4px rgba(0,0,0,.5); margin-bottom: 2em; background-color: #fffcf8; } div.contact_form .jurisdiction { margin:1em 0 2em 0; } table.availability_guides div.availability_message { color:#f32626; margin-bottom:1em; font-weight:bold; margin-bottom:1em; } table.availability_guides div.availability_message:empty { display:none; } /*********** wpcf7 Contact Form styles **********/ form.wpcf7-form span.form-explain { font-size:var(--fs-300); /*96%;*/ font-style:italic; display:block; line-height:1.3em; margin-top:0.5em; } form.wpcf7-form div.one_half, form.wpcf7-form div.one_half_last { /*.one_half, .one_third, .two_third, .one_fourth , .three_fourth */ display:block; float:left; margin-right:4%; position:relative; } form.wpcf7-form div.one_half, form.wpcf7-form div.one_half_last { width: 48%; } form.wpcf7-form div.one_half_last { margin-right: 0px !important; clear:right; } form.wpcf7-form div.left, form.wpcf7-form div.right { float:left; width:45%; } form.wpcf7-form div.left { margin-right:10px; } form.wpcf7-form textarea[name="your-message"], form.wpcf7-form input[name="your-subject"], form.wpcf7-form input[name="appointment-times"] { width:100%; } input[type="submit"].wpcf7-submit { width: 100% /*300px*/; margin: 30px 0 20px; /* Colouring in */ background: linear-gradient(180deg,#8cdbff 0,#60b7ff); color:#2f31c7; text-shadow: 1px 1px black; letter-spacing: 0.5px; transition: all 0.2s ease-in-out; font-style:italic; padding: 6px; border-radius: 8px; border-color: #392fc7; } input[type="submit"].wpcf7-submit:hover{ color: #fff!important; text-shadow: 1px 1px black; letter-spacing: .5px; background: linear-gradient(to bottom, #a9e7fa 0%, #0039a3 100%) !important; } input[type="submit"].wpcf7-submit:hover::after { content: " >"; } .wpcf7 form .wpcf7-response-output { padding: 0.5em 1em 0.7em !important; } /* Caught spam */ .wpcf7 form.spam .wpcf7-response-output { background-color: red !important; border-color: black !important; color: yellow !important; border-width: 6px !important; } /*****************************************************/ body.single div.et_pb_post_title div.et_pb_title_container { border-radius:12px; box-shadow: 4px 4px 6px rgba(0,0,0,0.5); } /*** * Including sections from HavantCounselling.com * Needed to alter the format because we're cheating (inserting rows (HavantCounselling) within columns) */ div.cc_video .et_pb_row { margin-left: 2%; width: 96%; } /* Page Customisations */ div#toggle_video_preparation{ padding: 7px 16px; } div#toggle_video_preparation > h2 { font-size:var(--fs-h2); /*26px;*/ } div#toggle_video_preparation h2, div#toggle_video_preparation h3 { line-height: 1.2em; } div#toggle_video_preparation h2.et_pb_toggle_title::after { content: " (click to open)"; font-size:var(--fs-400); color: var(--highlight_color_level5); font-style: italic; } div#toggle_video_preparation.et_pb_toggle_open { background-color: var(--bg_blue_light) !important; } div#toggle_video_preparation.et_pb_toggle_open > h2.et_pb_toggle_title::after { content: " (click to close)"; color:black; } div#toggle_video_preparation.et_pb_toggle_close > h2 { color:white; } div#toggle_video_preparation.et_pb_toggle_open > h2 { color:black; } div#toggle_video_preparation > div.et_pb_toggle_content { padding-top:0; } /* Equal column heights with info vertically centred Must have Equal Column Heights set to the row, then apply class "column_vertical_centre" to the row */ .et_pb_row.et_pb_equal_columns.column_vertical_centre > .et_pb_column { margin-top:auto; margin-bottom:auto; } /* et-box enhancements */ div.et-box.et-question{ background-image: url(/wp-content/uploads/sites/5/2021/05/SpeechBubbleBlue.png); background-repeat: no-repeat; width: 250px; height: 219px; box-shadow: none; margin: 0 auto; position: relative; } div.et-box.et-question div.et-box-content{ position: absolute; top: 30%; transform: translateY(-50%); text-align: left; margin: 10px 16px; padding: 0; } div.et-box.et-question div.et-box-content .question { color: white; text-shadow: 0px 2px #464684; } div.et-box.et-question div.et-box-content .answer { color: white; text-shadow: 0px 3px #464684; } /* DOn't need to tell someone to go to the contact page... on the contact page itself */ body.page-id-2562:not(.wp-admin) .ButtonLinkToContactPage { display:none; } /* Three buttons in a row ... third button * Um - where am I using this? o.O */ /* .et_pb_column_1_3 a.et_pb_button { font-size: 130%; line-height: 1.4em !important; } */ /* But only on desktop pages*/ @media only screen and (min-width: 981px) { /* Truncate some menu title widths in the footer widgets */ div.footer-widget div#pages-2 > ul > li > ul > li > a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 188px; display: block; line-height:1.2em; } div.footer-widget div#pages-2 > ul > li > ul > li:before { top:3px; } div.footer-widget #pages-2 > ul > li > ul > li > ul { display:none; } } /* Widget settings */ /* Do we want location pages on the pages widget? */ li.page-item-6017 ul {display:none;} /* Promotions */ .promotion { font-size:var(--fs-400); text-align: left; height:0; padding:0; margin:0; overflow: hidden; opacity:0.1; transition: opacity 3s ease, height 2s ease-in-out, padding 2s linear, margin 1s linear; } .promotion h3 { margin-top:0; } .promotion > img { filter: drop-shadow(4px 3px 4px rgba(0,0,0,0.7)); } .et_pb_image.dropshadow img { filter: drop-shadow(4px 4px 6px lightgrey); /* filter:drop-shadow(3px 3px 4px lightgrey); */ } .promotion.enact { opacity:1; height:initial; /* overflow:initial; */ font-size: var(--fs-400) !important; padding: 20px; border-radius: 12px; margin: 1em 0 2em; /* margin-left:1em; margin-right:1em; margin-top: 1em; margin-bottom:2em; */ border: 2px dotted var(--anchorline_standard_darker); background-color: #ff45001c; box-shadow: 3px 3px 9px rgb(0 0 0 / 30%); } #psychologytodaybanner { opacity: 0.5; z-index:9999; overflow:hidden; width:146px; height:46px; position:fixed; bottom:10px; right:0; filter: drop-shadow(0 1px 5px rgb(0 0 0 / 80%)); transition: opacity 1s ease; } #psychologytodaybanner:hover, #psychologytodaybanner a:hover { opacity:1; } #psychologytodaybanner > iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Make the TOC match the Psychology today iframe */ div#toc_container { padding: 7px 6px; bottom: 62px; } /* Live Helper Chat */ #lhc_status_widget_v2 { /* Middle of bottom */ /*inset: auto auto -4px calc(50% - 45px) !important;*/ /* Right hand side... */ inset: auto -7px -4px auto !important; } /* This won't work as our style.css is NOT within the iframe */ /* Has to be set manually within: http://vps2.cybershrink.co.uk/lhc_web/index.php/site_admin/abstract/edit/WidgetTheme/1#!#customcss */ #lhc_status_container { opacity: 0.5 !important; transition: opacity 0.5s ease; } #lhc_status_container:hover { opacity:1 !important; } /*** * Archive / Category etc */ body.archive a.et-pb-arrow-next, body.archive a.et-pb-arrow-prev { text-decoration: none; } #footer-info { font-size:var(--fs-200); } /* Menu etc notification badges: Menu Item Name New */ badge, .badge.notification-style-1 { position: relative; background: #c32545; border-radius: 5px; top: -20px; padding: 1px 5px; font-size: var(--fs-100); /* 10px;*/ font-weight: 400; letter-spacing: 2px; /*text-transform: uppercase;*/ left: -11px; } badge:after, .badge.notification-style-1:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 10px solid transparent; border-top-color: #c32545; border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -9px; } badge.left { right: unset; left: -1em; } badge.left:after { transform: rotate(90deg); } .badge.notification-style-2 { position: relative; background: #c32545; border-radius: 5px; top: -12px; padding: 2px 5px; font-size: 10px; font-weight: bolder; letter-spacing: 2px; text-transform: uppercase; left: 0px; } badge, .badge.notification-style-1.amended { position:absolute; left: unset; right: 1.5em; top: -1.1em; } #mobile_menu badge, #mobile_menu .badge.notification-style-1.amended { right: 1em; top: -9px; } .DottedOutline, .DottedMarketing, div#score_suggestions:not(:empty) { font-weight: bold; margin: 0.5em auto 1.5em; border: 4px dashed gold; background-color: lightyellow; padding: 8px 20px 8px 18px; border-radius: 12px; } .DottedMarketing { display: inline-block; } .DottedMarketing strong, .DottedMarketing em { color: #115997; } .et_pb_image.FloatingImage_Big img{ box-shadow: 10px 10px 20px rgba(0,0,0,0.7); } .et_pb_blurb_description, .et_pb_blurb_description p{ line-height:1.4em; } /* Curerntly Reading ... */ #book_slider .et_pb_slide_description { padding-top:1em; color: black; } #book_slider .et_pb_slide_description .et_pb_slide_title{ font-size: var(--fs-h3); padding-bottom:1em; line-height: 1.3em; } #book_slider .et_pb_slide_description .et_pb_slide_content { text-align:left; color: black; text-shadow:none; } #book_slider .et_pb_slide_description .et_pb_slide_content img.book_image{ width: 40%; float: left; margin: 0 1em 0 0; box-shadow: 1px 2px 4px rgb(0 0 0 / 30%); border: 1px solid black; } #book_slider div.et_pb_slide_content > div.book_author { font-weight:bold; line-height: 1.3em; } #book_slider div.et_pb_slide_content > div.book_description { line-height:1.3em; } #book_slider div.et_pb_slide_content > div.et_pb_button_wrapper{ clear: left; } #book_slider div.et_pb_slide_content > div.et_pb_button_wrapper > a { color:white !important; font-size: var(--fs-300); width: 100%; text-align: center; } #book_slider > div.et-pb-slider-arrows > a.et-pb-arrow-prev, #book_slider > div.et-pb-slider-arrows > a.et-pb-arrow-next { color: black !important; text-decoration: none; top:37%; } #book_slider > div.et-pb-controllers > a { background-color:var(--highlight_color_level2); } #book_slider > div.et-pb-controllers > a.et-pb-active-control { background-color: var(--anchorline_standard); } .et_pb_image.flipimage > a > span > img { transform: scaleX(-1); } .q-and-a li { display:inline-block; font-weight:bold; margin-bottom:1em !important; line-height:1.4em; padding-right: 1em !important; } .q-and-a li em { display:block; font-weight:normal; margin-top: 0.5em; margin-bottom: 2em; color: var(--highlight_color); } .q-and-a li em span { display:block; margin-top:0.5em; } .PriceInformation { font-size:110%; } /* .PriceInformation .et_pb_text_inner, .PriceInformation .et_pb_text_inner p { text-align:center; } */ div.et_pb_with_background.section_has_divider { strong, em { color: #10548E; &.nocolorchange { color:inherit; } } } /* Compare services - images cropping */ div.compare_services_f2f > span > img, div.compare_services_video > span > img { object-fit: cover; } div.compare_services_video > span > img { object-position: 100% 28%; }