/* orange : #ef5135 -- rgb(240, 81, 53) -- jaune : #f7ee6a -- rgb(247, 238, 106) -- bleu-vert : #168487 -- rgb(22, 131, 135) -- noir : #080607 -- rgb(10, 8, 9) -- #000000 #236d71 vert feuille #4e9599 vert cheveu #bce1e3 bleu peau #dbeef0 bleu nuage #ffffff #f8f1a8 jaune fleur #fbeb4b jaune chemise #f4dc00 jaune affiche */ /* Generated by Fontie - the magic webfont generator */ /* ============================================================================= FONTS : AmaticSC ============================================================================= regular : 400 (normal) bold : 700 (normal) ========================================================================== */ /* @font-face { font-family:'AmaticSC'; src: url('../fonts/AmaticSC/AmaticSC-Regular.eot'); src: url('../fonts/AmaticSC/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AmaticSC/AmaticSC-Regular.woff') format('woff'), url('../fonts/AmaticSC/AmaticSC-Regular.ttf') format('truetype'), url('../fonts/AmaticSC/AmaticSC-Regular.svg#AmaticSC-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2212; } @font-face { font-family:'AmaticSC'; src: url('../fonts/AmaticSC/AmaticSC-Bold.eot'); src: url('../fonts/AmaticSC/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AmaticSC/AmaticSC-Bold.woff') format('woff'), url('../fonts/AmaticSC/AmaticSC-Bold.ttf') format('truetype'), url('../fonts/AmaticSC/AmaticSC-Bold.svg#AmaticSC-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-2212; } */ /* ============================================================================= FONTS : frente_h1 ============================================================================= regular : 400 (normal) ========================================================================== */ @font-face { font-family: 'frente_h1'; src: url('../fonts/Frente-H1/FrenteH1-Regular-webfont.eot'); src: url('../fonts/Frente-H1/FrenteH1-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* url('../fonts/Frente-H1/FrenteH1-Regular-webfont.woff2') format('woff2'), */ url('../fonts/Frente-H1/FrenteH1-Regular-webfont.woff') format('woff'), url('../fonts/Frente-H1/FrenteH1-Regular-webfont.ttf') format('truetype'), url('../fonts/Frente-H1/FrenteH1-Regular-webfont.svg#frente_h1regular') format('svg'); font-weight: normal; } /* ============================================================================= FONTS : Roboto ============================================================================= thin : 100 (normal + italic) light : 200 regular : 400 (normal + italic) medium : 500 bold : 700 (normal + italic) ========================================================================== */ /* @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Thin-webfont.eot'); src: url('../fonts/Roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Thin-webfont.woff2') format('woff2'), url('../fonts/Roboto/Roboto-Thin-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Thin-webfont.svg#robotothin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-ThinItalic-webfont.eot'); src: url('../fonts/Roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-ThinItalic-webfont.woff2') format('woff2'), url('../fonts/Roboto/Roboto-ThinItalic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-ThinItalic-webfont.svg#robotothin_italic') format('svg'); font-weight: 100; font-style: italic; } */ @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* url('../fonts/Roboto/Roboto-Regular-webfont.woff2') format('woff2'), */ url('../fonts/Roboto/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Italic-webfont.eot'); src: url('../fonts/Roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), /* url('../fonts/Roboto/Roboto-Italic-webfont.woff2') format('woff2'), */ url('../fonts/Roboto/Roboto-Italic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Italic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Italic-webfont.svg#robotoitalic') format('svg'); font-weight: 400; font-style: italic; } /* @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Medium-webfont.eot'); src: url('../fonts/Roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Medium-webfont.woff2') format('woff2'), url('../fonts/Roboto/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: 500; font-style: normal; } */ @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* url('../fonts/Roboto/Roboto-Bold-webfont.woff2') format('woff2'), */ url('../fonts/Roboto/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-BoldItalic-webfont.eot'); src: url('../fonts/Roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), /* url('../fonts/Roboto/Roboto-BoldItalic-webfont.woff2') format('woff2'), */ url('../fonts/Roboto/Roboto-BoldItalic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg'); font-weight: 700; font-style: italic; } /* ============================================================================= FONTS : Equip Light ========================================================================== */ /* @font-face { font-family:'Equip-Light'; src: url('../fonts/Equip-Light/Equip-Light.eot'); src: url('../fonts/Equip-Light/Equip-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Equip-Light/Equip-Light.woff2') format('woff2'), url('../fonts/Equip-Light/Equip-Light.woff') format('woff'), url('../fonts/Equip-Light/Equip-Light.svg#Equip-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } */ /* ============================================================================= FONTS : Bebas Neue ========================================================================== */ /* @font-face { font-family:'BebasNeue'; src: url('../fonts/BebasNeue/BebasNeueThin.eot'); src: url('../fonts/BebasNeue/BebasNeueThin.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue/BebasNeueThin.woff2') format('woff2'), url('../fonts/BebasNeue/BebasNeueThin.woff') format('woff'), url('../fonts/BebasNeue/BebasNeueThin.svg#BebasNeueThin') format('svg'); font-weight: 200; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'BebasNeue'; src: url('../fonts/BebasNeue/BebasNeueLight.eot'); src: url('../fonts/BebasNeue/BebasNeueLight.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue/BebasNeueLight.woff2') format('woff2'), url('../fonts/BebasNeue/BebasNeueLight.woff') format('woff'), url('../fonts/BebasNeue/BebasNeueLight.svg#BebasNeueLight') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'BebasNeue'; src: url('../fonts/BebasNeue/BebasNeueRegular.eot'); src: url('../fonts/BebasNeue/BebasNeueRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue/BebasNeueRegular.woff2') format('woff2'), url('../fonts/BebasNeue/BebasNeueRegular.woff') format('woff'), url('../fonts/BebasNeue/BebasNeueRegular.svg#BebasNeueRegular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'BebasNeue'; src: url('../fonts/BebasNeue/BebasNeueBold.eot'); src: url('../fonts/BebasNeue/BebasNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue/BebasNeueBold.woff2') format('woff2'), url('../fonts/BebasNeue/BebasNeueBold.woff') format('woff'), url('../fonts/BebasNeue/BebasNeueBold.svg#BebasNeueBold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'BebasNeue Book'; src: url('../fonts/BebasNeue/BebasNeueBook.eot'); src: url('../fonts/BebasNeue/BebasNeueBook.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue/BebasNeueBook.woff2') format('woff2'), url('../fonts/BebasNeue/BebasNeueBook.woff') format('woff'), url('../fonts/BebasNeue/BebasNeueBook.svg#BebasNeueBook') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } */ /* ============================================================================= FONTS : DIN ========================================================================== */ @font-face { font-family:'DIN'; src: url('../fonts/DIN/DIN-Regular.eot'); src: url('../fonts/DIN/DIN-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN/DIN-Regular.woff') format('woff'), url('../fonts/DIN/DIN-Regular.ttf') format('truetype'), url('../fonts/DIN/DIN-Regular.svg#DIN-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } /* ============================================================================= MOBILE APP ========================================================================== */ .mobile-app-link-store { display: inline; height: auto; padding: 0; } .mobile-app-link-store a { padding: 0; display:inline-block; overflow:hidden; background-size:contain; margin: 0 7px; } .mobile-app-link-store.apple a { width:162px; height:48px; } .mobile-app-link-store.android a { width:163px; height:48px; } .mobile-app-link-store a:hover { -webkit-filter: opacity(50%); filter:opacity(50%); } /* ============================================================================= SELECTION ========================================================================== */ ::-moz-selection { color: white; background: #ef5135; } ::selection { color: white; background: #ef5135; } /* ============================================================================= BODY + TITLE ========================================================================== */ /* html, body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */ h1, h2 { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; color: #fff !important; } h3, h4, h5, h6 { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; letter-spacing: normal !important; } h1 { /* color: #f0f0f0; */ font-size: 62px !important; } h2 { /* color: #f0f0f0; */ font-size: 48px !important; letter-spacing: normal !important; } h3 { color: #333 !important; } h4, h5, h6 { color: #333 !important; } body, input, textarea, select { font-family: Roboto, Helvetica, Arial, Lucida, sans-serif; font-weight: 400; } body { background: transparent none repeat scroll 0 0; } body.custom-background { background: transparent none repeat scroll 0 0; background-color: transparent !important; } .edition-2019 h1, .edition-2019 h2 { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; color: #236d71 !important; } .edition-2019 h3, .edition-2019 h4, .edition-2019 h5, .edition-2019 h6 { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; letter-spacing: normal !important; } .edition-2019 h1 { /* color: #236d71; */ font-size: 62px !important; } .edition-2019 h2 { /* color: #236d71; */ font-size: 52px !important; letter-spacing: normal !important; } .edition-2019 h2.header-section { background-color: #f4dc00 !important; } .edition-2019 h3 { color: #236d71 !important; } .edition-2019 h4, h5, h6 { color: #236d71 !important; } select.digitick-tarif { display: inline !important; } .et_pb_button.et_pb_promo_button.digitick-button { font-size: 14px !important; margin-top: 4px; margin-bottom: 15px; } .edition-2018 h1, .edition-2018 h2 { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; color: #fff !important; } .edition-2018 h3, .edition-2018 h4, .edition-2018 h5, .edition-2018 h6 { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; letter-spacing: normal !important; } .edition-2018 h1 { /* color: #f7ee6a; */ font-size: 62px !important; } .edition-2018 h2 { /* color: #168487; */ font-size: 48px !important; letter-spacing: normal !important; } .edition-2018 h3 { color: #168487 !important; } .edition-2018 h4, h5, h6 { color: #168487 !important; } body, input, textarea, select { font-family: Roboto, Helvetica, Arial, Lucida, sans-serif; font-weight: 400; } body { background: transparent none repeat scroll 0 0; } body.custom-background { background: transparent none repeat scroll 0 0; background-color: transparent !important; } /* body.edition-2019 { background: transparent none repeat scroll 0 0; } body.edition-2019.custom-background { background: transparent none repeat scroll 0 0; background-color: #f4dc00 !important; } */ /* ============================================================================= HEADER ========================================================================== */ /* logo */ #logo:hover { opacity: 0.5; } .logo_container { margin-top: 4px; } #logo-text { font-size: 20px; font-weight: 700; padding: 8px 12px; color: #fff; border: 1px solid #fff; margin: 0; } /*border: 1px solid #fff; */ #logo-header { max-width: 150px; /* display: inline-block; */ } /* main menu */ #main-header { margin-top: 0; opacity: 1; transition: all 0.5s ease-out; background-color: rgb(10, 8, 9) !important; } .et_fullwidth_nav #main-header .container { } .et_menu_container { background-color: #236d71 !important; } #main-header { box-shadow: 0px 5px 5px 0px #aaa; } #main-header.et-fixed-header { margin-top: 0; opacity: 1; background: rgb(10, 8, 9) none repeat scroll 0 0 !important; box-shadow: 0px 3px 3px 2px #ddd; } #main-header.et-fixed-header-hide { margin-top: -100px; opacity: 0; } #main-header .et_mobile_menu { background-color: #fff !important; } #main-header .nav li ul { /* background-color: rgba( 207, 97, 98, 0.9 ) !important; */ background-color: rgba(0, 0, 0, 0.5) !important; } #main-header .nav li ul a { color: rgba(255,​ 255,​ 255,​ 0.6); } .et_mobile_menu li a { color: rgba(255,​ 255,​ 255,​ 0.6) !important; } /* #et-top-navigation { width: auto !important; float: right; } #top-menu-nav { float: right; } #et_top_search { } */ /* #top-menu-nav { width: 100% !important; } */ /* #top-menu-nav { width: 100% !important; padding: 0; !important; display: inline-block !important; } #et_top_search { display: inline-block; float: left; } */ /* #top-menu { width: 100% !important; } */ #top-menu li { font-size: 13px; } /* #top-menu li > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #top-menu li:hover > a:after { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } */ #top-menu li a, #mobile_menu li a { text-transform: uppercase; /* color: rgba(255, 255, 255, 0.8); orig */ color: #fff; } #top-menu li a:hover, #mobile_menu li a:hover { color: #f8f1a8; } .nav li ul { border-color: #fff !important; } /* largueur sous menu */ #top-menu .nav li ul { width: 200px !important; } #top-menu li li a { width: 180px !important; } #top-menu li.english-flag { /* list-style: lower-roman url('../images/en.png') outside !important; */ /* list-style-type: circle !important; list-style-image: url('/wp-content/themes/tinals/custom/images/en.png') !important; list-style-position: outside !important; */ /* list-style: url('/wp-content/themes/tinals/custom/images/en.png') !important; */ } #top-menu li.english-flag a { background-image: url("/wp-content/themes/tinals/custom/images/en.png"); background-repeat: no-repeat; padding-left: 23px; } /* ============================================================================= CONTENT ========================================================================== */ /* a { color: #168487 !important; } */ #et_search_icon:hover, .mobile_menu_bar::before, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay::before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover, .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .posted_in a { color: #f8f1a8 !important; } .et-social-icon a:hover, #footer-bottom .et-social-icon a:hover { color: #f8f1a8 !important; } /* ============================================================================= ICON - PICTO ========================================================================== */ span.picto { font-family: "ETmodules" !important; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px !important; } span.picto-newsletter:before { content: "\e010"; } .et_pb_button.et_pb_bg_layout_dark { color: #fff !important; } .et-social-newsletter a.icon:before { content: "\e010"; } .et-social-icons { float: none; } .et-social-icon a { color: #000 !important; } #footer-bottom { /* padding-top: 80px; */ } #footer-bottom a { color: #fff; } #footer-bottom a.organizer { color: #f8f1a8; } #footer-bottom .et-social-icon a { color: #fff !important; font-size: 24px !important; } .bottom-nav a { color: #fff !important; } .et-social-icons li.newletter { display: inline-block; margin-left: 0; } .et-social-icons li.newletter a.et_pb_button { font-size: 14px !important; } .et-social-icons li.newletter span.picto { font-size: 22px !important; vertical-align: bottom; } .et-social-icons li.newletter a.et_pb_button:hover { padding-right: 14px !important; color: #168487 !important; background-color: transparent !important; border-color: #168487 !important; } .et-social-icons li.newletter a.et_pb_button:after { content: "" !important; } .et-social-icons li { vertical-align: bottom; } /* ============================================================================= SEARCH ========================================================================== */ .et_search_form_container input::-moz-placeholder { color: rgba(0, 0, 0, 0.7 ) !important; } .et_search_form_container input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7 ) !important; } .et_search_form_container input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.7 ) !important; } .et-search-form input, .et-search-field { background: rgba(255, 255, 255, 0.95 ) none repeat scroll 0 0; color: #333 !important; font-size: 18px !important; font-weight: 400; } /* ============================================================================= FORM ========================================================================== */ .wpcf7 p input, .wpcf7 p textarea { width: 100%; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #666 !important; background-color: #eee; font-size: 14px; padding: 16px; } .wpcf7 p select { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #666 !important; background-color: #ececec; font-size: 14px; width: 100%; padding: 16px; } .wpcf7 .wpcf7-response-output { margin-top: 50px; } .wpcf7-list-item input { display: inline-block; } .wpcf7-list-item > label { display: inline-block; } .wpcf7-list-item-label { display: inline-block; } /* ============================================================================= BUTTON ========================================================================== */ .et_pb_button_hover { background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0; border: 2px solid transparent; /* padding: 0.3em 2em 0.3em 1em; */ } /* .et_pb_button span { color: #666; } */ .et_pb_promo_button { color: #168487 !important; } /* ============================================================================= SECTION ========================================================================== */ #main-content, .et_pb_section { background: transparent none repeat scroll 0 0; } .et_pb_section.section_light { background: transparent none repeat scroll 0 0; } /* padding for section */ .et_pb_section { padding: 27px 0 !important; } .et_pb_section.main-title { padding: 0 !important; } .et_pb_section.main-title.no-banner .et_pb_text.et_pb_bg_layout_dark { padding-top: 48px !important; } .et_pb_section.main-title.banner .et_pb_text.et_pb_bg_layout_dark { padding-top: 0px !important; } .et_pb_section.et_pb_fullwidth_section { padding: 0 !important; } /* title */ body:not(.home) #main-content .et_pb_section.et_pb_section_first { padding-bottom: 0px !important; margin-top: 0px !important; background-position: center bottom !important; /*background-size: 100% auto !important;*/ background-repeat: repeat !important; background-origin: padding-box !important; background-clip: border-box !important; background-attachment: scroll !important; background-color: #999 !important; } body.edition-2019:not(.home) #main-content .et_pb_section.et_pb_section_first { background-color: #f4dc00 !important; } /* body.edition-2018:not(.home) #main-content .et_pb_section.et_pb_section_first { background-image: url('/wp-content/themes/tinals/images/2018/bandeau-titre.png') !important; } */ body:not(.home) .et_pb_section.et_pb_section_first .et_pb_row { margin-top: 0px; padding: 0; } body:not(.home) .et_pb_section.et_pb_section_first h1 { /* background-color: rgba(0, 133, 135, 0.7) !important; */ padding: 2px 5px !important; margin-top: 20px; margin-bottom: 20px; font-weight: 400 !important; color: #f0f0f0 !important; text-transform: uppercase; } body.edition-2019:not(.home) .et_pb_section.et_pb_section_first h1 { /* background-color: rgba(0, 133, 135, 0.7) !important; */ padding: 2px 5px !important; margin-top: 20px; margin-bottom: 20px; font-weight: 400 !important; color: #236d71 !important; text-transform: uppercase; } body:edition-2018.not(.home) .et_pb_section.et_pb_section_first h1 { /* background-color: rgba(0, 133, 135, 0.7) !important; */ padding: 2px 5px !important; margin-top: 20px; margin-bottom: 20px; font-weight: 400 !important; color: #f7ee6a !important; text-transform: uppercase; } /* body:edition-2018.not(.home) .entry-title .et_pb_text { color: #f00; } */ .et_pb_section .title { font-weight: 400 !important; font-size: 16px; text-transform: uppercase; } .et_pb_section .subtitle { font-weight: 400; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; } .et_pb_section.et_pb_section_first .et_pb_text { display: inline-block; } .et_pb_section.et_pb_section_first .title { font-weight: 400; font-size: 24px; text-transform: uppercase; } .et_pb_section.et_pb_section_first .subtitle { color: #080607; font-family: 'frente_h1'; font-weight: 400; font-size: 40px; text-transform: uppercase; padding: 2px 10px; margin-bottom: 20px; } .edition-2019 .et_pb_section.et_pb_section_first .subtitle { color: #4e9599; font-family: 'frente_h1'; font-weight: 400; font-size: 40px; text-transform: uppercase; padding: 2px 10px; margin-bottom: 20px; } /* ============================================================================= BREADCRUMB ========================================================================== */ .et_pb_section.section_breadcrumb { padding: 0px 0 !important; background-color: #fff; /* border-bottom: 1px solid #ddd; box-shadow: 0px 2px 2px 0px rgba(150, 150, 150, 0.5); margin-bottom: 5px; */ } .edition-2019 .et_pb_section.section_breadcrumb { /* background-color: #fbeb4b !important; background-image: linear-gradient(to top, #fbeb4b, #f4dc00) !important; */ } .et_pb_section.section_breadcrumb .et_pb_row { padding: 0 !important; } .site-breadcrumb { color: #168487; text-transform: uppercase; } .site-breadcrumb li:before { font: 12px/22px 'DIN'; } .site-breadcrumb ul, .site-breadcrumb li { margin: 0; padding: 0; list-style: none; } .site-breadcrumb ul li, .site-breadcrumb li li { list-style-image: none; list-style-type: none; margin-left: 0; } .site-breadcrumb li { display: inline-block; } .site-breadcrumb li + li:before { content: ' > '; color: #080607; } .site-breadcrumb li.is-active a { color: #333; } .site-breadcrumb a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .site-breadcrumb a:hover, .site-breadcrumb a:focus { color: #333; } .site-breadcrumb li a { color: #080607; font-size: 12px; } .site-breadcrumb li.is-active a { color: #168487; } .site-breadcrumb li a:hover { color: #ef5135; } /* ============================================================================= POST SINGLE ========================================================================== */ .single .post { padding-bottom: 0; } /* ============================================================================= PAGE > HOME ========================================================================== */ @media all and (max-width: 980px) { body.home #main-content .et_pb_fullwidth_section .et_pb_module.et_pb_fullwidth_image.et_pb_fullwidth_image_1 { padding-top: 80px; } } /* ============================================================================= PAGE > HOME (ouverture 22 janvier) ========================================================================== */ .et_pb_section.et_pb_fullwidth_section.section-front-title { padding: 0 !important; } .et_pb_section.et_pb_fullwidth_section.section-front-title section { padding: 0 !important; } .et_pb_section.et_pb_fullwidth_section.section-front-title .header-content { padding: 10px 0 !important; margin: 0 !important; } .et_pb_section.et_pb_fullwidth_section.section-front-title .header-content h1 { padding: 0 !important; } .section-front-title section { padding-top: 10px; padding-bottom: 10px; } .section-front-title section .header-content { margin: 0 auto; max-width: 100% !important; width: 100% !important; } .et_pb_blog_grid.et_pb_blog_0 .et_pb_post h2 { color: #168487 !important; font-size: 36px !important; } /* ============================================================================= PAGE > HOME ========================================================================== */ #blind-pass:hover { transform: scale(1.05); transition: all 0.4s ease-in-out; } body.page-id-9722.custom-background, body.page-id-9765.custom-background, body.page-id-38.custom-background, body.page-id-1899.custom-background { background-attachment: fixed; background-color: #efbca7; background-image: url("/wp-content/uploads/2015/12/tinals.zelienoreda-6362-copie.jpg"); /* 2017 */ background-position: center top; background-repeat: no-repeat; } body.page-id-38 .et_fullwidth_nav #main-header .container, body.page-id-9722 .et_fullwidth_nav #main-header .container, body.page-id-9765 .et_fullwidth_nav #main-header .container, body.page-id-1899 .et_fullwidth_nav #main-header .container { background-color: rgba(255, 255, 255, 0.1) !important; } body.page-id-38 #main-header, body.page-id-9722 #main-header, body.page-id-9765 #main-header, body.page-id-1899 #main-header { background-color: rgba(255, 255, 255, 0.1) !important; } body.page-id-38 #main-header .nav li ul, body.page-id-38 #main-header .et_mobile_menu, body.page-id-1899 #main-header .nav li ul, body.page-id-1899 #main-header .et_mobile_menu { background-color: rgba(255, 255, 255, 0.1) !important; } body.page-id-38 .et_menu_container, body.page-id-1899 .et_menu_container { background-color: transparent !important; } .page-id-38 .et_pb_fullwidth_header.et_pb_fullwidth_header_1 .et_pb_fullwidth_header_container.center .header-content { max-width: none; width: 100%; } .page-id-38 .et_pb_section_2 { background-attachment: fixed; background-color: #F9F5D0; background-image: url("/wp-content/uploads/2016/12/tinals.zelienoreda-6914-2048px.jpg"); /* 2017 */ background-position: center top; background-repeat: no-repeat; background-size: 400% auto; padding-top: 0px; } .page-id-38 .et_pb_image_0 { text-align: center; } .page-id-38 .et_pb_row_0 { padding-top: 0;padding-bottom: 0; } /* bandeau orange */ .page-id-38 .et_pb_fullwidth_header, .page-id-1899 .et_pb_fullwidth_header { border-top: 0px dashed white; border-bottom: 0px dashed white; padding-top: 0; padding-bottom: 0; } .page-id-38 .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content, .page-id-1899 .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { margin: 10px auto; max-width: 100%; width: 100%; } .page-id-38 section.et_pb_fullwidth_header_1.et_pb_fullwidth_header, .page-id-38 section.et_pb_fullwidth_header_2.et_pb_fullwidth_header, .page-id-38 section.et_pb_fullwidth_header_3.et_pb_fullwidth_header, .page-id-38 section.et_pb_fullwidth_header_4.et_pb_fullwidth_header, .page-id-1899 section.et_pb_fullwidth_header_1.et_pb_fullwidth_header, .page-id-1899 section.et_pb_fullwidth_header_2.et_pb_fullwidth_header, .page-id-1899 section.et_pb_fullwidth_header_3.et_pb_fullwidth_header, .page-id-11004 section.et_pb_fullwidth_header_1.et_pb_fullwidth_header, .page-id-11004 section.et_pb_fullwidth_header_2.et_pb_fullwidth_header, .page-id-11004 section.et_pb_fullwidth_header_3.et_pb_fullwidth_header, .page-id-11004 section.et_pb_fullwidth_header_4.et_pb_fullwidth_header { /* background-color: #168487 !important; */ /* 2017 */ background-color: #fff !important; /* 2017 */ } .page-id-38 .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead { font-size: 32px; } .page-id-38 .header-content h1 { color: #ffffff !important; font-size: 60px; } .page-id-38 .et_pb_fullwidth_header_1.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead { font-size: 24px; } /* .page-id-38 .et_pb_section_0 { background-color:#905547; } */ .page-id-38 .et_pb_post h2 a, .page-id-38 .et_pb_portfolio_item h3 a { color: #000; text-decoration: none; } .et_pb_bg_layout_light h2 a { color: #168487 !important; font-weight: 400; } /* ============================================================================= SLIDER ========================================================================== */ /* Set the slider height : https://www.wpthemefaqs.com/changing-the-height-of-the-divi-slider/ */ .et_pb_section.et_pb_fullwidth_section.et_pb_section_0.et_section_regular { margin-top: -3px; } .et_pb_slider, .et_pb_slider .et_pb_container { height: 300px !important; } .et_pb_slider, .et_pb_slider .et_pb_slide { max-height: 300px; } .et_pb_slider .et_pb_slide_description { position: relative; top: 25%; padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important; } .et_pb_slides .slide { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center center; } .et_pb_slides .slide.top-center { background-position: top center; } .et_pb_slides .slide.bottom-center { background-position: bottom center; } body.page-id-11588 .et_pb_section_5, .et_pb_section.et_pb_fullwidth_section.section-front-title.section-front-actu { background-repeat: no-repeat !important; background-size: cover !important; } /* ============================================================================= SLIDER NOUVEL ACCUEIL 2017 ========================================================================== */ .page-id-9722 .et_pb_slide_description, .page-id-9765 .et_pb_slide_description { margin: 0; padding: 0; } .page-id-9722 .et-pb-active-slide .et_pb_slide_description, .page-id-9765 .et-pb-active-slide .et_pb_slide_description { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } /* ============================================================================= PAGE > index.php ========================================================================== */ .post-date { font-weight: 700; } .pagination .et_pb_filterable_portfolio .et_pb_portfolio_filters { background-color: #fff; } .pagination .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { } .pagination .et_pb_filterable_portfolio .et_pb_portfolio_filters li { } .pagination .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { border: 1px solid #168487; background-color: #fff; color: #168487; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { color: #06737a !important; } .pagination .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { border: 1px solid #168487; background-color: #168487; color: #fff !important; } .pagination .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover { border: 1px solid #168487; background-color: #eeeeee; color: #727272 !important; } .pagination .et_pb_filterable_portfolio .et_pb_portfolio_filters li span.dots { border: 1px solid #168487; background-color: #fff; color: #168487; border: medium none; margin: 3px -1px 0 0; padding: 6px 20px; display: block; height: auto; overflow: hidden; } /* ============================================================================= PAGE > page-template-edition.php ========================================================================== */ ul.artists { list-style-type: none; padding: 0; margin: 0; text-align: left; } ul.artists li { display: inline-block; margin: 0px; } ul.artists li, ul.artists li a { font-size: 16px; line-height: 32px; } ul.artists li:after { content: ' - '; padding: 0 10px; } ul.artists li:last-of-type:after { content: ''; padding: 0; } body.page-id-1899 ul.artists { text-align: center; } body.page-id-1899 ul.artists li a { font-size: 20px; line-height: 40px; } #lineup { width: 100%; margin: auto; } /* #lineup.lineup-2015 .vis-timeline { min-height: 688px; } #lineup.lineup-2014 .vis-timeline { min-height: 534px; } #lineup.lineup-2013 .vis-timeline { min-height: 382px; } #lineup .vis-timeline .vis-group { max-height: 152px; } */ #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters, #info .et_pb_filterable_portfolio .et_pb_portfolio_filters { text-align: center; background: #fff none repeat scroll 0 0; } #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li, #info .et_pb_filterable_portfolio .et_pb_portfolio_filters li { text-align: center; border: 2px solid #168487; border-radius: 0px; margin-bottom: 2px; } #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, #info .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { margin: 3px 0 0 0; font-size: 14px; text-transform: uppercase; } #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, #info .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { margin: 3px 0 0 0; font-size: 14px; text-transform: uppercase; } #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover, #info .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover { background-color: #fff; } #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.et_pb_button:after, #info .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.et_pb_button:after { font-size: 23px; } #info { padding-bottom: 0px !important; } #info .et_pb_row { margin-top: 0px !important; margin-bottom: 0px !important; padding: 0px !important; } .lineup-filter { font-weight: 400; } /* .vis-labelset .vis-label .vis-inner { -webkit-transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; -o-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; } */ .vis-labelset { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; font-size: 24px; line-height: 34px; } .vis-text.vis-major { font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; font-size: 30px; line-height: 30px; } .vis-item-content h6 { color: #fff !important; font-weight: 400 !important; font-size: 18px; line-height: 14px; } .vis-item img { height: 75px !important; width: auto; max-height: 75px; max-width: 100%; } .vis-item.image .vis-item-content { height: 140px; /* fix height to don't have display problem */ } .vis-current-time { background-color: #168487; width: 3px; z-index: 1; } .vis-item.item-style { background-color: rgba(33, 33, 33, 1); /* #333333 */ border-color: rgba(33, 33, 33, 0.3); color: white; box-shadow: 0 0 10px #aaa; text-align: left; } .vis-item.item-style.free { background-color: rgba(33, 33, 33, 1); /* #333333 */ border-color: rgba(33, 33, 33, 0.3); color: white; box-shadow: 0 0 10px #aaa; text-align: left; } .lineup h2 { background-color: rgba(33, 33, 33, 1); /* #f3b5c4 */ border-color: rgba(33, 33, 33, 0.3); } .edition-2018 .vis-item.item-style { background-color: rgba(0, 133, 135, 1); /* #f3b5c4 */ border-color: rgba(0, 133, 135, 0.3); color: white; box-shadow: 0 0 10px #aaa; text-align: left; } .edition-2018 .vis-item.item-style.free { background-color: rgba(0, 133, 135, 1); /* #f3b5c4 */ border-color: rgba(0, 133, 135, 0.3); color: white; box-shadow: 0 0 10px #aaa; text-align: left; } .edition-2018 .lineup h2 { background-image: url(/wp-content/themes/tinals/images/2018/bandeau-titre.png) !important; background-color: rgba(0, 133, 135, 1); /* #f3b5c4 */ border-color: rgba(0, 133, 135, 0.3); } .lineup-day-info { background-color: #FF4029; /* #f3b5c4 */ color: #fff; display: block; text-align: center; } #timeline-2016-06-03 .vis-item.item-style, #timeline-2016-06-03 h2 { background-color: rgba(243, 181, 196, 1); /* #f3b5c4 */ border-color: rgba(243, 181, 196, 0.3); } #timeline-2016-06-03 .vis-item.item-style.free { background-color: rgba(243, 181, 196, 0.8); /* #f3b5c4 */ } #timeline-2016-06-04 .vis-item.item-style, #timeline-2016-06-04 h2 { background-color: rgba(247, 156, 128, 1); /* #f79c80 */ border-color: rgba(247, 156, 128, 0.3); } #timeline-2016-06-04 .vis-item.item-style.free { background-color: rgba(247, 156, 128, 0.8); /* #f79c80 */ } #timeline-2016-06-05 .vis-item.item-style, #timeline-2016-06-05 h2 { background-color: rgba(241, 129, 140, 1); /* #f1818c */ border-color: rgba(241, 129, 140, 0.3); } #timeline-2016-06-05 .vis-item.item-style.free { background-color: rgba(241, 129, 140, 0.8); /* #f1818c */ } #timeline-2017-06-09 .vis-item.item-style, #timeline-2017-06-09 h2 { background-color: rgba(22, 131, 135, 1); border-color: rgba(22, 131, 135, 0.3); } #timeline-2017-06-09 .vis-item.item-style.free { background-color: rgba(22, 131, 135, 0.8); } #timeline-2017-06-10 .vis-item.item-style, #timeline-2017-06-10 h2 { background-color: rgba(22, 131, 135, 1); border-color: rgba(22, 131, 135, 0.3); } #timeline-2017-06-10 .vis-item.item-style.free { background-color: rgba(22, 131, 135, 0.8); } #timeline-2017-06-11 .vis-item.item-style, #timeline-2017-06-11 h2 { background-color: rgba(22, 131, 135, 1); /* #168487 */ border-color: rgba(22, 131, 135, 0.3); } #timeline-2017-06-11 .vis-item.item-style.free { background-color: rgba(22, 131, 135, 0.8); /* #168487 */ } #timeline-2017-06-09 .vis-group.la-love-room .vis-item.item-style, #timeline-2017-06-10 .vis-group.la-love-room .vis-item.item-style, #timeline-2017-06-11 .vis-group.la-love-room .vis-item.item-style { background-color: rgba(243, 21, 43, 1); border-color: rgba(243, 21, 43, 0.3); } .lineup h2 { font-size: 50px !important; text-align: center; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; } .vis-item.item-style a { color: white; text-align: left; } .vis-item.vis-dot.item-style { border-radius: 10px; border-width: 10px; } .vis-item.vis-line.item-style { border-width: 5px; } .vis-item.vis-box.item-style { border-radius: 0; border-width: 2px; font-size: 24pt; font-weight: bold; } .vis-item.vis-background .vis-item-overflow .vis-item-content { /* font-family: frente_h1, Helvetica, Arial, Lucida, sans-serif; font-weight: 400 !important; font-size: 30px; */ font-weight: 400 !important; } .vis-item.vis-background.free-day { /*background-color: rgba(22, 131, 135, 0.2);*/ background-color: #f0f0f0; font-weight: 700; } .vis-item.vis-background.pay-day { /*background-color: rgba(22, 131, 135, 0.3);*/ background-color: #fff; font-weight: 700; } .vis-item.vis-background.close-day { background-color: #fff; font-weight: 700; } .vis-item.vis-background.free-day .vis-item-content { /* top: 0 !important; bottom: auto !important; */ } .vis-item.vis-background.pay-day .vis-item-content { /* top: auto !important; bottom: 0 !important; */ /* top: 0 !important; bottom: auto !important; */ } .vis-item.vis-background.close-day .vis-item-content { /* top: 0 !important; bottom: auto !important; */ } /* ============================================================================= PAGE > page-template-events.php ========================================================================== */ .event-tag { display: flex; } .event-tag a { border: 1px solid #168487 !important; color: #168487 !important; background-color: #fff; margin: 5px 0; padding: 5px 10px; vertical-align: middle; font-size: 14px; line-height: 14px; } .event-tag a span { display: inline-block; } .event-tag img { max-height: 20px; vertical-align: text-bottom; } .nav-single a { border: 1px solid #168487 !important; color: #168487 !important; background-color: #fff; margin: 10px; padding: 5px 10px; } .nav-single a span.meta-nav { font-weight: 700; font-size: 20px; } .nav-single .nav-previous, .nav-single .nav-next { display: inline-flex; } .nav-single .nav-previous a { margin-left: 0; padding-left: 10px; } .nav-single .nav-next a { margin-right: 0; padding-right: 10px; } /* ============================================================================= SVG illustration ========================================================================== */ body.page-template-default:not(.home) #main-content, body.blog #main-content, body.page-template-page-template-map #main-content, body.page-template-page-template-event-edition #main-content, body.single-event #main-content { } body.page-template-page-template-event-program .entry-illustration { } body.edition-2018.page-template-default:not(.home) #main-content, body.edition-2018.blog #main-content, body.edition-2018.page-template-page-template-map #main-content, body.edition-2018.page-template-page-template-event-edition #main-content, body.edition-2018.single-event #main-content { background: url('/wp-content/themes/tinals/images/2018/illustration-programmation_bottom-left.svg') , url('/wp-content/themes/tinals/images/2018/illustration-programmation_bottom-right.svg') ; background-repeat: no-repeat, no-repeat; background-position: bottom left, bottom right; padding-bottom: 100px; } body.edition-2018.page-template-page-template-event-program .entry-illustration { background: url('/wp-content/themes/tinals/images/2018/illustration-programmation_top-left.svg') , url('/wp-content/themes/tinals/images/2018/illustration-programmation_top-right.svg') , url('/wp-content/themes/tinals/images/2018/illustration-programmation_bottom-left.svg') , url('/wp-content/themes/tinals/images/2018/illustration-programmation_bottom-right.svg') ; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: top left, top right, bottom left, bottom right; margin-top: -4px; } .page-template-page-template-event-program .et_pb_section.et_pb_fullwidth_section { max-width: 1280px; margin: 0 auto; padding: 20px 0 40px !important; } .et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper { background: #333 none repeat scroll 0 0; /*min-height: 572px;*/ min-height: 286px; } /* portfolio filter */ .et_pb_filterable_portfolio .et_pb_portfolio_filters { text-align: center; margin: 0; transform: translateZ(0); margin: 20px 0; /* to be over header menu (position + z-index) */ position: relative; z-index: 2000; } .et_pb_filterable_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter_parent > a:first-child::after { content: "3"; font-family: "ETmodules"; font-size: 16px; font-weight: 800; position: absolute; padding-right: 20px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter_parent.et-hover > a:first-child { color: #168487; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { line-height: 14px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li { display: inline-block; float: none; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:hover a { background-color: #fff; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul.nav > li > a { border: 2px solid transparent; border-radius: 3px; margin-bottom: 2px; margin: 3px 0; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul.nav > li > a.active { border: 2px solid rgba(22, 131, 135, 1); border-radius: 3px; margin-bottom: 2px; margin: 3px 0; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { border: none; margin: 3px 2px 0 0; padding: 6px 20px; font-weight: 400; color: #000; text-transform: uppercase; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { background-color: #fff; color: #000; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li ul.sub-menu { /* width: 300px; */ margin-top: 1px; border: 1px solid #eee !important; box-shadow: 0px 1px 6px -1px #7E8889; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li ul.sub-menu .et_pb_portfolio_filter > a { display: -moz-stack; width: 100%; white-space: nowrap; } .et_pb_filterable_portfolio li { display: inline-block; float: none; float: left; font-size: 14px; line-height: 1em; } .et_pb_filterable_portfolio li a { border: medium none; background-color: #fff; border: 1px solid #e2e2e2; color: #666; display: block; height: auto; margin: -1px -1px 0 0; overflow: hidden; padding: 10px 20px; } .et_pb_portfolio_filter_parent > a, .et_pb_portfolio_filter_off > a { cursor: default; } /* portfolio image */ .et_pb_fullwidth_portfolio .et_pb_portfolio_image { border: 2px solid #eee; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image.landscape img { height: 100%; width: 100%; } .et_pb_fullwidth_portfolio, .et_pb_filterable_portfolio .et_pb_portfolio_items, .et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper { overflow: visible; } body.playing .et_pb_portfolio_item.event { opacity: 0.5 !important; /* opacity: 0.5 !important; */ /* filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); */ } body.playing .et_pb_portfolio_item.event.playing, body.playing .et_pb_portfolio_item.event:hover { opacity: 1 !important; /* opacity: 1 !important; */ /* filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); */ } /* body.playing .et_pb_portfolio_item.playing .et_pb_portfolio_image { transform: scale(1.02, 1.02); transition: all 0.2s ease-in-out; opacity: 1; z-index: 50 !important; } */ .et_pb_fullwidth_portfolio .playing .et_pb_portfolio_image .meta2 { background: rgba(22, 131, 135, 0.8) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio .playing .et_pb_portfolio_image:hover .meta2 { background: rgba(22, 131, 135, 0.8) none repeat scroll 0 0; } .et_pb_filterable_portfolio .et_pb_portfolio_item.active, .et_pb_gallery_grid .et_pb_gallery_item { animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s normal none 1 running fadeIn; } /* div.et_pb_portfolio_image:nth-child(2n) { -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } */ .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover { /* transform: scale(1.10, 1.10); transition: all 0.2s ease-in-out; z-index: 50; */ } .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); } /* meta */ .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta { opacity: 0.9; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 { /*margin-top: 20%;*/ } .et_pb_fullwidth_portfolio.et_pb_bg_layout_dark h3 { color: #E2ABA2 !important; } .et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_image:hover h3 { color: #fff !important; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image { } /* post_status */ .et_pb_fullwidth_portfolio .post_status { position: absolute; top: 4px; left: 2px; text-align: center; z-index: 1000; } .et_pb_fullwidth_portfolio .post_status span { padding: 5px 10px; color: #fff; background: rgba(240, 81, 53, 1.0) none repeat scroll 0 0; } /* event status image */ .et_pb_portfolio_item.event.is_expired .et_pb_portfolio_image img { -webkit-filter: grayscale(100%) blur(2px); /* Safari 6.0 - 9.0 */ filter: grayscale(100%) blur(2px); } /* state */ .et_pb_fullwidth_portfolio .state { position: absolute; top: 4px; right: 2px; text-align: center; z-index: 1000; } .et_pb_fullwidth_portfolio .state span { padding: 5px 10px; color: #fff; background: rgba(22, 131, 135, 1.0) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio .state span.expired { padding: 5px 10px; background: rgba(240, 81, 53, 1.0) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio .state span.free { padding: 5px 10px; background: rgba(22, 131, 135, 1.0) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio .state span.in_progress { padding: 5px 10px; background: rgba(247, 238, 106, 1.0) none repeat scroll 0 0; color: #000; } /* price */ .et_pb_fullwidth_portfolio .price { position: absolute; top: 4px; right: 2px; text-align: center; z-index: 1000; } .et_pb_fullwidth_portfolio .price span { padding: 5px 10px; color: #fff; background: rgba(22, 131, 135, 1.0) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio .price span.free { padding: 5px 10px; background: rgba(22, 131, 135, 1.0) none repeat scroll 0 0; } /* meta2 */ .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta2 { background: rgba(22, 131, 135, 0.4) none repeat scroll 0 0; bottom: 0; left: 0; padding: 10px; position: absolute; width: 100%; z-index: 2; text-align: center; color: #fff; /* -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; */ } .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta2 { background: rgba(22, 131, 135, 0.6) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio.workshop .et_pb_portfolio_image:hover .meta2 { background: rgba(22, 131, 135, 0.9) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio.love-room .et_pb_portfolio_image .meta2 { background: rgba(243, 21, 43, 0.4) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio.love-room .et_pb_portfolio_image:hover .meta2 { background: rgba(243, 21, 43, 0.6) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio.love-room.workshop .et_pb_portfolio_image:hover .meta2 { background: rgba(243, 21, 43, 0.9) none repeat scroll 0 0; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta2 h6 { color: #fff !important; letter-spacing: normal; font-weight: 400 !important; font-size: 40px; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta2 h6 span.lower { font-size: 48px; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta2 h6 a:hover { color: rgba(255, 255, 255, 0.5); } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta2 a { color: #fff; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image span.tag { /* font-family: 'Prohibition-Rough'; */ font-weight: 700; font-size: 16px; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image p { padding: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } /* .et_pb_fullwidth_portfolio .et_pb_portfolio_image { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } */ .et_pb_fullwidth_portfolio .et_pb_portfolio_image .overlay3 { display: none; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .overlay3 { display: block; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .overlay3 p { line-height: 14px; } /* et_overlay2 */ .et_shop_image:hover .et_overlay2, .et_portfolio_image:hover .et_overlay2, .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay2, .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta, .et_pb_gallery_image:hover .et_overlay2 { opacity: 1; } /* Portfolio + Shop Overlay */ .et_overlay2 { display: block; position: absolute; z-index: 3; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #e5e5e5; opacity: 0; /* background: rgba(255, 255, 255, 1); */ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -o-backface-visibility: hidden; } .et_overlay2:hover:before { top: 50%; } .et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_image .et_overlay2 { background: rgba(0, 0, 0, 0.2); } .et_pb_portfolio_item.period-block { display: table; background-color: #ccc; } .et_pb_portfolio_item.period-block .period-intro { display: table-cell; vertical-align: middle; text-align: center; background-color: #333; height: 100%; border: 2px solid #eee; } .et_pb_portfolio_item.period-block .period-intro h6 { font-size: 48px; color: #fff; font-weight: 400 !important; } .et_pb_portfolio_item.period-block .period-intro h6 span { font-size: 48px; /* color: #168487; */ color: rgba(22, 131, 135, 1.0); font-weight: 400 !important; } /* ============================================================================= PAGE > page-template-events.php : portfolio buttons play pause resume ========================================================================== */ .et_pb_portfolio_item.audio .send_to_player.et_pb_button { color: #fff !important; border-width:2px !important; border-radius:3px; padding-left:0.3em; padding-right: 1.6em; font-size: 20px; line-height: 1.0em !important; } .et_pb_portfolio_item.audio .send_to_player.et_pb_button:hover { border-radius:3px; letter-spacing:0px; } .et_pb_portfolio_item.audio .send_to_player.et_pb_button:after { line-height:1.0em; font-size:20px !important; opacity:1; margin-left:.2em; left:auto; } .et_pb_portfolio_item.audio .send_to_player.et_pb_button:hover:after { margin-left:.2em; left:auto; } .et_pb_portfolio_item.audio .send_to_player.play { display: inline-block; } .et_pb_portfolio_item.audio .send_to_player.pause { display: none; } .et_pb_portfolio_item.audio .send_to_player.resume { display: none; } .et_pb_portfolio_item.audio.current .send_to_player.play { display: none; } .et_pb_portfolio_item.audio.current .send_to_player.pause { display: none; } .et_pb_portfolio_item.audio.current .send_to_player.resume { display: inline-block; } .et_pb_portfolio_item.audio.current.playing .send_to_player.play { display: none; } .et_pb_portfolio_item.audio.current.playing .send_to_player.pause { display: inline-block; } .et_pb_portfolio_item.audio.current.playing .send_to_player.resume { display: none; } /* ============================================================================= PAGE > page-template-events.php : PLAYER ========================================================================== */ #player { display: none; } #player .display { border: 5px solid #ef5135; background-color: rgba(255, 255, 255, 0.85); color: #000; position: fixed; text-align: center; right: 0px; bottom: 0px; width: 420px; max-width: 100%; display: none; } #player .display { opacity: 0; -webkit-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); display: initial; } #player.opened .display { opacity: 1; -webkit-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); display: initial; z-index: 100100; } #player .display .row { font-size: 14px; line-height: 14px; padding-top: 4px; padding-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #player .display .thumbnail { float: right; width: 100px; height: 100px; cursor: pointer; } #player .display .artist { font-weight: 700; } #player .display .controls { padding: 0; padding-top: 4px; padding-bottom: 4px; } #audio_player { width: 100%; display: block; } /* player buttons control */ #player .player_button.et_pb_button { background-color: #ef5135; color: #fff; border-color: #ef5135; border-width:2px !important; border-radius:3px; padding-left:0.3em; padding-right: 1.9em; font-size: 12px; line-height: 1.0em !important; padding-left: 10px; } #player .player_button.et_pb_button span { margin-right: 3px; } #player .player_button.et_pb_button:hover { background-color: #fff; color: #ef5135; border-radius:3px; letter-spacing:0px; } #player .player_button.et_pb_button:after { background-color: #ef5135; color: #fff; line-height:1.0em; font-size:16px !important; opacity:1; margin-left:0em; left:auto; margin-top: 3px; } #player .player_button.et_pb_button:hover:after { background-color: #fff; color: #ef5135; margin-left:0em; left:auto; } /* player buttons control : play / pause */ #player .player_button.et_pb_button.play { display: initial; } #player.playing .player_button.et_pb_button.play { display: none; } #player .player_button.et_pb_button.pause { display: none; } #player.playing .player_button.et_pb_button.pause { display: initial; } /* player button open */ #player .open.et-pb-icon { display: inline; position: fixed; z-index: 100200; right: 0; bottom: 0px; padding: 5px; /* -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; */ color: #fff; /* background-color: #168487; */ background: #ef5135 none repeat scroll 0 0; font-size: 30px; text-align: center; text-decoration: none; cursor: pointer; border: 1px solid #fff; } #player .open:before { content: 'y'; } #player.playing .open:before { content: 'z'; } #player .open { opacity: 1; -webkit-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } #player.opened .open { opacity: 0; -webkit-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } /* player button close */ #player .close.et-pb-icon { background: #ef5135 none repeat scroll 0 0; color: #fff; cursor: pointer; display: inline-block; font-size: 30px; left: -5px; margin: 0; padding: 0; position: absolute; top: -5px; z-index: 100100; } #player .close:before { content: 'M'; } /* .edition-2019 #player .display { border: 5px solid #236d71; } .edition-2019 #player .open.et-pb-icon { background: #236d71 none repeat scroll 0 0; } .edition-2019 #player .close.et-pb-icon { background-color: #236d71; } */ /* ============================================================================= PAGE > page-template-event-program.php : PLAYER CHART ========================================================================== */ #chart { background: #168487 none repeat scroll 0 0; width: 100%; height: 100%; display: none; /* -webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); */ /* animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s normal none 1 running fadeIn; */ } .et_pb_audio_module { border: 1px solid #168487; background-color: #FFF; color: #727272 !important; } .et_audio_module_meta { color: #727272 !important; } /* ============================================================================= TARIF / TICKET ========================================================================== */ .festicket-block { display: block; background-color: #168487; padding: 10px; border-radius: 10px; text-align: center; color: #fff; margin: 15px 0; max-width: 300px; } .festicket-block:hover { background-color: #ef5135; } .festicket-image { } a.et_pb_pricing_table_button.et_pb_button { margin: 15px; } .et_pb_column_4_4 .et_pb_pricing_table { margin-left: 6%; max-width: 259px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); position: relative; z-index: 100; float: left; } .et_pb_column_4_4 .et_pb_pricing_table:nth-child(4n+1) { clear: none; } .et_pb_column_4_4 .et_pb_pricing_table:nth-child(3n+1) { clear: both; } /* 4 items : et_pb_column_4_4 et_pb_pricing_4 */ .et_pb_column_4_4 .et_pb_pricing_4 .et_pb_pricing_table { width: 24%; margin-top: 35px; margin-left: 0.5%; margin-right: 0.5%; padding-bottom: 30px; } .et_pb_column_4_4 .et_pb_pricing_4 .et_pb_pricing_table.et_pb_featured_table { margin-top: 0px; padding-bottom: 30px; } .et_pb_column_4_4 .et_pb_pricing_4 .et_pb_pricing_table:nth-child(n+1), .et_pb_column_4_4 .et_pb_pricing_4 .et_pb_pricing_table:nth-child(n+2), .et_pb_column_4_4 .et_pb_pricing_4 .et_pb_pricing_table:nth-child(n+3), .et_pb_column_4_4 .et_pb_pricing_4 .et_pb_pricing_table:nth-child(n+4) { clear: none; } .et_pb_column_4_4 .et_pb_pricing_4 .et_pb_pricing_table:nth-child(n+5) { clear: both; } /* 5 items : et_pb_column_4_4 et_pb_pricing_5 */ .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table { width: 19%; margin-top: 35px; margin-left: 0.5%; margin-right: 0.5%; padding-bottom: 30px; } .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table.et_pb_featured_table { margin-top: 0px; padding-bottom: 30px; } .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table:nth-child(n+1), .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table:nth-child(n+2), .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table:nth-child(n+3), .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table:nth-child(n+4), .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table:nth-child(n+5) { clear: none; } .et_pb_column_4_4 .et_pb_pricing_5 .et_pb_pricing_table:nth-child(n+6) { clear: both; } /* 3 items : et_pb_column_2_3 et_pb_pricing_5 */ .et_pb_column_2_3 .et_pb_pricing_3 .et_pb_pricing_table { width: 30%; margin-top: 35px; margin-left: 1%; margin-right: 1%; padding-bottom: 30px; } .et_pb_column_2_3 .et_pb_pricing_3 .et_pb_pricing_table.et_pb_featured_table { margin-top: 0px; padding-bottom: 30px; } .et_pb_column_2_3 .et_pb_pricing_3 .et_pb_pricing_table:nth-child(n+1), .et_pb_column_2_3 .et_pb_pricing_3 .et_pb_pricing_table:nth-child(n+2), .et_pb_column_2_3 .et_pb_pricing_3 .et_pb_pricing_table:nth-child(n+3) { clear: none; } .et_pb_column_2_3 .et_pb_pricing_3 .et_pb_pricing_table:nth-child(n+4) { clear: both; } /* pricing */ .et_pb_featured_table .et_pb_pricing_heading { background-color: rgba(22, 131, 135, 1) !important; } .et_pb_pricing_table h2 { font-size: 60px !important; } .et_pb_pricing_table .et_pb_featured_table .et_pb_best_value { font-weight: bold; text-transform: uppercase; } .et_pb_et_price .et_pb_sum { font-size: 48px; } .et_pb_pricing_table .et_pb_best_value { text-transform: uppercase; } .et_pb_pricing_table .et_pb_pricing { list-style-type: none; } /* normal */ .et_pb_pricing_table .et_pb_sum, .et_pb_pricing_table .et_pb_pricing_table_button.et_pb_button { color: #168487 !important; } .et_pb_pricing_table .et_pb_counter_amount, .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_pricing_table .et_quote_content, .et_pb_pricing_table .et_link_content, .et_pb_pricing_table .et_audio_content { background-color: #168487 !important; } /* featured */ .et_pb_pricing_table.et_pb_featured_table { transform: scale(1, 1); } .et_pb_pricing_table.et_pb_featured_table .et_pb_sum { font-size: 60px; } .et_pb_pricing_table.et_pb_featured_table .et_pb_sum, .et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_table_button.et_pb_button { color: #ef5135 !important; } .et_pb_pricing_table.et_pb_featured_table .et_pb_counter_amount, .et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_heading, .et_pb_pricing_table.et_pb_featured_table .et_quote_content, .et_pb_pricing_table.et_pb_featured_table .et_link_content, .et_pb_pricing_table.et_pb_featured_table .et_audio_content { background-color: #ef5135 !important; } .edition-2019 .et_pb_pricing_table .et_pb_sum, .edition-2019 .et_pb_pricing_table .et_pb_pricing_table_button.et_pb_button { color: #4e9599 !important; } .edition-2019 .et_pb_pricing_table .et_pb_counter_amount, .edition-2019 .et_pb_pricing_table .et_pb_pricing_heading, .edition-2019 .et_pb_pricing_table .et_quote_content, .edition-2019 .et_pb_pricing_table .et_link_content, .edition-2019 .et_pb_pricing_table .et_audio_content { background-color: #4e9599 !important; } .edition-2019 .et_pb_pricing_table.et_pb_featured_table .et_pb_sum, .edition-2019 .et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_table_button.et_pb_button { color: #f4dc00 !important; } .edition-2019 .et_pb_pricing_table_button.et_pb_button { color: #236d71 !important; } .edition-2019 .et_pb_pricing_table.et_pb_featured_table .et_pb_counter_amount, .edition-2019 .et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_heading, .edition-2019 .et_pb_pricing_table.et_pb_featured_table .et_quote_content, .edition-2019 .et_pb_pricing_table.et_pb_featured_table .et_link_content, .edition-2019 .et_pb_pricing_table.et_pb_featured_table .et_audio_content { background-color: #f4dc00 !important; } /* soldout */ .et_pb_pricing_table.soldout .et_pb_pricing { color: #BEBEBE !important; } .et_pb_pricing_table.soldout { /* transform: scale(0.9, 0.9); */ transform: scale(1, 1); } .et_pb_pricing_table.soldout .et_pb_sum, .et_pb_pricing_table.soldout .et_pb_pricing_table_button.et_pb_button { color: #BEBEBE !important; } .et_pb_pricing_table.soldout .et_pb_counter_amount, .et_pb_pricing_table.soldout .et_pb_pricing_heading, .et_pb_pricing_table.soldout .et_quote_content, .et_pb_pricing_table.soldout .et_link_content, .et_pb_pricing_table.soldout .et_audio_content { background-color: #BEBEBE !important; } /* label soldout */ .et_pb_pricing_table .label-soldout { color: #168487; background-color: #fff; border: 3px solid #168487; box-shadow: 0 0 37px rgba(0, 0, 0, 0.4); display: block; font-size: 32px; line-height: 40px; padding: 20px; position: absolute; text-align: center; text-transform: uppercase; bottom: 30%; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); width: 100%; z-index: 50; /* transform: scale(1.10, 1.10); transition: all 0.2s ease-in-out; */ } .et_pb_pricing_table .finish { text-decoration: line-through; } /* ------------------- 2017 --------------------- */ .et_pb_module.et_pb_pricing.clearfix.et_pb_pricing_1.et_pb_centered_pricing_items { display: table; margin: 0 auto; } .et_pb_module.et_pb_pricing.clearfix.et_pb_pricing_1.et_pb_centered_pricing_items .et_pb_pricing_table { margin: 0; } /* ============================================================================= COUNTDOWN ========================================================================== */ .et_pb_countdown_timer .title { color: #aaa; } .et_pb_countdown_timer .section p.value { color: #168487; } .et_pb_countdown_timer .section p.label { color: #168487; } .et_pb_countdown_timer .section.sep { color: #168487; } /* ============================================================================= PAGE LIVE ========================================================================== */ .page-live { background-color: #000; } .page-live .section-live-content-picture, .page-live .section-live-content-video { /* background-color: #168487; */ background-color: #000; } /* .section-live-rubric { padding: 10px 0 !important; } */ .page-live h6 { font-size: 24px !important; color: #fff !important; text-align: center; } /* ============================================================================= PARTNER ========================================================================== */ #partner { text-align: center; } /* #partner img { padding: 0 100px; } */ .partner_portfolio { padding: 0; margin: 0 auto; text-align: left; border: none; outline: 0 none; vertical-align: baseline; /* clear: both; */ /* background-color: #f0f651; */ } .partner { /* float: left; */ display: inline-block; width: 170px; height: 200px; text-align: center; margin: 0px; padding: 0px 10px; vertical-align: top; outline: 0 none; border: none; /* border: 1px solid black; */ /* background-color: #f78951; */ } /* ============================================================================= FOOTER ========================================================================== */ #footer-bottom, #footer-bottom > div { /* background-color: #168487 !important; 1/06/2017 */ color: #fff !important; background-color: #236d71 !important; } #footer-bottom, #footer-bottom li, #footer-bottom li a { font-size: 13px; } #footer-info, #footer-info a { color: #000 !important; } #footer-info { padding-bottom: 2px !important; } #main-footer { /* background-color: #168487 !important; 1/06/2017 */ color: #000 !important; background-color: #236d71 !important; } .et_pb_scroll_top.et-pb-icon { bottom: 210px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } #footer-widgets { padding-top: 0px } #footer-widgets .footer-widget { margin-bottom: 0px } #footer-widgets .footer-widget .fwidget.et_pb_widget.widget_text { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } #footer-info { text-align: left; float: none; } #footer-info a img { float:left; width: 50px; margin-right: 10px; } #et-footer-nav { /* remove in 2017 : border-top: 1px solid #168487; */ /* background-color: #168487 !important */ color: #000 !important; background-color: #fff !important; } .bottom-nav { text-align: center; } .bottom-nav a { color: #fff; transition: all 0.4s ease-in-out 0s; font-weight: 400; text-transform: uppercase !important; } .bottom-nav li.current-menu-item > a { color: #fff; font-weight: 700; } /* ============================================================================= SPOTIFY ========================================================================== */ .spotify-embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 120px; border: 1px solid #168487; } .spotify-embed-container iframe, .spotify-embed-container object, .spotify-embed-container embed { position: absolute; top: 0; left: 0; height: 120px; padding: 20px; } /* ne marche pas .spotify-embed-container .white #mainContainer { border: 1px solid #168487 !important; } */ /* ============================================================================= RESPONSIVE ========================================================================== */ @media all and (max-width: 1405px) { } @media all and (max-width: 1100px) { } @media all and (max-width: 980px) { /* ============================================================================= TITLE ========================================================================== */ h1 { font-size: 60px !important; } h2 { font-size: 48px !important; } h3 { font-size: 36px !important; } .logo_container { margin-top: 0; } .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation { /* padding-top: 0; */ } #main-header, #main-header .nav li ul, #main-header .et_mobile_menu { background-color: #236d71 !important; } #main-header .et_mobile_menu li.current-menu-item > a { color: #fff !important; } #main-header .container { width: 80%; } .et_pb_section.et_pb_section_first .et_pb_row { margin-top: 50px; padding: 0; } .nav li ul { border-color: #168487 !important; } /* ============================================================================= SLIDER ========================================================================== */ .et_pb_slider, .et_pb_slider .et_pb_container { height: 300px !important; } .et_pb_slider, .et_pb_slider .et_pb_slide { max-height: 300px; } .et_pb_slider .et_pb_slide_description { position: relative; top: 25%; padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important; } /* ============================================================================= PARTNER ========================================================================== */ #partner img { padding: 0; } /* ============================================================================= PORTFOLIO FILTERS ========================================================================== */ .et_pb_filterable_portfolio .et_pb_portfolio_filters li { /*display: block; */ float: none; margin: 0; max-width: 100%; padding: 1px 4px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child { padding-bottom: 4px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters > ul > li > a { border-radius: 3px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters > ul > li > a, .et_pb_filterable_portfolio .et_pb_portfolio_filters > ul > li > a:first-child, .et_pb_filterable_portfolio .et_pb_portfolio_filters > ul > li > a:last-child { border-radius: 3px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters > ul > li > a { font-size: 14px; font-weight: 400; border-radius: 3px; } /* .et_pb_filterable_portfolio .et_pb_portfolio_filters li ul.sub-menu { width: 100%; } */ /* ============================================================================= LINEUP ========================================================================== */ #lineup { width: 100%; margin: auto; } /* #lineup .vis-timeline { min-height: 232px; } */ #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li.lineup-move-left, #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li.lineup-move-right, #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li.lineup-zoom-in, #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li.lineup-zoom-out { display: none; } .vis-item img { display: none; } .vis-item.image .vis-item-content { height: 65px; /* fix height to don't have display problem */ } #lineup .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: auto; display: inline-block; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child { padding-bottom: 0; } /* ============================================================================= PRESS KIT ========================================================================== */ .kit-press-info { text-align: center; padding: 10px 0; } .kit-press-info .name { text-transform: uppercase; font-weight: 700; /* margin-bottom: 5px; */ } .kit-press-info .date { margin-bottom: 5px; } .kit-press-info .tags { margin: 0 5px; padding: 5px 10px; background-color: #168487; color: #fff; } .et_pb_section.section_filter { padding-bottom: 0 !important; } .et_pb_section.section_filter .et_pb_row { padding-bottom: 0 !important; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio_x .et_pb_portofolio_pagination ul li a.active { color: #168487; font-weight: 700; } /* Filterable Portfolio Module */ .et_pb_filterable_portfolio_x .et_pb_portfolio_filters { clear: both; margin: 0 0 10px 0; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters ul { padding: 0; list-style-type: none !important; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters li { float: left; font-size: 14px; line-height: 1em; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters li a { display: block; overflow: hidden; height: auto; margin: -1px -1px 0 0; padding: 10px 20px; border: 1px solid #e2e2e2; color: #666; background-color: #fff; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters li:first-child a { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters li a:hover { color: #666; background-color: #f4f4f4; } .et_pb_filterable_portfolio_x .et_pb_portfolio_filters li a.active { color: #168487; background-color: #f9f9f9; } .et_pb_filterable_portfolio_x .et_pb_portfolio_items, .et_pb_filterable_portfolio_x .et_pb_portfolio_items_wrapper { overflow: hidden; position: relative; width: 100%; } .et_pb_filterable_portfolio_x .et_pb_portfolio_item.active, .et_pb_gallery_grid .et_pb_gallery_item { opacity: 1; -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } /* ============================================================================= SVG ANIMATION ========================================================================== */ #svg-container { top: 0; left: 0; display: block; position: fixed; z-index: 100000; } } @media all and (max-width: 767px) { /* ============================================================================= TITLE ========================================================================== */ h1 { font-size: 48px !important; } h2 { font-size: 36px !important; } } @media all and (max-width: 479px) { /* ============================================================================= TITLE ========================================================================== */ /* h1 { font-size: 42px !important; } h2 { font-size: 30px !important; } */ /* ============================================================================= SLIDER ========================================================================== */ .et_pb_slider, .et_pb_slider .et_pb_container { height: 200px !important; } .et_pb_slider, .et_pb_slider .et_pb_slide { max-height: 200px; } .et_pb_slider .et_pb_slide_description { position: relative; top: 25%; padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important; } } /* ============================================================================= MAP ========================================================================== */ .et_pb_map { height: 600px; } .et_pb_map h3 { font-family: Roboto, Helvetica, Arial, Lucida, sans-serif !important; font-size: 16px !important; font-weight: 400; text-transform: uppercase; margin-top: 10px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media all and (max-width: 980px) { .et_pb_map h3 { font-size: 14px !important; margin-top: 0 !important; } .hide-mobile { display: none; } .vis-labelset { max-width: 75px; font-size: 20px; } .lineup h2 { font-size: 36px !important; } } @media all and (max-width: 767px) { .et_pb_map h3 { font-size: 12px !important; margin-top: 0 !important; } .hide-mobile { display: none; } } @media all and (max-width: 479px) { .et_pb_map { font-size: 10px !important; } .et_pb_map h3 { font-size: 10px !important; margin-top: 0 !important; } .hide-mobile { display: none; } .et-social-icons li.newletter { display: block; margin-bottom: 20px; } } .place-info img.icon { width: 46px !important; } .place-info .name { text-transform: uppercase; } .place-info .type { font-weight: 700; } .place-info .description { margin: 10px 0; } .place-info .full { margin: 10px 0; } .place-info .full span { color: #fff; background-color: #168487; padding: 5px; margin: 10px 0; text-transform: uppercase; } .place-info .address { margin: 10px 0; } .place-info .phone { font-weight: 700; margin: 10px 0; } /* ============================================================================= EASTER EGGS ========================================================================== */ /* body { -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } */ /* ============================================================================= 2 COLONNES ========================================================================== */ .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget, .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product { width: 28.353%; margin-right: 7.47%; } .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n+3), .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(3n+3), .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget:nth-child(3n+3), .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n+3) { margin-right: 0; /* background-color: #f00; */ } .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1), .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1) { clear: none; } /* ============================================================================= 3 COLONNES ========================================================================== */ .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget, .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product { width: 44.18%; margin-right: 11.64%; /* width: 45.758%; margin-right: 8.483%; */ } .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item:nth-child(2n), .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(2n), .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget:nth-child(2n), .et_section_specialty .et_pb_row .et_pb_column_4_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n) { margin-right: 0; } /* .video_tinals { max-width: 100% !important; height: auto !important; } */ .video_culturebox { text-align: center; height: 0; overflow: hidden; padding-top: 56.25%; position: relative; width: 100%; } .video_culturebox iframe, .video_culturebox embed, .video_culturebox object { height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; } .nav-dark .nav-single a { background-color: #000; color: #fff !important; } #post-38 .et_pb_fullwidth_header.et_pb_fullscreen.et_pb_module.et_pb_bg_layout_dark.et_pb_text_align_center.et_pb_fullwidth_header_0 { padding: 0 !important; /* 2017 */ } #post-9722 .header-content, /* 2017 durantfestival sans video */ #post-9765 .header-content, /* 2017 durantfestival avec video */ #post-38 .header-content, /* 2017 */ /* #post-4893 .header-content { margin: 0 !important; } #post-4893 .et_pb_section_15 .et_pb_row { padding: 0 !important; } #post-4893 .et_pb_slider, .et_pb_slider .et_pb_container { height: 600px !important; } #post-4893 .et_pb_slider, .et_pb_slider .et_pb_slide { max-height: 600px !important; } #post-4893 .et_pb_slide_image, #post-4893 .et_pb_slide_video { width: 100% !important; } #post-4893 .et_pb_slide_image { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } */ .et_pb_scroll_top.et-pb-icon { background: rgba(240, 81, 53, 1); border: 2px solid rgba(240, 81, 53, 0.4); border-radius: 5px !important; object-fit: cover; box-shadow: 0px 0px 30px 10px rgba(255, 255, 255, .2); } .section-in-portfolio { /* margin-top: -100px; */ } .section-in-portfolio .et_pb_row { background-color: #fff; border-top: 20px solid #fff; border-left: 20px solid #fff; border-right: 20px solid #fff; } @media all and (max-width: 980px) { .section-in-portfolio { margin-top: 0; } body:not(.home) #main-content .et_pb_section.et_pb_section_first { margin-top: 15px !important; } body.edition-2019:not(.home) .et_pb_section.et_pb_section_first h1 { margin-bottom: 0; } .section-in-portfolio .et_pb_row { background-color: #fff; border: none; } .edition-2019 h1 { margin-top: 20px; padding-top: 20px; font-size: 50px !important; line-height: 60px; } .edition-2019 .et_pb_section.et_pb_section_first .subtitle { font-size: 32px; line-height: 40px; } } h5.et_pb_toggle_title { font-size: 20px; font-family: Roboto, Helvetica, Arial, Lucida, sans-serif; font-weight: 400; }