/* Theme Name:Child Theme for Divi Theme URI: http://wordpress-style.net Description: Child Theme For Divi Author: Eduard Ungureanu Author URI: http://wordpress-style.net Template: Divi Version: 1.0 */ /* Start your custom CSS bellow this comment ============================================ */ /* #### NIVII CODE COULEUR Bleu foncé : 0e1c29 GOLD : C4A27D Gris : 272b2e #### CODE COULEUR */ /* HEADER */ body{ font-weight: 400;} header{ height: 6vw; position: absolute; top: 0; width: 100%; z-index: 99999; transition: all 0.5s ease !important;} .et_pb_section_0_tb_header{ height: 7vw; } header.sticky-nivii{ background: #373f4f; transition: all 0.5s ease !important; } .section-transform{ cursor: pointer; background: rgba(55,63,79,0) !important; padding: 50px 0 0!important; -webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;-ms-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } .section-transform-active {height: 100% !important;width: 100% !important;z-index: 99999 !important;background: #A0C3CC !important;} .section-transform .et_pb_menu { background: none!important; } .section-transform a { color:#FFF!important; } .section-transform li { list-style: none; } .section-transform li a { text-transform: none; font-size: 20px; } .section-transform li a:hover { opacity:0.7; } header.sticky-nivii .section-transform, header.sticky-nivii #logoPosition{ padding-top: 1%; transition: all 0.5s ease !important; } #main-menu .et_pb_column_0_tb_header { width: 60%!important; } header.sticky-nivii{ background: #1d6153; transition: all 0.5s ease !important; } #main-menu .et_pb_column_1_6 { width: 10.333%!important; } #main-menu .et_pb_column_0_tb_header { width: 37%!important; } #main-menu .et_pb_column_3_tb_header { width: 20%!important; } #main-menu .et_pb_column_4_tb_header { width: 14.333%!important; } /* BOUTON REQUEST PLUS GROS */ html[lang="fr-CA"] #main-menu .et_pb_column_0_tb_header { width: 33%!important; } html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header { width: 24%!important; } #main-menu .et_pb_button{ border:1px solid #FFF!important; background: none!important; margin: 5px 0 0 60px; font-size: 17px; line-height: 36px!important; padding-left: 40px !important;padding-right: 40px !important; } #main-menu .et_pb_button:hover{ background: #B6D7E0!important ; } #main-menu .et_pb_text{ font-size: 18px; letter-spacing: 0.8px; font-weight: 500; line-height: 63px; } #main-menu #menu-open p{line-height: 63px; text-indent: 25%; } #main-menu #menu-open p:after{ content:" "; display: block; width:63px; height: 63px; background: url(/wp-content/uploads/2021/02/menu-ferme.png) center no-repeat; float: right; padding-right: 30px; } #main-menu #menu-open p:hover:after{ background: url(/wp-content/uploads/2021/02/menu-ferme-hover.png) center no-repeat; } .section-transform-active #main-menu #menu-open p:after{ background: url(/wp-content/uploads/2021/02/menu-ouvert.png) center no-repeat; } .section-transform-active #main-menu #menu-open p:hover:after{ background: url(/wp-content/uploads/2021/02/menu-ouvert-hover.png) center no-repeat; } .section-transform-active #main-menu a.mainPhone, .section-transform-active #main-menu #main-menu .et_pb_button, .section-transform-active #main-menu #menu-open p, .section-transform-active.section-transform a, .section-transform-active #main-menu #menu-secondaire-vide a { color:#2B2C48!important; } #main-menu .et_pb_column.et-last-child { float: right; max-width: 6.5%!important; } #main-menu .et_pb_column.et-last-child a{ font-size: 16px; letter-spacing: 0.6px; text-transform: uppercase; text-align: center; line-height: 45px; text-indent: 15px; } /* MENU MENU MENU MENU MENU MENU MENU MENU */ #banner,#banner .et_pb_slider,#banner .et_pb_slide { min-height: 100vh; max-height: 900px; } .et-pb-controllers { position: absolute;top: 50%;right: 50px;left: inherit;bottom: inherit;width: 20px;text-align: center;z-index: 10; } .et-pb-controllers a { background-color: hsla(0,0%,100%,1); border-radius: 12px; width: 12px; height: 12px; margin-right: 0px; opacity: 1;} #virtual-tour-pastille { position: absolute; right: 100px; top: -340px; } body #page-container #blocIntro .et_pb_button:after{ display: inline-block; font-size: 30px!important; } #main-content h2{ padding-bottom: 20px;} #main-content h3{ } #main-content h4{ } #blocIntro p strong{ font-size: 60px; font-weight: 400; font-family: 'DM Serif Display'; line-height: 80px; letter-spacing: 4px; } #blocIntro h1 strong{ font-size: 25px; letter-spacing: 2px; font-weight: 600; } #blocIntro h1{ line-height: 42px; margin: -20px 0 20px; } #blocIntro .et_pb_button{ min-width: 250px; padding: 10px 25px;} #blocContent1{ background-size: 45% auto; z-index: 2;} #blocSliderImage { margin-top: -100px!important; z-index: 1; } #blocSliderImage .et_pb_bg_layout_dark .et_pb_slide_description { text-shadow: none!important; } #blocSliderImage .et_pb_slide { padding-left: 0!important;} #blocSliderImage .et_pb_slide img { float: left; } #blocSliderImage .et_pb_slide_content {max-width:90%; font-size: 16px; } #blocSliderImage .et-pb-controllers a.et-pb-active-control { background: #2b2c48!important; } #blocSliderImage .et_pb_button{ min-width: 200px; margin-top: 40px; text-align:center ;} .avecSubText h4 span{ display: inline-block; padding-top: 13px;} #blocPlans .et_pb_tabs { border: 0;} #blocPlans ul.et_pb_tabs_controls { background: none; float: none;margin: auto;width: 800px;} #blocPlans ul.et_pb_tabs_controls li { margin: 0 2% 60px; background: none; width: 28%; border:none!important;} #blocPlans ul.et_pb_tabs_controls li:hover { background: #FFF; } #blocPlans ul.et_pb_tabs_controls li a { border:1px solid #FFF; padding:4px 10px; width: 100%; display: block; text-align: center; } #blocPlans ul.et_pb_tabs_controls li.et_pb_tab_active a { background: #FFF; } .et_pb_all_tabs { background: none; border: none; } #blocPlans ul.et_pb_tabs_controls::after{ border: none;} #blocPlans hr{ display: block; float: none; clear:both; } #blocPlans .et_pb_tab{ min-height: 700px; padding-top: 70px;background-position-x: 23%!important;} #blocPlans .et_pb_tab_content{ max-width: 500px;} #blocPlans .et_pb_tab ul { padding-left: 0;} #blocPlans .et_pb_tab ul li{ display: block; cursor: pointer; } #blocPlans .et_pb_tab ul li:hover, #blocPlans .et_pb_tab ul li.active{ text-decoration: underline; font-weight: bold; } #blocPlans a.pdf-button{ text-transform: uppercase; font-size: 14px; letter-spacing: 0.8px; line-height: 37px; padding: 15px 0 25px; float: left;} #blocPlans a.pdf-button:before{ display: block; content:""; width: 40px; height: 37px; background: url(/wp-content/uploads/2021/02/pdf-icone.png) left center no-repeat; float: left; } #blocPlans .et_pb_button{ font-size: 16px; background: #2B2C48!important; color: #FFF!important; padding: 12px 25px!important; margin-top: 20px; display: inline-block;} #blocPlans .et_pb_button:hover{ background: #bee1ea!important; color: #2B2C48!important; } #blocNeighborhood li{ font-weight: 400!important; line-height: 30px;} #blocContactLogo .et_pb_main_blurb_image{ margin-bottom: 45px!important; } #blocContactLogo .et_pb_button{ padding: 15px 50px!important; } #blocFooter > .et_pb_row:first-of-type { padding:2% 0 5% 60px;} #blocFooter h3{ font-family: 'Poppins'; font-size: 16px; line-height: 40px; letter-spacing: 2px; font-weight: 700; padding-bottom: 10px; text-transform: uppercase;} #main-content #blocFooter p{font-size: 16px; line-height: 27px; letter-spacing: 1px; font-weight: 500; } #socialsFooter .et_pb_module { float: left; width: 160px;} #socialsFooter h3{ } #socialsFooter h3:before{content:' | '; display: block; width: 15px; height: 20px; text-align: left; float: left; } #socialsFooter { } #blocFooter h2{ margin: 40px 0 0; padding: 0; } #blocFooter form{ max-width: 1000px; margin: 30px auto; display: block; } #blocFooter form br{ display: none; } #blocFooter form .wpcf7-form-control-wrap { position: relative; display: block; width: 48%; float: left; margin: 1%; } #blocFooter form .wpcf7-form-control-wrap.message { width: 98%;} #blocFooter form input, #blocFooter form textarea{ border: 1px solid #2B2C48; padding: 7px 20px; font-size: 15px; font-weight: 500; line-height: 35px; float: left; width: 100%; background: none; } #blocFooter form textarea{ height: 140px; margin-bottom: 40px; } #blocFooter form input[type="submit"]{ float: none; display: block; width: 250px; margin: 20px auto; background: #2B2C48; border: 1px solid #2B2C48; color: #FFF; } input[type="submit"]:hover{ background: #BEE1EA; color: #2B2C48; } #blocFooter form .wpcf7-not-valid-tip{ position: absolute; top: 0; right: 0; font-size: 14px; } #blocFooter form .wpcf7-response-output{ text-align: center; margin: 0;} #main-footer{ display: none;} #virtualTour h1{ text-align: center; margin: 50px 0;} #virtualTour h2{ text-align: center; font-size: 40px;} #virtualTour iframe{ margin: 20px auto 50px;display: block; } /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */ /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */ @media only screen and (max-width: 1799px) { /* BOUTON REQUEST PLUS GROS */ html[lang="fr-CA"] #main-menu .et_pb_column_0_tb_header { width: 31%!important; } html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header { width: 26%!important; } } @media only screen and (max-width: 1650px) { .et_pb_section_0_tb_header {height: 128px;} #main-menu .et_pb_column_1_6 { width: 10.333%!important; } #main-menu .et_pb_column_0_tb_header { width: 24%!important; } #main-menu .et_pb_column_2_tb_header { width: 13%!important; } #main-menu .et_pb_column_3_tb_header { width: 25%!important; } #main-menu .et_pb_column_4_tb_header { width: 20%!important; } /* BOUTON REQUEST PLUS GROS */ html[lang="fr-CA"] #main-menu .et_pb_column_0_tb_header { width: 19%!important; } html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header { width: 30%!important; } #openedMenu a{ font-size: 42px!important; } #main-content h2{ font-size: 39px!important; line-height: 45px; } } @media only screen and (max-width: 1499px) { #openedMenu a{ font-size: 38px!important; } #blocPlans .et_pb_tab { background-position-x: 13%!important; } #blocInclusions h4{ font-size: 21px;} html[lang="fr-CA"] #blocInclusions h4{font-size: 19px; line-height: 23px!important; padding-top: 10px; } html[lang="fr-CA"] #blocInclusions .et_pb_row .et_pb_column:last-of-type h4, html[lang="fr-CA"] .avecSubText h4 span{ padding-top: 0px; } } @media only screen and (max-width: 1399px) { /* BOUTON REQUEST PLUS GROS */ html[lang="fr-CA"] #main-menu .et_pb_column_0_tb_header { width: 19%!important; } html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header { width: 33%!important; } html[lang="fr-CA"] #main-menu .et_pb_column_4_tb_header { width: 17%!important; } html[lang="fr-CA"] #main-menu #menu-open p{ text-indent: 0; } #openedMenu a{ line-height: 45px!important; display: block; } #blocInclusions .et_pb_row .et_pb_column:last-of-type h4{ line-height: 20px;} #blocInclusions .et_pb_row:last-of-type .et_pb_column:nth-child(2) h4{ line-height: 20px;} } @media only screen and (max-width: 1299px) { #main-menu .et_pb_column_1_6 { width: 6%!important; } #main-menu .et_pb_column_0_tb_header { width: 24%!important; } #main-menu .et_pb_column_2_tb_header { width: 16%!important; } #main-menu .et_pb_column_3_tb_header { width: 28%!important; } #main-menu .et_pb_column_4_tb_header { width: 20%!important; } /* BOUTON REQUEST PLUS GROS */ html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header { width: 36%!important; } #openedMenu #MenuPhone p{ font-size: 30px!important;} #main-content h2{ font-size: 35px!important; line-height: 42px; } #banner, #banner .et_pb_slider, #banner .et_pb_slide { min-height: 80vh; max-height: inherit; } #banner img { width: 60%; } #virtual-tour-pastille { right: 10px; top: -220px; width: 115px; } } @media only screen and (max-width: 1199px) { #main-menu .et_pb_column_4_tb_header { width: 14%!important; } #main-menu .et_pb_column_3_tb_header { width: 34%!important; } html[lang="fr-CA"] #main-menu #menu-open p, #main-menu #menu-open p { text-indent: -150px; overflow: hidden; } #main-menu #menu-open p:after{ width: 52px; height: 52px; background-size: auto 48px!important; } #blocInclusions .et_pb_row_4col{ padding: 0 0 2%;} #blocInclusions .et_pb_row_4col .et_pb_column{ width: 47.25%; margin: 2% 0; min-height: 80px; } #blocPlans .et_pb_tab { min-height: 600px; background-size: 280px auto; } #blocNeighborhood .et_pb_column{ width: 100%; padding: 0; margin: 0;} #blocNeighborhood .et_pb_column:first-of-type .et_pb_module { padding-top: 0!important; padding-right: 0!important; max-width: inherit; text-align: left; } #blocNeighborhood .et_pb_blurb { padding-left: 0!important; } #blocNeighborhood .et_pb_blurb_content {max-width: inherit!important; padding: 30px 0 0; } #blocNeighborhood .et_pb_main_blurb_image { display: block; width: 200px; float: left; margin-top: 20px; margin-bottom: 60px; } #blocNeighborhood li { font-weight: 400!important;line-height: 30px;float: left;padding-left: 0px;padding-right: 0px;min-width: 230px; } /* BOUTON REQUEST PLUS GROS */ html[lang="fr-CA"] #main-menu .et_pb_column_2_tb_header { width: 8%!important; } html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header { width: 44% !important; } html[lang="fr-CA"] #topMenuPhone{display: none!important;} html[lang="fr-CA"] #openedMenu #MenuPhone{display: block!important;} html[lang="fr-CA"] #MenuPhone{ padding: 40px 0 0 15%!important; } html[lang="fr-CA"] #MenuPhone a{ font-size: 30px!important; } } @media only screen and (max-width: 1099px) { #main-menu .et_pb_column_0_tb_header { width: 30%!important; } #main-menu .et_pb_column_2_tb_header { width: 8%!important; } #topMenuPhone{display: none!important;} #openedMenu #MenuPhone{display: block!important;} #MenuPhone{ padding: 40px 0 0 15%!important; } #MenuPhone a{ font-size: 30px!important; } } @media only screen and (max-width: 980px) { #main-menu .et_pb_column_3_tb_header { width: 70%!important; } /* BOUTON REQUEST PLUS GROS */ html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header { width: 66% !important; } .et_pb_menu__menu { display: block!important; } .et_mobile_nav_menu { display: none!important; } #logoPosition { width: 145px!important; } #openedMenu a{ font-size: 30px!important; display: inline-block;} #openedMenu .et_pb_column:first-of-type{ margin-bottom: 0px!important;} #openedMenu .et_pb_column .et_pb_module{ margin-bottom: 0px!important;} #openedMenu #menuButton{ font-size: 20px!important; margin: 30px 0 0; } #MenuPhone{ padding: 40px 0 0 0!important; } #MenuPhone a{ font-size: 26px!important; } #blocContent1{ background: none!important; margin: 0; padding: 0;} #blocContent1 h2, #blocContent1 p{ text-align: center!important;} .mobileMainBg{ background-size: auto 100%;} #blocPlans ul.et_pb_tabs_controls{ width: 100%; } #blocPlans ul.et_pb_tabs_controls li{ width: 100%; margin: 0 0 10px;} #blocPlans .et_pb_tab { background-position-x: 0%!important; } #virtualTour h1{ font-size: 40px; margin: 50px 0 25px;} #virtualTour h2{ font-size: 27px!important; } #virtualTour iframe{ max-height: 60vh; } #mobileGallery{ display: none;} } @media only screen and (max-width: 850px) { #blocNeighborhood .et_pb_blurb_content {max-width: inherit!important; padding: 30px 0 0; } #blocNeighborhood .et_pb_main_blurb_image { float: none; margin-top: 0px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { #banner, #banner .et_pb_slider, #banner .et_pb_slide { min-height: 65vh; max-height: inherit; } #blocIntro h1{ font-size: 43px!important; line-height: 32px;} #blocIntro h1 strong{ font-size: 22px!important;} #blocIntro p strong { font-size: 44px; line-height: 65px; letter-spacing: 3px; } #blocPlans .et_pb_tab { padding-left: 0; min-height: inherit; background-size: 160px auto; background-repeat: no-repeat; background-position: right top 165px !important; } #blocPlans .et_pb_tab ul{ min-height: 230px; } #main-content h2 {font-size: 30px!important;line-height: 37px;} html[lang="fr-CA"] #blocInclusions h4{font-size: 16px; line-height: 23px!important; padding-top: 10px; } #mobileGallery{ display: block; } #mobileGallery .et_pb_gallery_fullwidth .et_pb_gallery_item{ display: block; width: 100%!important; margin: auto; } #mobileGallery img{ display: block; width: auto!important; height: 450px!important; margin: auto; } #mobileGallery .et-pb-controllers { top: inherit;right: inherit;left: 0;bottom: 15%;width: 100%;text-align: center;} #mobileGallery .et-pb-controllers a { margin-right: 10px; background: #FFF!important; } #blocSliderImage #mobileGallery .et-pb-controllers a.et-pb-active-control{ background: #bee1ea!important;} } @media only screen and (max-width: 600px) { .et_pb_section_0_tb_header { height: 165px; } #main-menu { padding-top: 60px!important; } html[lang="fr-CA"] #main-menu .et_pb_column_3_tb_header, #main-menu .et_pb_column_3_tb_header { width: 30%!important; } #main-menu .et_pb_column_4_tb_header { width: 16%!important; } #logoPosition { width: 145px; left: inherit; margin: auto; text-align: center; position: relative; padding-top: 25px; } #openedMenu .et_pb_module{ padding: 0!important;} #openedMenu #MenuPhone{ padding: 40px 0 0 0!important; } #openedMenu a{ font-size: 24px!important;} #openedMenu #menuButton{ font-size: 18px!important; } #MenuPhone a{ font-size: 20px!important; } #virtual-tour-pastille { right: inherit; left: 20px; top: -220px; width: 90px; } #main-content h2 {font-size: 26px!important;line-height: 30px;} #blocInclusions .et_pb_row_4col .et_pb_column{ width: 100%; margin: 4% 0; min-height: 80px; } #blocInclusions .et_pb_main_blurb_image{ width: 100px; } #blocFooter form .wpcf7-form-control-wrap,#blocFooter form .wpcf7-form-control-wrap.message { width: 100%; margin: 1% 0;} #virtualTour h1{ font-size: 30px; padding-top: 60px;} #virtualTour h2{ font-size: 22px!important; } #virtualTour iframe{ max-height: 40vh; } } @media only screen and (max-width: 550px) { #main-menu #menu-open p:after{ padding-right: 10px; } #blocIntro h1{ font-size: 38px!important; line-height: 25px;} html[lang="fr-CA"] #blocIntro h1{ font-size: 34px!important; } #blocIntro h1 strong{ font-size: 19px!important;} html[lang="fr-CA"] #blocIntro h1 strong{ font-size: 17px!important;} #blocIntro p strong { font-size: 38px; line-height: 50px; letter-spacing: 2px; } #blocIntro p{ font-size: 14px;} } @media only screen and (max-width: 500px) { #main-menu .et_pb_column_3_tb_header { width: 20%!important; } #main-menu .et_pb_column_4_tb_header { width: 20%!important; } } @media only screen and (max-width: 425px) { html[lang="fr-CA"] #blocIntro h1, #blocIntro h1{ font-size: 25px!important; } #main-content h2 {font-size: 21px!important;line-height: 26px;} #blocSliderImage .et-pb-controllers {right: 0;} } /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */ /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */