.et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky),.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky){display:none}.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky{display:block}.et_builder_inner_content.has_et_pb_sticky{z-index:inherit}.et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et_pb_column.has_et_pb_sticky{z-index:20}.et-l--header .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--header .et_pb_column.has_et_pb_sticky{z-index:30}.et-l--footer .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--footer .et_pb_column.has_et_pb_sticky{z-index:10}.et_pb_sticky_placeholder{opacity:0!important}.et_pb_sticky .et_overlay.et_pb_inline_icon_sticky:before,.et_pb_sticky .et_pb_inline_icon_sticky:before{content:attr(data-icon-sticky)!important}body .et-script-temporary-measurement{opacity:0}@font-face{font-family:ETmodules;font-display:block;src:url(//cordesetbaguettes.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot);src:url(//cordesetbaguettes.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot?#iefix) format("embedded-opentype"),url(//cordesetbaguettes.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff) format("woff"),url(//cordesetbaguettes.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf) format("truetype"),url(//cordesetbaguettes.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}
.et_audio_content,.et_link_content,.et_quote_content{background-color:#2ea3f2}.et_pb_post .et-pb-controllers a{margin-bottom:10px}.format-gallery .et-pb-controllers{bottom:0}.et_pb_blog_grid .et_audio_content{margin-bottom:19px}.et_pb_row .et_pb_blog_grid .et_pb_post .et_pb_slide{min-height:180px}.et_audio_content .wp-block-audio{margin:0;padding:0}.et_audio_content h2{line-height:44px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_3_5 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2{margin-bottom:9px;margin-top:0}.et_pb_column_1_2 .et_audio_content,.et_pb_column_3_5 .et_audio_content{padding:35px 40px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_3_5 .et_audio_content h2{line-height:32px}.et_pb_column_1_3 .et_audio_content,.et_pb_column_1_4 .et_audio_content,.et_pb_column_1_5 .et_audio_content,.et_pb_column_1_6 .et_audio_content,.et_pb_column_2_5 .et_audio_content,.et_pb_column_3_8 .et_audio_content{padding:35px 20px}.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2{font-size:18px;line-height:26px}article.et_pb_has_overlay .et_pb_blog_image_container{position:relative}.et_pb_post>.et_main_video_container{position:relative;margin-bottom:30px}.et_pb_post .et_pb_video_overlay .et_pb_video_play{color:#fff}.et_pb_post .et_pb_video_overlay_hover:hover{background:rgba(0,0,0,.6)}.et_audio_content,.et_link_content,.et_quote_content{text-align:center;word-wrap:break-word;position:relative;padding:50px 60px}.et_audio_content h2,.et_link_content a.et_link_main_url,.et_link_content h2,.et_quote_content blockquote cite,.et_quote_content blockquote p{color:#fff!important}.et_quote_main_link{position:absolute;text-indent:-9999px;width:100%;height:100%;display:block;top:0;left:0}.et_quote_content blockquote{padding:0;margin:0;border:none}.et_audio_content h2,.et_link_content h2,.et_quote_content blockquote p{margin-top:0}.et_audio_content h2{margin-bottom:20px}.et_audio_content h2,.et_link_content h2,.et_quote_content blockquote p{line-height:44px}.et_link_content a.et_link_main_url,.et_quote_content blockquote cite{font-size:18px;font-weight:200}.et_quote_content blockquote cite{font-style:normal}.et_pb_column_2_3 .et_quote_content{padding:50px 42px 45px}.et_pb_column_2_3 .et_audio_content,.et_pb_column_2_3 .et_link_content{padding:40px 40px 45px}.et_pb_column_1_2 .et_audio_content,.et_pb_column_1_2 .et_link_content,.et_pb_column_1_2 .et_quote_content,.et_pb_column_3_5 .et_audio_content,.et_pb_column_3_5 .et_link_content,.et_pb_column_3_5 .et_quote_content{padding:35px 40px}.et_pb_column_1_2 .et_quote_content blockquote p,.et_pb_column_3_5 .et_quote_content blockquote p{font-size:26px;line-height:32px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_1_2 .et_link_content h2,.et_pb_column_3_5 .et_audio_content h2,.et_pb_column_3_5 .et_link_content h2{line-height:32px}.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_3_5 .et_link_content a.et_link_main_url,.et_pb_column_3_5 .et_quote_content blockquote cite{font-size:14px}.et_pb_column_1_3 .et_quote_content,.et_pb_column_1_4 .et_quote_content,.et_pb_column_1_5 .et_quote_content,.et_pb_column_1_6 .et_quote_content,.et_pb_column_2_5 .et_quote_content,.et_pb_column_3_8 .et_quote_content{padding:35px 30px 32px}.et_pb_column_1_3 .et_audio_content,.et_pb_column_1_3 .et_link_content,.et_pb_column_1_4 .et_audio_content,.et_pb_column_1_4 .et_link_content,.et_pb_column_1_5 .et_audio_content,.et_pb_column_1_5 .et_link_content,.et_pb_column_1_6 .et_audio_content,.et_pb_column_1_6 .et_link_content,.et_pb_column_2_5 .et_audio_content,.et_pb_column_2_5 .et_link_content,.et_pb_column_3_8 .et_audio_content,.et_pb_column_3_8 .et_link_content{padding:35px 20px}.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_5 .et_link_content h2,.et_pb_column_1_5 .et_quote_content blockquote p,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_1_6 .et_link_content h2,.et_pb_column_1_6 .et_quote_content blockquote p,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_2_5 .et_link_content h2,.et_pb_column_2_5 .et_quote_content blockquote p,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_3_8 .et_quote_content blockquote p{font-size:18px;line-height:26px}.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_column_1_5 .et_link_content a.et_link_main_url,.et_pb_column_1_5 .et_quote_content blockquote cite,.et_pb_column_1_6 .et_link_content a.et_link_main_url,.et_pb_column_1_6 .et_quote_content blockquote cite,.et_pb_column_2_5 .et_link_content a.et_link_main_url,.et_pb_column_2_5 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_quote_content blockquote cite{font-size:14px}.et_pb_post .et_pb_gallery_post_type .et_pb_slide{min-height:500px;background-size:cover!important;background-position:top}.format-gallery .et_pb_slider.gallery-not-found .et_pb_slide{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.1);box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.format-gallery .et_pb_slider:hover .et-pb-arrow-prev{left:0}.format-gallery .et_pb_slider:hover .et-pb-arrow-next{right:0}.et_pb_post>.et_pb_slider{margin-bottom:30px}.et_pb_column_3_4 .et_pb_post .et_pb_slide{min-height:442px}.et_pb_column_2_3 .et_pb_post .et_pb_slide{min-height:390px}.et_pb_column_1_2 .et_pb_post .et_pb_slide,.et_pb_column_3_5 .et_pb_post .et_pb_slide{min-height:284px}.et_pb_column_1_3 .et_pb_post .et_pb_slide,.et_pb_column_2_5 .et_pb_post .et_pb_slide,.et_pb_column_3_8 .et_pb_post .et_pb_slide{min-height:180px}.et_pb_column_1_4 .et_pb_post .et_pb_slide,.et_pb_column_1_5 .et_pb_post .et_pb_slide,.et_pb_column_1_6 .et_pb_post .et_pb_slide{min-height:125px}.et_pb_portfolio.et_pb_section_parallax .pagination,.et_pb_portfolio.et_pb_section_video .pagination,.et_pb_portfolio_grid.et_pb_section_parallax .pagination,.et_pb_portfolio_grid.et_pb_section_video .pagination{position:relative}.et_pb_bg_layout_light .et_pb_post .post-meta,.et_pb_bg_layout_light .et_pb_post .post-meta a,.et_pb_bg_layout_light .et_pb_post p{color:#666}.et_pb_bg_layout_dark .et_pb_post .post-meta,.et_pb_bg_layout_dark .et_pb_post .post-meta a,.et_pb_bg_layout_dark .et_pb_post p{color:inherit}.et_pb_text_color_dark .et_audio_content h2,.et_pb_text_color_dark .et_link_content a.et_link_main_url,.et_pb_text_color_dark .et_link_content h2,.et_pb_text_color_dark .et_quote_content blockquote cite,.et_pb_text_color_dark .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark.et_audio_content h2,.et_pb_text_color_dark.et_link_content a.et_link_main_url,.et_pb_text_color_dark.et_link_content h2,.et_pb_text_color_dark.et_quote_content blockquote cite,.et_pb_text_color_dark.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark.et_audio_content,.et_pb_text_color_dark.et_link_content,.et_pb_text_color_dark.et_quote_content{background-color:#e8e8e8}@media (min-width:981px) and (max-width:1100px){.et_quote_content{padding:50px 70px 45px}.et_pb_column_2_3 .et_quote_content{padding:50px 50px 45px}.et_pb_column_1_2 .et_quote_content,.et_pb_column_3_5 .et_quote_content{padding:35px 47px 30px}.et_pb_column_1_3 .et_quote_content,.et_pb_column_1_4 .et_quote_content,.et_pb_column_1_5 .et_quote_content,.et_pb_column_1_6 .et_quote_content,.et_pb_column_2_5 .et_quote_content,.et_pb_column_3_8 .et_quote_content{padding:35px 25px 32px}.et_pb_column_4_4 .et_pb_post .et_pb_slide{min-height:534px}.et_pb_column_3_4 .et_pb_post .et_pb_slide{min-height:392px}.et_pb_column_2_3 .et_pb_post .et_pb_slide{min-height:345px}.et_pb_column_1_2 .et_pb_post .et_pb_slide,.et_pb_column_3_5 .et_pb_post .et_pb_slide{min-height:250px}.et_pb_column_1_3 .et_pb_post .et_pb_slide,.et_pb_column_2_5 .et_pb_post .et_pb_slide,.et_pb_column_3_8 .et_pb_post .et_pb_slide{min-height:155px}.et_pb_column_1_4 .et_pb_post .et_pb_slide,.et_pb_column_1_5 .et_pb_post .et_pb_slide,.et_pb_column_1_6 .et_pb_post .et_pb_slide{min-height:108px}}@media (max-width:980px){.et_pb_bg_layout_dark_tablet .et_audio_content h2{color:#fff!important}.et_pb_text_color_dark_tablet.et_audio_content h2{color:#bbb!important}.et_pb_text_color_dark_tablet.et_audio_content{background-color:#e8e8e8}.et_pb_bg_layout_dark_tablet .et_audio_content h2,.et_pb_bg_layout_dark_tablet .et_link_content a.et_link_main_url,.et_pb_bg_layout_dark_tablet .et_link_content h2,.et_pb_bg_layout_dark_tablet .et_quote_content blockquote cite,.et_pb_bg_layout_dark_tablet .et_quote_content blockquote p{color:#fff!important}.et_pb_text_color_dark_tablet .et_audio_content h2,.et_pb_text_color_dark_tablet .et_link_content a.et_link_main_url,.et_pb_text_color_dark_tablet .et_link_content h2,.et_pb_text_color_dark_tablet .et_quote_content blockquote cite,.et_pb_text_color_dark_tablet .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark_tablet.et_audio_content h2,.et_pb_text_color_dark_tablet.et_link_content a.et_link_main_url,.et_pb_text_color_dark_tablet.et_link_content h2,.et_pb_text_color_dark_tablet.et_quote_content blockquote cite,.et_pb_text_color_dark_tablet.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark_tablet.et_audio_content,.et_pb_text_color_dark_tablet.et_link_content,.et_pb_text_color_dark_tablet.et_quote_content{background-color:#e8e8e8}}@media (min-width:768px) and (max-width:980px){.et_audio_content h2{font-size:26px!important;line-height:44px!important;margin-bottom:24px!important}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:384px!important}.et_quote_content{padding:50px 43px 45px!important}.et_quote_content blockquote p{font-size:26px!important;line-height:44px!important}.et_quote_content blockquote cite{font-size:18px!important}.et_link_content{padding:40px 40px 45px}.et_link_content h2{font-size:26px!important;line-height:44px!important}.et_link_content a.et_link_main_url{font-size:18px!important}}@media (max-width:767px){.et_audio_content h2,.et_link_content h2,.et_quote_content,.et_quote_content blockquote p{font-size:20px!important;line-height:26px!important}.et_audio_content,.et_link_content{padding:35px 20px!important}.et_audio_content h2{margin-bottom:9px!important}.et_pb_bg_layout_dark_phone .et_audio_content h2{color:#fff!important}.et_pb_text_color_dark_phone.et_audio_content{background-color:#e8e8e8}.et_link_content a.et_link_main_url,.et_quote_content blockquote cite{font-size:14px!important}.format-gallery .et-pb-controllers{height:auto}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:222px!important}.et_pb_bg_layout_dark_phone .et_audio_content h2,.et_pb_bg_layout_dark_phone .et_link_content a.et_link_main_url,.et_pb_bg_layout_dark_phone .et_link_content h2,.et_pb_bg_layout_dark_phone .et_quote_content blockquote cite,.et_pb_bg_layout_dark_phone .et_quote_content blockquote p{color:#fff!important}.et_pb_text_color_dark_phone .et_audio_content h2,.et_pb_text_color_dark_phone .et_link_content a.et_link_main_url,.et_pb_text_color_dark_phone .et_link_content h2,.et_pb_text_color_dark_phone .et_quote_content blockquote cite,.et_pb_text_color_dark_phone .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark_phone.et_audio_content h2,.et_pb_text_color_dark_phone.et_link_content a.et_link_main_url,.et_pb_text_color_dark_phone.et_link_content h2,.et_pb_text_color_dark_phone.et_quote_content blockquote cite,.et_pb_text_color_dark_phone.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark_phone.et_audio_content,.et_pb_text_color_dark_phone.et_link_content,.et_pb_text_color_dark_phone.et_quote_content{background-color:#e8e8e8}}@media (max-width:479px){.et_pb_column_1_2 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_1_3 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_2_3 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_2_5 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_3_5 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_3_8 .et_pb_carousel_item .et_pb_video_play{font-size:1.5rem;line-height:1.5rem;margin-left:-.75rem;margin-top:-.75rem}.et_audio_content,.et_quote_content{padding:35px 20px!important}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:156px!important}}.et_full_width_page .et_gallery_item{float:left;width:20.875%;margin:0 5.5% 5.5% 0}.et_full_width_page .et_gallery_item:nth-child(3n){margin-right:5.5%}.et_full_width_page .et_gallery_item:nth-child(3n+1){clear:none}.et_full_width_page .et_gallery_item:nth-child(4n){margin-right:0}.et_full_width_page .et_gallery_item:nth-child(4n+1){clear:both}
.et_pb_slider{position:relative;overflow:hidden}.et_pb_slide{padding:0 6%;background-size:cover;background-position:50%;background-repeat:no-repeat}.et_pb_slider .et_pb_slide{display:none;float:left;margin-right:-100%;position:relative;width:100%;text-align:center;list-style:none!important;background-position:50%;background-size:100%;background-size:cover}.et_pb_slider .et_pb_slide:first-child{display:list-item}.et-pb-controllers{position:absolute;bottom:20px;left:0;width:100%;text-align:center;z-index:10}.et-pb-controllers a{display:inline-block;background-color:hsla(0,0%,100%,.5);text-indent:-9999px;border-radius:7px;width:7px;height:7px;margin-right:10px;padding:0;opacity:.5}.et-pb-controllers .et-pb-active-control{opacity:1}.et-pb-controllers a:last-child{margin-right:0}.et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_slides .et_pb_temp_slide{display:block}.et_pb_slides:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;width:0}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_light_tablet .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et_pb_bg_layout_light_tablet .et_pb_slide_content{color:#333}.et_pb_bg_layout_dark_tablet .et_pb_slide_description{text-shadow:0 1px 3px rgba(0,0,0,.3)}.et_pb_bg_layout_dark_tablet .et_pb_slide_content{color:#fff}.et_pb_bg_layout_dark_tablet .et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_bg_layout_dark_tablet .et-pb-controllers a{background-color:hsla(0,0%,100%,.5)}}@media (max-width:767px){.et-pb-controllers{position:absolute;bottom:5%;left:0;width:100%;text-align:center;z-index:10;height:14px}.et_transparent_nav .et_pb_section:first-child .et-pb-controllers{bottom:18px}.et_pb_bg_layout_light_phone.et_pb_slider_with_overlay .et_pb_slide_overlay_container,.et_pb_bg_layout_light_phone.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{background-color:hsla(0,0%,100%,.9)}.et_pb_bg_layout_light_phone .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_dark_phone.et_pb_slider_with_overlay .et_pb_slide_overlay_container,.et_pb_bg_layout_dark_phone.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper,.et_pb_bg_layout_light_phone .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et_pb_bg_layout_dark_phone .et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_bg_layout_dark_phone .et-pb-controllers a{background-color:hsla(0,0%,100%,.5)}}.et_mobile_device .et_pb_slider_parallax .et_pb_slide,.et_mobile_device .et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:scroll}
.et-pb-arrow-next,.et-pb-arrow-prev{position:absolute;top:50%;z-index:100;font-size:48px;color:#fff;margin-top:-24px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0}.et_pb_bg_layout_light .et-pb-arrow-next,.et_pb_bg_layout_light .et-pb-arrow-prev{color:#333}.et_pb_slider:hover .et-pb-arrow-prev{left:22px;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:22px;opacity:1}.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_light .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et-pb-arrow-next:hover,.et-pb-arrow-prev:hover{text-decoration:none}.et-pb-arrow-next span,.et-pb-arrow-prev span{display:none}.et-pb-arrow-prev{left:-22px}.et-pb-arrow-next{right:-22px}.et-pb-arrow-prev:before{content:"4"}.et-pb-arrow-next:before{content:"5"}.format-gallery .et-pb-arrow-next,.format-gallery .et-pb-arrow-prev{color:#fff}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-prev{left:0}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-next{right:0}.et_pb_column_1_4 .et_pb_slider .et_pb_slide,.et_pb_column_1_5 .et_pb_slider .et_pb_slide,.et_pb_column_1_6 .et_pb_slider .et_pb_slide{min-height:170px}.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-next{right:0}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et-pb-arrow-next,.et_pb_bg_layout_light_tablet .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_tablet .et-pb-arrow-next,.et_pb_bg_layout_dark_tablet .et-pb-arrow-prev{color:#fff}}@media (max-width:767px){.et_pb_slider:hover .et-pb-arrow-prev{left:0;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:0;opacity:1}.et_pb_bg_layout_light_phone .et-pb-arrow-next,.et_pb_bg_layout_light_phone .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_phone .et-pb-arrow-next,.et_pb_bg_layout_dark_phone .et-pb-arrow-prev{color:#fff}}.et_mobile_device .et-pb-arrow-prev{left:22px;opacity:1}.et_mobile_device .et-pb-arrow-next{right:22px;opacity:1}@media (max-width:767px){.et_mobile_device .et-pb-arrow-prev{left:0;opacity:1}.et_mobile_device .et-pb-arrow-next{right:0;opacity:1}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .4s;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}
.et_pb_blog_grid .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et_audio_container .mejs-container{width:auto!important;min-width:unset!important;height:auto!important}.et_audio_container .mejs-container,.et_audio_container .mejs-container .mejs-controls,.et_audio_container .mejs-embed,.et_audio_container .mejs-embed body{background:none;height:auto}.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-loaded,.et_audio_container .mejs-time.mejs-currenttime-container{display:none!important}.et_audio_container .mejs-time{display:block!important;padding:0;margin-left:10px;margin-right:90px;line-height:inherit}.et_audio_container .mejs-android .mejs-time,.et_audio_container .mejs-ios .mejs-time,.et_audio_container .mejs-ipad .mejs-time,.et_audio_container .mejs-iphone .mejs-time{margin-right:0}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5);border-radius:5px;height:4px;margin:8px 0 0;top:0;right:0;left:auto}.et_audio_container .mejs-controls>div{height:20px!important}.et_audio_container .mejs-controls div.mejs-time-rail{padding-top:0;position:relative;display:block!important;margin-left:42px;margin-right:0}.et_audio_container span.mejs-time-total.mejs-time-slider{display:block!important;position:relative!important;max-width:100%;min-width:unset!important}.et_audio_container .mejs-button.mejs-volume-button{width:auto;height:auto;margin-left:auto;position:absolute;right:59px;bottom:-2px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;height:4px;border-radius:5px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-handle{display:block;border:none;width:10px}.et_audio_container .mejs-time-rail .mejs-time-handle-content{border-radius:100%;-webkit-transform:scale(1);transform:scale(1)}.et_pb_text_color_dark .et_audio_container .mejs-time-rail .mejs-time-handle-content{border-color:#666}.et_audio_container .mejs-time-rail .mejs-time-hovered{height:4px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{background:#fff;border-radius:5px;height:10px;position:absolute;top:-3px}.et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_audio_container .mejs-controls a.mejs-horizontal-volume-slider{display:block!important;height:19px;margin-left:5px;position:absolute;right:0;bottom:0}.et_audio_container .mejs-controls div.mejs-horizontal-volume-slider{height:4px}.et_audio_container .mejs-playpause-button button,.et_audio_container .mejs-volume-button button{background:none!important;margin:0!important;width:auto!important;height:auto!important;position:relative!important;z-index:99}.et_audio_container .mejs-playpause-button button:before{content:"E"!important;font-size:32px;left:0;top:-8px}.et_audio_container .mejs-playpause-button button:before,.et_audio_container .mejs-volume-button button:before{color:#fff}.et_audio_container .mejs-playpause-button{margin-top:-7px!important;width:auto!important;height:auto!important;position:absolute}.et_audio_container .mejs-controls .mejs-button button:focus{outline:none}.et_audio_container .mejs-playpause-button.mejs-pause button:before{content:"`"!important}.et_audio_container .mejs-volume-button button:before{content:"\E068";font-size:18px}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark .mejs-container .mejs-controls .mejs-time span{color:#999}.et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et_audio_container .mejs-container .mejs-controls{padding:0;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:unset!important;position:relative}@media (max-width:980px){.et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#fff}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_bg_layout_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et_pb_bg_layout_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#fff}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#999}}@media (max-width:767px){.et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px!important}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-playpause-button button:before,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-volume-button button:before{color:#fff}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_bg_layout_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et_pb_bg_layout_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#fff}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark_phone .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark_phone .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#999}}
.et_pb_video_box{display:block;position:relative;z-index:1;line-height:0}.et_pb_video_box video{width:100%!important;height:auto!important}.et_pb_video_overlay{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:pointer}.et_pb_video_play:before{font-family:ETmodules;content:"I"}.et_pb_video_play{display:block;position:absolute;z-index:100;color:#fff;left:50%;top:50%}.et_pb_column_1_2 .et_pb_video_play,.et_pb_column_2_3 .et_pb_video_play,.et_pb_column_3_4 .et_pb_video_play,.et_pb_column_3_5 .et_pb_video_play,.et_pb_column_4_4 .et_pb_video_play{font-size:6rem;line-height:6rem;margin-left:-3rem;margin-top:-3rem}.et_pb_column_1_3 .et_pb_video_play,.et_pb_column_1_4 .et_pb_video_play,.et_pb_column_1_5 .et_pb_video_play,.et_pb_column_1_6 .et_pb_video_play,.et_pb_column_2_5 .et_pb_video_play,.et_pb_column_3_8 .et_pb_video_play{font-size:3rem;line-height:3rem;margin-left:-1.5rem;margin-top:-1.5rem}.et_pb_bg_layout_light .et_pb_video_play{color:#333}.et_pb_video_overlay_hover{background:transparent;width:100%;height:100%;position:absolute;z-index:100;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.et_pb_video .et_pb_video_overlay_hover:hover{background:rgba(0,0,0,.6)}@media (min-width:768px) and (max-width:980px){.et_pb_column_1_3 .et_pb_video_play,.et_pb_column_1_4 .et_pb_video_play,.et_pb_column_1_5 .et_pb_video_play,.et_pb_column_1_6 .et_pb_video_play,.et_pb_column_2_5 .et_pb_video_play,.et_pb_column_3_8 .et_pb_video_play{font-size:6rem;line-height:6rem;margin-left:-3rem;margin-top:-3rem}}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et_pb_video_play{color:#333}}@media (max-width:768px){.et_pb_column_1_2 .et_pb_video_play,.et_pb_column_2_3 .et_pb_video_play,.et_pb_column_3_4 .et_pb_video_play,.et_pb_column_3_5 .et_pb_video_play,.et_pb_column_4_4 .et_pb_video_play{font-size:3rem;line-height:3rem;margin-left:-1.5rem;margin-top:-1.5rem}}@media (max-width:767px){.et_pb_bg_layout_light_phone .et_pb_video_play{color:#333}}
.et_post_gallery{padding:0!important;line-height:1.7!important;list-style:none!important}.et_gallery_item{float:left;width:28.353%;margin:0 7.47% 7.47% 0}.blocks-gallery-item,.et_gallery_item{padding-left:0!important}.blocks-gallery-item:before,.et_gallery_item:before{display:none}.et_gallery_item:nth-child(3n){margin-right:0}.et_gallery_item:nth-child(3n+1){clear:both}
.et_pb_post{margin-bottom:60px;word-wrap:break-word}.et_pb_fullwidth_post_content.et_pb_with_border img,.et_pb_post_content.et_pb_with_border img,.et_pb_with_border .et_pb_post .et_pb_slides,.et_pb_with_border .et_pb_post img:not(.woocommerce-placeholder),.et_pb_with_border.et_pb_posts .et_pb_post,.et_pb_with_border.et_pb_posts_nav span.nav-next a,.et_pb_with_border.et_pb_posts_nav span.nav-previous a{border:0 solid #333}.et_pb_post .entry-content{padding-top:30px}.et_pb_post .entry-featured-image-url{display:block;position:relative;margin-bottom:30px}.et_pb_post .entry-title a,.et_pb_post h2 a{text-decoration:none}.et_pb_post .post-meta{font-size:14px;margin-bottom:6px}.et_pb_post .more,.et_pb_post .post-meta a{text-decoration:none}.et_pb_post .more{color:#82c0c7}.et_pb_posts a.more-link{clear:both;display:block}.et_pb_posts .et_pb_post{position:relative}.et_pb_has_overlay.et_pb_post .et_pb_image_container a{display:block;position:relative;overflow:hidden}.et_pb_image_container img,.et_pb_post a img{vertical-align:bottom;max-width:100%}@media (min-width:981px) and (max-width:1100px){.et_pb_post{margin-bottom:42px}}@media (max-width:980px){.et_pb_post{margin-bottom:42px}.et_pb_bg_layout_light_tablet .et_pb_post .post-meta,.et_pb_bg_layout_light_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_light_tablet .et_pb_post p{color:#666}.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta,.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_dark_tablet .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_tablet .comment_postinfo a,.et_pb_bg_layout_dark_tablet .comment_postinfo span{color:#fff}}@media (max-width:767px){.et_pb_post{margin-bottom:42px}.et_pb_post>h2{font-size:18px}.et_pb_bg_layout_light_phone .et_pb_post .post-meta,.et_pb_bg_layout_light_phone .et_pb_post .post-meta a,.et_pb_bg_layout_light_phone .et_pb_post p{color:#666}.et_pb_bg_layout_dark_phone .et_pb_post .post-meta,.et_pb_bg_layout_dark_phone .et_pb_post .post-meta a,.et_pb_bg_layout_dark_phone .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_phone .comment_postinfo a,.et_pb_bg_layout_dark_phone .comment_postinfo span{color:#fff}}@media (max-width:479px){.et_pb_post{margin-bottom:42px}.et_pb_post h2{font-size:16px;padding-bottom:0}.et_pb_post .post-meta{color:#666;font-size:14px}}
@media (min-width:981px){.et_pb_gutters3 .et_pb_column,.et_pb_gutters3.et_pb_row .et_pb_column{margin-right:5.5%}.et_pb_gutters3 .et_pb_column_4_4,.et_pb_gutters3.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:2.75%}.et_pb_gutters3 .et_pb_column_3_4,.et_pb_gutters3.et_pb_row .et_pb_column_3_4{width:73.625%}.et_pb_gutters3 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:3.735%}.et_pb_gutters3 .et_pb_column_2_3,.et_pb_gutters3.et_pb_row .et_pb_column_2_3{width:64.833%}.et_pb_gutters3 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:4.242%}.et_pb_gutters3 .et_pb_column_3_5,.et_pb_gutters3.et_pb_row .et_pb_column_3_5{width:57.8%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:4.758%}.et_pb_gutters3 .et_pb_column_1_2,.et_pb_gutters3.et_pb_row .et_pb_column_1_2{width:47.25%}.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:5.82%}.et_pb_gutters3 .et_pb_column_2_5,.et_pb_gutters3.et_pb_row .et_pb_column_2_5{width:36.7%}.et_pb_gutters3 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:7.493%}.et_pb_gutters3 .et_pb_column_1_3,.et_pb_gutters3.et_pb_row .et_pb_column_1_3{width:29.6667%}.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:9.27%}.et_pb_gutters3 .et_pb_column_1_4,.et_pb_gutters3.et_pb_row .et_pb_column_1_4{width:20.875%}.et_pb_gutters3 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:13.174%}.et_pb_gutters3 .et_pb_column_1_5,.et_pb_gutters3.et_pb_row .et_pb_column_1_5{width:15.6%}.et_pb_gutters3 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:17.628%}.et_pb_gutters3 .et_pb_column_1_6,.et_pb_gutters3.et_pb_row .et_pb_column_1_6{width:12.0833%}.et_pb_gutters3 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:22.759%}.et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product{width:20.875%;margin-right:5.5%;margin-bottom:5.5%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:28.353%;margin-right:7.47%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product{width:100%;margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product{width:48%;margin-right:4%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2){margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1){clear:none}}
@media (min-width:981px){.et_pb_gutter.et_pb_gutters1 #left-area{width:75%}.et_pb_gutter.et_pb_gutters1 #sidebar{width:25%}.et_pb_gutters1.et_right_sidebar #left-area{padding-right:0}.et_pb_gutters1.et_left_sidebar #left-area{padding-left:0}.et_pb_gutter.et_pb_gutters1.et_right_sidebar #main-content .container:before{right:25%!important}.et_pb_gutter.et_pb_gutters1.et_left_sidebar #main-content .container:before{left:25%!important}.et_pb_gutters1 .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column{margin-right:0}.et_pb_gutters1 .et_pb_column_4_4,.et_pb_gutters1.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters1 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_3_4,.et_pb_gutters1.et_pb_row .et_pb_column_3_4{width:75%}.et_pb_gutters1 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_2_3,.et_pb_gutters1.et_pb_row .et_pb_column_2_3{width:66.667%}.et_pb_gutters1 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_3_5,.et_pb_gutters1.et_pb_row .et_pb_column_3_5{width:60%}.et_pb_gutters1 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_2,.et_pb_gutters1.et_pb_row .et_pb_column_1_2{width:50%}.et_pb_gutters1 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_2_5,.et_pb_gutters1.et_pb_row .et_pb_column_2_5{width:40%}.et_pb_gutters1 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_3,.et_pb_gutters1.et_pb_row .et_pb_column_1_3{width:33.3333%}.et_pb_gutters1 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_4,.et_pb_gutters1.et_pb_row .et_pb_column_1_4{width:25%}.et_pb_gutters1 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_5,.et_pb_gutters1.et_pb_row .et_pb_column_1_5{width:20%}.et_pb_gutters1 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_6,.et_pb_gutters1.et_pb_row .et_pb_column_1_6{width:16.6667%}.et_pb_gutters1 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_full_width_page.woocommerce-page ul.products li.product{width:25%;margin-right:0;margin-bottom:0}.et_pb_gutters1.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters1.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:33.333%;margin-right:0}}@media (max-width:980px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1 .et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1 .et_pb_row_4col>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_5col>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_4col>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_5col>.et_pb_column.et_pb_column_1_5{width:50%;margin-right:0}.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_6col>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_6col>.et_pb_column.et_pb_column_1_6{width:33.333%;margin-right:0}.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6{width:50%;margin-right:0}}@media (max-width:767px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}}@media (max-width:479px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column{margin:0!important}.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}}
#et-secondary-menu li,#top-menu li{word-wrap:break-word}.nav li ul,.et_mobile_menu{border-color:#2EA3F2}.mobile_menu_bar:before,.mobile_menu_bar:after,#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a{color:#2EA3F2}#main-header{-webkit-transition:background-color 0.4s, color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s;transition:background-color 0.4s, color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s;transition:background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;transition:background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s}#main-header.et-disabled-animations *{-webkit-transition-duration:0s !important;transition-duration:0s !important}.container{text-align:left;position:relative}.et_fixed_nav.et_show_nav #page-container{padding-top:80px}.et_fixed_nav.et_show_nav.et-tb #page-container,.et_fixed_nav.et_show_nav.et-tb-has-header #page-container{padding-top:0 !important}.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container{padding-top:111px}.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container{padding-top:177px}.et_fixed_nav.et_show_nav.et_header_style_centered #page-container{padding-top:147px}.et_fixed_nav #main-header{position:fixed}.et-cloud-item-editor #page-container{padding-top:0 !important}.et_header_style_left #et-top-navigation{padding-top:33px}.et_header_style_left #et-top-navigation nav>ul>li>a{padding-bottom:33px}.et_header_style_left .logo_container{position:absolute;height:100%;width:100%}.et_header_style_left #et-top-navigation .mobile_menu_bar{padding-bottom:24px}.et_hide_search_icon #et_top_search{display:none !important}#logo{width:auto;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;margin-bottom:0;max-height:54%;display:inline-block;float:none;vertical-align:middle;-webkit-transform:translate3d(0, 0, 0)}.et_pb_svg_logo #logo{height:54%}.logo_container{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}span.logo_helper{display:inline-block;height:100%;vertical-align:middle;width:0}.safari .centered-inline-logo-wrap{-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#et-define-logo-wrap img{width:100%}.gecko #et-define-logo-wrap.svg-logo{position:relative !important}#top-menu-nav,#top-menu{line-height:0}#et-top-navigation{font-weight:600}.et_fixed_nav #et-top-navigation{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.et-cart-info span:before{content:"\e07a";margin-right:10px;position:relative}nav#top-menu-nav,#top-menu,nav.et-menu-nav,.et-menu{float:left}#top-menu li{display:inline-block;font-size:14px;padding-right:22px}#top-menu>li:last-child{padding-right:0}.et_fullwidth_nav.et_non_fixed_nav.et_header_style_left #top-menu>li:last-child>ul.sub-menu{right:0}#top-menu a{color:rgba(0,0,0,0.6);text-decoration:none;display:block;position:relative;-webkit-transition:opacity 0.4s ease-in-out, background-color 0.4s ease-in-out;transition:opacity 0.4s ease-in-out, background-color 0.4s ease-in-out}#top-menu-nav>ul>li>a:hover{opacity:0.7;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#et_search_icon:before{content:"\55";font-size:17px;left:0;position:absolute;top:-3px}#et_search_icon:hover{cursor:pointer}#et_top_search{float:right;margin:3px 0 0 22px;position:relative;display:block;width:18px}#et_top_search.et_search_opened{position:absolute;width:100%}.et-search-form{top:0;bottom:0;right:0;position:absolute;z-index:1000;width:100%}.et-search-form input{width:90%;border:none;color:#333;position:absolute;top:0;bottom:0;right:30px;margin:auto;background:transparent}.et-search-form .et-search-field::-ms-clear{width:0;height:0;display:none}.et_search_form_container{-webkit-animation:none;animation:none;-o-animation:none}.container.et_search_form_container{position:relative;opacity:0;height:1px}.container.et_search_form_container.et_pb_search_visible{z-index:999;-webkit-animation:fadeInTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);animation:fadeInTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_search_visible.et_pb_no_animation{opacity:1}.et_pb_search_form_hidden{-webkit-animation:fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);animation:fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}span.et_close_search_field{display:block;width:30px;height:30px;z-index:99999;position:absolute;right:0;cursor:pointer;top:0;bottom:0;margin:auto}span.et_close_search_field:after{font-family:'ETmodules';content:'\4d';speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:32px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.container.et_menu_container{z-index:99}.container.et_search_form_container.et_pb_search_form_hidden{z-index:1 !important}.et_search_outer{width:100%;overflow:hidden;position:absolute;top:0}.container.et_pb_menu_hidden{z-index:-1}form.et-search-form{background:rgba(0,0,0,0) !important}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.et-cart-info{color:inherit}#et-top-navigation .et-cart-info{float:left;margin:-2px 0 0 22px;font-size:16px}#et-top-navigation{float:right}#top-menu li li{padding:0 20px;margin:0}#top-menu li li a{padding:6px 20px;width:200px}.nav li.et-touch-hover>ul{opacity:1;visibility:visible}#top-menu .menu-item-has-children>a:first-child:after,#et-secondary-nav .menu-item-has-children>a:first-child:after{font-family:'ETmodules';content:"3";font-size:16px;position:absolute;right:0;top:0;font-weight:800}#top-menu .menu-item-has-children>a:first-child,#et-secondary-nav .menu-item-has-children>a:first-child{padding-right:20px}#top-menu li .menu-item-has-children>a:first-child{padding-right:40px}#top-menu li .menu-item-has-children>a:first-child:after{right:20px;top:6px}#top-menu li.mega-menu{position:inherit}#top-menu li.mega-menu>ul{padding:30px 20px;position:absolute !important;width:100%;left:0 !important}#top-menu li.mega-menu ul li{margin:0;float:left !important;display:block !important;padding:0 !important}#top-menu li.mega-menu>ul>li:nth-of-type(4n){clear:right}#top-menu li.mega-menu>ul>li:nth-of-type(4n+1){clear:left}#top-menu li.mega-menu ul li li{width:100%}#top-menu li.mega-menu li>ul{-webkit-animation:none !important;animation:none !important;padding:0px;border:none;left:auto;top:auto;width:90% !important;position:relative;-webkit-box-shadow:none;box-shadow:none}#top-menu li.mega-menu li ul{visibility:visible;opacity:1;display:none}#top-menu li.mega-menu.et-hover li ul{display:block}#top-menu li.mega-menu.et-hover>ul{opacity:1 !important;visibility:visible !important}#top-menu li.mega-menu>ul>li>a{width:90%;padding:0 20px 10px}#top-menu li.mega-menu>ul>li>a:first-child{padding-top:0 !important;font-weight:bold;border-bottom:1px solid rgba(0,0,0,0.03)}#top-menu li.mega-menu>ul>li>a:first-child:hover{background-color:transparent !important}#top-menu li.mega-menu li>a{width:100%}#top-menu li.mega-menu.mega-menu-parent li li,#top-menu li.mega-menu.mega-menu-parent li>a{width:100% !important}#top-menu li.mega-menu.mega-menu-parent li>.sub-menu{float:left;width:100% !important}#top-menu li.mega-menu>ul>li{width:25%;margin:0}#top-menu li.mega-menu.mega-menu-parent-3>ul>li{width:33.33%}#top-menu li.mega-menu.mega-menu-parent-2>ul>li{width:50%}#top-menu li.mega-menu.mega-menu-parent-1>ul>li{width:100%}#top-menu li.mega-menu .menu-item-has-children>a:first-child:after{display:none}#top-menu li.mega-menu>ul>li>ul>li{width:100%;margin:0}#et_mobile_nav_menu{float:right;display:none}.mobile_menu_bar{position:relative;display:block;line-height:0}.mobile_menu_bar:before,.et_toggle_slide_menu:after{content:"\61";font-size:32px;left:0;position:relative;top:0;cursor:pointer}.mobile_nav .select_page{display:none}.et_pb_menu_hidden #top-menu,.et_pb_menu_hidden #et_search_icon:before,.et_pb_menu_hidden .et-cart-info{opacity:0;-webkit-animation:fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);animation:fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_menu_visible #top-menu,.et_pb_menu_visible #et_search_icon:before,.et_pb_menu_visible .et-cart-info{z-index:99;opacity:1;-webkit-animation:fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);animation:fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_menu_hidden #top-menu,.et_pb_menu_hidden #et_search_icon:before,.et_pb_menu_hidden .mobile_menu_bar{opacity:0;-webkit-animation:fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);animation:fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_menu_visible #top-menu,.et_pb_menu_visible #et_search_icon:before,.et_pb_menu_visible .mobile_menu_bar{z-index:99;opacity:1;-webkit-animation:fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);animation:fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_no_animation #top-menu,.et_pb_no_animation #et_search_icon:before,.et_pb_no_animation .mobile_menu_bar,.et_pb_no_animation.et_search_form_container{animation:none !important;-o-animation:none !important;-webkit-animation:none !important;-moz-animation:none !important}body.admin-bar.et_fixed_nav #main-header{top:32px}body.et-wp-pre-3_8.admin-bar.et_fixed_nav #main-header{top:28px}body.et_fixed_nav.et_secondary_nav_enabled #main-header{top:30px}body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header{top:63px}@media all and (min-width: 981px){.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:0;opacity:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.et_hide_primary_logo #main-header:not(.et-fixed-header) .centered-inline-logo-wrap,.et_hide_fixed_logo #main-header.et-fixed-header .centered-inline-logo-wrap{height:0;opacity:0;padding:0}.et-animated-content#page-container{-webkit-transition:margin-top 0.4s ease-in-out;transition:margin-top 0.4s ease-in-out}.et_hide_nav #page-container{-webkit-transition:none;transition:none}.et_fullwidth_nav .et-search-form,.et_fullwidth_nav .et_close_search_field{right:30px}#main-header.et-fixed-header{-webkit-box-shadow:0 0 7px rgba(0,0,0,0.1) !important;box-shadow:0 0 7px rgba(0,0,0,0.1) !important}.et_header_style_left .et-fixed-header #et-top-navigation{padding-top:20px}.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a{padding-bottom:20px}.et_hide_nav.et_fixed_nav #main-header{opacity:0}.et_hide_nav.et_fixed_nav .et-fixed-header#main-header{-webkit-transform:translateY(0px) !important;transform:translateY(0px) !important;opacity:1}.et_hide_nav .centered-inline-logo-wrap,.et_hide_nav.et_fixed_nav #main-header,.et_hide_nav.et_fixed_nav #main-header,.et_hide_nav .centered-inline-logo-wrap{-webkit-transition-duration:.7s;transition-duration:.7s}.et_hide_nav #page-container{padding-top:0 !important}.et_primary_nav_dropdown_animation_fade #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_fade #et-secondary-nav li:hover>ul{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.et_primary_nav_dropdown_animation_slide #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_slide #et-secondary-nav li:hover>ul{-webkit-animation:fadeLeft .4s ease-in-out;animation:fadeLeft .4s ease-in-out}.et_primary_nav_dropdown_animation_expand #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_expand #et-secondary-nav li:hover>ul{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:Grow .4s ease-in-out;animation:Grow .4s ease-in-out;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}.et_primary_nav_dropdown_animation_flip #et-top-navigation ul li ul li:hover>ul,.et_secondary_nav_dropdown_animation_flip #et-secondary-nav ul li:hover>ul{-webkit-animation:flipInX .6s ease-in-out;animation:flipInX .6s ease-in-out;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}.et_primary_nav_dropdown_animation_flip #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_flip #et-secondary-nav li:hover>ul{-webkit-animation:flipInY .6s ease-in-out;animation:flipInY .6s ease-in-out;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}.et_fullwidth_nav #main-header .container{width:100%;max-width:100%;padding-right:32px;padding-left:30px}.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left #main-header .container{padding-left:0}.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container{padding-left:30px}}@media all and (max-width: 980px){.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,.et_fixed_nav.et_show_nav #page-container{padding-top:80px}.et_fixed_nav.et_show_nav.et-tb #page-container,.et_fixed_nav.et_show_nav.et-tb-has-header #page-container{padding-top:0 !important}.et_non_fixed_nav #page-container{padding-top:0}.et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header{top:32px !important}.et_hide_mobile_logo #main-header .logo_container{display:none;opacity:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#top-menu{display:none}.et_hide_nav.et_fixed_nav #main-header{-webkit-transform:translateY(0px) !important;transform:translateY(0px) !important;opacity:1}#et-top-navigation{margin-right:0;-webkit-transition:none;transition:none}.et_fixed_nav #main-header{position:absolute}.et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_left #et-top-navigation{padding-top:24px;display:block}.et_fixed_nav #main-header{-webkit-transition:none;transition:none}.et_fixed_nav_temp #main-header{top:0 !important}#logo,.logo_container,#main-header,.container{-webkit-transition:none;transition:none}.et_header_style_left #logo{max-width:50%}#et_top_search{margin:0 35px 0 0;float:left}#et_search_icon:before{top:7px}.et_header_style_left .et-search-form{width:50% !important;max-width:50% !important}#et_mobile_nav_menu{display:block}#et-top-navigation .et-cart-info{margin-top:5px}}@media screen and (max-width: 782px){body.admin-bar.et_fixed_nav #main-header{top:46px}}@media all and (max-width: 767px){#et-top-navigation{margin-right:0}body.admin-bar.et_fixed_nav #main-header{top:46px}}@media all and (max-width: 479px){#et-top-navigation{margin-right:0}}@media print{#top-header,#main-header{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important}}
@-webkit-keyframes fadeOutTop{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}}@keyframes fadeOutTop{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes fadeOutBottom{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}}@keyframes fadeOutBottom{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}}@-webkit-keyframes Grow{0%{opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes Grow{0%{opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}/*!
	  * Animate.css - http://daneden.me/animate
	  * Licensed under the MIT license - http://opensource.org/licenses/MIT
	  * Copyright (c) 2015 Daniel Eden
	 */@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
#main-header{line-height:23px;font-weight:500;top:0;background-color:#fff;width:100%;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1);position:relative;z-index:99999}.nav li li{padding:0 20px;margin:0}.et-menu li li a{padding:6px 20px;width:200px}.nav li{position:relative;line-height:1em}.nav li li{position:relative;line-height:2em}.nav li ul{position:absolute;padding:20px 0;z-index:9999;width:240px;background:#fff;visibility:hidden;opacity:0;border-top:3px solid #2ea3f2;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-transform:translateZ(0);text-align:left}.nav li.et-hover>ul{visibility:visible}.nav li.et-touch-hover>ul,.nav li:hover>ul{opacity:1;visibility:visible}.nav li li ul{z-index:1000;top:-23px;left:240px}.nav li.et-reverse-direction-nav li ul{left:auto;right:240px}.nav li:hover{visibility:inherit}.et_mobile_menu li a,.nav li li a{font-size:14px;-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.et_mobile_menu li a:hover,.nav ul li a:hover{background-color:rgba(0,0,0,.03);opacity:.7}.et-dropdown-removing>ul{display:none}.mega-menu .et-dropdown-removing>ul{display:block}.et-menu .menu-item-has-children>a:first-child:after{font-family:ETmodules;content:"3";font-size:16px;position:absolute;right:0;top:0;font-weight:800}.et-menu .menu-item-has-children>a:first-child{padding-right:20px}.et-menu li li.menu-item-has-children>a:first-child:after{right:20px;top:6px}.et-menu-nav li.mega-menu{position:inherit}.et-menu-nav li.mega-menu>ul{padding:30px 20px;position:absolute!important;width:100%;left:0!important}.et-menu-nav li.mega-menu ul li{margin:0;float:left!important;display:block!important;padding:0!important}.et-menu-nav li.mega-menu li>ul{-webkit-animation:none!important;animation:none!important;padding:0;border:none;left:auto;top:auto;width:240px!important;position:relative;box-shadow:none;-webkit-box-shadow:none}.et-menu-nav li.mega-menu li ul{visibility:visible;opacity:1;display:none}.et-menu-nav li.mega-menu.et-hover li ul,.et-menu-nav li.mega-menu:hover li ul{display:block}.et-menu-nav li.mega-menu:hover>ul{opacity:1!important;visibility:visible!important}.et-menu-nav li.mega-menu>ul>li>a:first-child{padding-top:0!important;font-weight:700;border-bottom:1px solid rgba(0,0,0,.03)}.et-menu-nav li.mega-menu>ul>li>a:first-child:hover{background-color:transparent!important}.et-menu-nav li.mega-menu li>a{width:200px!important}.et-menu-nav li.mega-menu.mega-menu-parent li>a,.et-menu-nav li.mega-menu.mega-menu-parent li li{width:100%!important}.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu{float:left;width:100%!important}.et-menu-nav li.mega-menu>ul>li{width:25%;margin:0}.et-menu-nav li.mega-menu.mega-menu-parent-3>ul>li{width:33.33%}.et-menu-nav li.mega-menu.mega-menu-parent-2>ul>li{width:50%}.et-menu-nav li.mega-menu.mega-menu-parent-1>ul>li{width:100%}.et_pb_fullwidth_menu li.mega-menu .menu-item-has-children>a:first-child:after,.et_pb_menu li.mega-menu .menu-item-has-children>a:first-child:after{display:none}.et_fullwidth_nav #top-menu li.mega-menu>ul{width:auto;left:30px!important;right:30px!important}.et_mobile_menu{position:absolute;left:0;padding:5%;background:#fff;width:100%;visibility:visible;opacity:1;display:none;z-index:9999;border-top:3px solid #2ea3f2;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1)}#main-header .et_mobile_menu li ul,.et_pb_fullwidth_menu .et_mobile_menu li ul,.et_pb_menu .et_mobile_menu li ul{visibility:visible!important;display:block!important;padding-left:10px}.et_mobile_menu li li{padding-left:5%}.et_mobile_menu li a{border-bottom:1px solid rgba(0,0,0,.03);color:#666;padding:10px 5%;display:block}.et_mobile_menu .menu-item-has-children>a{font-weight:700;background-color:rgba(0,0,0,.03)}.et_mobile_menu li .menu-item-has-children>a{background-color:transparent}.et_mobile_nav_menu{float:right;display:none}.mobile_menu_bar{position:relative;display:block;line-height:0}.mobile_menu_bar:before{content:"a";font-size:32px;position:relative;left:0;top:0;cursor:pointer}.et_pb_module .mobile_menu_bar:before{top:2px}.mobile_nav .select_page{display:none}
.et_header_style_centered #main-header .container{text-align:center;height:inherit}.et_header_style_centered #main-header div#et-top-navigation{bottom:0;position:relative;width:100%}.et_header_style_centered #logo,.et_header_style_centered #et-top-navigation,.et_header_style_centered nav#top-menu-nav,.et_header_style_centered #top-menu{float:none}.et_header_style_centered #logo{max-height:64%}.et_header_style_centered #main-header .logo_container{height:100px;padding:0}.et_header_style_centered header#main-header.et-fixed-header .logo_container{height:70px}.et_header_style_centered #et_top_search{float:none;display:inline-block !important}.et_header_style_centered #et_search_icon:before{left:3px;top:-13px}.et_header_style_centered nav#top-menu-nav{display:inline-block}.et_header_style_centered #top-menu>li>a{padding-bottom:2em}.et_header_style_centered #et-top-navigation .et-cart-info{float:none}.et_header_style_centered .et-search-form input,.et_header_style_centered span.et_close_search_field{top:60%}@media all and (min-width: 981px){.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:0;opacity:0;padding:0}.et_header_style_centered .et-fixed-header .et-search-form{top:21px}.et_header_style_centered .et-fixed-header #et_search_icon:before{margin-top:0}}@media all and (max-width: 980px){.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container,.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_header_style_centered #page-container,.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container,.et_fixed_nav.et_show_nav.et_header_style_centered #page-container{padding-top:136px}.et_header_style_centered #main-header{padding:20px 0}.et_header_style_centered nav#top-menu-nav{display:none}.et_header_style_centered #logo{max-height:60px}.et_header_style_centered header#main-header .logo_container{height:auto;max-height:100px;padding:0}.et_header_style_centered #et_top_search{display:none !important}.et_header_style_centered .et_search_outer{display:none}.et_header_style_centered .et_menu_container .mobile_menu_bar{opacity:1}.et_header_style_centered #et_mobile_nav_menu{float:none;position:relative;margin-top:20px}.et_header_style_centered #main-header .mobile_nav{display:block;text-align:left;background-color:rgba(0,0,0,0.05);border-radius:5px;padding:5px 10px}.et_header_style_centered .mobile_nav .select_page{display:inline-block;color:#666;font-size:14px}.et_header_style_centered .et_menu_container .mobile_menu_bar{position:absolute;right:5px;top:2px}.et_header_style_centered .et_mobile_menu{top:53px}.et_header_style_centered #et-top-navigation .et-cart-info{display:none}}
.footer-widget h4,#main-footer .widget_block h1,#main-footer .widget_block h2,#main-footer .widget_block h3,#main-footer .widget_block h4,#main-footer .widget_block h5,#main-footer .widget_block h6{color:#2EA3F2}.footer-widget li:before{border-color:#2EA3F2}.bottom-nav li.current-menu-item>a{color:#2EA3F2}#main-footer{background-color:#222222}#footer-widgets{padding:6% 0 0}.footer-widget{float:left;color:#fff}.last{margin-right:0}.footer-widget .fwidget:last-child{margin-bottom:0 !important}#footer-widgets .footer-widget li{padding-left:14px;position:relative}#footer-widgets .footer-widget li:before{border-radius:3px;border-style:solid;border-width:3px;content:"";left:0;position:absolute;top:9px}#footer-widgets .footer-widget a{color:#fff}#footer-widgets .footer-widget li a{color:#fff;text-decoration:none}#footer-widgets .footer-widget li a:hover{color:rgba(255,255,255,0.7)}.footer-widget .widget_adsensewidget ins{min-width:160px}#footer-bottom{background-color:#1f1f1f;background-color:rgba(0,0,0,0.32);padding:15px 0 5px}#footer-bottom a{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#footer-info{text-align:left;color:#666;padding-bottom:10px;float:left}#footer-info a{font-weight:700;color:#666}#footer-info a:hover{opacity:.7}#et-footer-nav{background-color:rgba(255,255,255,0.05)}.bottom-nav{padding:15px 0}.bottom-nav li{font-weight:600;display:inline-block;font-size:14px;padding-right:22px}.bottom-nav a{color:#bbb;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.bottom-nav a:hover{opacity:.7}@media all and (max-width: 980px){.footer-widget:nth-child(n){width:46.25% !important;margin:0 7.5% 7.5% 0 !important}.et_pb_footer_columns1 .footer-widget{width:100% !important;margin:0 7.5% 7.5% 0 !important}#footer-widgets .footer-widget .fwidget{margin-bottom:16.21%}.et_pb_gutters1 .footer-widget:nth-child(n){width:50% !important;margin:0 !important}.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0}#footer-widgets{padding:8% 0}#footer-widgets .footer-widget:nth-child(2n){margin-right:0 !important}#footer-widgets .footer-widget:nth-last-child(-n+2){margin-bottom:0 !important}.bottom-nav{text-align:center}#footer-info{float:none;text-align:center}}@media all and (max-width: 767px){#footer-widgets .footer-widget,.et_pb_gutters1 #footer-widgets .footer-widget{width:100% !important;margin-right:0 !important}#footer-widgets .footer-widget:nth-child(n),#footer-widgets .footer-widget .fwidget{margin-bottom:9.5% !important}.et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n),.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0 !important}#footer-widgets{padding:10% 0}#footer-widgets .footer-widget .fwidget:last-child{margin-bottom:0 !important}#footer-widgets .footer-widget:last-child{margin-bottom:0 !important}}@media all and (max-width: 479px){#footer-widgets .footer-widget:nth-child(n),.footer-widget .fwidget{margin-bottom:11.5% !important}#footer-widgets .footer-widget.last{margin-bottom:0 !important}.et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n),.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0 !important}#footer-widgets{padding:12% 0}}
@media all and (min-width: 981px){.et_pb_gutters3 .footer-widget{margin-right:5.5%;margin-bottom:5.5%}.et_pb_gutters3 .footer-widget:last-child{margin-right:0}.et_pb_gutters3.et_pb_footer_columns6 .footer-widget{width:12.083%}.et_pb_gutters3.et_pb_footer_columns6 .footer-widget .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns5 .footer-widget{width:15.6%}.et_pb_gutters3.et_pb_footer_columns5 .footer-widget .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns4 .footer-widget{width:20.875%}.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns3 .footer-widget{width:29.667%}.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns2 .footer-widget{width:47.25%}.et_pb_gutters3.et_pb_footer_columns2 .footer-widget .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns1 .footer-widget{width:100%}.et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget{margin-bottom:5.5%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(1){width:73.625%;clear:both}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(1) .fwidget{margin-bottom:7.47%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(2){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(1){width:20.875%;clear:both}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(1) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(2){width:73.625%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:7.47%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(1){width:64.833%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(1) .fwidget{margin-bottom:8.483%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(2){width:29.667%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(2) .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(1){width:29.667%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(1) .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(2){width:64.833%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(2) .fwidget{margin-bottom:8.483%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(-n+2){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(-n+2) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(3){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(3) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:first-child{width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:first-child .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(-n+3):not(:nth-child(1)){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(-n+3):not(:nth-child(1)) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(-n+2){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(-n+2) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(3){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(3) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:first-child{width:57.8%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:first-child .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:nth-child(-n+3):not(:nth-child(1)){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:nth-child(-n+3):not(:nth-child(1)) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(1){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(1) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2){width:36.7%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:14.986%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(1){width:36.7%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(1) .fwidget{margin-bottom:14.986%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(2){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:first-child{width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:first-child .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:nth-child(-n+4):not(:nth-child(1)){width:12.083%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:nth-child(-n+4):not(:nth-child(1)) .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(-n+3){width:12.083%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(-n+3) .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(4){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(4) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(-n+3):not(:nth-child(2)){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(-n+3):not(:nth-child(2)) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(2){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(-n+3):not(:nth-child(2)){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(-n+3):not(:nth-child(2)) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(2){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:9.516%}}
.et-social-icons{float:right}.et-social-icons li{display:inline-block;margin-left:20px}.et-social-icon a{display:inline-block;font-size:24px;position:relative;text-align:center;-webkit-transition:color 300ms ease 0s;transition:color 300ms ease 0s;color:#666;text-decoration:none}.et-social-icons a:hover{opacity:0.7;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.et-social-icon span{display:none}.et_duplicate_social_icons{display:none}@media all and (max-width: 980px){.et-social-icons{float:none;text-align:center}}@media all and (max-width: 980px){.et-social-icons{margin:0 0 5px}}
#sidebar{padding-bottom:28px}#sidebar .et_pb_widget{margin-bottom:30px;width:100%;float:none}.et_right_sidebar #main-content .et_pb_column_2_3 .et_pb_countdown_timer .section p.value,.et_right_sidebar #main-content .et_pb_column_2_3 .et_pb_countdown_timer .section.sep,.et_left_sidebar #main-content .et_pb_column_2_3 .et_pb_countdown_timer .section p.value,.et_left_sidebar #main-content .et_pb_column_2_3 .et_pb_countdown_timer .section.sep{font-size:44px;line-height:44px}.et_right_sidebar #main-content .et_pb_column_1_2 .et_pb_countdown_timer .section p.value,.et_right_sidebar #main-content .et_pb_column_1_2 .et_pb_countdown_timer .section.sep,.et_left_sidebar #main-content .et_pb_column_1_2 .et_pb_countdown_timer .section p.value,.et_left_sidebar #main-content .et_pb_column_1_2 .et_pb_countdown_timer .section.sep{font-size:32px;line-height:32px}.et_right_sidebar #main-content .et_pb_column_3_8 .et_pb_countdown_timer .section p.value,.et_right_sidebar #main-content .et_pb_column_3_8 .et_pb_countdown_timer .section.sep,.et_left_sidebar #main-content .et_pb_column_3_8 .et_pb_countdown_timer .section p.value,.et_left_sidebar #main-content .et_pb_column_3_8 .et_pb_countdown_timer .section.sep{font-size:24px;line-height:24px}.et_right_sidebar #main-content .et_pb_column_1_3 .et_pb_countdown_timer .section p.value,.et_right_sidebar #main-content .et_pb_column_1_3 .et_pb_countdown_timer .section.sep,.et_left_sidebar #main-content .et_pb_column_1_3 .et_pb_countdown_timer .section p.value,.et_left_sidebar #main-content .et_pb_column_1_3 .et_pb_countdown_timer .section.sep{font-size:20px;line-height:20px}.et_right_sidebar #main-content .et_pb_column_1_4 .et_pb_countdown_timer .section p.value,.et_right_sidebar #main-content .et_pb_column_1_4 .et_pb_countdown_timer .section.sep,.et_left_sidebar #main-content .et_pb_column_1_4 .et_pb_countdown_timer .section p.value,.et_left_sidebar #main-content .et_pb_column_1_4 .et_pb_countdown_timer .section.sep{font-size:16px;line-height:16px}@media all and (min-width: 981px) and (max-width: 1100px){#sidebar .et_pb_widget{margin-left:0}.et_left_sidebar #sidebar .et_pb_widget{margin-right:0}}@media all and (min-width: 981px){#sidebar{float:left;width:20.875%}.et_right_sidebar #left-area{float:left;padding-right:5.5%}.et_right_sidebar #sidebar{padding-left:30px}.et_right_sidebar #main-content .container:before{right:20.875% !important}.et_left_sidebar #left-area{float:right;padding-left:5.5%}.et_left_sidebar #sidebar{padding-right:30px}.et_left_sidebar #main-content .container:before{left:20.875% !important}}@media all and (max-width: 980px){.et_right_sidebar #left-area,.et_right_sidebar #sidebar,.et_left_sidebar #left-area,.et_left_sidebar #sidebar{width:auto;float:none;padding-right:0;padding-left:0}.et_right_sidebar #left-area{margin-right:0}.et_right_sidebar #sidebar{margin-left:0;border-left:none}.et_left_sidebar #left-area{margin-left:0}.et_left_sidebar #sidebar{margin-right:0;border-right:none}}
.comment-reply-link{color:#2EA3F2}.comment-reply-link:hover{background:rgba(0,0,0,0.05)}.comment-reply-link:hover:after{opacity:1;margin-left:0}.comment-content ul{list-style-type:disc;padding:0 0 23px 1em;line-height:26px}.comment-content ol{list-style-type:decimal;list-style-position:inside;padding:0 0 23px 0;line-height:26px}.comment-content ul li ul,.comment-content ul li ol{padding:2px 0px 2px 20px}.comment-content ol li ul,.comment-content ol li ol{padding:2px 0px 2px 35px}ol.commentlist,.comment .children{list-style:none !important;line-height:1.7em !important;padding:0 !important}.comment-content ul{padding:0 0 23px 16px !important;line-height:26px !important}.comment-content ol{line-height:26px !important}@media print{#respond{display:none}}
#comment-wrap{padding-top:75px}.comment-body{position:relative;padding:0 110px 0 100px;margin-bottom:48px;min-height:87px}.comment_avatar{left:0;position:absolute;top:7px}.comment_avatar img{display:block;height:auto;max-width:100%;width:auto}.comment_postinfo{margin-bottom:8px}span.fn,span.fn a{color:#000;font-weight:700;text-decoration:none;font-size:16px;display:inline-block}span.comment_date{color:#000;font-size:14px;font-weight:300}.comment_area .comment-reply-link{position:absolute;top:7px;right:0;display:block}.comment-reply-link:hover,.form-submit:hover{text-decoration:none}.comment .children{margin-left:100px;padding-left:0!important}#comment-wrap li.comment.depth-5 article{padding-right:0}.comment #respond{margin:-30px 0 0}#respond{padding-top:17px}#commentform{padding-bottom:50px}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url]{width:47%}#commentform textarea{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url],#commentform textarea{padding:12px;color:#999;line-height:1em;background-color:#eee;font-size:18px;border-width:0}.form-submit{text-align:right}.form-submit .et_pb_button{display:inline-block;cursor:pointer;color:#2ea3f2}#reply-title small{display:block;font-size:14px;font-weight:400}@media (max-width:767px){#comment-wrap li.comment article{padding-right:0}.comment-body{padding:0 0 0 100px}.comment-reply-link{position:relative!important;float:right;bottom:-10px;top:auto!important}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:0}.comment .children{margin-left:50px}}@media (max-width:479px){.comment_avatar img{max-width:50%}.comment-body{padding:0 0 0 50px}.comment .children{margin-left:25px}a.comment-reply-link.et_pb_button{font-size:15px}a.comment-reply-link.et_pb_button:after{font-size:25px}}
.et_pb_widget{float:left;max-width:100%;word-wrap:break-word}.et_pb_widget a{text-decoration:none;color:#666}.et_pb_widget li a:hover{color:#82c0c7}.et_pb_widget ol li,.et_pb_widget ul li{margin-bottom:.5em}.et_pb_widget ol li ol li,.et_pb_widget ul li ul li{margin-left:15px}.et_pb_widget select{width:100%;height:28px;padding:0 5px}.et_pb_widget_area .et_pb_widget a{color:inherit}.et_pb_bg_layout_light .et_pb_widget li a{color:#666}.et_pb_bg_layout_dark .et_pb_widget li a{color:inherit}
.widget_search .screen-reader-text,.et_pb_widget .wp-block-search__label{display:none}.widget_search input#s,.widget_search input#searchsubmit,.et_pb_widget .wp-block-search__input,.et_pb_widget .wp-block-search__button{padding:.7em;height:40px !important;margin:0;font-size:14px;line-height:normal !important;border:1px solid #ddd;color:#666}.widget_search #s,.et_pb_widget .wp-block-search__input{width:100%;border-radius:3px}.widget_search #searchform,.et_pb_widget .wp-block-search{position:relative}.widget_search #searchsubmit,.et_pb_widget .wp-block-search__button{background-color:#ddd;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:0;top:0}#searchsubmit,.et_pb_widget .wp-block-search__button{cursor:pointer}/* ==========================================================================
   CHAPITRE 1 : LA CONFIGURATION (Le cerveau du design)
   Ici, on définit les couleurs et polices une fois pour toutes.
   Si tu changes une couleur ici, ça change partout.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Reem+Kufi");

:root {
    /* -- Couleurs de l'interface -- */
    --player-bg: #ffffff;       /* Fond général blanc */
    --dark-section-bg: #222;    /* Fond de la partie haute (derrière l'image) */
    --primary-color: #333;      /* Couleur principale (boutons, textes) */
    --accent-color: #888;       /* Couleur secondaire (textes moins importants) */
    --text-color: #333;         /* Couleur du texte général */
    
    /* -- Barre de progression -- */
    --progress-bg: #eee;        /* Fond de la barre (gris clair) */
    --progress-fill: #333;      /* Remplissage de la barre (gris foncé) */
    
    /* -- Formes et Tailles -- */
    --border-radius-main: 15px; /* Arrondi des coins du lecteur */
    --font-family: 'Reem Kufi', sans-serif;
    
    /* -- Paramètres des Vagues (Couleurs HSL) -- */
    --wave-color-base: 60;      /* La teinte (60 = jaune/ocre) */
    --wave-saturation: 40%;     /* L'intensité de la couleur */
    --wave-lightness: 85%;      /* La clarté */
    --wave-lightness-dark: 75%; /* La version un peu plus sombre */
}

/* ==========================================================================
   CHAPITRE 2 : LA STRUCTURE PRINCIPALE (Le corps du lecteur)
   ========================================================================== */

/* L'en-tête (au dessus de la carte, s'il y en a une) */
.player-header {
    z-index: 20;
    width: 100%;
    flex-shrink: 0;   
    margin-top: 5px; 
    padding: 0px 0px 5px 0px;
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center;     /* Centre verticalement */
}

/* La CARTE PRINCIPALE (Le conteneur de tout le lecteur) */
.music-card {
    font-family: var(--font-family);
    margin: 40px auto;          /* Centré dans la page */
    width: 340px;               /* Largeur fixe */
    height: 600px;              /* Hauteur fixe */
    background: var(--player-bg);
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* L'ombre portée derrière */
    border-radius: var(--border-radius-main);
    overflow: hidden;           /* Ce qui dépasse est coupé (important pour les vagues) */
    position: relative;
    display: flex;
    flex-direction: column;     /* Empile les éléments (Haut puis Bas) */
    margin-bottom: 100px;
}

/* ==========================================================================
   CHAPITRE 3 : LA ZONE HAUTE (Image & Vagues)
   C'est la partie sombre en haut qui contient la pochette et l'animation.
   ========================================================================== */

/* Le conteneur de la zone haute (environ 57% de la hauteur totale) */
.visual-top {
    position: relative;
    width: 100%;
    height: 55%; 
    z-index: 500; /* Z-INDEX MOYEN : Au dessus du fond, mais sous les menus */
    background: white /*(--dark-section-bg)*/;
    overflow: hidden; 
}

/* L'image de la pochette d'album */
#stp #player-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* L'image remplit tout sans se déformer */
    display: block !important;
    z-index: 1; /* Tout au fond de la zone haute */
}

/* Effet de disparition (utilisé parfois par le JS) */
.fade-out {
    opacity: 0 !important;
    transform: scale(1.05) !important; /* Zoom léger en disparaissant */
}

/* --- ANIMATION DES VAGUES --- */
/* La définition du mouvement (tourne en rond) */
@keyframes wave {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Style général d'une vague */
.wave {
    position: absolute;
    height: 750px;
    width: 780px;
    opacity: 0.6;
    left: 0;
    top: -510px;      /* Positionnée haut pour ne montrer que le bas du rond */
    margin-left: -65%;
    border-radius: 40%; /* Forme ovale irrégulière */
    animation: wave 80s infinite linear; /* Ça tourne ! */
    
    /* Couleur de la vague (Dégradé) */
    background: linear-gradient(
        180deg,
        hsl(var(--wave-color-base), var(--wave-saturation), var(--wave-lightness)),
        hsl(var(--wave-color-base), var(--wave-saturation), var(--wave-lightness-dark))
    );
    filter: blur(2px); /* Léger flou pour faire plus liquide */
    z-index: 10;
}

/* Décalage des vagues 2 et 3 pour qu'elles ne soient pas superposées */
.wave:nth-child(2),
.wave:nth-child(3) {
    /* top: 10px; */ /* (Code original commenté) */
}

/* VITESSE LENTE (Quand la musique est en pause) */
.wave:nth-child(1) { animation-duration: 35s; }
.wave:nth-child(2) { animation-duration: 45s; }
.wave:nth-child(3) { animation-duration: 65s; }

/* VITESSE RAPIDE (Quand la classe .playing est ajoutée par le JS) */
.playing .visual-top .wave:nth-child(1) { animation-duration: 15s; }
.playing .visual-top .wave:nth-child(2) { animation-duration: 20s; }
.playing .visual-top .wave:nth-child(3) { animation-duration: 30s; }

.image {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; 
    margin-bottom: 10px;
    /* display: none; */ 
}

/* Cible les icônes SVG dans ta liste de lecture */
.playlist-item svg, 
.playlist-item img[src$=".svg"] {
    position: relative;
    /* Ajuste la valeur (ex: -2px pour monter, 2px pour descendre) */
    transform: translateY(-52px) !important; 
}

/* ==========================================================================
   CHAPITRE 4 : LA ZONE BASSE (Contrôles & Textes)
   C'est la partie blanche/grise en bas.
   ========================================================================== */

.controls-bottom {
    width: 100% !important;
    margin: 0 !important;
    padding: 0; 
    flex-grow: 1;           /* Prend tout l'espace restant en bas */
    position: relative;
    z-index: 100;           /* Au dessus des vagues, mais sous la playlist */
    
    /* Le fameux dégradé gris fluide */
    background: linear-gradient(
        to bottom,
        #ffffff 0%,    /* Blanc pur (jonction) */
        #f4f4f4 12%,   
        #ececec 45%,   /* Gris relief */
        #e0e0e0 100%
    );
    border: none !important;
    border-radius: 0 0 var(--border-radius-main) var(--border-radius-main);
    box-shadow: none !important;
}

/* Le conteneur interne pour mettre un peu de marge sur les côtés */
.controls-inner {
    background: transparent !important;
    padding: 10px 25px 20px 25px;
    border: none !important;
    box-shadow: none !important;
}

/* Zone du bouton pour ouvrir la playlist (le petit trait en haut du gris) */
.open-playlist-area {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    align-items: flex-end;
    z-index: 600;
    margin-top: -15px;
    margin-bottom: 2px;
    pointer-events: none;
}

/* Le titre du morceau */
.track-title-display {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: -15px;
    padding-bottom: -15px;
    margin-top: -5px;        /* Éloigne le titre du haut (zone image) */
    margin-bottom: -10px;     /* Éloigne le titre de la barre de progression **/
    font-size: 1.1em;
    font-weight: bold;
    color: var(--text-color);
    border-radius: 8px; 
}

/* La barre de progression (Temps écoulé) */
.progress-bar-area {
    width: 100%;
    margin: 0px 0;
}

/* --- La barre de progression --- */
.progress-bar-wrapper {
    width: 100%;
    height: 6px;
    background: var(--progress-bg);
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 10px;       /* Espace généreux avant les boutons du bas */
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); /* Petit creux pour le réalisme */
}

.progress-bar-fill {
    height: 100%;
    width: 0%;      /* Change dynamiquement via JS */
    background: var(--progress-fill);
    border-radius: 3px;
}

/* --- La ligne des temps --- */
.time-row {
    display: flex;
    justify-content: space-between;
    font-size: 9px;             /* Un peu plus petit pour le look pro */
    font-family: monospace;    /* Police type compteur digital */
    color: var(--accent-color);
    margin-bottom: 4px;        /* Espace avec la barre juste en dessous */
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ==========================================================================
   CHAPITRE 5 : LES BOUTONS (Structure 3 Colonnes & Design 3D)
   ========================================================================== */

/* 1. LE CONTENEUR GLOBAL (Grille EP-133) */

.center-complex {
    display: flex;
    align-items: center;
    gap: 8px; /* L'espace entre PREV, PLAY et NEXT */
    margin: -8px 8px; /* <--- AJOUTE CECI : Crée l'espace entre les carrés et les verticaux */
}

.ep-133-grid {
    display: flex;
    justify-content: center;
    align-items: center; 
    padding: 0;
    width: 100%;
    padding: 10px 20px; /* 15px d'air sur les bords extérieurs */
    /* gap: 10px; */ 
    margin-bottom: -6px !important;
    background: transparent;
}

/* 1.1 REC/VID */

/* conteneur btn rec/vid */
.small-btns-row {
    width: 110px !important;    /* Largeur exacte du bouton PLAY au-dessus */
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important; /* Pousse REC à gauche et VID à droite */
    align-items: center !important;
    margin: 0 auto !important;   /* Centre la ligne dans la pile */
}

/* Le mini-boîtier noir pour REC/VID */
.case-mini {
    flex: 0 0 50px !important; /* Pour qu'ils partagent la largeur équitablement */
    height: 18px; 
    width: 50px !important;
    background: #111;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.8);
}

/* Ajustement du bouton à l'intérieur */
.btn-mini {
    flex: 0 0 47px !important;
    width: 47px !important;  
    height: 15px !important;
    border-radius: 2px !important;
    border: none;
    cursor: pointer;
    font-size: 7px;
    font-weight: bold;
    /*background-color: #1a1a1a; */
    /* color: #888; */
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
    transition: all 0.2s ease;
}

.btn-mini.btn-rec {
    background-color: #2a0505 ; 
    color: #666 ;
}

/* Le style btn-bounce est maintenant dans la section BOUNCE plus bas */


/* 2. LES BOITIERS (CADRES NOIRS INCRUSTÉS) */

.case-square { 
    width: 40px !important;       /* Largeur fixe du cadre */
    height: 55px !important; 
    flex: 0 0 40px !important;    /* FORCE Flexbox à ne pas étirer (Grow: 0, Shrink: 0) */
    background: #111; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
    border-radius: 3px;
}

.case-vert   { 
    width: 40px;
    height: 55px;
    background: #111;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
}

.case-long   { 
    width: 50px;
    height: 55px;
    flex: 0 0 50px !important;
    background: black;
    border-radius: 3px;
    display: flex !important;
    /*background: transparent !important;*/
    align-items: center;
    border: none !important;
    justify-content: center;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
}

/* 3. LES TOUCHES (STYLE 3D RÉ-INJECTÉ) */
.ep-btn {
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.05s, box-shadow 0.05s;
}

/* Touches Carrées (Click & Loop) */
.btn-square { 
    width:  37px !important; height: 52px !important; border-radius: 6px; /*padding-top: 8px;*/
    min-width: 0 !important; 
    flex: none !important;
    /* On remet tes ombres ici */
    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px, 
                inset 1.5px 1.5px 2px rgba(255,255,255,0.2); 
}

/* Touches Verticales (Prev & Next) */
.btn-vert { 
    width: 37px; height: 52px; border-radius: 6px; padding-top: 12px;
    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px, 
                inset 1.5px 1.5px 2px rgba(255,255,255,0.2);
}

/* Touches Play & Stop */
.btn-long {
    width: 47px !important;
    height: 53px !important;
    border-radius: 6px;
    position: relative;
    border: none;
    background: #545252;
    cursor: pointer;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

/* --- LE BOÎTIER DOUBLE (LIST + BOUNCE) --- */

/* On s'assure que la rangée du bas fait la même largeur que le bouton PLAY au dessus */

.small-btns-row {
    width: 110px !important; 
    display: flex !important;
    gap: 8px !important;
    margin: 0px auto !important; /* Un peu d'air au dessus et en dessous */
}

/* --- 1. ÉTAT ÉTEINT / BASIQUE --- */

#stp-open-playlist .button_text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 7px !important;    /* Plus petit que les autres boutons */
    font-weight: bold !important;    /* Un peu de poids pour la lisibilité en petite taille */
    letter-spacing: 0.5px !important; /* Très espacé pour le look "sérigraphie" */
    color: #1a0f1a !important;  /* Très foncé, presque noir */
    text-transform: uppercase !important;
    pointer-events: none;           /* Évite d'interférer avec le clic */
    
    /* Centrage parfait dans le bouton fin */
    display: block;
    line-height: 1;
    /*margin-top: 1px; */
}

#stp-open-playlist {
    background-color: #8a576f !important; /* vintage purple */
}

/* LE PURPLE GLOW FIXE */
#stp-open-playlist.active {
    background-color: #8422bd !important;
    box-shadow: 0 0 15px rgba(181,83, 255, 0.7), inset 0 0 5px rgba(255, 255, 255, 0.5) !important;
    border-color: #c870fa ! important;
    animation: none !important;
    color: #ffffff !important; 
}

#stp-open-playlist.active .button_text,
#stp-open-playlist.active i {
    color: #ffffff !important;
}

/* Relief 3D Touches Carrées (Click & Loop) et Verticales (Prev & Next) */
.btn-square, .btn-vert { 
    /* --- AJOUT RELIEF UNIQUEMENT --- */
    border-top: 1px solid rgba(255,255,255,0.2) !important; /* Le reflet */
    border-bottom: 4px solid rgba(0,0,0,0.3) !important;    /* L'épaisseur */
    /* ------------------------------- */
    
    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px, 
                inset 1.5px 1.5px 2px rgba(255,255,255,0.2); 
}

/* Correction de la netteté pour le bouton CLICK */
#stp-click-toggle.green-btn {
    /* On remplace la bordure transparente par une bordure opaque plus sombre */
    border-bottom: 4px solid #304d2d !important; 
    
    /* On resserre l'ombre externe (moins de flou, plus de force) */
    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px, 
                inset 1.5px 1.5px 2px rgba(255, 255, 255, 0.2) !important;
}

/* Relief 3D Touche Longue (Play) */
.btn-long { 
    /* --- AJOUT RELIEF UNIQUEMENT --- */
    border-top: 2px solid rgba(255,255,255,0.15) !important;
    border-bottom: 3px solid rgba(0,0,0,0.4) !important;
    /* ------------------------------- */

    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px, 
                inset 1.5px 1.5px 2px rgba(255,255,255,0.1);
}

/* Animation de chargement sur le bouton Play */
#stp-play.is-loading {
    opacity: 0.5;
    pointer-events: none; /* Empêche de cliquer 10 fois pendant le chargement */
    animation: pulseLoading 1s infinite ease-in-out;
}

@keyframes pulseLoading {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); opacity: 0.3; }
    100% { transform: scale(1); }
}

/* 4. LES COULEURS (On garde tes réglages précis) */
.grey-btn   { background-color: #c7c3c0; }
.orange-btn { background-color: #d35400; }
.black-btn  { background-color: #545251; }
.green-btn  { background-color: #6b8e23; }

/* 5. BLOC CENTRAL & MINI BTNS */
.center-complex { display: flex; align-items: center; gap: 5px; }
.play-stack { display: flex; flex-direction: column; gap: 5px; align-items: center; }

/* --- Groupe Play/Stop spécifique --- */
.play-stop-group {
    display: flex;      /* Aligne en ligne */
    gap: 10px;           /* Espace entre Play et Stop */
    margin-bottom: 2px !important; /* Espace avec les boutons LIST/BOUNCE en dessous */
}

.small-btns-row { display: flex; gap: 8px; width: 110px; }

.btn-mini {
    flex: 1; height: 20px; border-radius: 6px; font-size: 7px; font-weight: bold; border: none; cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
}

/* 6. TEXTES & ETATS */
.button_text {
    font-size: 7px; color: rgba(255,255,255,0.7); text-transform: uppercase;
    font-weight: bold; font-family: 'Montserrat', sans-serif; letter-spacing: 0.5px;
}
.black-btn .button_text, .orange-btn .button_text, .green-btn .button_text { color: #eee; }
.grey-btn .button_text { color: #666; }
/* --- FIX : TEXTE STABLE ET NET AU CLIC --- */
.ep-btn:active, .btn-mini:active {
    /* On utilise translateY au lieu de scale pour ne pas déformer les lettres */
    transform: translateY(2px) !important; 
    
    /* On réduit l'épaisseur du bas pour simuler l'enfoncement */
    border-bottom-width: 1px !important;
    
    /* On s'assure que le texte ne change pas de graisse (force le rendu net) */
    -webkit-font-smoothing: antialiased;
    box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5) !important;
}

/* Stabilisation du conteneur de texte */
.button_text {
    display: block !important;
    line-height: 1 !important; /* Force la hauteur de ligne pour éviter le décalage */
    pointer-events: none;      /* Empêche le curseur de considérer le texte comme un objet à part */
}
/* On cible les deux boutons carrés (CLICK et LOOP) */
#stp-click-toggle, 
#stp-loop {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important; /* Répartit l'espace en haut, au milieu et en bas */
    align-items: center !important;
    padding: 6px 0 !important; /* Un peu de padding interne pour décoller du bord du bouton */
}

/* On s'assure que les LED ont la même taille et ne flottent pas */
.click-led, 
.loop-led-status {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50%;
    background-color: #222; /* Couleur éteinte par défaut */
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
    flex-shrink: 0; /* Empêche la LED de s'écraser */
}

/* --- Alignement des boutons verticaux (PREV / NEXT) --- */
.btn-vert {
    display: flex !important;
    flex-direction: column !important;
    /* On utilise le padding-top pour caler le texte à la même hauteur que CLICK */
    justify-content: flex-start !important; 
    padding-top: 6px !important; /* Ajuste ce chiffre (10px, 11px ou 12px) pour l'aligner à l'oeil sur CLICK */
    align-items: center !important;
}

/* On s'assure que le texte lui-même ne crée pas de décalage */
.btn-vert .button_text {
    margin: 0 !important;
    line-height: 1 !important;
}

/* Recentrage spécifique pour le bouton PLAY */
#stp-play {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centre tout verticalement */
    align-items: center !important;
    padding-top: 8px !important; /* Ajuste selon tes préférences pour descendre le texte */
}

#stp-play .button_text {
    margin-bottom: 4px !important; /* Crée un petit espace entre le texte et la LED */
}

/* Recentrage spécifique pour le bouton STOP (identique à PLAY) */
#stp-stop {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* 🔥 Centre comme PLAY */
    align-items: center !important;
    padding-top: 8px !important; /* 🔥 Même padding que PLAY */
}

#stp-stop .button_text {
    margin-bottom: 4px !important; /* 🔥 Même marge que PLAY */
}

/* ==========================================================================
   CHAPITRE 6 : BOUTONS SPÉCIAUX (Click & Loop)
   ========================================================================== */

/* --- LE MÉTRONOME (Click) --- */
/* Le bouton vert sans image de fond */
.green-btn {
    background-color: #6b8e23;
    background-image: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; 
    padding-top: 8px;
    
    /* On garde l'ombre portée identique aux autres, 
       mais on nettoie les insets pour enlever le blanc/gris */
    box-shadow: rgba(0, 0, 0, 0.3) 6px 6px 8px, 
                inset 0 1px 1px rgba(255,255,255,0.2), /* Un micro reflet haut quasi invisible */
                inset 0 -2px 4px rgba(0,0,0,0.3);      /* Une ombre basse interne pour la base */
}

/* On s'assure que le texte est bien blanc et lisible sur le vert */
.green-btn .button_text {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    margin-bottom: 2px;
    
}

/* --- LE LOOP (Boucle) --- */
.loop-btn {
    opacity: 1; 
    transition: opacity 0.2s, color 0.2s;
    position: relative;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

/* Masquer les anciennes icônes si présentes */
.control-btn .icon {
    /* display: none; */ 
}

/* États du Loop (Rien, 1, Tout) */
.loop-btn[data-loop-state="none"] {
    color: var(--primary-color);
    background-image: url(https://cordesetbaguettes.com/wp-content/uploads/2025/12/loop-none-1.svg); 
}

.loop-btn[data-loop-state="one"] {
    color: var(--primary-color);
    background-image: url(https://cordesetbaguettes.com/wp-content/uploads/2025/12/loop-one.svg); 
    filter: drop-shadow(0 0 5px rgba(0, 150, 255, 0.6));
}

.loop-btn[data-loop-state="all"] {
    color: var(--primary-color);
    background-image: url(https://cordesetbaguettes.com/wp-content/uploads/2025/12/loop-all.svg);
    filter: drop-shadow(0 0 5px rgba(0, 255, 0, 0.6));
}

/* ==========================================================================
   CHAPITRE 7 : LES SLIDERS (Tempo & Volumes)
   Les 4 lignes de réglages en bas
   ========================================================================== */

/* --- LE CHEF D'ORCHESTRE (Force l'alignement en ligne) --- */
.tempo-controls-area, 
.volume-controls-area, 
.mixer-row {
    display: flex; 
    align-items: center;   /* Aligne verticalement au milieu */
    justify-content: space-between; 
    width: 100%;
    padding: 0px 20px;
    gap: 4px;             /* Espace entre label, slider et valeur */
    margin-bottom: 6px;   /* Espace entre chaque ligne de réglage */
    box-sizing: border-box;
    position: relative;
}

/* Espace entre le bloc boutons et le bloc réglages */
.tempo-controls-area {
    /*margin-top: -5px !important; */
    /*padding-top: -5px; */
}

/* 1. LE CONTENEUR (LA FENTE) */
.tempo-slider,
.volume-slider,
.mixer-slider {
    -webkit-appearance: none;
    flex-grow: 1;
    width: 100%; 
    height: 12px; /* Un peu plus large pour l'effet creusé */
    background: #8f8c8c; /* Couleur de la carrosserie */
    border-radius: 10px;
    padding: 2px; /* Crée l'espace pour la fente */
    cursor: pointer;
    outline: none;
}

/* 2. LA PISTE (L'INTÉRIEUR NOIR DU RAIL) */
.tempo-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    background: #1a1a1a; /* Fond noir profond */
    border-radius: 50px;
    /* L'ombre magique qui crée le creux */
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.8), 
                inset 0 -1px 1px rgba(255,255,255,0.2);
    border: 1px solid #333;
}

/* 3. LE BOUTON (LE DISQUE GRIS CLAIR) */
.tempo-slider::-webkit-slider-thumb,
.volume-slider::-webkit-slider-thumb,
.mixer-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;           /* Taille du bouton */
    width: 12px;
    background: #e0e0e0;    /* Gris clair */
    border-radius: 50%;     /* Bien rond */
    
    /* LE BORD PLUS FONCÉ */
    border: 2px solid #8f8c8c; /* Épaisseur et couleur grise foncée */
    
    /* Ombre portée pour le relief */
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    
    margin-top: -4px;      /* Pour le centrer verticalement dans le rail */ 
    cursor: grab;
    transition: all 0.1s ease;*/
}

/* Petit effet quand on attrape le bouton */
.tempo-slider:active::-webkit-slider-thumb,
.volume-slider:active::-webkit-slider-thumb,
.mixer-slider:active::-webkit-slider-thumb {
    background: #d0d0d0;    /* Devient un poil plus sombre au clic */
    cursor: grabbing;
}
/* Effet au clic (le bouton s'enfonce légèrement) */
.tempo-slider:active::-webkit-slider-thumb {
    cursor: grabbing;
    transform: scale(0.9);
    background: #f0f0f0;
}

/* Le texte à gauche (Label) */
/*.tempo-controls-area span:first-child, 
.volume-controls-area i,
.volume-controls-area span:first-child,
.mixer-row .control-label {
    flex: 0 0 45px !important;
    margin-right: 10px !important;
    font-size: 10px;
    text-transform: lowercase;
    color: var(--accent-color);
    letter-spacing: 1px;
    height: 20px;
}*/
.tempo-controls-area span:first-child, 
.volume-controls-area i,
.volume-controls-area span:first-child,
.mixer-row .control-label {
    /* Police identique aux boutons mais en version fine */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 7px !important;
    font-weight: bold !important;      /* Poids normal, pas de gras */
    text-transform: uppercase !important; 
    letter-spacing: 0.5px !important;    /* On augmente l'espace pour compenser la finesse */
    color: var(--primary-color);                  /* Un gris un peu plus doux */
    
    /* Alignement parfait */
    flex: 0 0 40px !important;       /* Un peu plus large pour laisser respirer l'espacement */
    display: flex;
    align-items: center;
    height: 20px;
    opacity: 0.8;                    /* Donne un aspect sérigraphié plus naturel */
}

/* Le texte à droite (La valeur, ex: 100%) */
.tempo-value, 
.volume-value,
.mixer-value {
    flex: 0 0 40px;
    text-align: right;
    font-size: 10px;
    font-family: monospace;
    color: var(--primary-color);
}

/* Fix pour Firefox */
.volume-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: var(--primary-color);
    border-radius: 50%;
    cursor: pointer;
    border: none;
}

/* ==========================================================================
   CHAPITRE 8 : LES MENUS DÉROULANTS (Overlays)
   Tout ce qui s'ouvre par dessus (Playlist, Infos, Outils)
   ========================================================================== */


/* --- 4. LES AUTRES MENUS (Info, Outils, Settings) --- */
/* Style commun */
.overlay-top {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: white;
    z-index: 3000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    transform: translateY(-100%); /* Caché en haut */
    visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.overlay-top.is-open {
    transform: translateY(0);
    visibility: visible;
}

/* Spécificités pour l'animation (Slide Gauche/Droite) */
#stp-info-overlay { transform: translateX(-100%); } /* Vient de gauche */
#stp-info-overlay.is-open { transform: translateX(0); }

#stp-settings-overlay { transform: translateX(100%); } /* Vient de droite */
#stp-settings-overlay.is-open { transform: translateX(0); }

#stp-fx-overlay { transform: translateX(100%); } /* Vient de droite */
#stp-fx-overlay.is-open { transform: translateX(0); }
#stp-fx-overlay {
    background: #000 !important;
}
 
/* ==========================================================================
    CHAPITRE 9 : PANNEAU DE CONTRÔLE TOP (Fente Unique)
========================================================================== */

.nav-top-bar-vertical {
 position: absolute;
 top: 7px;
 right: 7px;
 z-index: 2000;
}

/* LA GRANDE FENTE NOIRE UNIQUE */
.case-top-vertical {
 width: 28px;
 padding: 1px 1px; /* Espace en haut et en bas dans la fente */
 background: #000;
 border-radius: 2px;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 1px; /* Espace entre les boutons à l'intérieur du rail */
 box-shadow: inset 0 2px 8px rgba(0,0,0,0.9);
 border: 1px solid #222;
}

/* LE BOUTON (L'OBJET GRIS DANS LA FENTE) */
.btn-top-carre {
 width: 26px;
 height: 26px;
 background: #c7c3c0;
 border: none !important;
 border-radius: 4px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 box-shadow: 3px 3px 6px rgba(0,0,0,0.5), inset 1px 1px 1px rgba(255,255,255,0.1);
 transition: transform 0.05s ease;
}

.inner-circle {
 width: 21px;
 height: 21px;
 background: linear-gradient(145deg, #d1d1d1, #c7c3c0);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 2px 2px 4px #000, -1px -1px 2px #555;
}

.inner-circle img {
 width: 12px !important;
 height: 12px !important;
 filter: none(1);
}

/* EFFET CLIC */
.btn-top-carre:active {
 transform: scale(0.95);
 box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

/* ==========================================================================
   CHAPITRE 10 : CONTENU DES OUTILS (Accordeur & Métronome visuel)
   ========================================================================== */

/* Les onglets */
.tools-tabs {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.tab-btn {
    background: #eee;
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-family: var(--font-family);
    font-size: 12px;
    transition: all 0.3s;
}

.tab-btn.active {
    background: var(--primary-color);
    color: white;
}

/* Le contenu des onglets */
.tool-tab-content {
    display: none;
    width: 100%;
    text-align: center;
}

.tool-tab-content.active {
    display: block;
}

/* Styles Métronome Visuel */
#metronome-light {
    width: 20px;
    height: 20px;
    background: #ddd;
    border-radius: 50%;
    margin: 10px auto;
    transition: background 0.1s;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Styles Accordeur */
.tuner-gauge {
    position: relative;
    width: 200px;
    height: 100px;
    border: 2px solid #ddd;
    border-radius: 100px 100px 0 0;
    margin: 20px auto;
    overflow: hidden;
    background: #f9f9f9;
}

.tuner-needle {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 80px;
    background: #ff4444;
    transform-origin: bottom center;
    transform: translateX(-50%) rotate(0deg);
    transition: transform 0.1s ease-out;
}

.tuner-note {
    font-size: 40px;
    font-weight: bold;
    color: var(--primary-color);
}

/* ==========================================================================
   CHAPITRE 11 : LES INDICATEURS LUMINEUX (LEDs)
   ========================================================================== */

.led {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    margin-top: auto !important;
    margin-bottom: 4px !important;
    background-color: #1a1a1a !important; /* Éteint (Noir profond) */
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5) !important;
    transition: all 0.2s ease;
}

/* --- LED CLICK (FLUO INTENSE) --- */
#stp-click-toggle.active .click-led {
    background-color: #39ff14 !important;
    /* On augmente le rayon à 15px et l'opacité à 0.8 */
    box-shadow: 0 0 4px #fff, 
                0 0 10px #39ff14, 
                0 0 20px rgba(57, 255, 20, 0.8) !important;
}

/* --- LED LOOP (ORANGE CHAUD) --- */
[data-loop-state="one"] .loop-led-status {
    background-color: #ffea00 !important;
    box-shadow: 0 0 4px #fff, 0 0 10px #ffea00, 0 0 20px rgba(255, 234, 0, 0.8) !important;
}
[data-loop-state="all"] .loop-led-status {
    background-color: #ff6600 !important;
    box-shadow: 0 0 4px #fff, 0 0 10px #ff6600, 0 0 20px rgba(255, 102, 0, 0.8) !important;
}

/* --- LED PLAY (CYAN ÉLECTRIQUE) --- */
#stp-play.is-playing .play-led {
    background-color: #00d2ff !important;
    box-shadow: 0 0 4px #fff, 0 0 10px #00d2ff, 0 0 20px rgba(0, 210, 255, 0.8) !important;
}
/* État actif quand la musique joue */
#stp-play.is-playing .play-led {
    background-color: #00d2ff !important; /* Bleu Électrique / Cyan */
    box-shadow: 0 0 12px #00d2ff, 
                0 0 20px rgba(0, 210, 255, 0.4), 
                0 0 2px #ffffff inset !important;
}

/* --- ANIMATION POUR LE BOUTON STOP --- */

@keyframes blink-stop {
    0% { background-color: #1a1a1a !important; box-shadow: none !important; }
    50% { background-color: #ff4400 !important; /* Orange/Rouge TE */
        box-shadow: 0 0 12px #ff4400, 0 0 4px #fff !important; }
    100% { background-color: #1a1a1a !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5) !important; }
}

/* Cette classe est ajoutée par le JS pendant 300ms */
.stop-blink {
    animation: blink-stop 0.3s ease-out !important;
    display: block !important; /* Au cas où un display:none traîne */
}

--------------------------------------------------------
/* --- BOUTONS MINI (REC & VID) - LOGIQUE UNIFIÉE --- */
--------------------------------------------------------

/* 1. ÉTAT "NUIT" (Par défaut : éteints mais teintés) */
.btn-rec {
    background-color: #2a0505 !important; 
    color: #666 !important;            
    border: 1px solid #1a0202 !important;
    transition: all 0.2s ease;
}

#btn-vid {
    background-color: #05101a; 
    color: #666;            
    border: 1px solid #02080f;
    transition: none;
}

/* 2. ÉTAT "ARMÉ" (Clignotement d'attente) */

/* REC Armé : Clignote Rouge */
.btn-rec.rec-armed {
    animation: neon-blink-red 0.8s infinite ease-in-out !important;
}


/* VID Armé : Clignote Cyan — SAME as REC and BOUNCE blink pattern */
#btn-vid.vid-armed {
    animation: neon-blink-cyan 0.8s infinite ease-in-out !important;
    transition: none !important;
}

/* Kill any glow-only animation that might override */
@keyframes vid-glow-pulse {
    0%, 100% { background-color: #05101a; color: #445566; box-shadow: none; border-color: #02080f; }
    50% { background-color: #00d2ff; color: #ffffff; box-shadow: 0 0 15px rgba(0, 210, 255, 0.7); border-color: #55e6ff; }
}

/* 3. ÉTAT "ACTIF" (Allumage Fixe & Intense) */

/* REC Actif : Rouge Fixe (Enregistrement en cours) */
.btn-rec.active {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.8), 
                inset 0 0 8px rgba(255, 255, 255, 0.4) !important;
    border-color: #ff5555 !important;
    animation: none !important; 
    opacity: 1 !important;
}

/* VID Actif : Cyan Fixe (Vidéo active) */
#btn-vid.active {
    background-color: #00d2ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(0, 210, 255, 0.7), inset 0 0 5px rgba(255, 255, 255, 0.5) !important;
    border-color: #55e6ff !important;
    animation: none !important;
}



/* ========== BOUTON BOUNCE (Or/Gold) ========== */

/* 1. ÉTAT "INACTIF" (Sombre or, par défaut) */
#btn-bounce {
    background-color: #4a3c1a; 
    color: #b8902e;            
    border: 1px solid #2a2010;
    transition: all 0.2s ease;
}

/* 2. ÉTAT "BOUNCE-READY" (Le clignotement fluide) */
#btn-bounce.bounce-ready {
    /* On ne met PAS de background-color ici, l'animation s'en occupe */
    animation: neon-blink-gold 0.8s infinite ease-in-out !important;
    cursor: pointer;
}

/* 3. ÉTAT "BOUNCE-ACTIVE" (Or fixe pendant l'export) */

/* État actif pendant l'export */
#btn-bounce.bounce-active {
    background-color: #FFD700 !important; /* Ton Or actuel (fixe par défaut) */
    
    /* On ajoute le remplissage dynamique via un dégradé */
    background-image: linear-gradient(to right, 
        #FFD700 var(--progress, 100%), 
        #2a2a2a var(--progress, 100%)) !important;
        
    color: #000 !important;
    cursor: wait; /* Plus pro que le sens interdit */
    border-color: #FFA500 !important;
    transition: none !important; /* Pour une progression fluide sans lag */
}

/*#btn-bounce.bounce-active {
    background-color: #FFD700 !important;
    color: #000000 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.9), 
                inset 0 0 8px rgba(255, 255, 255, 0.4) !important;
    border-color: #FFA500 !important;
    animation: none !important; 
    opacity: 1 !important;
    cursor: not-allowed;
}*/

/* --- ANIMATION BOUNCE (Nettoyée) --- */
@keyframes neon-blink-gold {
    0%, 100% { 
        background-color: #4a3c1a; /* Couleur sombre */
        color: #b8902e;
        box-shadow: none;
        border-color: #2a2010;
    }
    50% { 
        background-color: #FFD700; /* Couleur Or vive */
        color: #000000;
        box-shadow: 0 0 15px rgba(255, 215, 0, 0.7); 
        border-color: #FFA500;
    }
}
@keyframes neon-blink-red {
    0%, 100% { 
        background-color: #2a0505; 
        color: #664444; 
        box-shadow: none; 
        border-color: #1a0202;
    }
    50% { 
        background-color: #ff0000; 
        color: #ffffff; 
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.7); 
        border-color: #ff5555;
    }
}

@keyframes neon-blink-cyan {
    0%, 100% { 
        background-color: #05101a; 
        color: #445566; 
        box-shadow: none; 
        border-color: #02080f;
    }
    50% { 
        background-color: #00d2ff; 
        color: #ffffff; 
        box-shadow: 0 0 15px rgba(0, 210, 255, 0.7); 
        border-color: #55e6ff;
    }
}

/* ==========================================================================
   CHAPITRE 12 : LA PLAYLIST-OVERLAY (Structure, Titres et Vagues)
   ========================================================================== */

/* 1. Le fond de la playlist (L'écran qui monte) */
#playlist-overlay {
    position: absolute;
    bottom: 0;
    /*top: 46%;*/
    left: 0;
    width: 100%;
    height: 52%;
    background: transparent !important; 
    z-index: 9999;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    display: flex !important;
    flex-direction: column;
    transform: translateY(100%) !important; 
    opacity: 0 !important;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 2s ease-out !important;*/
}

/* Style de la barre de défilement (Chrome/Safari) */
#stp .playlist-list-scrollable::-webkit-scrollbar { width: 4px; }
#stp .playlist-list-scrollable::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 0px;
}

/* État quand la playlist est affichée */
#stp #playlist-overlay.is-open {
    transform: translateY(0) !important; /* Remonte fluidement */
    opacity: 1 !important;
    pointer-events: auto !important;
}


/* Les Vagues du bas (Spécifiques à la Playlist) */
.visual-bottom {
    position: absolute;
    width: 100%;
    height: 100%; /* Doit faire 100% pour remplir tout le fond */
    top: 0; 
    left: 0;
    /*background: rgba(255, 255, 255, 0.1); /* Fond blanc très léger */
    z-index: 500; /* Derrière les titres */
    overflow: hidden;
    pointer-events: none;
    background: transparent; 
}

.visual-bottom::after {
    content: '';
    position: absolute;
    width: 150%; /* Plus large pour déborder */
    height: 100%;
    top: 0;
    left: -10%; /* Centré */
    background: white;
    z-index: -1;
    border-radius: 50% 50% 0 0 / 18% 18% 0 0; /* Arrondi fort */
    filter: blur(2px)
}

/* Couleur spécifique pour les vagues du bas (plus claires) */
.visual-bottom .wave {
    /*background: radial-gradient(
        hsl(var(--wave-color-base), 10%, 90%), 
        hsl(var(--wave-color-base), 20%, 80%)
    );*/
    /* Inversion de position pour qu'elles soient en bas */
    top: 15%; 
    margin-top: 0; 
    margin-left: -65%; 
    z-index: 1000; 
    animation: wave 30s infinite linear;
    opacity: 1;
}

/* Vitesses des vagues du bas */
.visual-bottom .wave:nth-child(1) { animation-duration: 35s; }
.visual-bottom .wave:nth-child(2) { animation-duration: 45s; }
.visual-bottom .wave:nth-child(3) { animation-duration: 65s; }

.playing .visual-bottom .wave:nth-child(1) { animation-duration: 15s; }
.playing .visual-bottom .wave:nth-child(2) { animation-duration: 20s; }
.playing .visual-bottom .wave:nth-child(3) { animation-duration: 30s; }

/* 2. La liste des morceaux (le conteneur du JS) */
.playlist-list-scrollable {
    list-style: none !important;
    margin: 50px 0 0 0 !important; /* Reset toutes les marges */
    margin-top: 100px;
    padding: 0 !important;
    width: 100% !important; /* PREND TOUTE LA LARGEUR */
    overflow-y: auto; /* Active le défilement */
    flex-grow: 1; /* Prend toute la place dispo */
    text-align: center;
    position: relative;
    z-index: 2002; /* Passe DEVANT les vagues */
}


/* Le style de chaque morceau */
.playlist-item, #stp-playlist-list li {
    display: block; /* FORCE LA LARGEUR TOTALE */
    width: 100% !important;    /* PREND TOUTE LA WIDTH */
    box-sizing: border-box; /* Évite que le padding ne fasse déborder */
    padding: 8px 20px;     /* Plus confortable pour cliquer */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    font-size: 14px;
    color: #ffffff !important; 
    /* transition: all 0.2s ease;*/
}

/* 3. SURVOL (Le rectangle blanc qui bouge) */
.playlist-item:hover, 
#stp-playlist-list li:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* ==========================================================================
   CHAPITRE 13 - VU-METER : L'INTERFACE LED PROTOOLS (FIXED)
   ========================================================================== */

/* Le rail gris (carrosserie) */
.slider-rail-container {
    position: relative;
    flex: 1;                /* Pour s'étendre comme les autres */
    height: 12px;
    background: #8f8c8c;
    border-radius: 10px;
    margin: 0 5px;         /* Même marge que tes autres tempo-controls-area */
    display: flex;
    align-items: center;
    overflow: visible !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.vu-meter-bar {
    position: absolute;
    /* On laisse un petit espace de 2px en haut et en bas pour voir le gris autour */
    top: 3px;
    bottom: 3px;
    /* On décale de 2px des bords gauche et droit */
    left: 2px;
    right: 2px;
    
    background: #000000 !important;
    z-index: 1;
    overflow: hidden;
    
    /* On ajoute un arrondi pour épouser la forme du rail gris */
    border-radius: 4px; 
    
    /* Optionnel : une ombre interne pour l'effet "creusé" */
    /*box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);*/
    
    /*width: auto; /* Important pour que left/right fonctionnent ensemble */
}

.vu-meter-bar::after {
    content: "";
    position: absolute;
    top: 0; left: 0; height: 100%; width: 100%;
    
    background: linear-gradient(to right, 
        #34704d 0%, #34704d 48%,
        #1fff26 48%, #1fff26 81%,
        #ffea00 81%, #ffea00 96%, 
        #ff3c00 96%, #ff3c00 100%
    );

    /* FILTRE : On évite le bleu, on reste sur du blanc pour le glow */
    filter: brightness(1.6) saturate(2.5) drop-shadow(0 0 3px rgba(255, 255, 255, 0.5));
    
    -webkit-mask-image: repeating-linear-gradient(
        to right, 
        black 0px, black 7.5px,       
        transparent 7.5px, transparent 8px 
    );

    clip-path: inset(0 calc(100% - var(--vu-width, 0%)) 0 0);
    transition: clip-path 0.05s ease-out;
    
    box-shadow: inset 0 2px 1px rgba(255,255,255,0.7);
}

/* L'AURA D'AMBIANCE (Le "Glow" qui bave sur le fond noir) */
/* On l'applique sur le container pour simuler la lumière qui éclaire le rail */
.slider-rail-container::before {
    content: "";
    position: absolute;
    top: -5px;    /* On sort un peu vers le haut */
    bottom: -5px; /* On sort un peu vers le bas */
    left: 0;
    width: var(--vu-width, 0%);
    
    /* Dégradé de lueur qui suit tes couleurs PT (Vert/Jaune/Rouge) */
    background: linear-gradient(to right, 
        rgba(0, 255, 106, 0.4) 0%, 
        rgba(0, 255, 106, 0.4) 70%, 
        rgba(255, 234, 0, 0.4) 70%, 
        rgba(255, 234, 0, 0.4) 88%, 
        rgba(255, 60, 0, 0.5) 88%
    );
    
    filter: blur(10px); /* Le flou qui crée l'aura */
    opacity: 0.6;
    z-index: -1; /* Derrière le rail pour ne pas cacher les briques */
    pointer-events: none;
    transition: width 0.05s ease-out;
    display:;
}

/* 2. LA LUEUR EXTERNE (L'aura qui sort de la fente) */
.slider-rail-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--vu-width, 0%);
    
    /* On crée un dégradé flou qui suit la progression */
    background: linear-gradient(
        to right, 
        rgba(0, 255, 0, 0.3), 
        rgba(255, 234, 0, 0.3) 80%, 
        rgba(255, 60, 0, 0.5)
    );
    
    /* C'est ici qu'on règle l'étalement de la lueur */
    filter: blur(8px); 
    opacity: 0.7;
    pointer-events: none;
    z-index: 0;
    transition: width 0.05s ease-out;
}

/* Slider invisible (On ne garde que le bouton) */
.slider-rail-container .tempo-slider {
    position: relative;
    z-index: 2;
    width: 100% !important;
    background: transparent !important;
    margin: 0 !important;
    cursor: pointer;
}

.slider-rail-container .tempo-slider::-webkit-slider-runnable-track {
    background: transparent !important;
    border: none !important;
}

/* --- MODE LECTURE (Normal) --- */
#vu-record::after {
    /* Garde tes réglages par défaut (Vert/Jaune/Rouge) */
    transition: background 0.3s ease; 
}

/* --- MODE ENREGISTREMENT (Blue/Purple Neon) --- */
/* Si le bouton REC a la classe 'rec-active' ou 'rec-armed', on change le VU */
.btn-mini.btn-rec.rec-active ~ .sliders-container #vu-record::after,
.btn-mini.btn-rec.rec-armed ~ .sliders-container #vu-record::after,
.rec-mode-active #vu-record::after { 
    background: linear-gradient(to right,
    
        #2b0742 0%, #2b0742 48%,  /* Blue Neon */
        #9d00ff 48%, #ff00ff 81%,
        #00d4ff 81%, #00d4ff 96%,
        #ff3c00 96%, #ff3c00 100% /* Purple/Magenta */
    ) !important;
    
    filter: brightness(1.7) saturate(2.5) drop-shadow(0 0 5px rgba(0, 212, 255, 0.6)) !important;
}

/* ==========================================================================
   CHAPITRE 13 -STYLES FX - Compléments pour le carousel refactorisé
   ========================================================================== */

/* Hide FX overlay header elements */
#stp-fx-overlay .fx-panel-title,
#stp-fx-overlay .fx-header,
#stp-fx-overlay #fx-overlay-title,
#stp-fx-overlay .close-fx-panel,
#stp-fx-overlay #stp-fx-close {
    display: none !important;
}

/* Conteneur principal du carousel */
.fx-carousel {
   /* font-family: 'Arial', sans-serif; */
    background: #000 !important;
    border: none !important;
    animation: none !important; /* On enlève l'anim si elle crée des saccades */
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible  !important;
}

/* En-tête 
.fx-header h2 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

.fx-header p {
    margin: 5px 0 0 0 !important;
    font-size: 11px !important;
    opacity: 0.6 !important;
}*/

/* Conteneur du SVG */
.fx-svg-container {
    background: transparent !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Object element contenant le SVG isolé */
.fx-svg-container .fx-pedal-shadow-host {
    width: 320px !important;
    display: block !important;
    filter: drop-shadow(0 20px 50px rgba(0,0,0,0.9)) !important;
}

/* Fallback: inline SVG (si jamais utilisé) */
.fx-svg-container svg {
    width: 290px !important;
    height: auto !important;
    display: block !important;
    filter: drop-shadow(0 20px 50px rgba(0,0,0,0.9)) !important;
}

/* Contrôles */
.fx-control {
    transition: all 0.2s ease;
}

.fx-control:hover {
    opacity: 0.9;
}

/* Knob SVG */
.fx-control svg {
    transition: filter 0.2s ease;
}

.fx-control svg:hover {
    filter: brightness(1.1);
}

/* Scrollbar du conteneur contrôles */
.fx-controls::-webkit-scrollbar {
    width: 6px;
}

.fx-controls::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.05);
    border-radius: 3px;
}

.fx-controls::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
    border-radius: 3px;
}

.fx-controls::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.3);
}

/* Navigation dots */
.fx-dots div {
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

/* Boutons */
.fx-power-btn,
.fx-apply-btn {
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

.fx-power-btn:hover,
.fx-apply-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

.fx-power-btn:active,
.fx-apply-btn:active {
    transform: translateY(0);
}

/* Animation du carousel (swipe) */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fx-carousel {
    animation: slideInLeft 0.3s ease;
}

/* Responsive */
@media (max-width: 600px) {
    .fx-carousel {
        padding: 15px !important;
    }

    .fx-header h2 {
        font-size: 20px !important;
    }

    .fx-svg-container {
        max-width: 250px !important;
    }

    .fx-svg-container .fx-pedal-shadow-host {
        width: 230px !important;
    }

    .fx-controls {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important;
        gap: 10px !important;
    }

    .fx-power-btn,
    .fx-apply-btn {
        padding: 6px 12px !important;
        font-size: 10px !important;
    }
}

/* État actif des pédales */
.fx-carousel.pedal-active {
    border: 2px solid currentColor;
}

/* Message d'erreur SVG */
.fx-svg-container div {
    color: #999;
    text-align: center;
}

/* Smooth scrolling */
.fx-controls {
    scroll-behavior: smooth;
}

/* Supprime le titre en haut de l'overlay */
.fx-panel-title, 
.fx-header h2, 
#fx-overlay-title { 
    display: none !important; 
}

/* Supprime le gros bouton fermer par défaut */
.fx-close-btn, 
.close-fx-panel,
#close-overlay { 
    /*display: none !important; */
}

/* =====================================================
   CHAPITRE 14 --- SPLASH SCREEN ---
   ===================================================== */

/* Lock player content until login */
#stp.stp-locked > *:not(#startup-screen) {
    visibility: hidden;
}

/* --- STARTUP SCREEN: one overlay, three phases --- */
#startup-screen {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 999;
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    overflow: hidden;
    transition: background 1s ease;
}

/* --- LOGO --- */
#startup-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s ease;
}

#startup-logo {
    position: center;
    width: 300px;
    max-width: 100%;
    opacity: 0;
    transform: scale(0.2);
    animation: 
        logoAppear 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards,
        logoGlow 1.8s ease-in-out 1.8s forwards;
    filter: drop-shadow(0 0 0px rgba(255,255,255,0));
    transition: width 0.8s ease, filter 1s ease;
}

@keyframes logoAppear {
    0%   { opacity: 0; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes logoGlow {
    0%   { filter: drop-shadow(0 0 0px rgba(255,255,255,0)); }
    50%  { filter: drop-shadow(0 0 30px rgba(255,255,255,0.4)) drop-shadow(0 0 60px rgba(255,255,255,0.15)); }
    100% { filter: drop-shadow(0 0 10px rgba(255,255,255,0.1)); }
}

/* --- LOGIN FORM (hidden by default) --- */
#startup-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 80%;
    max-width: 240px;
    opacity: 0;
    transform: translateY(15px);
    pointer-events: none;
    transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;
}

/* === PHASE: LOGIN — background goes white, logo shrinks, form appears === */
#startup-screen.phase-login {
    background: #fff;
}

#startup-screen.phase-login #startup-logo {
    width: 100px;
    filter: brightness(0); /* logo goes dark on white bg */
}

#startup-screen.phase-login #startup-login {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

/* === PHASE: EXIT — fade out to reveal app === */
#startup-screen.phase-exit {
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

#startup-screen.done {
    display: none;
}

/* --- INPUT FIELD --- */
#user-name-input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
    text-align: center;
    outline: none;
    background: #fafafa;
    color: #333;
    transition: border-color 0.2s ease;
}

#user-name-input:focus {
    border-color: #999;
}

#user-name-input::placeholder {
    color: #bbb;
}

#user-name-input.shake {
    animation: inputShake 0.3s ease;
}

@keyframes inputShake {
    0%, 100% { transform: translateX(0); }
    25%      { transform: translateX(-6px); }
    75%      { transform: translateX(6px); }
}

/* --- BUTTON --- */
#user-enter-btn {
    padding: 10px 40px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background 0.2s ease, transform 0.1s ease;
}

#user-enter-btn:hover {
    background: #555;
}

#user-enter-btn:active {
    transform: scale(0.97);
}

/* =====================================================
   CHAPITRE 15 - FRONT AND FX DRAWER — 
   ===================================================== */

/* --- Front page: make nav a horizontal flex with handle --- */
.nav-top-bar-vertical.stp-drawer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    right: 0 !important; /* flush to edge for slide effect */
    transform: translateX(calc(100% - 14px));
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nav-top-bar-vertical.stp-drawer:hover,
.nav-top-bar-vertical.stp-drawer.open {
    transform: translateX(0);
}

/* --- FX page nav bar (inside fx overlay) --- */
.fx-nav-bar {
    position: absolute !important;
    top: 7px !important;
    right: 0 !important;
    z-index: 100 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    transform: translateX(calc(100% - 14px));
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fx-nav-bar:hover,
.fx-nav-bar.open {
    transform: translateX(0);
}

/* FX page handle — match button grey */
.fx-nav-bar > .fx-drawer-handle {
    background: #c7c3c0;
    box-shadow: 
        inset 1px 1px 1px rgba(255,255,255,0.3),
        inset -1px -1px 1px rgba(0,0,0,0.2),
        2px 2px 4px rgba(0,0,0,0.5);
}

/* Front page handle — same */
.stp-drawer > .fx-drawer-handle {
    background: #c7c3c0;
    box-shadow: 
        inset 1px 1px 1px rgba(255,255,255,0.3),
        inset -1px -1px 1px rgba(0,0,0,0.2),
        2px 2px 4px rgba(0,0,0,0.5);
}

/* --- Shared pull handle (vertical tab on left side) --- */
.fx-drawer-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 28px;
    cursor: pointer;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 4px 0 0 4px;
}

.fx-drawer-handle-bar {
    display: block;
    width: 3px;
    height: 20px;
    border-radius: 2px;
    transition: background 0.2s ease;
}

.stp-drawer:hover .fx-drawer-handle-bar,
.fx-nav-bar:hover .fx-drawer-handle-bar {
    background: rgba(150,150,150,0.6);
}

/* Front page handle: match the grey theme */
/*.stp-drawer > .fx-drawer-handle {
    background: rgba(100,100,100,0.3);
}*/

/* --- Mobile: tap to toggle --- */
@media (hover: none) {
    .nav-top-bar-vertical.stp-drawer,
    .fx-nav-bar {
        transform: translateX(calc(100% - 18px));
    }
    .nav-top-bar-vertical.stp-drawer.open,
    .fx-nav-bar.open {
        transform: translateX(0);
    }
}

/* =====================================================
   chapitre 16 - TOOLS CAROUSEL (Tuner + Metronome)
   ===================================================== */

/* Override tools overlay for practice mode */
#stp-tools-overlay .info-content {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
}

.practice-carousel-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#practice-carousel {
    background: #000 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
}

#practice-carousel .fx-svg-container {
    background: transparent !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#practice-carousel .fx-pedal-shadow-host {
    width: 320px !important;
    display: block !important;
    filter: drop-shadow(0 20px 50px rgba(0,0,0,0.9)) !important;
}

/* Practice nav bar (same as FX nav) */
.practice-nav-bar {
    position: absolute !important;
    top: 7px !important;
    right: 0 !important;
    z-index: 100 !important;
}

/* =====================================================
   DRAWER ON TOP OF EVERYTHING — even video preview
   ===================================================== */
.nav-top-bar-vertical,
.stp-drawer,
.stp-mini-drawer {
    z-index: 10000 !important;
}/*
Theme Name: Divi Enfant
Theme URI: https://cordesetbaguettes.com/
Description: Thème enfant pour Divi
Author: Matt Angeletti
Template: Divi
Version: 1.0
*/