/* Theme Name: Betheme Child Theme URI: https://themes.muffingroup.com/betheme Author: Muffin group Author URI: https://muffingroup.com Description: Child Theme for Betheme Template: betheme Version: 1.6.2 */ #footer_language_list ul li { display: inline-block; vertical-align: middle; margin: 5px 7px; } #footer_language_list ul li img { display: block; } #footer_language_list ul > li > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #Top_bar h5 { font-size: 2em; color: #FFF; font-family: 'Crimson Text', serif; text-align: center; margin: 35px 0 45px; } #Top_bar .menu_wrapper,#Top_bar #menu { background: #FFF; } .flex-wrapper { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .flex-row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .flex-column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } .flex-column.flex-column-one-fourth { flex: 1 1 25%; } .flex-column.flex-column-one-second { flex: 1 1 50%; } .flex-center { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } #Top_bar { padding-top: 50px; } #Top_bar.is-sticky { padding-top: 0; height: auto; -webkit-box-shadow: none; box-shadow: none; } #Top_bar .menu_wrapper .container { border-bottom: 1px solid #000; max-width: 1340px; } .header-stack.header-center #Top_bar #menu { padding: 20px 0; } .header-stack.header-center #Top_bar.is-sticky #menu { padding: 0; } #Top_bar.is-sticky .menu_wrapper .container { border: none; max-width: 100%; } #Top_bar.is-sticky #logo { margin: 15px 0; } #Top_bar .menu > li > a span:not(.description) { border-right: none; font-size: 1.3em; font-weight: 500; padding: 0 .8em; } .header-stack.header-center #Top_bar .menu_wrapper { margin-top: -1px; } #Header #Top_bar .subscribe a { color: #fff; float: none; display: inline-block; vertical-align: middle; font-size: 2em; position: static!important; width: auto; height: auto; margin: 0!important; } #Top_bar #logo { max-width: 400px; } #follow-us-wrapper h4 { color: #000; font-family: "Work Sans", Arial, Tahoma, sans-serif; } #follow-us-wrapper .follow-us { display: flex; font-size: 1.5em; } #subscribe-to-us { text-align: right; } #subscribe-to-us a { color: #aaa; font-size: 1.2em; } #subscribe-to-us h4 { font-size: 1.2em; color: #000; font-family: "Work Sans", Arial, Tahoma, sans-serif; margin-bottom: 10px; } #Footer .widget.widget_media_image { max-width: 450px; margin: 100px auto auto; } #Footer .widgets_wrapper { padding-bottom: 0; } #Footer #social-menu { margin: 50px auto; } #Footer .footer_copy .social-menu li { margin: 0 20px; } #follow-us-wrapper .follow-us a i:before { margin-left: 0; margin-right: 18px; } .flexs-nowrap { flex-wrap: nowrap; } .flexs-row { display: flex; flex-direction: row; flex-wrap: wrap; } .flexs-column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .flexs-column-one-second { flex: 0 0 50%; } .flexs-column-one-three { flex: 0 0 33%; } .border-bottom { border-bottom: 1px solid #000; padding-bottom: 40px; } .border-left { border-left: 1px solid #000; padding-left: 20px; } .border-right { border-right: 1px solid #000; padding-right: 20px; } .main-post .block-content { height: 100%; padding: 0 10px 0 30px; } .main-post .block-image { height: 100%; } .main-post .flexs-row { -webkit-justify-content: stretch; justify-content: stretch; } .main-post .block-image a { display: block; width: 100%; height: 100%; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .main-post .block-title { margin-bottom: 60px; } .block-title a,.main-post .block-title a { font-size: 3.1em; line-height: 1.3em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond", Arial, Tahoma, sans-serif; text-decoration: none; color: #000; } .main-post .block-description { font-size: 1em; line-height: 1.6em; letter-spacing: normal; } .main-post .block-read-more a { text-decoration: none; color: #000; border-bottom: 1px solid #000; padding-bottom: 3px; } .slider { width: 98%; margin-left: -20px; } .slider .block-image a { display: block; width: 100%; height: 150px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top; } .slider .slick-slide { position: relative; padding: 0 20px; } .slick-initialized .slick-slide:nth-child(3n+2) .block-item:after { content: ""; left: 0; top: 0; height: 100%; width: 1px; background: #000; position: absolute; } .slick-initialized .slick-slide:nth-child(3n+2) .block-item:before { content: ""; right: 0; top: 0; height: 100%; width: 1px; background: #000; position: absolute; } .slider .slick-slide .block-title { text-align: center; padding: 20px 0; } .slider .slick-prev:before { content: '\e8b7'; color: red; font-size: 30px; font-family: mfn-icons; } .slider .slick-next:before { content: '\e915'; color: red; font-size: 30px; font-family: mfn-icons; } .slider .slick-prev,.slider .slick-next { overflow: inherit; box-shadow: none; width: auto; height: auto; margin: 0; padding: 0; } .slider .slick-prev:after,.slider .slick-next:after,.slider .slick-prev:before,.slider .slick-next:before { background: none; } h3 { letter-spacing: 2px; text-transform: uppercase; font-weight: 500; font-family: "Work Sans", Arial, Tahoma, sans-serif; margin-bottom: 30px; } .block-item .block-description { text-align: center; font-size: 1em; line-height: 1.6em; } .football { padding-bottom: 60px; } .home .football .flexs-wrapper .block-image a { height: 250px; } .flexs-wrapper.vertical .flexs-row { flex-direction: column; } .section-related-ul .block-image a,.title-more .block-image a,.title-excerpt .block-image a,.vertical .block-image a { display: block; width: 100%; height: 150px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .title-more .block-title a,.title-excerpt .block-title a,.vertical .block-title { text-align: center; display: flex; min-height: 80px; align-items: center; padding: 20px 0; } .videos h2 { margin-bottom: 30px; margin-top: 20px; } .block-read-more a { font-size: 1.2em; color: #000; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid #000; } a.more { display: block; font-size: 2em; color: #000; text-decoration: none; margin: 120px auto 0; } .title-excerpt .flexs-column:nth-child(3n+2) .block-item,.title-more .flexs-column:nth-child(3n+2) .block-item { border-left: 1px solid #000; border-right: 1px solid #000; } .custom-divider { width: 92%!important; } .single-post .section-post-header .single-photo-wrapper.image .image_frame { max-width: 100%; border: none; margin: 0; } .single-post .section-related-adjustment h3 { margin: 30px auto 50px; padding: 0 20px; } .single-post .section-post-related { margin: 40px auto 80px; } .single-post .section-related-adjustment .post-related { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px; padding: 0 20px; } .single-post .post-meta .category { float: none; margin-top: 50px; } .single-post .section-related-adjustment h4 { margin: 20px 0; } .single-photo-wrapper .block-image a { display: block; width: 100%; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .single .the_content_wrapper { font-size: 1.2em; line-height: 1.6em; } .single-post .date_label { margin-top: 20px; font-size: 1em; } .single-post .photo-credits,.single-post .category a,.single-post .title,.single-post .date_label { color: #000; } .single-post .post-wrapper-content .section_wrapper,.single-post .post-header .title_wrapper { max-width: 960px; margin: auto; } .single-post .title { font-size: 2.8em; line-height: 1.3em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond", Arial, Tahoma, sans-serif; text-decoration: none; } .post-categories li { display: inline-block; } .single-photo-wrapper.image { margin-bottom: 25px; } .archive .block-image a { min-height: 300px; display: block; width: 100%; height: 100%; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .archive .title-more .block-title a,.archive .title-excerpt .block-title a,.archive .vertical .block-title { margin-bottom: 30px; } .archive .title { text-align: center; font-size: 3.1em; line-height: 1.3em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond", Arial, Tahoma, sans-serif; text-decoration: none; color: #000; margin: 50px auto 70px; } .archive .main-post { margin: 20px auto; } .archive .main-post .block-image { padding-left: 20px; } .archive .post-item { background: none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 40px; padding: 0 20px; } .archive .post-item h2 { text-align: center; font-size: 21px; line-height: 25px; margin: 20px 0; } .archive .post-item h2 a { font-size: 1.2em; line-height: 1em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond", Arial, Tahoma, sans-serif; text-decoration: none; text-transform: none; color: #000; } .archive .line { border-bottom: 1px solid #000; width: 100%; margin: 50px 20px; } .archive .pager_lm .pager_load_more { display: block; font-size: 2em; color: #000; text-decoration: none; font-weight: 400; margin: 120px auto 60px; } .archive .pager_lm { font-size: 16px; } .archive .post-excerpt { margin-bottom: 15px; text-transform: none; text-align: center; font-size: 16px!important; line-height: 26px; letter-spacing: normal; font-weight: 400; } img.scale-with-grid,#Content img { max-width: 100%; height: auto; } blockquote { display: block; height: auto; top: 15px; position: relative; font-family: "EB Garamond", Arial, Tahoma, sans-serif; font-size: 28px; color: #444; margin: 0 0 35px 25px; } #Top_bar.is-sticky h5,.section-filters,.single-post .section.section-post-intro-share,.single-post a.button.button_left.button_js.kill_the_icon,.post-footer { display: none; } #Top_bar .menu_wrapper,.flexs-wrapper { width: 100%; } .slider .slick-slide .block-title a,.title-more .block-title a,.title-excerpt .block-title a,.vertical .block-title a { font-size: 1.6em; line-height: 1em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond", Arial, Tahoma, sans-serif; text-decoration: none; color: #000; } .section-related-ul h4,.videos { text-align: center; } .title-more .block-item,.title-excerpt .block-item,.bottom-section h3,.title-more .block-item,.title-excerpt .block-item { padding: 0 20px; } .single-post .section-related-adjustment,.single-post .section-post-related .simple .post-related .image_frame { border: none; } .single-post .section-related-adjustment .post-related:nth-child(3n+2),.archive .post-item:nth-child(3n+2) { border-right: 1px solid #000; border-left: 1px solid #000; } .single-post .section-related-adjustment .post-related .desc a,.archive .post-item .desc a { font-size: 1.2em; line-height: 1em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond", Arial, Tahoma, sans-serif; text-decoration: none; color: #000; } @media only screen and (max-width: 1239px) and (min-width: 320px) { /* #Header #Top_bar .subscribe-wrapper { -webkit-align-items: flex-end; align-items: flex-end; } #Header #Top_bar #logo { padding: 0; } #Header #Top_bar .logo-wrapper .logo,#Header #Top_bar h5 { text-align: left; margin: 2vh 0; padding: 0; } #Header #Top_bar h5 { font-size: 1.5em; letter-spacing: normal; } #Top_bar .menu_wrapper .container { background: #000; padding: 0; } #Top_bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3vh 5vw; } #Header #Top_bar .subscribe a { font-size: 2em; } #Header #Top_bar .language-wrapper,#Side_slide .extras .extras-wrapper .logo a img { display: none; } #Header #Top_bar .subscribe .icon-menu-fine:before { font-size: 1.3em; position: relative; top: 3px; } */ #Side_slide { background-color: #e74849; right: -1239px; width: 1239px; } #Side_slide .extras .extras-wrapper a { margin-bottom: 0; max-width: 400px; padding: 0; } #Side_slide .extras .extras-wrapper a#logo { margin: 50px 0; } #Side_slide .extras .extras-wrapper .logo a img:first-child { display: block; filter: invert(1); max-width: 180px; } #Side_slide .extras { margin-top: -50px; padding: 0 50px; } #Side_slide #footer_language_list ul li img { width: 32px; height: 22px; object-fit: cover; box-shadow: 0 2px 3px 0 #7a0000; cursor: pointer; display: block; margin: 2px; padding: 0; } #Side_slide .icon-cancel-fine:before { color: #000; } #Side_slide #footer_language_list { margin: 20px 0; } #Side_slide #menu ul li a { display: block; text-decoration: none; line-height: 5px; text-align: center; font-size: 2em; color: #000; border: none; margin: 0; padding: 20px; } #Side_slide #menu span { font-family: "EB Garamond"; } #follow-us-wrapper .follow-us { -webkit-justify-content: center; justify-content: center; } #Footer .widget.widget_media_image { text-align: center; margin: 40px auto auto; } #Footer .footer_copy .social-menu li { margin: 0; padding: 1vh 2vw!important; } } @media only screen and (max-width: 960px) and (min-width: 768px) { /* .single .the_content_wrapper { max-width: 708px; margin: auto; border: 1px solid green; } */ } @media only screen and (max-width: 1239px) and (min-width: 768px) { #follow-us-wrapper h4 { font-size: 1.6em; } #follow-us-wrapper .follow-us { -webkit-justify-content: left; justify-content: left; } #subscribe-to-us a { color: #aaa; font-size: .8em; } } @media only screen and (max-width: 767px) { #Top_bar .logo #logo,#Top_bar .logo .custom-logo-link { margin-left: 0; } #Header #Top_bar .logo { text-align: left!important; } #Top_bar .search_wrapper { top: auto; bottom: auto; } #follow-us-wrapper h4 { font-size: 2em; text-align: center; } #follow-us-wrapper .follow-us { -webkit-justify-content: center; justify-content: center; } .main-post .block-content { text-align: center; padding: 30px 0; } .main-post .block-title { margin-bottom: 30px; } .flexs-column-one-second,.flexs-column-one-three { flex: 100%; } .slider { margin: auto; } .border-left { padding-left: 0; border-left: none; } .title-excerpt .flexs-column:nth-child(3n+2) .block-item,.title-more .flexs-column:nth-child(3n+2) .block-item { border: none; } .title-more .block-item,.title-excerpt .block-item { margin-bottom: 40px; } a.more { margin: 60px auto 0; } .main-post .block-description { font-size: 1.4em; } .main-post .block-read-more a { font-size: 1.6em; display: inline-block; margin: 20px auto; } .block-item .block-description { font-size: 1.2em; } .title-more .block-read-more a { font-size: 1.6em; } h3 { font-size: 2em; line-height: 1em; } .section_wrapper,.container,.four.columns .widget-area { max-width: initial!important; } .main-post .block-image a { min-height: 400px; } .slider .slick-slide { padding: 0; } .archive .block-image a,.slider .block-image a,.section-related-ul .block-image a,.title-more .block-image a,.title-excerpt .block-image a,.vertical .block-image a { min-height: 300px; height: 100%; } .single-post .section-related-adjustment h3 { margin: 10px auto 50px; padding: 0; } .single-post .section-related-adjustment .post-related { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px; padding: 0; } .archive .post-item:nth-child(3n+2),.single-post .section-related-adjustment .post-related:nth-child(3n+2) { border-right: none; border-left: none; } #subscribe-to-us,.slick-initialized .slick-slide:nth-child(3n+2) .block-item:after,.slick-initialized .slick-slide:nth-child(3n+2) .block-item:before,.royals-wrapper { display: none; } .title-more .block-title a,.title-excerpt .block-title a,.vertical .block-title a,.slider .slick-slide .block-title a,.single-post .section-related-adjustment h4 { font-size: 2em; } } @media only screen and (max-width: 380px) { #Header #Top_bar .subscribe a { font-size: 1.6em; } #Header #Top_bar .subscribe .icon-menu-fine:before { font-size: 1.3em; position: relative; top: 0; } } /* CSS initialement ajouté via l'éditeur CSS du thème BeTheme */ #Top_bar .menu > li > a span:not(.description) { text-transform: uppercase; } .header-stack.header-center #Top_bar #menu { background: #fff; } #Top_bar .menu_wrapper .container { max-width: 100%; width: 100%; } #Top_bar .menu>li>a span:not(.description) { border-right: none !important; font-size: 1em; padding: 0 .4em; } #Top_bar .menu > li ul { background-color: #f0454b; text-transform: uppercase; } #Top_bar #logo .logo-sticky,#Top_bar #logo .logo-mobile,#Top_bar #logo .logo-mobile-sticky,#navbar-directory .ldd-home-link,.single-directory_listings .post-header,.single-directory_listings .breadcrumb,.single-directory_listings .tags { display: none; } img { max-width: 100%; height: auto; } .bootstrap-wrapper .pagination { max-width: 1220px; width: 100%; display: block; margin: 40px auto; padding: 0 15px; } .single-directory_listings article,.bootstrap-wrapper .pagination,.type-listing.compact .website,.listing-meta.fa-ul,.listing-summary { font-family: "Work Sans", Arial, Tahoma, sans-serif; } .listing-meta.fa-ul>li { position: relative; margin: 10px 0; } .single-post .title { font-size: 2.5em; line-height: 1.1em; } .the_content_wrapper h3 { font-weight: 400!important; text-transform: none; } .the_content_wrapper h3 strong { font-weight: 400; } .single-directory_listings #navbar-directory { margin: 0 auto!important; } .single-post .date_label { padding: 0; } .archive .block-image a { min-height: 220px; } .column h3 { letter-spacing: 2px; text-transform: uppercase; font-weight: 500; margin-bottom: 30px; font-family: "EB Garamond", Arial, Tahoma, sans-serif!important; } .block-title a,.main-post .block-title a { font-size: 2.1em; line-height: 1.2em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond",Arial,Tahoma,sans-serif; text-decoration: none; color: #000; } .slider .slick-slide .block-title a { font-size: 1.7em; line-height: 1em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond",Arial,Tahoma,sans-serif; text-decoration: none; color: #000; } .main-post .block-description { font-size: .9em; line-height: 1.6em; letter-spacing: normal; color: #5e6a74; } #Footer .footer_copy .one { margin-bottom: 0; padding-top: 0; min-height: 15px; } .footer-copy-center #Footer .footer_copy .copyright { display: block; } #Footer #follow-us-wrapper h4 { color: #000; font-family: "Work Sans",Arial,Tahoma,sans-serif; } #Wrapper #Footer .widgets_wrapper { padding-bottom: 0; } #Footer .widget.widget_media_image { max-width: 450px; margin: 10px auto auto; } .title-more .block-title a,.title-excerpt .block-title a,.vertical .block-title { text-align: center; display: flex; min-height: 80px; align-items: center; padding: 20px 0 50px; } a.more { display: block; font-size: 2em; color: #000; text-decoration: underline; margin: 60px; } element.style { background-color: #fff; height: 1761px; padding: 50px; } em,i { font-style: italic; font-size: 24px; } .title-more .block-title a,.title-excerpt .block-title a,.vertical .block-title a { font-size: 1.2em; line-height: 1em; font-weight: 400; letter-spacing: 0; font-family: "EB Garamond",Arial,Tahoma,sans-serif; text-decoration: none; color: #000; } .main-post .block-title { margin-bottom: 30px; } #Side_slide #menu ul li.submenu .menu-toggle:after { font-size: 50px; } blockquote { font-family: "EB Garamond", Arial, Tahoma, sans-serif; font-size: 30px; } a,a:visited,a:focus { text-decoration: underline; outline: 0; } .style-simple .icon_box .desc_wrapper .title { margin-bottom: 10px; } .icon_box { position: relative; padding: 5px 0; } .style-simple .icon_box .image_wrapper,.style-simple .icon_box .icon_wrapper { padding-top: 5px; margin-bottom: 15px; } .home .vertical .block-image a,.home .slider .block-image a,.home .section-related-ul .block-image a,.home .title-more .block-image a,.home .title-excerpt .block-image a,.slider .block-image a,.home .section-related-ul .block-image a,.home .title-more .block-image a,.home .title-excerpt .block-image a { height: 150px; } @media only screen and (max-width: 1239px) and (min-width: 320px) { body #Side_slide { background-color: #e74849; right: -1239px; width: 1239px; } #Side_slide #menu ul li.submenu .menu-toggle { width: 100%; text-align: right; padding-right: 20px; } #Side_slide .social i { font-size: 2.5em; } .main-post .block-description { font-size: 1.2em; line-height: 1.6em; letter-spacing: normal; color: #5e6a74; } #Side_slide .extras .extras-wrapper .logo a img { display: none; max-width: 250px; width: 250px; } #Side_slide .extras .extras-wrapper a { margin-bottom: 0; max-width: 500px; padding: 0; } } @media only screen and (max-width: 767px) { .royals-wrapper { display: block; } #Footer #social-menu { margin: 0 auto 50px; } } @media only screen and (max-width: 479px) { .the_content_wrapper h3 { font-weight: 400!important; text-transform: none; font-size: 19px; line-height: 27px; } } @media only screen and (max-width: 1239px) and (min-width: 320px) { #Side_slide #menu span { font-family: "EB Garamond"; color: #c2c2c2; } #Side_slide #menu ul li a { display: block; text-decoration: none; line-height: 5px; text-align: center; font-size: 2em; color: #c2c2c2; border: none; margin: 0; padding: 20px; } } @media only screen and (max-width: 600px) { #Header #Top_bar h5 { font-size: 1.4em; letter-spacing: normal; } } @media only screen and (max-width: 1239px) and (min-width: 320px) { #Side_slide .extras .extras-wrapper .logo a img:first-child { display: block; filter: invert(1); max-width: 280px; width: 300px; } } /* CSS ajouté par Stéphane BECK (stephanebeck@leechee.ca) - Développeur web freelance via Malt.fr */ /* Variables */ :root { --rouge-pastel: #f0454b; } /* Général */ /* Animations */ .fadeup-effect { opacity: 0; overflow: hidden; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .fadeInUp { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; } .fadeInDown { animation-name: fadeInDown; -webkit-animation-name: fadeInDown; } /* Header */ #Header { min-height:0px !important; } #footer_language_list li.active { display: none; } #footer_language_list a img { transition: 200ms; } #footer_language_list a:hover img { opacity: .8; } #Top_bar, #Top_bar.is-sticky { opacity: 1 !important; } #Top_bar h5 { font-size: 1.8rem; line-height: 1.9rem; margin: 0px auto 60px auto; font-style: italic; } #Top_bar h5:before { content: ''; display: block; margin: 0 auto 15px auto; width: 10%; border-top: 1px solid rgba(255,255,255,.4); } #Top_bar a.responsive-menu-toggle.is-sticky { display: none !important; } #Top_bar .mfn-icon i { font-size: 2rem; } #Top_bar .secondary_menu_wrapper { display: none !important; } /* Sticky header */ /* #Wrapper #Top_bar.is-sticky { height: auto; background: url(https://www.monaco-tribune.com//wp-content/uploads/2020/06/monaco-tribune-header-background.jpg) no-repeat center -300px; } */ #Wrapper #Top_bar.is-sticky { height: auto; background-color: #000; } #Top_bar.is-sticky nav > ul > li { margin: 0 0 5px 0 !important; } #Top_bar.is-sticky nav > ul > li > a { padding: 0 !important; } #Top_bar.is-sticky #logo img.logo-sticky { max-height: 30px !important; } /* Desktop menu */ #Top_bar .menu_wrapper, #Top_bar #menu { background: rgba(255,255,255,.8); } nav#menu { padding: 5px 0 !important; background: transparent !important; } nav#menu ul { text-align: center; } nav#menu ul > li { float: none !important; display: inline-block !important; border-right: 1px solid #999; padding: 0 10px; margin: 0 0 0 0 !important; } nav#menu ul > li:last-child { border-right: 0; } nav#menu ul > li > a { text-decoration: none; transition: 200ms !important; } nav#menu ul > li > a:after { background: none !important; } nav#menu ul > li a span { padding: 0 !important; } nav#menu ul > li > a span:not(.description) { line-height: 30px !important; } nav#menu ul > li > a > span:not(.description):after { display: inline-block !important; position: relative !important; right: 0 !important; top: -2px !important; margin-left: 5px; } nav#menu ul > li > ul.sub-menu { background-color: transparent !important; text-align: left; } nav#menu ul > li > ul.sub-menu li {background-color: rgba(0,0,0,.9); } nav#menu ul > li > ul.sub-menu:before { display: block; width: 100%; height: 15px; content: ' '; background-color: transparent; } nav#menu ul > li > ul.sub-menu a { color: #fff !important; font-size: 1rem; } nav#menu ul > li > ul.sub-menu a:hover { color: var(--rouge-pastel) !important; } /* Mobile menu */ /* #Side_slide { background-color: #eee !important; } */ #Side_slide { max-width: 600px !important; } #Side_slide .close-wrapper { position: absolute; right: 0; } #Side_slide .side-slide-menu_wrapper { text-align: center; } #Side_slide #footer_language_list { text-align: left; margin: 0; position: absolute; top: 7px; left: 0; } #Side_slide .extras { margin-top: 70px; } #Side_slide .extras .extras-wrapper { text-align: left; } #Side_slide .extras .extras-wrapper a#logo { margin: 0 0 20px 0; } #Side_slide .extras .extras-wrapper a#logo img { width: 300px; filter: invert(0); } #Side_slide .search-wrapper { display: block !important; max-width: 300px; margin: 50px auto 70px auto !important; } #Side_slide .search-wrapper form input[type=text] { border: 1px solid #fff !important; background-color: #fff !important; border-radius: 3px; font-size: 1.4rem; } #Side_slide .search-wrapper i.icon-search-fine::before { font-size: 1.6em; line-height: 1em; margin-right: 0; } #Side_slide #menu ul.menu-main { display: flex; flex-wrap: wrap; max-width: 560px; margin: 0 auto; } #Side_slide #menu ul.menu-main li { flex-grow: 1; width: 220px; min-height: 60px; border: 0; } #Side_slide #menu ul.menu-main li a { margin: 0; padding: 0; text-align: left; } #Side_slide #menu ul.menu-main li a span { color: #fff; font-size: 1.8rem; line-height: 1.8rem !important; } #Side_slide #menu ul.menu-main li ul.sub-menu { /* display: block !important; */ position: relative; } #Side_slide #menu ul.menu-main li ul.sub-menu li { background-color: transparent; padding: 0 0 0 40px; min-height: 40px; } #Side_slide #menu ul.menu-main li ul.sub-menu li a span { font-size: 1.6rem; font-style: italic } #Side_slide #menu ul li.submenu .menu-toggle:after { font-size: 2rem; color: rgba(255,255,255,1); } #Side_slide #menu ul li.submenu .menu-toggle { opacity: 1 !important; right: 0 !important; /* display: none !important; */ } #Side_slide .social { margin-top: 70px !important; } #Side_slide .social i { color: #fff; font-size: 3rem !important; } /* Contenu des pages */ #Content { padding-top: 50px !important; } /* Commun */ /* Blocs Gutenberg */ hr.wp-block-separator.is-style-wide { background-color: #000; margin-top: 20px; } .alignfull, .alignwide { width: 100vw; margin-left: calc( ( 100vw - 100%) / -2 ); } h2.underline:after, h3.underline:after, h4.underline:after { content: ' '; display: block; padding-bottom: 16px; border-bottom: 1px solid #000; width: 15%; } h2.has-text-align-center.underline:after, h3.has-text-align-center.underline:after, h4.has-text-align-center.underline:after { margin-left: auto; margin-right: auto; } .wp-block-gallery { margin: 30px 0 !important; } .wp-block-gallery > figcaption { width: 100%; text-align: center; padding: 10px 10px; margin: 0 0 20px 0; font-size: 1.2rem; line-height: 1.4rem; background-color: #eee; font-style: italic;; } .wp-block-gallery ul.blocks-gallery-grid { margin: 0 !important; } .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item { margin: 0 5px 10px 5px; } .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item:last-child { margin-right: 0; } .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure { padding: 0; margin: 0; overflow: hidden;} .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure img { height: 100% !important; transition: 300ms; } .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption { /* display: none; */ padding: 5px 0 5px 0; font-size: .8rem; line-height: .9rem; } .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure:hover img { opacity: .9; } /* .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption { display: block; } */ /* Homepage */ .home h1, .home h2 { font-size: 1.4rem; line-height: 1.7rem; } .home h1 a, .home h2 a { text-decoration: none; word-break: break-word; } .home h3 a { text-decoration: none; } .home h3 a:after { content: ' »'; } .home a:hover { color: var(--rouge-pastel) !important; } .home h1 a:hover, .home h2 a:hover { color: var(--rouge-pastel) !important; } .home article figure { transition: 200ms; } .home article:hover figure { opacity: .9; } .home article:hover h1 a, .home article:hover h2 a, .home article:hover .block-read-more a { color: var(--rouge-pastel) !important; text-decoration: none !important; } .home article:hover .block-read-more a:after { content: ' »';} .home-top { padding-bottom: 30px; } .home-top .home-top-left { border-right: 1px solid #000; padding-right: 20px; } .home-top .home-top-left article { display: flex; align-items: flex-start; margin-bottom: 10px; } .home-top .home-top-left article figure { flex-basis: 45%; flex-shrink: 0; margin-right: 10px; } .home-top .home-top-left article figure a { height: auto; } .home-top .home-top-left article figure img { width: 100%; height: 100px !important; object-fit: cover; } .home-top .home-top-left article h2 { font-size: 1.2rem; line-height: 1.4rem; padding: 0; text-align: left; } .home-top .home-top-left .latest { display: none; } .home-top .home-top-center { margin-left: 0; padding: 0 30px; border-right: 1px solid #000; } .home-top .home-top-center article figure a { height: auto !important; } .home-top .home-top-center article h1, .home-top .home-top-center article h2 { padding: 0; text-align: left; font-size: 2.4rem; line-height: 2.6rem; } .home-top .home-top-center article .block-description { margin-top: 20px; font-size: 1.3rem; line-height: 1.7rem; color: #999; } .home-top .home-top-center article .block-read-more a { border: none; text-decoration: underline; text-transform: uppercase; color: #999; } .home-top .home-top-center article .block-read-more a:hover { text-decoration: none; color: var(--rouge-pastel); } .home-ad p { width: 50%; margin: 30px auto 30px auto; text-align: center; background-color: #ddd; padding: 20px 0; } .sidebar-ad p { width: 60%; height: 400px; margin: 30px auto 30px auto; text-align: center; background-color: #ddd; padding: 20px 0; } .posts-wrapper { display: flex; flex-wrap: wrap; } .posts-wrapper article { flex-basis: 25%; margin-bottom: 10px; overflow: hidden; } .posts-wrapper article > div { padding-right: 20px; margin-right: 20px; border-right: 1px solid #000; padding-bottom: 30em; margin-bottom: -30em; } /* .posts-wrapper article:nth-child(4n-7) > div { margin-left: 0; } */ .posts-wrapper article:nth-child(4n) > div { border: none; } .posts-wrapper article figure { min-height: 147px; max-height: 147px; overflow: hidden; margin-bottom: 10px;} .posts-wrapper article h2 { margin-bottom: 0; } .slider-directories-wrapper { height: 0 !important; overflow: hidden; padding: 15px 0 0 0 !important; margin: 20px 0 0 0 !important; border-top: 1px solid #000; width: 100%; background-color: #fcfcfc !important; } /* body:not(.lang-fr) .slider-directories-wrapper { display: none !important; } */ .slider-directories-wrapper { padding: 5vw 0 5vw 1%; margin-bottom: 30px; } .slider-directories figure { background-color: #fff; padding: 10px 10px 0 10px; margin: 0 10px !important; } .slider-directories figure:first-child { margin-left: 0 !important; } /* .slider-directories figure:nth-child(4n) { margin-left: 0 !important; } */ .slider-directories figure a { display: block; max-height: 150px; overflow: hidden; } .slider-directories figure a img { margin: 0; width: 100%; height: 130px !important; object-fit: cover; } .slider-directories figure figcaption { display: block !important; text-align: center; margin: 0; background-color: #fff; padding: 10px 0; } .slider-directories figure figcaption a { display: block !important; width: 100%; color: #2D6CB2; text-decoration: none; } .slider-directories figure:hover figcaption a { color: var(--rouge-pastel); text-decoration: none; } .slider-directories .slick-next { top: -33px; right: 100px; width: 40px; height: 40px; } .slider-directories .slick-prev { display: none !important; } .slider-directories .slick-next:after { background: transparent !important; } .slider-directories .slick-next:before { color: #2D6CB2; opacity: 1; font-size: 40px; } .slider-directories .slick-next:hover:before { color: var(--rouge-pastel); } .home-bottom .wp-block-column { overflow: hidden; } .home-bottom .wp-block-column > div article { display: flex; padding: 20px 20px 0 0; border-right: 1px solid #000; padding-bottom: 30em; margin-bottom: -30em; } .home-bottom .wp-block-column > div article:first-child { padding-top: 0; } .home-bottom .wp-block-column:last-child > div article { border: none; } .home-bottom .wp-block-column > div article figure { flex-basis: 90%; max-height: 100px; overflow: hidden;} .home-bottom .wp-block-column > div article figure { margin-right: 10px; } .home-bottom .wp-block-column > div article h2 { flex-basis: 110%; font-size: 1.2rem; line-height: 1.5rem; } /* Pages */ .page:not(.home) #Content .content_wrapper { display: flex; } .page:not(.home) #Content .sections_group { flex-basis: 70%; flex-shrink: 1; font-size: 1.4rem; line-height: 2.1rem; margin-top: 20px; } .page:not(.home) #Content .sections_group h1 { margin-bottom: 50px; } .page:not(.home) #Content .sections_group h2 { font-size: 2rem; } .page:not(.home) #Content .sections_group a { text-decoration: underline; color: var(--rouge-pastel); } .page:not(.home) #Content .sections_group a:hover { text-decoration: none; } /* Formulaires */ .page:not(.home) #Content .sections_group form { margin: 30px 0; } .page:not(.home) #Content .sections_group form label { font-weight: normal; } .page:not(.home) #Content .sections_group form label .wpcf7-quiz-label { font-size: 1.4rem; } .page:not(.home) #Content .sections_group form input , .page:not(.home) #Content .sections_group form textarea { width: 100%; max-width: 800px; margin: 20px 0 0 0; border-color: #ccc; } .page:not(.home) #Content .sections_group form input { max-width: 400px; border-radius: 5px; font-size: 1.3rem; } .page:not(.home) #Content .sections_group form textarea { border-radius: 5px; font-size: 1.3rem; } .page:not(.home) #Content .sections_group form textarea:focus, .page:not(.home) #Content .sections_group form input:focus { border-color: rgba(240, 69, 75, .5); box-shadow: 0 0 5px var(--rouge-pastel);} .page:not(.home) #Content .sections_group form input[type="text"] { margin-top: 3px; } .page:not(.home) #Content .sections_group form input.wpcf7-quiz { width: 60px; display: inline-block; } .page:not(.home) #Content .sections_group form input[type="submit"] { background-color: var(--rouge-pastel); color: #fff; width: auto !important; font-weight: bold; } .page:not(.home) #Content .sections_group form input[type="submit"]:hover { opacity: .9; } .wpcf7-not-valid-tip { font-size: 1.1rem; line-height: 1.4; background-color: var(--rouge-pastel); color: #fff; display: inline-block; padding: 0 5px 2px 5px; border-radius: 3px; } .wpcf7-response-output { border: 1px solid var(--rouge-pastel) !important; color: var(--rouge-pastel); text-align: center; } /* Page de résultats de recherche */ .search-results #Subheader { background-color: var(--rouge-pastel); } .search-results #Subheader .title { color: #fff; } .search-results #Subheader .title span { font-style: italic; } .search-results #Subheader .search-results-nb-results { text-align: center; color: #fff; font-style: italic; } .search-results .post-item { margin-bottom: 100px; } .search-results .post-desc-wrapper { display: flex; } .search-results .post-desc-wrapper .post-img img { display: block; width: 300px !important; max-width: none !important; height: 200px !important; object-fit: cover; } .search-results .post-desc-wrapper .post-img img:hover { opacity: .9; } .search-results .post-desc-wrapper .post-desc { margin-left: 20px; padding-top: 0; } .search-results .post-desc-wrapper .post-desc .post-categories, .search-results .post-desc-wrapper .post-desc .post-categories a { color: #888; } .search-results .post-desc-wrapper .post-desc .post-title h2 { font-size: 2.8rem; line-height: 3rem !important; } .search-results .post-desc-wrapper .post-desc .post-title h2 a:hover { color: var(--rouge-pastel); } .search-results .post-desc-wrapper .post-desc .author a { color: var(--rouge-pastel); text-decoration: none; border-bottom: 0; } .search-results .post-desc-wrapper .post-desc .author a:hover { text-decoration: underline !important; } .search-results .post-desc-wrapper .post-desc .date { color: #000 !important; } .pager .pages a.active { background-color: var(--rouge-pastel) !important ; } /* Articles */ .single #Content .content_wrapper { display: flex; } .single #Content .sections_group { flex-basis: 70%; flex-shrink: 1; } .single #Content .sections_group .post-categories a { text-transform: uppercase; color: var(--rouge-pastel); text-decoration: none; } .single #Content .sections_group h1 { display: inline-block; } .single #Content .sections_group .post-image, .single #Content .sections_group .post-content, .single #Content .sections_group .post-related { float: none; } .single #Content .sections_group .post-image img { width: 100%; } .single #Content .sections_group .post-image .photo-credits { display: block; color: #aaa; font-size: 1rem; line-height: 1rem; font-style: italic; padding: 0 10px; } .single #Content .sections_group .post-metadata .author-link { text-decoration: none; color: var(--rouge-pastel); } .single #Content .sections_group .post-content { width: 100%; } .single #Content .sections_group .post-content p, .single #Content .sections_group .post-content ul li { font-size: 1.3rem; line-height: 1.8rem; color: #000 !important; } .single #Content .sections_group .post-content ul { margin-top: 30px; margin-bottom: 30px; } .single #Content .sections_group .post-content p:first-child { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 30px; } .single #Content .sections_group .post-content a { color: var(--rouge-pastel); text-decoration: none; } .single #Content .sections_group .post-content a:hover { color: var(--rouge-pastel); text-decoration: underline; } .single #Content .sections_group .post-content h2 { font-size: 2.2rem; line-height: 2.6rem; margin: 40px 0 20px 0; } .single #Content .sections_group .post-content h3 { font-size: 1.9rem; line-height: 2.4rem; text-transform: none; letter-spacing: normal; margin: 30px 0 20px 0; } .single #Content .sections_group .post-content h4 { font-size: 1.9rem; line-height: 2.4rem; font-weight: initial; margin: 30px 0 20px 0; } .single #Content .sections_group .post-content .wp-block-image figcaption { margin: 0; font-size: 1.1rem; line-height: 1.3rem; font-style: italic; } .single #Content .sections_group .post-content .wp-block-separator.is-style-default { width: 30%; background-color: #000; } .single #Content .sections_group .post-content .wp-block-embed { margin: 40px auto 40px auto; } .single #Content blockquote { border-top: 2px solid var(--rouge-pastel); border-bottom: 2px solid var(--rouge-pastel); margin: 2rem 3rem 3rem 2rem; padding: 1em 0; overflow: hidden; } .single #Content blockquote:before { display: block; content: '\201C'; font: 700 154px/1em normal; height: 0.30em; color: var(--rouge-pastel); float: left; margin-right: 15px; position: relative; top: -0.075em; } .single #Content blockquote cite { font-size: 1.1rem; float: right; text-align: right; } /* .single #Content .sections_group .post-content .wp-block-quote { border-top: 2px solid var(--rouge-pastel); border-bottom: 2px solid var(--rouge-pastel); margin-right: 25px; } */ /* .single #Content .sections_group .post-content .wp-block-quote:before { content: '"'; } */ .single.lang-it #Content .sections_group .post-metadata .post-date, .single.lang-fr #Content .sections_group .post-metadata .post-date { text-transform: lowercase; } .single .heateor_sss_sharing_ul li { margin-right: 10px !important; } /* Footer d'articles */ .post-related { clear: both; } .post-related .post-related-title { font-size: 1.8rem; padding: 20px 0; text-transform: uppercase; border-top: 1px solid #000; } .post-related .section-related-ul { display: flex; flex-grow: 0; width: 100%; overflow: hidden; } .post-related .section-related-ul article { flex-basis: calc(25% - 15px); flex-shrink: 0; flex-grow: 0; margin: 0; } .post-related .section-related-ul article:not(:last-child) { padding-right: 10px; border-right: 1px solid #000; margin-right: 10px; } .post-related .section-related-ul article:hover h4 a { color: var(--rouge-pastel); } .post-related .section-related-ul article:hover .article-image { opacity: .9; } .post-related .section-related-ul article .article-image { max-height: 120px; overflow: hidden; margin-bottom: 10px; } .post-related .section-related-ul article h4 { text-align: left; } .post-related .section-related-ul article h4 a { font-size: 1.3rem; text-decoration: none; } .post-related .section-related-ul article h4 a:hover { color: var(--rouge-pastel); } /* Directory & Listings (Custom Post Type with custom taxonomy) */ /* Directory pages layout */ .directory.page #Content .sections_group, .directory.listing #Content .sections_group { flex-basis: 100%; } /* Directory - homepage */ .directory #Content .column { float: none; margin-bottom: 100px; } .directory.directory-home { text-align: center; } .directory.directory-home h1 { font-size: 4rem; } .directory.directory-home h1:after { content: ''; display: block; border-bottom: 1px solid #000; width: 15%; margin: calc(.8rem + 2.5vw) auto 0 auto; } .directory.directory-home hr { width: 15%; background-color: #000; } .directory #Content .column .directory-main-info { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 30px auto; } .directory #Content .column .directory-main-info li {position: relative; list-style: none; display: inline-block; padding: 0; margin: 10px 10px; color: #fff; background-color: var(--rouge-pastel); } .directory #Content .column .directory-main-info li a { display: inline-block; padding: 20px 20px; color: #fff; text-decoration: none; transition: all .3s ease; } .directory #Content .column .directory-main-info li a:hover { opacity: .9; transform: scale(1.05); } .directory #Content .column .directory-main-info li:after { content: ''; display: block; position: absolute; border-style: solid; border-width: 0 .7em .5em 0; border-color: transparent #FCFCFC transparent transparent; top: 0; right: 0; background: #f19a9d; border-bottom-left-radius: 2px; } .directory .listing-categories-index { display: flex; flex-wrap: wrap; flex-shrink: 0; background-color: #FFFFFF; padding: 20px 0 0 0; } .directory .listing-categories-index .listing-category-wrapper { flex: none; flex-basis: calc( 33.33% - (2 * calc(2% + 1px) ) ); padding: 2% 2% 0 2%; margin-bottom: 20px; } .directory .listing-categories-index .listing-category-wrapper:not(:nth-child(3n)) { border-right: 1px solid #000; } .directory .listing-categories-index .listing-category-wrapper .listing-category-image { display: block; background-color: var(--rouge-pastel); background-position: center; background-size: 110%; transition: all .3s ease; } .directory .listing-categories-index .listing-category-wrapper .listing-category-image:before { display: block; content: ""; width: 100%; padding-top: 60%; } .directory .listing-categories-index .listing-category-wrapper .listing-category-image:hover { opacity: .95; background-size: 112%; } .directory .listing-categories-index .listing-category-wrapper .listing-category-image.image-placeholder { background: var(--rouge-pastel) url('./images/logo-mt-monaco-tribune.png') 0 0 no-repeat; background-position: center; background-size: 30%; top: 0; left: 0; right: 0; bottom: 0; } .directory .listing-categories-index .listing-category-wrapper h2 { font-size: 2.2rem !important; line-height: 2.4rem; margin: 15px 0 5px 0; display: block; text-align: center; } .directory .listing-categories-index .listing-category-wrapper h2 a { color: var(--rouge-pastel); text-decoration: none !important; } .directory .listing-categories-index .listing-category-wrapper h2 a:hover { color: #000 !important; } .directory .listing-categories-index .listing-category-wrapper h2 span { font-size: 1.4rem; line-height: 1.6rem; padding-left: 10px; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories { text-align: center; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories a { text-decoration: none !important; color: #000 !important; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories > span { display: inline-block; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories > span:not(:last-child)::after { content: ' | '; display: inline-block; margin: 0 12px; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories > span a:hover { text-decoration: underline !important; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories .nb { font-size: .8rem; line-height: 1rem; } .directory ul.list > li { margin-bottom: 20px; } .directory ul.children { margin-left: 20px; } /* Directory archives / listing index */ .directory.listing-category h1 { display: block; margin: 20px 0 80px 0; font-size: 4rem; } .directory.listing-category .term-desc { margin-bottom: 50px; } /* Directory parent categories */ .directory #Content .column .terms-index-wrapper { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 30px auto; } .directory #Content .column .terms-index-wrapper li {position: relative; list-style: none; display: inline-block; padding: 0; margin: 10px 10px; color: #fff; background-color: var(--rouge-pastel); } .directory #Content .column .terms-index-wrapper li a { display: inline-block; padding: 20px 20px; color: #fff; text-decoration: none; word-break: break-all; transition: all .3s ease; } .directory #Content .column .terms-index-wrapper li a span { font-size: .9rem; font-style: italic; } .directory #Content .column .terms-index-wrapper li a:hover { opacity: .9; transform: scale(1.05); } /* Directory child categories: listing index */ .directory.listing-category .listing-wrapper { display: flex; justify-content: space-between; animation: fadein 1s ease 1s 1 both; } @keyframes fadein { from { visibility: hidden; opacity: 0; transform: translateX(-100px); } to { visibility: visible; opacity: 1; transform: translateX(0px);} } .directory.listing-category .listing-wrapper > div:nth-child(1) { width: 20%; } .directory.listing-category .listing-wrapper > div:nth-child(2) { width: 50%; } .directory.listing-category .listing-wrapper > div:nth-child(3) { width: 25%; } .directory.listing-category .listing-wrapper .listing-image { display: inline-block; width: 100%; height: 150px; background-size: 100% !important; transition: all .3s ease; } .directory.listing-category .listing-wrapper .listing-image:hover { opacity: .95; background-size: 103% !important; } .directory.listing-category .listing-wrapper.cat_type_3 .listing-image { height: 200px; background-size: contain !important; background-position: top center !important; } .directory.listing-category .listing-wrapper h2 { font-size: 2.5rem; line-height: 2.5rem; } .directory.listing-category .listing-wrapper h2 a:hover { text-decoration: none; color: var(--rouge-pastel); } .directory.listing-category .listing-wrapper p { font-size: 1.3rem; line-height: 1.7rem; } .directory.listing-category .listing-wrapper .listing-meta { flex-basis: 39%; list-style: none; margin: 0; } .directory.listing-category .listing-wrapper .listing-meta li { display: flex; color: #000; margin: 0; font-size: 1.2rem; line-height: 1.4rem; font-weight: 500; margin-bottom: 15px; } .directory.listing-category .listing-wrapper .listing-meta li span.mfn-icon { margin-right: 5px; } .directory.listing-category hr { background-color: #ccc; height: 1px; width: 30%; margin: 40px auto 40px auto; } /* Directory listings : places (default) */ .directory.listing #Content h1 { display: block; margin: 20px 0 80px 0; font-size: 4rem; } .directory.listing #Content p { font-size: 1.4rem; line-height: 2.1rem; color: #000 !important; } .directory.listing #Content .listing-wrapper { display: flex; flex-wrap: wrap; } .directory.listing #Content .listing-wrapper .listing-image { width: 50%; } .directory.listing #Content .listing-wrapper .listing-image a { display: block;} .directory.listing #Content .listing-wrapper .listing-image a:hover { opacity: .9 } .directory.listing #Content .listing-wrapper .listing-image div { position: relative; background: var(--rouge-pastel); margin: 0 5% 5% 5%; background-position: center !important; background-size: cover !important; } .directory.listing #Content .listing-wrapper .listing-image div:before { display: block; content: ""; width: 100%; padding-top: 100%; } .directory.listing #Content .listing-wrapper .listing-image div .photo-credits { position: absolute; bottom: 0; right: 0; margin: 0 5px 5px 5px; padding: 2px 4px; background-color: rgba(0,0,0,.3); color: #fff !important; } .directory.listing #Content .listing-wrapper .listing-image div .image-placeholder { position: absolute; background: transparent url('./images/logo-mt-monaco-tribune.png') 0 0 no-repeat; background-position: center; background-size: 30%; top: 0; left: 0; right: 0; bottom: 0; } .directory.listing #Content .listing-wrapper .listing-map { width: 50%; } .directory.listing #Content .listing-wrapper .listing-map > iframe { position: relative; width: calc(100% - 10%); height: 95%; margin: 0 5% 5% 5%; background-color: #eee; } .directory.listing #Content .listing-wrapper .listing-map > iframe:before { display: block; content: ""; width: 100%; padding-top: 100%; } .directory.listing #Content .listing-wrapper .listing-content { width: 65%; margin: 60px auto; } .directory.listing #Content .listing-wrapper .listing-content p:first-child { font-size: 1.4rem; line-height: 2.1rem; } .directory.listing #Content .listing-wrapper .listing-meta { width: 35%; margin: 60px auto; } .directory.listing #Content .listing-wrapper .listing-meta ul { list-style: none; margin: 0 0 0 40px; padding-left: 40px; border-left: 1px solid #000; } .directory.listing #Content .listing-wrapper .listing-meta li { display: flex; color: #000; margin: 0; font-size: 1.4rem; line-height: 1.7rem; margin-bottom: 15px; } .directory.listing #Content .listing-wrapper .listing-meta li span { margin-right: 10px; } /* Cat type 1 : places */ .directory.listing #Content .listing-wrapper.cat_type_1 .listing-image { margin: 0 !important; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-image div { margin: 0 2% 3% 0; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-image div:before { padding-top: 60%; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-map > iframe { width: calc(100% - 6%); margin: 0 0 3% 2%; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-meta ul { height: 100%; } /* Cat type 2 : people */ .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta { position: relative; order: 1; width: 35%; margin: 0; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta ul { margin: 0; border: 0; padding: 0; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta ul.meta-social-links { width: auto; position: absolute; left: -5px; margin-top: 40px; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta ul.meta-social-links li { display: inline-block; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta ul.meta-social-links li i { color: #333; font-size: 2rem; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta ul.meta-social-links li i:hover { color: var(--rouge-pastel); } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-image { order: 2; width: 65%; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-image > div { margin: 0; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-image > div:before { width: 100%; padding-top: 60%; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-content { order: 3; width: 100%; } /* Cat type 3 : works */ .directory.listing #Content .listing-wrapper.cat_type_3 { display: block; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-image { width: 35%; float: left; margin-right: 50px; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-image div { background-size: 100% !important; background-position-y: 0 !important; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-image div:before { width: 100%; padding-top: 180%; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-image div .photo-credits { display: none; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-content { width: 100%; margin: 0 0 30px 0 !important; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-meta { width: 100%; margin: 70px 0 0 0; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-meta ul { margin: 0; border: 0; padding: 0; } .clearfix::after { content: "" !important; clear: both !important; display: table !important; } /* Breadcrumb trail */ .directory-breadcrumb-trail { display: inline-block; color: var(--rouge-pastel); font-size: 20px; margin-bottom: 30px; } .directory-breadcrumb-trail a { color: var(--rouge-pastel); font-size: 1.3em; } .directory-breadcrumb-trail span { color: #000; font-size: .7em; display: inline-block; margin: 0 15px; } /* Search form */ .directory:not(.directory-home) .directory-search-form { float: right; padding: 0; width: 20vw; min-width: 290px; text-align: right; } .directory.directory-home .directory-search-form { padding-top: 30px !important; } .directory-search-form input { display: inline-block !important; margin: 0 !important; } .directory-search-form input[type='text'] { width: 80% !important; font-size: 1.3rem; border-radius: 0 !important; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .directory #Content .column .directory-main-info li a { padding: 13px; font-size: 1.2rem; } .directory-search-form input[type='submit'] { width: 20%; min-width: 40px; font-size: 1.1rem !important; padding: 14px 10px 12px 10px; font-weight: normal !important; background-color: var(--rouge-pastel); border-radius: 0 !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .directory-search-form input[type='submit']:hover { opacity: .9; } /* Search results */ .directory-search-results .listing-index-wrapper { margin-top: 100px; } .directory-search-results .directory-search-form { float: none !important; margin: 0 auto; } .directory-search-results .directory-breadcrumb-trail { font-size: 1rem; line-height: 1.4rem; position: relative; top: -5px; margin: 0 0 0 0; } .directory-search-results .directory-breadcrumb-trail span { margin: 0 10px; } .directory-search-results .directory-breadcrumb-trail a:first-of-type, .directory-search-results .directory-breadcrumb-trail span:first-of-type { display: none; } /* Load more AJAX button */ .leechee-loadmore-ajax-button { display: table; margin: 60px auto 40px auto; padding: 15px 20px; background-color: var(--rouge-pastel); color: #fff; border-radius: 3px; font-size: 1.4rem; } .leechee-loadmore-ajax-button:hover { cursor: pointer; opacity: .9; } /* Prevent ads displayed by AdInserter plugin */ .directory-search-results .code-block { display: none !important; } /* Related listings */ .directory .directory-related-listings { clear: both; padding-top: 70px; } .directory .directory-related-listings .section-title { font-size: 2rem; text-transform: uppercase; color: var(--rouge-pastel); } .directory .directory-related-listings .related-listing { display: inline-block; width: 20%; margin: 30px 5% 20px 0; text-align: center; vertical-align: top; } .directory .directory-related-listings .related-listing.cat_type_3 a { background-size: contain !important; } .directory .directory-related-listings .related-listing a h4 { font-size: 1.8rem; line-height: 2rem; font-weight: normal; } .directory .directory-related-listings .related-listing a:hover h4 { text-decoration: none; color: var(--rouge-pastel); } .directory .directory-related-listings .related-listing-image { display: inline-block; width: 100%; height: 180px; background-position: center !important; background-size: cover !important; background-size: 120% !important; transition: all .3s ease; } .directory .directory-related-listings .related-listing-image:hover { opacity: .95; background-size: 122% !important; } /* Sidebar */ #Content .sidebar { display: flex; width: 350px; flex-shrink: 0; overflow: hidden; padding: 0 0 0 20px; padding-top: 8px; margin: 0; } #Content .sidebar .widget-area { min-height: auto !important; border-left-width: 1px; background: rgba(0,0,0,.01); } #Content .sidebar .widget-area:before { background: none; } #Content .sidebar aside > h3 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 40px; } #Content .sidebar .flexs-wrapper.vertical { display: block; margin-top: 40px; } #Content .sidebar .flexs-wrapper.vertical article { display: flex; flex-wrap: 1; min-height: 120px; } #Content .sidebar .flexs-wrapper.vertical article:hover h2 a { color: var(--rouge-pastel); } #Content .sidebar .flexs-wrapper.vertical article:hover figure { opacity: .9; } #Content .sidebar .flexs-wrapper.vertical article figure { flex-basis: 40%; flex-shrink: 0; margin-right: 10px; max-height: 80px; overflow: hidden; } #Content .sidebar .flexs-wrapper.vertical article h2 { font-size: 1.2rem; line-height: 1.4rem; } #Content .sidebar .flexs-wrapper.vertical article h2 a { text-decoration: none; } #Content .sidebar .flexs-wrapper.vertical article h2 a:hover { color: var(--rouge-pastel); } #Content .sidebar .flexs-wrapper.vertical .article-separator { display: block; width: 30%; padding-bottom: 20px; margin: 0 auto 20px auto; border-bottom: 1px solid #aaa; } #Content .sidebar .flexs-wrapper.vertical .article-separator:last-child { display: none; } #Content .sidebar #sb_instagram { margin: 0; } /* Catégories / Archives */ .archive h1.title { margin-top: 0; } .archive .archive-header { text-align: center; margin-bottom: 40px; } .archive .archive-header span { display: inline-block; background-color: var(--rouge-pastel); color: #fff; padding: 5px; margin: 0 auto 20px auto; } .archive .archive-header h1 { margin: 0 0 40px 0; line-height: 2.2rem; } .archive.tag .archive-header h1 { margin-bottom: 100px; } .archive .archive-header p { text-align: center; margin-bottom: 30px; font-size: 1.4rem; } .archive.category .archive-header span { margin-bottom: 15px; padding: 0 8px 2px 8px; font-size: 1.2rem; } .archive.category .archive-header h1 { margin: 0px 0 50px 0; } .archive.category .archive-header .category-description { margin: 0 30px 0 30px; } .archive.category .archive-header .category-description p { font-size: 1.4rem; line-height: 1.7rem; text-align: left; } .archive.category .category-subheading { font-size: 1.8rem; margin: 20px 0 0 30px; color: var(--rouge-pastel); text-transform: uppercase; } .archive.category .category-subheading:after { content: ' '; display: block; padding-bottom: 15px; border-bottom: 1px solid var(--rouge-pastel); width: 5%; visibility: visible !important; } .archive.category .featured-posts { margin-bottom: 70px; } .archive.category .featured-posts .post-item { float: none; display: inline-block; vertical-align: top; text-align: center; } .archive.category .featured-posts .post-item .post-more { text-transform: uppercase; font-size: 1.4rem; border: 1px solid #000; border-radius: 7px; padding: 2px 15px 4px 15px; display: inline-block; } .archive.category .featured-posts .post-item .post-more:hover { background-color: var(--rouge-pastel); border-color: var(--rouge-pastel); } .archive.category .featured-posts .post-item .post-more:hover a { text-decoration: none; color: #fff; } .archive.category .posts_group { width: 100%; display: inline-block; margin-top: 50px; } .archive.category .block-image a:hover { opacity: .9; } .archive.category h2.entry-title a:hover { color: var(--rouge-pastel); } /* Pages "Vidéos" */ /* Plugin "Elfsight YouTube Gallery CC" */ .page:not(.home) .yottie-widget-video-info-title { font-size: 1.4rem !important; line-height: 1.9rem !important; white-space: normal !important; color: #000 !important; text-decoration: none !important; } .page:not(.home) .yottie-widget-video { padding-bottom: 30px !important; border-bottom: 1px solid gray; margin-bottom: 30px !important; background-color: #fcfcfc !important; width: 100% !important; } .page:not(.home) .yottie-widget-feed-section-slide { padding-left: 0 !important; background-color: #fcfcfc !important; border-radius: 0 !important; } .page:not(.home) .yottie-widget-video-info-passed-time, .page:not(.home) .yottie-widget-video-info-properties-item { font-size: 1rem !important; line-height: 1.4rem !important; } /* Shortcodes */ .follow-us-wrapper { padding: 5px 5px 5px 5px !important; } .follow-us-wrapper div { display: flex; justify-content: center; } /* .sidebar .follow-us-wrapper { background-color: var(--rouge-pastel); } */ /* .follow-us-wrapper h3 { color: #fff; } */ .follow-us-wrapper i::before { font-size: 2.2rem; } /* .sidebar .follow-us-wrapper a:hover i::before { color: #fff; } */ #Footer .follow-us-wrapper a:hover { color: var(--rouge-pastel); } /* "Sassy Social Share" plugin */ .heateor_sss_sharing_ul:before { display: block; color: #000; font-size: 1.4rem; } .lang-fr .heateor_sss_sharing_ul:before { display: block; content: 'Partagez cet article :'; } .lang-en .heateor_sss_sharing_ul:before { display: block; content: 'Share this article:'; } .lang-it .heateor_sss_sharing_ul:before { display: block; content: 'Condividi questo articolo :'; } .lang-ru .heateor_sss_sharing_ul:before { display: block; content: 'Поделиться этой статьей :'; } /* Newsletter */ .newsletter-subscribe { margin-top: 40px; margin-bottom: 40px; padding: 10px 0 10px 0; color: #000; opacity: 1 !important; border-bottom: 1px solid #000; border-top: 1px solid #000; background-color: #fff; } /* Newsletter in sidebar */ .sidebar .newsletter-subscribe { border: 0; background-color: #FAF9FA !important; } .sidebar .newsletter-subscribe .section_wrapper { margin: 0 !important; width: 100% !important; } .sidebar .newsletter-subscribe p span { padding-bottom: 20px; } body:not(.home) .newsletter-subscribe { background-color: #F0EFED; margin-bottom: 0; border-top: 0; border-bottom-color: #ddd; padding: 10px 20px; } body:not(.home) .newsletter-subscribe.footer p span { display: none; } .newsletter-subscribe.sidebar { padding: 0 !important; width: 100% !important; } .newsletter-subscribe p span { display: block; font-size: 30px; margin-bottom: 10px; } .newsletter-subscribe > div { margin: 20px auto; text-align: center; } .newsletter-subscribe #mc_embed_signup form input { display: inline-block; padding: 8px 16px 10px 16px; font-size: 1.2rem; border-radius: 5px; } .newsletter-subscribe #mc_embed_signup form input.email { border: 1px solid #c0ccda; width: 100%; max-width: 300px; } .newsletter-subscribe #mc_embed_signup form input.email:focus { border-color: #31c6cc; box-shadow: 0 0 0 3px rgba(49,198,204,0.25); outline: 0; } .newsletter-subscribe #mc_embed_signup form input.button { background-color: #000; padding: 8px 30px 10px 30px; margin-left: 16px; } .newsletter-subscribe #mc_embed_signup form input.button:hover { background-color: #39434b; border-color: #39434b; } /* Footer */ #back_to_top i { background-color: var(--rouge-pastel); border-radius: 2rem; border: 1px solid #fff; padding: 5px; color: #fff; } #back_to_top { z-index: 999999 !important; } #Footer { padding-top: 40px; } #Footer .follow-us a:hover { color: var(--rouge-pastel); } #Footer .widgets_wrapper .column:nth-child(2) img { width: 80%; vertical-align: bottom; padding: 0;} #Footer .widgets_wrapper .column:nth-child(2) aside:first-child { margin: 0 5px 0; text-align: center; } #Footer .widgets_wrapper .column:nth-child(2) aside:last-child { padding: 0; text-align: center; } #Footer .widgets_wrapper .column:nth-child(2) aside:last-child p { font-size: 1rem; line-height: 0; } #Footer .widgets_wrapper .widget_search { float: right; width: 100%; max-width: 80%; } #Footer .widgets_wrapper .widget_search h4 { display: none; } #Footer .widgets_wrapper .widget_search input { font-size: 1.2rem; } #Footer .copyright { display: none !important; } #Footer #social-menu { margin: 0 0 0px 0; } #Footer #social-menu li { padding: 2px 10px 2px 5px !important; line-height: 0; margin: 0; } #Footer #social-menu li:not(:last-child) { border-right: 1px solid #000; } #Footer #social-menu a { text-decoration: none; text-transform: uppercase; font-size: 1rem; line-height: 1rem; } #Footer #social-menu a:hover { color: var(--rouge-pastel); } /* Barre flottante / Call-to-action */ .footer-cta { position: fixed; bottom: 0; left: 0; right: 0; background-color: var(--rouge-pastel); text-align: center; padding: 5px 10px 5px 10px; z-index: 99999; } .footer-cta p { margin-bottom: 0; } .footer-cta a { color: #fff; } .footer-cta a:after { content: ' »'; transition: all .3s ease; } .footer-cta a:hover { color: #fff !important; text-decoration: none; } .footer-cta a:hover:after { padding-left: 5px; } #Footer .footer_copy { margin-bottom: 50px; } /* Popup newsletter */ .popupup-wrapper .newsletter-subscribe { background-color: #e4e4e4; color: #000; } /************************************************************ ## MOBILE ## ******************************************************/ @media only screen and (max-width: 970px) { /* Homepage */ .home-top { flex-wrap: wrap; padding-bottom: 0; margin-bottom: 10px; } .home-top .home-top-left { order: 2; padding-right: 0px; flex-basis: 100% !important; padding: 20px 0 0 0; border-top: 1px solid #000; border-right: none; margin-top: 20px; } .home-top .home-top-left .flexs-row { flex-direction: row; } .home-top .home-top-left .flexs-row article { flex-direction: column; width: 25% !important; flex: 2; } .home-top .home-top-left .flexs-row article figure { max-height: 150px; overflow: hidden; margin-bottom: 10px; } .home-top .home-top-left .flexs-row article:not(:last-child) { margin-right: 10px; border-right: 1px solid #000; } .home-top .home-top-left .latest { display: inline-block; text-transform: uppercase; font-size: 1.6rem; } .home-top .home-top-center { padding-left: 0; flex-basis: 60% !important; } .home-top .home-top-right { padding-left: 0; flex-grow: 1; flex-basis: 20% !important; margin-left: 30px; } /* Articles : sidebar & layout */ .single #Content .content_wrapper { flex-wrap: wrap; max-width: 675px !important; } .single #Content .sidebar { display: none; } .single #Content .sections_group { flex-basis: 100%; } .single.with_aside .section_wrapper .column.post-header { margin: 0; } .single #Content .sections_group .post-image { margin: 40px 0 20px 0; } .single #Content .sections_group .post-content { margin: 0; } .single #Content .sections_group .post-content .the_content_wrapper { margin: 0 0 50px 0; } .single.with_aside .sections_group { padding-top: 0 !important; } .single.with_aside .section_wrapper { padding: 0 !important; } /* A découvrir également */ .single #Content .article-image img { min-height: 100px; object-fit: cover; } .single .post-related .section-related-ul article h4 a { font-size: inherit; } /* Directory & Listings (Custom Post Type with custom taxonomy) */ /* Directory - homepage */ .directory.directory-home h1 { font-size: calc(1.5rem + 3vw); } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories { font-size: calc(1rem + .8vw); line-height: calc(1.1rem + .9vw); } .directory .listing-categories-index .listing-category-wrapper h2 span, .directory .listing-categories-index .listing-category-wrapper .listing-child-categories .nb { display: none; } .directory #Content .column .directory-main-info li { margin: 7px; } .directory #Content .column .directory-main-info li a { padding: 13px; font-size: 1.3rem; } /* Directory - Seach form */ .directory:not(.directory-home) .directory-search-form { float: none; width: unset; max-width: 400px; margin: 0 auto 30px auto; } /* Directory - Seach results */ .directory-search-results .directory-breadcrumb-trail { top: 5px; } /* Directory - Breadcrumb trail */ .directory-breadcrumb-trail { margin-bottom: 10px; } .directory-breadcrumb-trail a { font-size: 1.2em; } /* Directory - Taxonomy / Category pages */ .directory.listing-category #Content h1 { font-size: 3rem; margin: 0 20px 80px 0 !important; } /* Directory - Taxonomy parent pages */ .directory.listing-category #Content .column .terms-index-wrapper { justify-content: start; } .directory.listing-category #Content .column .term-desc { margin-bottom: 20px; font-size: 1.3rem; } .directory.listing-category #Content .column .terms-index-wrapper li { margin-left: 0; } .directory.listing-category #Content .column .terms-index-wrapper li a { font-size: 1.7rem; padding: 10px 18px; } /* Directory - Taxonomy child pages (listing indexes) */ .directory.listing-category #Content .column .listing-index-wrapper { margin-top: 40px; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper { flex-wrap: wrap; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper > div { width: 100%; align-self: flex-start; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper > div h2 { font-size: 2rem; line-height: 2rem; margin: 10px 0 20px 0; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-image-wrapper { order: 2; width: 55%; max-width: 350px; margin-bottom: 0px; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-image-wrapper .listing-image { height: 200px; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-content-wrapper { order: 1; width: 100%;} .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-content-wrapper p { display: none; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-meta-wrapper { order: 3; width: 40%; padding: 0 0 0 20px; } /* Directory - Listing pages DEFAULT CAT: places */ .directory.listing #Content .listing-wrapper.cat_type_1 .listing-content { width: 60%; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-meta { width: 40%; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-meta ul { margin-left: 30px; padding-left: 30px; padding-right: 5px; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-meta ul li { display: flex; } /* Listings CAT 2: profiles */ /* Listings CAT 3: works */ /* Directory - Related listings */ .directory .directory-related-listings .section-title { line-height: 1.9rem; } .directory .directory-related-listings .related-listing { width: 22%; margin-right: 4%; } .directory .directory-related-listings .related-listing:last-child { margin-right: 0; } .directory .directory-related-listings .related-listing a h4 { font-size: 1.7rem; line-height: 1.9rem; } .directory .directory-related-listings .related-listing-image { background-size: cover !important; } /* Catégories */ .archive .grid .post-desc-wrapper .post-desc { padding: 0; } .archive .post-desc h2 { font-size: 1.2rem; } .archive .post-desc .post-excerpt { display: none; } } /************************************************************ ## BREAKPOINT ## ******************************************************/ @media only screen and (max-width: 768px) { /* iPad */ /* Header */ #Top_bar { padding-top: 20px; } #Top_bar h5 { font-size: 1.6rem; } #Top_bar h5 { margin: 0 0 20px 0; } /* Side slide (mobile nav) */ #Side_slide .extras .extras-wrapper a#logo img { width: 220px; } #Side_slide .search-wrapper { margin: 0 0 20px 0; } #Side_slide #menu ul.menu-main li a { text-align: left; } ul.menu-mobile { display: flex !important; } ul.menu-mobile li { flex-basis: 500px; } /* Homepage */ #Content .section_wrapper { padding: 0 10px !important; } .posts-wrapper article figure { min-height: auto; max-height: none; } .posts-wrapper article figure img { width: 100%; height: 100px !important; object-fit: cover; } /* Pages */ .page:not(.home) .section_wrapper { max-width: none !important; } /* Vidéos */ .elfsight-widget-youtube-gallery { margin-top: 50px !important; } /* Page de résultats de recherche */ .search-results .post-item { margin-bottom: 40px; } .search-results .post-desc-wrapper .post-img img { width: 220px !important; height: 140px !important; } .search-results .post-desc-wrapper .post-desc .post-title h2 { font-size: 1.8rem; line-height: 2.2rem !important; margin-bottom: 10px; } /* Articles : sidebar & layout */ .single #Content .content_wrapper .section_wrapper { max-width: inherit !important; } .single #Content .sections_group .post-content h2 { font-size: 2rem; line-height: 2.2rem; } /* A découvrir également */ .single #Content .sections_group .post-related article { max-width: 200px; } .single .post-related .section-related-ul article h4 { font-size: 1.1rem; line-height: 1.5rem; } .single .post-related .section-related-ul article h4 a { line-height: inherit; } /* Footer d'articles */ .post-related .section-related-ul { flex-wrap: wrap; } .post-related .section-related-ul article { flex-basis: calc(50% - 15px); padding-right: 0 !important; border-right: 0 !important; margin-right: 0 !important; } .post-related .section-related-ul article:nth-child(odd) { margin: 0 10px 20px 10px; } .post-related .section-related-ul article:nth-child(even) { margin: 0 10px 20px 10px} .post-related .section-related-ul article h4 a { font-size: 1.4rem; line-height: 1.7rem; } .post-related .section-related-ul article img { height: 170px !important; object-fit: cover; } /* Directory */ .directory #Content .section_wrapper { max-width: none !important; padding: 0 !important; } .directory #Content .section_wrapper .column { padding: 20px; margin-bottom: 50px !important; width: auto!important; } /* Directory - Homepage */ .directory .listing-categories-index .listing-category-wrapper { flex-basis: calc( 48% - calc(6% + 1px) ); padding: 2% 4% 0 4%; } .directory .listing-categories-index .listing-category-wrapper:not(:nth-child(3n)) { border: 0; } .directory .listing-categories-index .listing-category-wrapper:not(:nth-child(2n)) { border-right: 1px solid #000; } /* Directory - Listing pages */ .directory.listing #Content h1 { margin: 20px 0 40px 0; font-size: 2.8rem; line-height: 3rem; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta ul.meta-social-links { position: relative; text-align: left; margin-top: 40px; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-meta { order: 2; flex-basis: 100%; margin-top: 20px; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-content { margin-top: 20px; } .directory.listing #Content .listing-wrapper.cat_type_2 .listing-image { width: 100%; max-width: 500px; } /* Directory - Related listings */ .directory .directory-related-listings-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } .directory .directory-related-listings .related-listing { flex-basis: calc(50% - 20px); margin: 0 0 20px 0; } /* Catégories */ .archive .archive-header { margin-bottom: 40px;} .archive .archive-header span { margin-bottom: 20px;} /* "Sassy Social Share" plugin */ .heateor_sss_sharing_ul:before { margin-bottom: 10px; } /* Sidebar */ #Content .sidebar { width: 40% !important; margin: 0 0 0 0 !important; } #Content .widget-area { width: 100%; box-sizing: border-box; background-color: #FAF9FA; border-left: 1px solid rgba(0,0,0,.08) !important; padding: 20px !important; } #Content .sidebar .flexs-wrapper.vertical article { flex-direction: column; margin-bottom: 20px; } #Content .sidebar .flexs-wrapper.vertical article figure { margin: 0 0 10px 0; } /* Footer */ #back_to_top i { width: auto; } .newsletter-subscribe p { font-size: 1.4rem; line-height: 1.5rem; } #Footer #social-menu { border-top: 1px solid #ddd; padding-top: 20px; } #Footer .widgets_wrapper .follow-us-wrapper { text-align: center; } #Footer .widgets_wrapper .widget_search { float: none; margin: 0 auto; } } /************************************************************ ## BREAKPOINT ## ******************************************************/ @media only screen and (max-width: 600px) { /* Header */ #Header #Top_bar { background-size: cover; padding-top: 0; } /* #Header #Top_bar.is-sticky { background-color: transparent !important; background-image: none; } */ #Header #Top_bar #logo { margin: 30px 0 0 10px; line-height: 0; } #Header #Top_bar.is-sticky #logo { display: none; } #Header #Top_bar h5 {text-align: left; padding: 0 0 0 0; margin: 10px 0 40px 10px; } #Header #Top_bar h5:before { display: none; } #Header #Top_bar .section_wrapper > .column.one:first-child > div:first-child { display: none; } #Header #Top_bar .subscribe #search_button { display: none; } #Header #Top_bar .subscribe #subscribe_mail i { display: none; } #Header #Top_bar a.responsive-menu-toggle { background-color: var(--rouge-pastel); height: 32px !important; padding: 5px 5px 5px 5px; } #Header #Top_bar.is-sticky a.responsive-menu-toggle { border: 1px solid #fff; } #Header #Top_bar a.responsive-menu-toggle i { vertical-align: top; } #Header #Top_bar a.responsive-menu-toggle:hover i { opacity: .9; color: #fff; } /* Pages */ .page:not(.home) #Content .section_wrapper { flex-direction: column; } .page:not(.home) #Content .section_wrapper .sections_group { flex-basis: 100%; } /* Sidebar des pages */ .page:not(.home) #Content .section_wrapper .sidebar { width: 100% !important; padding: 0; } .page:not(.home) #Content .section_wrapper .sidebar .widget-area { max-width: none !important; padding: 20px !important; margin: 40px 0 0 0 !important; border: none !important; background-color: var(--rouge-pastel); } .page:not(.home) #Content .section_wrapper .sidebar .widget-area a, .page:not(.home) #Content .section_wrapper .sidebar .widget-area h3 { color: #fff; } .page:not(.home) #Content .section_wrapper .sidebar .widget-area aside > h3 { border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 3px; } .page:not(.home) #Content .sidebar .flexs-wrapper.vertical article { flex-direction: row; } .page:not(.home) #Content .sidebar .flexs-wrapper.vertical article figure { max-height: 100px; max-width: 170px; margin-right: 15px; } .page:not(.home) #Content .sidebar .flexs-wrapper.vertical article h2 { font-size: 1.5rem; line-height: 1.9rem; } /* Articles */ .single #Content .sections_group .post-image { margin-top: 20px; } /* Directory */ /* Directory - Homepage */ .directory .listing-categories-index .listing-category-wrapper { flex-basis: 100%; max-width: 280px; border: 0 !important; margin: 0 auto 20px auto; } /* Directory - Taxonomy / Category pages */ .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-image-wrapper { width: 200px; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-image-wrapper .listing-image { height: 180px; } /* Directory - Listing pages */ .directory.listing #Content .listing-wrapper.cat_type_1 > div { width: 100% !important;} .directory.listing #Content .listing-wrapper.cat_type_1 .listing-image > div { margin: 0 0 20px 0; max-width: 500px; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-content { margin: 0; } .directory.listing #Content .listing-wrapper .listing-meta { margin: 10px 0 30px 0; background-color: #eee; padding: 15px 5px; } /* .directory.listing #Content .listing-wrapper.cat_type_1 .listing-meta:before { display: block; content: ''; border-top: 1px solid #000; width: 50%; margin: 0 auto 30px auto; text-align: center; } */ .directory.listing #Content .listing-wrapper.cat_type_1 .listing-meta ul { margin: 0; padding: 0; border: 0; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-meta ul li { margin-bottom: 5px; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-map { order: 1; } .directory.listing #Content .listing-wrapper.cat_type_1 .listing-map iframe { width: 100%; height: 400px; margin: 0; } /* .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper.cat_type_2 .listing-image-wrapper { width: 100%; padding: 0 0 5px 0; } */ /* .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper.cat_type_2 .listing-content-wrapper { order: 2; } */ /* .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper.cat_type_2 .listing-content-wrapper h2 { padding-bottom: 20px; } */ /* .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper.cat_type_2 .listing-content-wrapper p { display: none; } */ /* .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper.cat_type_2 .listing-meta-wrapper { order: 3; width: 100%; padding: 0 0 0 10px; } */ /* Directory - Related listings */ .directory .directory-related-listings-wrapper { flex-direction: column; } .directory .directory-related-listings .related-listing { width: 100%; max-width: 280px; } /* Footer */ .newsletter-subscribe #mc_embed_signup form input { font-size: 14px; } .newsletter-subscribe #mc_embed_signup form input.email { width: 61%; } .newsletter-subscribe #mc_embed_signup form input.button { width: auto; padding-left: 15px; padding-right: 15px; margin-left: 10px; } /* Barre flottante / Call-to-action */ .footer-cta p { font-size: 1.1rem; padding: 5px 0; } } /************************************************************ ## BREAKPOINT ## ******************************************************/ @media only screen and (max-width: 414px) { /* Newsletter */ .newsletter-subscribe p span { margin-bottom: 20px; } .newsletter-subscribe #mc_embed_signup form input { width: 100% !important; max-width: none !important; margin: 0 !important; font-size: 1.3rem; } .newsletter-subscribe #mc_embed_signup form input.email { margin-bottom: 10px !important; } /* Header */ #Header #Top_bar.is-sticky #logo { margin: 10px 0 10px 10px;} #Header #Top_bar .subscribe { position: absolute; top: 27px; right: 20px; } #Header #Top_bar .subscribe { position: fixed; top: 20px; right: 20px; z-index: 999; } #Header #Top_bar .subscribe #subscribe_mail i { font-size: 100%; margin-right: 5px; } #Header #Top_bar h5 { margin: 10px 0 40px 10px; font-size: 1.4rem; } /* Side slide (mobile nav) */ #Side_slide { width: 100% !important; } #Side_slide .search-wrapper { margin-bottom: 30px !important; } #Side_slide #menu ul.menu-main { margin-left: 10px; max-width: 80vw; } #Side_slide #menu ul.menu-main li { min-height: 50px; /* border-bottom: 1px solid #fff; */ } #Side_slide #menu ul.menu-main li a span { font-size: 1.6rem; } #Side_slide #menu ul.menu-main li ul.sub-menu { display: block !important; } #Side_slide #menu ul.menu-main li ul.sub-menu a span { font-size: 1.4rem !important; } #Side_slide #menu ul li.submenu .menu-toggle { display: none !important; } #Side_slide .social { margin: 50px 0 50px 0 !important; } #Side_slide .social i { font-size: 12vw !important; } /* Homepage */ #Content { padding-top: 15px !important; } .home h3 { font-size: 1.7rem; margin-bottom: 30px; } .home-top { flex-direction: column; } .home-top .home-top-center { padding-right: 0; border-right: none; } .home-top .home-top-center article h1, .home-top .home-top-center article h2 { text-align: center; font-size: 2.1rem; line-height: 2.2rem; } .home-top .home-top-center article .block-description { text-align: center; } .home-top .home-top-center article .block-read-more { text-align: center; } .home-top .home-top-center article { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .home-top .home-top-center article h1 a:hover { color: #000 !important; } .home article:hover h1 a, .home article:hover h2 a, .home article:hover .block-read-more a { color: inherit !important; text-decoration: none !important; } .home-top .home-top-right { margin: 0 20px; } .home-top .home-top-right article { margin-bottom: 20px; } .home-top .home-top-left .flexs-row article { flex-basis: 100%; flex-direction: row; border-right: 0 !important; } .slider-directories .slick-next { display: none !important; } .slider-directories .slick-dots { bottom: -45px; margin: 0; } .slider-directories-wrapper { padding: 8vw 0 8vw 1%; } .home .posts-wrapper.items-4 article { flex-basis: 50%; margin-bottom: 20px; } .home .posts-wrapper.items-4 article div { display: flex; flex-direction: column; } .home .posts-wrapper.items-4 article figure { min-height: auto; max-height: none; } .home .posts-wrapper.items-4 article figure img { height: 100px !important; object-fit: cover; } .home .posts-wrapper.items-4 article h2 { font-size: 1.1rem; line-height: 1.3rem; } .home .posts-wrapper.items-4 article:nth-child(odd) div { margin-right: 0; } .home .posts-wrapper.items-4 article:nth-child(even) div { padding-right: 0; border-right: 0; margin-right: 0; margin-left: 20px; } /* commenter ces lignes pour rétablir un affichage de 4 petits articles vs. 1 large + 2 petits */ .home .posts-wrapper.items-4 article:first-child { flex-basis: 100%; } .home .posts-wrapper.items-4 article:first-child div { border-right: none; padding-right: 0; } .home .posts-wrapper.items-4 article:first-child figure img { height: 50vw !important; } .home .posts-wrapper.items-4 article:first-child h2 { font-size: 1.4rem; line-height: 1.7rem; } .home .posts-wrapper.items-4 article:nth-child(2) div { margin-left: 0; padding-right: 20px; border-right: 1px solid #000; } .home .posts-wrapper.items-4 article:nth-child(3) div { padding-right: 0; border-right: none; margin-right: 0; margin-left: 20px; } .home .posts-wrapper.items-4 article:last-child { display: none; } .home-bottom .wp-block-column:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 15px; } .home-bottom .wp-block-column .flexs-row article { border: 0; padding-right: 0; } .home-bottom .wp-block-column .flexs-row article h2 { font-size: 1.3rem; } .home-bottom .wp-block-column .flexs-row article figure { padding-top: 5px; } .home-bottom .wp-block-column .flexs-row article:first-child { flex-direction: column; padding: 0; margin: 0 0 10px 0; } .home-bottom .wp-block-column .flexs-row article:first-child h2 { font-size: 1.5rem; line-height: 1.7rem; } .home-bottom .wp-block-column .flexs-row article:first-child figure { overflow: visible; margin: 0 0 5px 0; max-height: none; } .home-bottom .wp-block-column .flexs-row article:first-child figure img { height: 50vw !important; width: 100%; object-fit: cover; } /* Pages */ .page:not(.home) #Content .sections_group { flex-basis: 100%; } /* Vidéos */ /* Plugin "Elfsight YouTube Gallery CC" */ .page:not(.home) .yottie-widget-video-info-title { font-size: 1.5rem !important; line-height: 1.9rem !important; } /* Page de résultats de recherche */ .search-results #Subheader .title { font-size: 1.4rem; line-height: 1.6rem; } .search-results .post-item { margin-bottom: 20px; } .search-results .post-desc-wrapper .post-img img { width: 30vw !important; height: 18vw !important; } .search-results .post-desc-wrapper .post-categories { display: none; } .search-results .post-desc-wrapper .post-desc { padding: 0 !important; margin-left: 4vw; } .search-results .post-desc-wrapper .post-desc .post-title h2 { font-size: 1.2rem; line-height: 1.4rem !important; margin-bottom: 0; } /* Articles */ .single #Content .sections_group { flex-basis: 100%; } .single #Content blockquote { margin: 0 0 40px 0; } .single #Content blockquote:before { font-size: 8rem; } .single #Content blockquote p { font-size: 1.5rem !important; line-height: 2rem !important; margin-bottom: 10px !important; } .single #Content blockquote cite { display: block; text-align: right; font-size: 1.2rem; color: #888; } .single #Content blockquote cite:before { content: '—'; color: #888; } /* Footer d'articles */ .post-related .post-related-title { font-size: 1.6rem; line-height: 1.8rem; } .post-related .post-related-title { padding-left: 10px; } /* Catégories / Archives */ .archive.category .archive-header span { font-size: 1.1rem; margin-bottom: 2px; } .archive.category .archive-header h1 { margin-bottom: 30px; } .archive.category .category-subheading { margin-left: 0; font-size: 1.4rem; line-height: 1.6rem; } .archive.category .category-subheading:after { width: 20%; } .archive.category .archive-header .category-description { background-color: transparent; padding: 0; margin: 0 0 0 0; } .archive.category .post-item { padding: 0; margin-bottom: 50px !important; text-align: center; } .archive.category .post-desc .post-excerpt { display: inline-block; font-size: 1.1rem !important; line-height: 1.2rem; margin-bottom: 20px; } .archive.category .featured-posts .post-item .post-more { padding: 5px 15px 7px 15px; } .archive.category .post-item h2 { font-size: 1.4rem; } /* Directory */ .directory .section_wrapper .sections_group .section_wrapper .column { margin-bottom: 50px !important; } /* Directory - Index */ .directory #Content .column .directory-main-info li { margin: 5px; } .directory #Content .column .directory-main-info li a { padding: 10px; font-size: 1.1rem; } .directory .listing-categories-index { flex-direction: column; } .directory .listing-categories-index .listing-category-wrapper { width: 100%; padding: 0; border-right: 0 !important; margin-bottom: 50px; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories > span { display: block; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories > span:after { display: none !important; } .directory .listing-categories-index .listing-category-wrapper .listing-child-categories a { font-size: 1.3rem; line-height: 1.5rem; } /* Directory - Seach form */ .directory:not(.directory-home) .directory-search-form { margin-top: 10px; } .directory:not(.directory-home) .directory-search-form input { font-size: 1rem !important; padding: 10px; } /* Directory - Breadcrumb trail */ .directory-breadcrumb-trail a { font-size: 1.1em; line-height: 1.1em; } .directory-breadcrumb-trail span { font-size: .8rem; } /* Directory - Taxonomy / Category pages */ .directory.listing-category #Content h1 { font-size: 2.6rem; line-height: 2.6rem; } .directory.listing-category #Content .term-desc { line-height: 1.7rem; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper > div { width: 100% !important; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper > div:first-child { margin-bottom: 0px; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-image-wrapper .listing-image { background-size: cover !important; background-position: center !important; margin-bottom: 15px; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper.cat_type_3 .listing-image-wrapper .listing-image { background-color: #eee !important; background-size: contain !important; } .directory.listing-category #Content .column .listing-index-wrapper .listing-wrapper .listing-meta-wrapper { padding: 0; } /* Directory - Listing pages */ .directory.listing #Content h1 { font-size: 2.2rem; line-height: 2.4rem; } .directory.listing #Content .listing-wrapper .listing-content p { line-height: 1.9rem !important; } .directory.listing #Content .listing-wrapper .listing-meta ul li { margin-bottom: 10px; } .directory.listing #Content .listing-wrapper .listing-meta ul.meta-social-links i { color: var(--rouge-pastel) !important; } /* Cat type 3 : works */ .directory.listing #Content .listing-wrapper.cat_type_3 .listing-image { margin-right: 20px; } .directory.listing #Content .listing-wrapper.cat_type_3 .listing-content p { line-height: 1.9rem; } /* Sidebar */ #Content .sections_group { flex-basis: 100%; } #Content .sidebar { display: none; } /* Footer */ .newsletter-subscribe .section_wrapper { padding: 0 5% !important; } #Footer, #Footer > div, #Footer > div:first-child .column:first-child aside { padding: 0 !important; } #Footer .container { padding: 0 !important; } #Footer .footer_copy .container .column { padding-top: 15px !important; } #Footer .widgets_wrapper .follow-us-wrapper { justify-content: space-evenly; margin-top: 30px; } #Footer .widgets_wrapper .widget_search { display: none; } #Footer #social-menu li { margin-bottom: 5px !important; padding: 0 5px !important; border-color: #ccc; } #Footer #social-menu li a { font-size: 0.8rem; line-height: 1.2rem; } } /************************************************************ ## BREAKPOINT ## ******************************************************/ @media only screen and (max-width: 375px) { /* Header */ #Header #Top_bar .subscribe { top: 35px; } #Header #Top_bar a.responsive-menu-toggle { padding: 10px 5px 5px 5px; } #Header #Top_bar:not(.is-sticky) #logo { width: 220px; } #Header #Top_bar h5 { font-size: 1.20rem; margin-top: 5px; letter-spacing: .4px; } /* Footer */ .follow-us-wrapper > div { display: flex; justify-content: space-around; margin-bottom: 20px; } .follow-us-wrapper i::before { font-size: 1.8rem; } } /************************************************************ ## BREAKPOINT ## ******************************************************/ @media only screen and (max-width: 959px) and (min-width: 768px) { .section_wrapper, .container, .with_aside .content_wrapper { max-width: none !important; padding: 0 20px !important; } } @media only screen and (max-width: 1239px) and (min-width: 960px) { .section_wrapper, .container, .with_aside .content_wrapper { max-width: none !important; padding: 0 20px !important; } } @media only screen and (max-width: 767px) { .section_wrapper, .container, .four.columns .widget-area { max-width: none !important; } } @media only screen and (max-width: 1226px) { /* Sticky header */ #Header #Top_bar a.responsive-menu-toggle { display: inline-block !important; } }