body { font-family:"Lato", sans-serif; } p { margin-bottom:0 !important; } a { text-decoration:none !important; color:#B87333; } .btn1 { border:1px solid #8D5A3B; color:#fff; padding:18px 45px; font-family:"Josefin Sans", sans-serif; font-size:22px; transition:0.4s; } .btn1:hover { background-color:#8D5A3B; color:#fff; } .btn2 { color:#8D5A3B; font-size:26px; font-family:"Josefin Sans", sans-serif; } .btn4 {   color:#fff;   padding:18px 45px;   font-family:"Josefin Sans", sans-serif;   background-color:#8D5A3B;   transition:0.4s;   border:1px solid #8D5A3B;   text-transform:uppercase;   font-size:15px;   line-height:14px; } .btn4:hover { background-color:transparent; color:#fff; border-color:#8D5A3B; } .btn5 {   border:1px solid #8D5A3B;   color:#fff;   font-family:"Josefin Sans", sans-serif;   transition:0.4s;   display:flex;   align-items:center;   justify-content:center;   height:54px;   width:239px;   text-transform:uppercase;   font-size:15px; } .btn5:hover { background-color:#8D5A3B; color:#fff; } h1, h2, h3, h4, h5, h6 { font-family:"Cormorant Infant", serif !important; } .pt-75 { padding-top:75px; } .pb-120 { padding-bottom:120px; } .pt-70 { padding-top:70px; } .pt-120 { padding-top:120px; } .p-70 { padding:70px 0; } .p-120 { padding:120px 0; } .p-150 { padding:150px 0; } .mt-120 { margin-top:120px; } .mb-120 { margin-bottom:120px; } .btn6 {   align-items:center;   background-color:#fff;   border:1px solid #fff;   color:#000;   display:inline-flex;   font-size:15px;   font-weight:700;   justify-content:center;   line-height:1.3em;   padding:16px 22px;   text-align:center;   text-transform:uppercase;   transition:0.4s; letter-spacing:1px; } .btn6:hover{ border-color:#fff; color:#fff; background-color:transparent; } .btn7 {   align-items:center;   background-color:#8D5A3B;   border:1px solid #8D5A3B;   color:#fff;   display:inline-flex;   font-size:15px;   font-weight:700;   justify-content:center;   letter-spacing:2px;   line-height:1.3em;   padding:16px 36px;   text-align:center;   text-transform:uppercase;   transition:0.4s; } .btn7:hover{ border-color:#8D5A3B; color:#8D5A3B; background-color:transparent; } .btn8 {   align-items:center;   background-color:transparent;   border:1px solid #8D5A3B;   color:#fff;   display:inline-flex;   font-size:15px;   font-weight:700;   justify-content:center;   line-height:1.3em;   padding:16px 36px;   text-align:center;   text-transform:uppercase;   transition:0.4s; letter-spacing:1px; } .btn8:hover{ border-color:#8D5A3B; color:#fff; background-color:#8D5A3B; } .btn9 {   align-items:center;   background-color:#8D5A3B;   border:1px solid #8D5A3B;   color:#fff;   display:inline-flex;   font-size:15px;   font-weight:700;   justify-content:center;   letter-spacing:3px;   line-height:1.3em;   padding:16px 36px;   text-align:center;   text-transform:uppercase;   transition:0.4s; } .btn9:hover{ border-color:#8D5A3B; color:#8D5A3B; background-color:transparent; } .btn9:hover .arow{ filter:brightness(0) saturate(100%) invert(36%) sepia(47%) saturate(505%) hue-rotate(339deg) brightness(96%) contrast(91%); }  header { background-color:#292E36; } header .top-header { padding:40px 0; } header .top-header .content-box { display:flex; align-items:center; justify-content:space-between; gap:20px; } header .top-header .content-box .logo-box img{ max-width:100%; height:auto; } header .top-header .content-box .btn-box .btn6{ font-size:15px; width:242px; border-color:#8D5A3B; color:#fff; background-color:transparent; } header .top-header .content-box .btn-box .btn6:hover{ border-color:#8D5A3B; color:#fff; background-color:#8D5A3B; } header .nav-section { border-top:1px solid #5C6168; border-bottom:1px solid #5C6168;  } header .nav-section .navbar-expand-lg{ padding:0; } header .navbar-expand-lg .navbar-nav .nav-item {   padding:16px 0; } header .follow-icon { display:inline-flex; list-style:none; padding-left:0; gap:30px; margin-bottom:0; width:100%; justify-content:end; } header .navbar-expand-lg .navbar-nav { gap:40px; } header .navbar-expand-lg .navbar-nav .nav-item a {   padding:0;   color:#ffff;   text-transform:uppercase;   font-size:13px;   letter-spacing:2px;   font-weight:600; } header .navbar-nav .nav-item.dropdown .dropdown-menu a { color:#292E36; padding:8px 13px; transition:0.4s; } header .navbar-nav .nav-item.dropdown .dropdown-menu a:hover { background-color:#292E36; color:#fff; } header ul.dropdown-menu.show { background:#fff; padding:0; } header .navbar-toggler { border:none; padding-left:0; } header .navbar-toggler:focus { box-shadow:none; } header .navbar-toggler span { filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(140%) contrast(103%); }   .hero-section { background-color:#292E36; } .hero-heading { font-family:"Lato", sans-serif; font-size:55px; font-weight:300; color:#fff; text-transform:uppercase; } .hero-paragraph { font-family:"Lato", sans-serif; color:#fff; font-size:24px; font-weight:400; line-height:1.4; padding:18px 0; padding-bottom:40px; } .hero-img { margin-bottom:-135px; }  .heading { font-size:42px; line-height:1.3; color:#292E36; font-weight:700; padding-bottom:25px; text-transform:uppercase; } .paragraph { font-size:22px; line-height:1.4; letter-spacing:1.3px; color:#555555; font-weight:400; padding-bottom:25px; }  .section-1 .content-box{ text-align:center; } .section-1 a { color:#7D867D; } .section-1 .btn-box { padding-top:25px; }  .section-2 { background-color:#f5f5f5; } .section-2 .btn-box a.btn1{ color:#7D867D; } .section-2 .btn-box{ margin-top:20px; margin-bottom:16px; } .section-2 .btn-box a.btn1:hover{ color:#fff; }  .feature { background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/feature-bg.png); background-repeat:no-repeat; background-size:cover; text-align:center; } .feature-h {   font-size:32px;   font-weight:700;   color:#dcaf6d;   letter-spacing:2px;   text-transform:uppercase;   margin-bottom:10px; text-align:center; } .feature-p {   text-align:center;   padding-bottom:15px;   letter-spacing:1.3px;   font-weight:400;   color:#fff;   font-size:20px; }  .health ul.tab-listing { padding-left:0; text-align:center; width:200px; border:1px solid #292E36; border-radius:0 0 6px 6px; height:max-content; } .health ul.tab-listing li { list-style:none; padding:20px; cursor:pointer; } .health ul.tab-listing li .box img { margin-bottom:8px; } .health ul.tab-listing li.active { background-color:#292E36; color:#fff; } .health ul.tab-listing li.btn-box { background-color:#292E36; } .health ul.tab-listing li.btn-box a { color:#fff; } .health ul.tab-listing li.active img { filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(140%) contrast(103%); } .health .tabs-p { color:#555555; font-size:26px; line-height:1.4; font-weight:400; } .health .tabs-contents-ul { padding-left:0; list-style:none; display:grid; grid-template-columns:repeat(2, 1fr); } .health .tabs-contents-ul li { color:#555555; font-size:26px; line-height:1.4; font-weight:400; position:relative; padding-left:30px; } .health .tabs-contents-ul li:before { position:absolute; content:''; width:18px; height:18px; background-color:#8D5A3B; left:0; top:50%; transform:translateY(-50%); border-radius:50%; } .health .tab-box { display:flex; }  .health .tabs-contents .health-tab-content.active { display:block; } .health .slick-dots { display:inline-flex; margin:auto; padding-left:0; list-style:none; width:100%; justify-content:center; margin-top:10px; } .health .slick-dots li { position:relative; } .health .slick-dots li:after { position:absolute; content:''; background-color:#CACACA; height:10px; width:10px; left:0; top:0; border-radius:50%; } .health .slick-dots li.slick-active:after { background-color:#8D5A3B; } .health .slick-dots li button { color:transparent; background:none; border:none; } .health .slick-dots li button:before { display:none; } .health .slick-dots li.slick-active button { color:transparent; } .new-health .btn-box{   margin-top:15px; margin-bottom:16px; } .new-health .btn-box a{   color:#7D867D; } .new-health .btn-box a:hover{   color:#fff; }  .testimonial { background-color:#f5f5f5; } .testimonial-box { display:flex; gap:20px; padding:30px 60px;  } .testimonial .img-box .testimonial-big-img { width:100%; object-fit:cover; } .testimonial-p { font-size:18px; line-height:1.4; font-weight:400; color:#292E36; padding-bottom:10px; padding-right:10px; }  .testimonial-name { font-size:24px; margin-top:10px; } .testimonial-post { font-size:18px; color:#292E36; }  .card-section { background-color:#292E36; padding-bottom:100px; } .card-section .heading-sec .card-section { color:#fff; font-size:30px; font-weight:600; } .card-section .img-box { position:relative; } .card-section .img-box .heading-sec { position:absolute; top:20px; width:100%; text-align:center; } .card-section .img-box .heading-sec p { padding:4px 0; background-color:#fff; color:#292E36; } .card-section .img-box .heading-sec .top-border { height:4px; display:block; background:#fff; margin-bottom:4px; } .card-section .img-box .heading-sec .bottom-border { height:4px; display:block; background:#fff; margin-top:4px; } .card-section .img-box .footer-box { background:rgba(255, 255, 255, 0.459); padding:7px 15px; transition:0.4s; } .card-section .img-box .footer-box a { font-size:30px; color:#fff; display:flex; align-items:center; justify-content:space-between; } .card-section .content-box { margin-top:-130px; } .card-section .content-box:hover .img-box .footer-box { background-color:#ffffff1f; }  footer { padding:150px 0; background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/footer-bg-min.png); background-repeat:no-repeat; background-size:cover; } footer .form-sub-heading { font-size:15px; font-weight:500; letter-spacing:3px; text-transform:uppercase; color:#fff; border-top:1px solid #8D5A3B; border-bottom:1px solid #8D5A3B; padding:3px 0; } footer .form-heading { font-size:48px; text-transform:uppercase;   font-weight:900; color:#fff; padding-top:10px; padding-bottom:20px;   letter-spacing:2px; } footer > .container > .row { background-color:#292E36DE; align-items:center; } footer .footer-left { text-align:center; padding:75px 20px; } footer input, footer select { height:55px; }  footer .form-control:focus { box-shadow:none !important; border-color:#8D5A3B !important; } footer .form-control:focus-visible { outline:none; } footer .form-control { margin-bottom:30px; border:1px solid #858585 !important; border-radius:0 !important; background-color:transparent; font-size:14px; } footer input::placeholder, footer textarea::placeholder, footer select::placeholder { color:#fff !important; } footer input:focus::placeholder, footer textarea:focus::placeholder, footer select:focus::placeholder, .form-control:focus, .form-control { color:#fff !important; background:transparent !important; } footer select option{ background-color:#2a2a2a !important; padding:10px; } footer select option:hover{ background-color:#1f1f1f !important; } footer .footer-left .select-div {   position:relative; } footer .footer-left .select-div::after {   content:'';   position:absolute;   top:50%;   transform:translateY(-50%);   right:15px;   width:14px;   height:8px;   background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/down-arrow.png);   background-repeat:no-repeat;   background-size:contain;   pointer-events:none;   z-index:3; filter:invert(1); } .btn3 { font-family:"Josefin Sans", sans-serif; font-size:20px; color:#292E36; padding:15px 45px; background-color:#fff; border-radius:0; border-color:#fff; transition:0.4s; } .btn3:hover { background-color:#8D5A3B; border-color:#fff; } footer .address-h { font-size:22px; font-weight:900; color:#dcaf6d; margin-bottom:10px; text-transform:uppercase; letter-spacing:2px; } footer .address-p, footer .address-email a, footer .addres-tel a { color:#fff; text-align:left;   letter-spacing:1.3px;   font-weight:700;   font-size:20px; line-height:1.4; margin-bottom:30px !important; } footer .addres-tel { margin-bottom:30px; font-family:"Lato", sans-serif !important; }  footer .address-email { margin-bottom:40px; }  footer .footer-follows { font-size:22px;   font-weight:900;   color:#dcaf6d;   margin-bottom:20px; text-transform:uppercase; letter-spacing:2px; } footer .follow-icon { display:inline-flex; list-style:none; padding-left:0; gap:30px; } footer .footer-right { padding:45px 20px; } footer .col-lg-4 { border-left:1px solid #FFFFFF; }  .copyright { padding:25px 0; text-align:center; background-color:#292E36; padding-top:35px; }  .copyright p { color:#fff; } .copyright .img-box img {   max-width:60px;   max-height:60px;   position:absolute;   margin-top:-68px;   background:#fff;   padding:5px;   border-radius:50%;   left:50%;   transform:translateX(-50%); } .testimonial .slick-prev { position:absolute; left:0; bottom:-52px; z-index:5; border:1px solid #8D5A3B; background:transparent; color:#8D5A3B; border-radius:50%; height:40px; width:40px; display:flex; align-items:center; justify-content:center; } .testimonial .slick-next { position:absolute; right:0; bottom:-52px; border:1px solid #8D5A3B; background:transparent; color:#8D5A3B; border-radius:50%; height:40px; width:40px; display:flex; align-items:center; justify-content:center; } .testimonial-box { padding:0; margin:0 16px; border:1px solid #ccc;  } .testimonial-box .content-box {   padding:20px 15px; } .testimonial-box .img-box {   padding-top:24px; } .new-card-section .content-box .text-box {   background-color:#f5f5f5;   padding:25px;   text-align:center; } .new-card-section .content-box .text-box h4 {   font-size:22px;   font-weight:bold; text-transform:uppercase; } .new-card-section .content-box .text-box p {   line-height:1.6; min-height:160px; } .new-card-section .content-box .text-box .btn-box {   margin-top:25px; } .new-card-section .content-box .text-box .btn-box a {   color:#000;   font-weight:500;   border-bottom:1px solid #000;   padding-bottom:3px; } .new-card-section .content-box .new-card-heading-border {   display:block;   width:10%;   margin:auto;   background-color:#000;   height:1px;   margin-top:0;   margin-bottom:10px; } .new-card-section .content-box {   display:flex;   flex-direction:column;   height:100%; background-color:#f5f5f5; } .new-card-section .content-box .img-box img{ transition:0.4s; } .new-card-section .content-box .img-box{ overflow:hidden; } .new-card-section .content-box:hover .img-box img{ transform:scale(1.2); }   .inner-hero { padding:200px 0; margin:35px; background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/lifestyle-hero.png); background-size:cover; background-repeat:no-repeat; position:relative; } .inner-hero:after { position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:#00000096; z-index:0; } .career-hero { background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/career-bg.jpg); } .inner-hero .content-box { position:relative; z-index:2; } .inner-hero .inner-h { color:#FFF8F5; font-size:56px; } .inner-hero .inner-p { color:#FFF8F5; } .inner-hero.giving-back-hero{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/giving-back-hero-bg.jpg); padding:130px 0; } .inner-hero.tech-hero{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/tech-hero.jpg); } .inner-h { font-size:48px; color:#292E36; margin-bottom:20px; font-weight:900;   letter-spacing:2px; text-transform:uppercase; } .inner-p { line-height:1.4; font-weight:400; color:#292E36; letter-spacing:1.3px;   font-size:22px; } .light-bg { background-color:#FFF8F5; } .dark-bg { background-color:#292E36 !important; color:#fff !important; } .challenges .row.challenges-row-1 { padding:0px 30px; margin-top:-215px; position:relative; } .challenges .row.challenges-row-1{ background-color:#292E36; }  .challenges-row-1 .inner-h{ color:#fff; } .challenges-row-1 .inner-p{ color:#fff; } .challenges .row.challenges-row-2 { padding:30px 2px; background-color:#292E36; } .challenges ul { padding-left:10px; margin-bottom:0; } .challenges ul li { font-size:20px; font-weight:400; line-height:1.3; position:relative; letter-spacing:1.3px; } .challenges ul li:not(:last-child) { margin-bottom:20px; }  .challenges ul.dining-hero-list li{ color:#fff; } .challenges ul.dining-hero-list {   margin-top:20px;   padding-left:24px; } .challenges .row.challenges-row-2 .content-box { background-color:#fff; padding:30px 10px 30px 30px; display:flex; height:100%; } .inner-sec-2 { position:relative; } .inner-sec-23 { background-color:#f5f5f5; } .inner-sec-2 .container-fluid { max-width:1920px; } .inner-sec-2 h3 { color:#8D5A3B; font-size:32px; font-weight:900; line-height:1.2; letter-spacing:1.3px; text-transform:uppercase; margin-bottom:20px; } .inner-sec-2 .inner-p { margin-bottom:35px !important; } .inner-sec-2 .img-box img { width:100%;  } .inner-sec-2 .img-box { padding-right:30px; } .inner-sec-2 ul { padding-left:26px; margin-bottom:0; } .inner-sec-2 ul li { font-size:20px; font-weight:400; line-height:1.3; position:relative; letter-spacing:1.3px; } .inner-sec-2 ul li:not(:last-child) { margin-bottom:20px; }  .author-quote{ background-color:#f5f5f5; } .author-quote h4 { font-size:36px; font-weight:500; font-style:italic; color:#7D867D; width:60%; } .author-quote .content-box { border-right:15px solid #7d867d; border-left:15px solid #7d867d; padding:30px 15px; text-align:center; display:flex; align-items:end; } .author-quote .content-box p { font-size:24px; color:#292E36; font-weight:700; font-family:"Cormorant Infant", serif; width:20%; text-align:right; } .author-quote .content-box p span { background:#292E36; height:2px; display:block; width:25%; margin-left:auto; }  .inner-sec-3 .inner-sec-3-heading h3 {   font-size:30px;   font-weight:900; letter-spacing:1.3px;   color:#8D5A3B;   text-transform:uppercase; } .inner-sec-3 ul { padding-left:24px; margin-bottom:0; } .inner-sec-3 ul li { font-size:20px; font-weight:400; line-height:1.3; position:relative; letter-spacing:1.3px; } .inner-sec-3 .content-box .list-heading{ font-size:20px; padding-bottom:15px; letter-spacing:1.3px; } .inner-sec-3 ul li:not(:last-child) { margin-bottom:20px; } .inner-sec-4 { max-width:1920px;  position:relative; background-color:#f5f5f5; } .inner-sec-4 .container-fluid { padding:0 35px; max-width:1920px; }  .inner-sec-4 .small-images {   margin:auto;   margin-top:-85px;   display:flex;   gap:20px;   justify-content:center;   width:42%; } .inner-sec-4 .small-images img:first-child { margin-right:20px; } .inner-sec-4 .small-images img { border:10px solid #fff; } .inner-sec-4 .content-box { background-color:#fff; padding:50px; padding-right:120px; position:absolute; width:42%; right:0; top:50%; transform:translateY(-68%); } .inner-sec-4 .content-box h3 { color:#292E36; font-size:32px; font-weight:700; margin-bottom:20px; text-transform:uppercase; } .inner-sec-4 .content-box p { color:#292E36; font-weight:400; font-size:20px; letter-spacing:1.3px; } .inner-sec-4 .content-box .btn-box { text-align:center; margin-top:25px; } .inner-sec-4 .content-box .btn-box a {   text-align:center;  font-size:24px;  display:block;   padding:8px 0;   } .challenges .row { margin:0 20px; } .job-form .row.light-bg { padding:30px;  position:relative; } .job-form-heading { padding-bottom:80px; padding-top:70px; } .job-form-heading .row h2 { font-size:48px; font-weight:bold; text-transform:uppercase; color:#292E36; text-align:center; margin-bottom:40px; } .job-form-heading .row h4{   text-transform:uppercase;   font-size:32px;   color:#8D5A3B;   font-weight:bold; margin-top:15px; } .job-form-heading ul{ padding-left:26px; } .job-form-heading ul li{ font-size:20px;   font-weight:400;   line-height:1.3;   position:relative;   letter-spacing:1.3px; margin-bottom:10px; } .job-form input, .job-form select { height:55px; } .job-form .form-control { margin-bottom:30px; border:1px solid #b1b1b1 !important; border-radius:0 !important; background-color:#fff; } .job-form .form-control:focus { box-shadow:none !important; border-color:#8D5A3B !important; } .job-form form { margin-top:15px; } .job-form .select-div, .contact-page-form .select-div { position:relative; } .job-form .select-div::after { filter:invert(1); } .job-form .select-div::after, .contact-page-form .select-div::after { content:''; position:absolute; top:50%; transform:translateY(-50%); right:15px; width:14px; height:8px; background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/down-arrow.png); background-repeat:no-repeat; background-size:contain; pointer-events:none; z-index:3; } .job-form button, .job-form .wpcf7-form-control { font-family:"Josefin Sans", sans-serif; font-size:20px; color:#fff; background-color:#8D5A3B; border-radius:0; border-color:#8D5A3B; transition:0.4s; display:block; width:100%; height:55px; line-height:45px; } .job-form button:hover, .job-form .wpcf7-form-control:hover { background-color:transparent; color:#8D5A3B; border-color:#8D5A3B; } .job-form input::placeholder, .job-form textarea::placeholder, .job-form select::placeholder { color:#fff !important; } .job-form input:focus::placeholder, .job-form textarea:focus::placeholder, .job-form select:focus::placeholder, .job-form .form-control:focus, .job-form .form-control { color:#fff !important; background:transparent !important; } .job-form .row.light-bg {   background-color:#292E36;   min-height:600px;   margin:auto; } .job-form .select-div select option{ color:#292E36; } .job-form-model .modal-body {   padding:0 !important; } .job-form-model .modal-header {   background:transparent;   border-bottom:none; } .job-form-model .modal-content {   background:transparent;   border:none; } .job-form-model .btn-close {   opacity:1;   filter:invert(1); }   .job-form .form-h4 {   text-align:center;   color:#fff;   font-size:28px;   margin-bottom:22px; } .form-apply-btn {   color:#8D5A3B;   font-size:18px;   font-weight:600;   display:flex;   align-items:center;   border:1px solid #8D5A3B;   width:max-content;   padding:8px 38px; } .form-apply-btn img {   filter:invert(81%) sepia(46%) saturate(1742%) hue-rotate(356deg) brightness(78%) contrast(53%); animation:new-animate 1s infinite; } @keyframes new-animate {   0% {  opacity:0;  transform:translate(0px, 0px);   }   50% {  opacity:1;   }   100% {  opacity:0;  transform:translate(20px, 0px);   } } .new-positions .content-box {   text-align:center;   border:1px solid #8b5a3d5c;   padding:15px;   background:#fffbf8;   display:flex;   flex-direction:column;   height:100%;   align-items:center;   min-height:210px;   border-radius:6px;   justify-content:center; transition:0.4s; } .new-positions .content-box:hover{ background-color:#fff; box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px; } .new-positions .content-box h6 {   font-size:22px;   text-transform:uppercase;   font-weight:bold;   margin-top:7px; color:#8D5A3B; margin-top:15px; } .new-positions .content-box img{ max-width:80px; max-height:80px; } .choose-us .inner-p { margin-bottom:40px !important; } .choose-us .col-lg-6:last-child .content-box { padding:50px 30px; background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/content-bg.png); background-repeat:no-repeat; background-size:cover; border-radius:10px; } .choose-us .content-box { display:flex; flex-direction:column; height:100%; } .choose-us .col-lg-6:first-child .content-box .box { padding:50px 30px; background-color:#FFF5E3; border-radius:10px; } .choose-us .col-lg-6:first-child .content-box .box:last-child { background-color:#F3ECF6; margin-top:20px; } .choose-us .content-box h4 { font-size:40px; font-weight:600; color:#000; } .choose-us .content-box p { font-family:"Josefin Sans", sans-serif; font-size:20px; line-height:1.5; color:#000; } .job-posting { background-color:#292E36; padding:80px 0; } .job-posting .inner-p { margin-bottom:40px !important; } .job-posting .bg-gray { background-color:#40454F; border-left:3px solid #7D867D; } .job-posting .bg-transparent { border-left:3px solid #40454F; } .job-posting .col-md-12 .content-box { padding:20px 15px; color:#fff; display:flex; align-items:center; gap:1%; } .job-posting .col-md-12 .content-box .first-box { width:20%; padding-right:30px; } .job-posting .col-md-12 .content-box .second-box { width:63%; border-right:1px solid #C8C8C8; padding-right:10px; } .job-posting .col-md-12 .content-box .third-box { width:15%; text-align:center; } .job-posting .col-md-12 .content-box .first-box h4 { margin-bottom:0; font-size:26px; line-height:1.3;  } .job-posting .col-md-12 .content-box .second-box p { font-family:"Josefin Sans", sans-serif; font-size:20px; line-height:1.3; font-weight:400; margin-bottom:10px !important; } .job-posting .col-md-12 .content-box .second-box span { display:block; background-color:#7D867D; border:1px solid #fff; font-size:16px; font-weight:600; color:#FFF8F5; border-radius:4px; width:max-content; padding:2px 8px; } .job-posting .col-md-12 .content-box .third-box a { font-family:"Josefin Sans", sans-serif; font-size:20px; font-weight:400; color:#fff; } .job-form input[type="file"] { color:transparent;  }   .job-form input[type="file"]::before {  content:'Upload PDF';  color:#fff;  display:inline-block;  padding:8px 0;  width:auto;  }  .job-form input[type="file"]:hover::before { border-color:#888;  }  .job-form input[type="file"]:focus::before { outline:none; outline:-webkit-focus-ring-color auto 5px;  }  .job-form input[type="file"]::-webkit-file-upload-button { visibility:hidden;  } .interview .inner-p { margin-bottom:40px !important; } .interview .step-flow { display:flex; flex-direction:column; align-items:center; position:relative; margin:0 50px; } .interview .step { position:relative; width:100%; display:flex; justify-content:space-between; margin:40px 0; } .interview .content { width:45%; } .interview .content h3 { font-size:32px; font-weight:500; line-height:1.3; color:#000; } .interview .content p { font-family:"Josefin Sans", sans-serif; font-size:20px; font-weight:400; line-height:1.3; color:#000; border-radius:10px; padding:25px; } .interview .left { text-align:right; } .interview .right { text-align:left; } .interview .dot { position:absolute; left:50%; top:15px; width:25px; height:25px; background-color:#8D5A3B; border-radius:50%; transform:translate(-50%, -50%); } .interview .step-flow::before { content:''; position:absolute; top:0; bottom:0; left:50%; width:4px; background:linear-gradient(to right, #FFFFFF 30%, #FFAD7A 20%, #FFFFFF 100%); transform:translateX(-50%); } .interview .bg-1 { background-color:#FFF8F5; } .interview .bg-2 { background-color:#EFEFEF; } .team-section { padding:100px 0; background-color:#7D867D; } .team-section .img-box img { object-fit:cover; width:100%; } .team-section .content-box { background:#fff; padding:20px; position:relative; margin-top:-120px; z-index:1; } .team-section .content-box h4 { font-size:32px; color:#000; } .team-section .content-box p { font-family:"Josefin Sans", sans-serif; font-size:20px; color:#000; } .team-section .content-box::after { position:absolute; content:''; width:100%; height:100%; top:-20px; left:-20px; background-color:#ffffff57; border:1px solid #FFFFFF; z-index:-1; }  .contact-page { position:relative; overflow:hidden; background-color:#f5f5f5; } .contact-page .img-box img { position:absolute; right:0; top:0; width:33%; object-fit:cover; height:100%; } .contact-page .container { position:relative; } .contact-page .content-box { padding-right:60px; } .contact-page h1.contact-h {   font-family:"Josefin Sans", sans-serif;   color:#292E36;   font-size:44px;   font-weight:600;   line-height:1.1;   margin-bottom:25px;   text-transform:uppercase; } .contact-page p.contact-p { font-family:"Josefin Sans", sans-serif; color:#000; font-size:20px; margin-bottom:40px !important; } .contact-page .box h6 { font-size:24px; font-weight:500; color:#8D5A3B; display:flex; align-items:center; margin-bottom:20px; } .contact-page .box h6 img { margin-right:5px; } .contact-page .box p { font-family:"Josefin Sans", sans-serif; font-size:22px; color:#000; line-height:1.2; } .contact-page .box p a { color:#000; transition:0.4s; word-wrap:break-word; } .contact-page .box p a:hover { color:#8D5A3B; } .contact-page .box { padding-bottom:5px; border-bottom:1px solid #7D867D; } .contact-page .box:not(:first-child) { margin-top:40px; } .contact-page button, .contact-page .wpcf7-form-control { font-family:inherit; font-size:15px; color:#fff; background-color:#8D5A3B; border-radius:0; border-color:#fff; transition:0.4s; display:block; width:100%; height:55px; line-height:45px; text-transform:uppercase; letter-spacing:3px; font-weight:700; } .contact-page button:hover, .contact-page .wpcf7-form-control:hover { background-color:#fff; color:#8D5A3B; border-color:#8D5A3B; } .contact-page button:active { background-color:#fff !important; color:#8D5A3B !important; border-color:#8D5A3B !important; } .contact-page form { background:#fff; padding:30px 25px; } .contact-page form label { font-family:"Josefin Sans", sans-serif; font-size:20px; color:#000; } .contact-page .form-control { margin-bottom:30px; border:1px solid #F0E8E4 !important; border-radius:0 !important; background-color:#FFF8F5; } .contact-page input::placeholder, .contact-page textarea::placeholder, .contact-page select::placeholder { color:#292E36 !important; } .contact-page input:focus::placeholder, .contact-page textarea:focus::placeholder, .contact-page select:focus::placeholder, .contact-page .form-control:focus, .contact-page .form-control { color:#292E36 !important; background:transparent !important; } .contact-page input, .contact-page select { height:55px; } .contact-page .form-control:focus { box-shadow:none !important; border-color:#8D5A3B !important; }  .challenges.activities-sec .row.challenges-row-1{ padding:35px 30px; } .challenges.activities-sec .row.challenges-row-1 .heading-2{ color:#fff } .activities-hero{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/activities-hero.jpg); } .activities-hero-new{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/activity-bg.jpg) !important; } .activities-img .img-box {   border-radius:10px;   box-shadow:4px 4px 34px 0 #0000001c;   padding:15px;   transition:0.4s;   border:1px solid #eee; position:relative; overflow:hidden; } .activities-img .img-box:hover{ box-shadow:none; } .activities-img .img-box img{   border-radius:10px; } .activities-img .img-box .hidden-text {   position:absolute;   height:100%;   width:100%;   background:#000000bf;   top:-105%;   left:0;   border-radius:10px;   display:flex;   align-items:center;   justify-content:center;   color:#fff; transition:0.4s; } .activities-img .img-box:hover .hidden-text{ top:0%; } .activities-img .img-box .hidden-text p {   color:#fff;   font-size:24px; }  .service-hero .container-fluid { max-width:1920px; } .service-hero .first-box {  background-repeat:no-repeat; background-size:cover; background-color:#292E36; height:100%; display:flex; flex-direction:column; text-align:right; position:relative; padding-right:30px; } .service-hero .first-box p { font-family:"Josefin Sans", sans-serif; font-size:20px; color:#fff; text-transform:uppercase; } .service-hero .first-box h2 { font-family:"Josefin Sans", sans-serif; font-size:48px; line-height:1.3; color:#fff; padding:30px 0; text-transform:uppercase; } .service-hero .first-box .btn-box a { font-family:"Josefin Sans", sans-serif; background-color:#000; border:1px solid #fff; font-size:20px; color:#fff; padding:8px 15px; } .service-hero .third-box { position:relative; height:100%;  background-repeat:no-repeat; background-size:cover; background-color:#292E36; } .service-hero .third-box .img-1 { position:absolute; right:0; top:50%; transform:translateY(-50%); }  .service-hero .third-box ul {   list-style:none;   max-width:fit-content;   margin-left:auto;   padding-top:40px;   padding-right:30px;   position:absolute;   width:100%;   bottom:13px;   left:20px; } .service-hero .third-box ul li { font-family:"Josefin Sans", sans-serif; display:flex; align-items:center;  border-bottom:1px solid #ccc; padding-bottom:7px; margin-top:15px; font-size:20px; color:#fff; gap:30px; } .service-hero .third-box ul li:last-child{ border-bottom:none; } .service-hero .third-box ul li img {   width:10px;   height:10px;   filter:brightness(100) saturate(100%);   opacity:0.8; } .service-hero .third-box .img-2 { position:absolute; bottom:50px; left:-37%; width:70%; } .service-hero .second-box img { width:100%; object-fit:cover; } .service-hero .first-box .first-box-div { position:relative; top:50%; transform:translateY(-50%); } .service-hero .third-box { position:relative; height:100%; } .service-hero .slick-initialized .slick-slide { margin-right:0; max-height:800px; margin-bottom:-7px; } .service-hero .col-lg-4 { padding:0; } .service-hero .slide-boxes video{ max-height:800px; object-fit:cover; } .dining-section .container-fluid { max-width:1920px; }  .dining-section .ul-box { background-color:#f5f5f5; padding:30px 10px 30px 25px; display:flex; align-items:center; gap:20px; margin:30px 0; position:relative; z-index:1; } .dining-section .img-box { position:sticky; top:65px; } .dining-section .ul-box ul { padding-left:10px; margin-bottom:0; } .dining-section .ul-box ul li { font-size:20px; font-weight:400; line-height:1.3; position:relative; letter-spacing:1.3px; } .dining-section .ul-box ul li:not(:last-child) { margin-bottom:20px; }  .dining-section .ul-box img { max-width:50%; } .dining-section-new .inner-p{ margin-bottom:35px !important; } .dining-section-new .paragraph{ color:#292E36; padding-bottom:10px; } .dining-section-new ul li {   font-size:22px;   font-weight:400;   line-height:1.3;   position:relative;   padding-left:8px;   margin-bottom:0px;   color:#292E36;   letter-spacing:1.3px; } .variety { background-repeat:no-repeat; background-size:cover; } .variety .container-fluid { position:relative; max-width:1920px; } .variety .container-fluid .container { position:absolute; height:100%; top:0; left:50%; transform:translateX(-50%); margin:auto; } .variety .container-fluid .container .row { height:100%; align-items:center; } .variety-1 { background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/bg-1.png); } .variety-2 { background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/bg-2.png); } .variety-3 { background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/bg-3.png); } .variety-4 { background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/bg-4.png); } .variety .img-box.right { text-align:right; } .variety .content-box.right { text-align:right; } .variety .img-box.left { text-align:left; } .variety .content-box.left { text-align:left; } .variety .col-6 { padding:0; } .dining-2 .btn-box a { font-family:"Josefin Sans", sans-serif; background-color:#292E36; border:1px dashed #fff; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; width:max-content; gap:25px; position:relative; } .dining-2 .btn-box a::after { position:absolute; content:''; width:95%; height:115%; right:0; top:0; background-color:#292E36; margin-top:-4px; z-index:-1; } .dining-2 .btn-box { margin-top:30px; } .dining-2 .col-lg-6:last-child .img-box { text-align:right; } .dining-2 .left { padding-right:60px; } .dining-2 .sticky-box { font-family:"Josefin Sans", sans-serif; box-shadow:4px 4px 34px 0 #00000014; padding:25px; margin-top:20px; position:relative; right:-385px; max-width:440px; background-color:#fff; } .dining-2 .left, .dining-2 .right { display:flex; flex-direction:column; height:100%; justify-content:space-between; } .plant .btn-box a { font-family:"Josefin Sans", sans-serif; background-color:#292E36; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; width:125%; gap:25px; position:relative; } .plant .btn-box { margin-top:40%; } .plant .left { display:flex; flex-direction:column; height:100%; border-left:1px solid #292E36; } .plant .bottom-border { border-bottom:1px solid #292E36; } .plant .top-border { border-top:1px solid #292E36; width:50%; } .plant .col-md-7 .img-box { position:relative; height:100%; } .plant .col-md-7 .img-box::after { position:absolute; content:''; width:1px; height:30%; right:0; bottom:0; background-color:#292E36; z-index:-1; } .plant .text-box { padding-top:30px; padding-left:40px; } header .fixed-nav {   position:fixed;   top:0;   left:0;   width:100%;   z-index:9999;   background-color:#292E36;   box-shadow:0 2px 10px rgba(0, 0, 0, 0.1); }  .accommodation-hero{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/accommodation-hero-bg.png); } .accommodation-sec .box h6 {   font-size:24px;   font-weight:bold;   color:#000;   margin-top:8px; } .accommodation-sec .box {   background:#fff;   text-align:center;   padding:36px;   border:1px solid #F8EBE5;   border-radius:10px;   transition:0.4s;   display:flex;   align-items:center;   flex-direction:column;   height:200px; } .accommodation-sec .box:hover{ border-color:#000; } .accommodation-sec .box img {   max-width:52px;   max-height:52px; } .two-img .img-box .img-box-1{ position:relative; } .two-img .img-box .img-box-1 .text-box{ position:absolute; bottom:0; left:0; width:100%; height:38%; background-color:#8D5A3B; display:flex; align-items:center; justify-content:center; padding:20px; } .two-img .img-box .img-box-1 .text-box p{ text-align:center; font-size:28px; color:#fff; line-height:1.3; } .two-img .content-box a:hover{ color:#8D5A3B; } .two-img .paragraph.pb-auto{ padding-top:25px; padding-bottom:16px; } .two-img .paragraph{ padding-bottom:15px; } .heading-2{ font-size:44px; margin-bottom:15px; font-weight:600; text-transform:uppercase; } .two-img ul {   padding-left:26px;   margin-bottom:0; } .two-img ul li {   font-size:22px;   font-weight:400; letter-spacing:1.3px;   line-height:1.3;   position:relative;   padding-left:8px; color:#555555; } .two-img ul li:not(:last-child) {   margin-bottom:15px; } .event-slider .follow-icon img {   filter:brightness(0) saturate(100%) invert(35%) sepia(67%) saturate(381%) hue-rotate(339deg) brightness(93%) contrast(89%); } .two-img .ul-p {   margin-top:10px;   padding-bottom:10px;   font-size:32px;   text-transform:uppercase;   color:#8D5A3B; } .our-mission-new{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/our-mission-new-bg.jpg); background-size:cover; background-repeat:no-repeat; padding:70px 0; background-position:top; } .our-mission-new .row{ border:2px solid #DCD1C5; margin:auto 70px; } .our-mission-new .row .content-box{   padding:30px 20px; } .our-mission-new .row .col-lg-6:first-child .content-box{ border-right:2px solid #fff; } .our-mission-new .row .col-lg-6:last-child .content-box{ border-left:2px solid #fff; } .our-mission-new .heading-2 {   margin-top:15px; } .our-mission-new p{ color:#fff; font-size:20px; line-height:1.4; } .accommodation-feature .heading-2 {   color:#292E36;   margin-top:20px; } .accommodation-feature p {   font-size:20px;   line-height:1.5; } .accommodation-feature .middle-border{ display:block; width:30%; height:2px; background-color:#000; margin:10px 0; } section.our-suite-sec {   background:#f5f5f5; } section.our-suite-sec .inner-h, section.our-suite-sec .inner-p{ color:#fff } .our-suite-sec ul li {   font-size:20px;   font-weight:400;   line-height:1.3;   position:relative;   padding-left:8px; margin-bottom:10px;  color:#fff; letter-spacing:1.3px; } .our-suite-sec h3 { color:#fff;   font-size:32px;   font-weight:700;   line-height:1.2; text-transform:uppercase; } .three-feature .img-box{ text-align:center; } .three-feature .img-box img{ max-width:90px; max-height:90px; filter:brightness(0) saturate(100%) invert(33%) sepia(67%) saturate(377%) hue-rotate(339deg) brightness(98%) contrast(89%); } .three-feature h3 {   color:#000;   font-size:28px;   font-weight:700;   line-height:1.2;   text-align:center;   margin:15px 0; text-transform:uppercase; } .three-feature .btn-box .btn5{ margin:auto; color:#fff; background-color:#8D5A3B; font-size:18px; } .three-feature .model-img img{ display:none; } .three-feature .btn-box .btn5:hover{ color:#8D5A3B; background-color:transparent; } .three-feature-popup .popup-content img{ height:100%; width:100%; } .three-feature-popup.popup-overlay {   display:none;   position:fixed;   top:0;   left:0;   width:100%;   height:100%;   background-color:rgba(0, 0, 0, 0.8);   justify-content:center;   align-items:center;   z-index:1000; } .three-feature-popup .popup-content {   position:relative;   background-color:#fff;   padding:20px;   border-radius:8px;   text-align:center;   height:70%;   top:4%; } .three-feature-popup .close-btn {   position:absolute;   top:-36px;   right:0px;   color:#ffffff;   font-size:24px;   cursor:pointer; }   .activities-hero{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/amenities-hero-bg.png); } .amenities-feature .box {   background:#fff;   text-align:center;   padding:0px;   border:1px solid #F8EBE5;   border-radius:10px;   transition:0.4s; } .amenities-feature .box h6 {   font-size:24px;   font-weight:bold;   color:#000;   margin-top:8px;   padding:10px 8px;   height:80px; } .accommodation-sec.amenities-feature .row.challenges-row-1{ padding-bottom:0; background-color:transparent; position:relative; z-index:1; } .accommodation-sec.amenities-feature .row.challenges-row-1::before{ position:absolute; content:''; width:100%; height:90%; left:0; top:0; background-color:#FFF8F5; z-index:-1; } .amenities-feature .box img {   width:100%;   object-fit:cover; } .amenities-details{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/amenities-details-bg.png); background-repeat:no-repeat; background-size:cover; padding:50px 0; background-position:center; margin-top:100px; } .amenities-details .heading-box h2{ font-size:44px; font-weight:600; color:#fff; text-transform:uppercase; letter-spacing:2px; } .amenities-details .content-box h6{ color:#292E36; font-weight:600; font-size:32px; margin-top:12px; } .amenities-details .content-box p{ color:#7D867D; font-size:20px; } .amenities-details .content-box {   background:#fff;   box-shadow:10px 12px 36px 0 #00000014; border:1px solid transparent; transition:0.4s; } .amenities-details .content-box:hover{   border:1px solid #949494;   background:#fcf2ed; } .amenities-sec-1 .content-box h4{ color:#292E36; font-size:32px; font-weight:600; } .amenities-sec-1 .content-box p {   color:#292E36;   font-size:20px;   line-height:1.5; letter-spacing:1.3px; } .amenities-sec-1 .img-box{ position:relative; } .amenities-sec-1 .img-box .text-box {   position:absolute;   width:65%;   height:65%;   left:50%;   top:50%;   transform:translate(-50%, -50%);   border:5px solid #fff; padding:20px; } .amenities-sec-1 .img-box .text-box h4{ color:#fff; font-size:40px; font-weight:700; } .amenities-sec-1 .img-box img{ width:100%; object-fit:cover; border:20px solid #F0F0F0; } .amenities-sec-1 .col-lg-2 .content-box{ position:relative; } .amenities-sec-1 .col-lg-2 .content-box:after{ position:absolute; content:''; width:140%;  border-bottom:1px solid #C4C4C4; z-index:-1; } .amenities-sec-1 .col-lg-2.first .content-box:after{ bottom:-15px; left:0; } .amenities-sec-1 .col-lg-2.second .content-box:after{ top:-12px; right:0; } .amenities-5 h6 {   font-size:22px;   text-align:center;   padding-top:9px;   font-family:"Lato", sans-serif !important; } .amenities-5 .img-box{ overflow:hidden; } .amenities-5 .img-box img{ transition:0.4s; cursor:pointer; } .amenities-5 .img-box:hover img{ transform:scale(1.2); } .amenities-10 ul li {   font-size:20px;   font-weight:400;   line-height:1.3;   position:relative;   padding-left:8px; margin-bottom:12px; letter-spacing:1.3px; }  .inner-hero.events-hero{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/events-hero-bg.png); } .inner-hero.dining-hero{ background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/img/dining-bg.jpg); } .amenities-hero { margin-bottom:0; } section.event-slider {   overflow:hidden; } .event-slider-box {   max-width:1920px;   margin:auto; } .event-slider-box .slick-arrow{ position:absolute;   bottom:-50px;   border:1px solid #8D5A3B;   background:transparent;   color:#8D5A3B;   border-radius:50%;   height:40px;   width:40px;   display:flex;   align-items:center;   justify-content:center; display:none !important; } .event-slider .follow-icon {   display:flex;   justify-content:center;   list-style:none;   gap:15px; } .event-slider-box .slick-prev {   left:47%; } .event-slider-box .slick-next {   right:47%; } .event-slider-box .slick-slide {   margin-right:30px; } .gallery-box > a { display:flex; justify-content:center; align-items:center; font-size:2em;  }   .gallery-box > a > img { width:100%; height:100%; object-fit:cover; box-shadow:0 2px 16px var(--shadow);  }   .gallery-box { display:grid; grid-gap:10px; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); grid-auto-rows:120px; grid-auto-flow:dense;  }   .horizontal { grid-column:span 2;  }   .vertical { grid-row:span 2;  }   .big { grid-column:span 2; grid-row:span 2;  }  .feature .content-box img{ max-height:60px; }  .thankyou-section .content-box {   text-align:center; margin-top:45px; } .thankyou-section .content-box h1 {   font-size:48px;   font-weight:bold; margin-top:15px; } .thankyou-section .content-box p {   font-size:26px; } .thankyou-section .content-box .btn-box{ margin-top:30px; } .thankyou-section .content-box .btn-box a{ color:#4b4b4b; } .thankyou-section .content-box .btn-box a:hover{ color:#fff; } .thankyou-section .content-box .img-box img{ max-width:250px; }  .food-section-2 .box {   border-bottom:1px solid #ccc;   padding:13px 0; } .food-section-2 .img-box{ overflow:hidden; margin-bottom:10px; } .food-section-2 .box-2 .img-box:last-child {   max-height:43.8%; } .food-section-2 .gallery {   display:flex;   gap:10px; } .food-section-2 .gallery img {   cursor:pointer;   transition:transform 0.3s; } .food-section-2 .gallery img:hover {   transform:scale(1.1); } .food-section-2 .inner-h, .food-section-2 .inner-p, .food-section-2 .p-2 {   color:#292E36; } #popup.popup {   display:none;   position:fixed;   z-index:1000;   left:0;   top:0;   width:100%;   height:100%;   background-color:rgba(0, 0, 0, 0.8); } #popup.popup .popup-content {   position:relative;   margin:auto;   padding:10px;   max-width:80%;   max-height:80%;   display:flex;   align-items:center;   justify-content:center;   top:50%;   transform:translateY(-50%);   height:70%; } #popup.popup img {   max-width:100%;   max-height:100%;   border-radius:5px; } #popup.popup .close {   position:absolute;   top:70px;   right:30px;   font-size:30px;   color:white;   cursor:pointer; } #popup.popup .prev, #popup.popup .next {   position:absolute;   top:50%;   transform:translateY(-50%);   color:white;   font-size:30px;   cursor:pointer;   padding:10px; } #popup.popup .prev {   left:10px; } #popup.popup .next {   right:10px; } .inner-sec-22 h2.inner-h { text-align:center; } .tech-2 .content-box {   text-align:center;   padding:25px;   display:flex;   flex-direction:column;   height:100%; } .tech-2 .content-box.color-1 { background-color:#e7e7e7; } .tech-2 .content-box.color-2 { background-color:#292E36; } .tech-2 .content-box img{ max-width:70px; margin:auto; } .tech-2 .content-box.color-2 h4{ color:#fff; } .tech-2 .content-box.color-2 p{ color:#fff; } .tech-2 .content-box.color-2 img{ filter:invert(1); } .tech-2 .content-box h4 {   font-size:32px;   text-transform:uppercase;  margin-top:18px; font-weight:900; } .tech-2 .content-box p{ font-size:20px; margin-bottom:0; }   @media (min-width:768px) { .challenges .row.challenges-row-2 .col-md-6:first-child {  padding-left:20px; }  .challenges .row.challenges-row-2 .col-md-6:last-child {  padding-right:20px; } .testimonial-box {  height:310px; } } @media (min-width:992px) { .section-2 .content-box {  position:relative; }  .section-2 .content-box:before {  position:absolute;  content:'';  left:-12px;  top:50%;  width:1px;  height:140%;  transform:translateY(-50%);   } .section-2 .row {  overflow:hidden; } .section-2 .img-box {  padding-right:30px; } .section-2 .content-box {  padding-left:30px; }  .feature .content-box {  padding:35px 20px; }  .feature .border-box {  border-right:1px solid #797E89; }  header .navbar-expand-lg .nav-item.dropdown:hover .dropdown-menu {  display:block;  padding:10px; } .new-dropdown-menu {  position:relative;  top:18px; }  .navbar-expand-lg .navbar-nav .dropdown-menu {  padding:0; }  .inner-sec-3 .content-box {  padding-right:40px; }  .inner-sec-2 .col-lg-6:last-child {  max-width:660px; } .inner-sec-22 .col-lg-6:first-child {  max-width:660px; } .inner-sec-22 .col-lg-6:last-child {  max-width:100%; } .inner-sec-22 .content-row {  justify-content:end; } .inner-sec-22 .img-box {  padding-right:10px; } .inner-sec-22 .img-box {  padding-left:30px; } .dining-section .col-md-5, .dining-section .col-md-7 {  padding:0; } .section-1 .heading {  width:80%;  margin:auto; } .section-1 {  padding-top:150px; } .challenges.activities-sec .row.challenges-row-1{  margin-top:-175px; } .w-80{  width:80%;  margin:auto; } .testimonial-box {  height:410px; } .new-health .paragraph{  padding-right:20px; } .new-health .img-box{  padding-left:20px; } .food-section-2 .container-fluid .img-gallery {  margin-bottom:-120px; }  } @media (min-width:1200px){ .testimonial-box {  height:370px; } .challenges .row.challenges-row-1 .img-box {  padding-left:20px;  padding-top:20px; } .challenges.events-sec-main .row.challenges-row-1 .img-box {  padding-left:0px;  padding-top:0px; } .food-section-2 .gallery {  margin-right:30px; } } @media (min-width:1400px){ .new-card-section .content-box .text-box p {  min-height:130px; } .thankyou-section .content-box {  margin-top:100px; } .testimonial-box {  height:305px; } } @media (min-width:1600px) { .dining-section .ul-box img {  max-width:100%; } } @media (min-width:1920px) { .team-section .img-box {  max-width:1920px;  margin:auto; } } @media (min-width:768px) and (max-width:991.98px) { .slick-initialized .slick-slide {  display:block;  margin-right:20px; }  .job-posting .col-md-12 .content-box .third-box a {  font-size:15px; } } @media (min-width:992px) and (max-width:1199.98px) { .accommodation-sec .box{  height:200px; } .accommodation-sec.amenities-feature .box{  height:unset; } .amenities-5 h6 {  font-size:20px; } .amenities-sec-1 .amenities-slider .slick-slide img {  height:460px;  object-fit:cover; } .inner-sec-3 .inner-h {  font-size:38px; } } @media (min-width:1200px) and (max-width:1399.98px) { .amenities-sec-1 .amenities-slider .slick-slide img {  height:620px;  object-fit:cover; } .inner-sec-3 .inner-h {  font-size:38px; } } @media (min-width:1400px) and (max-width:1599.98px){ .inner-sec-4 .small-images {  margin-left:207px; } }  @media (max-width:1599.98px) { .inner-sec-4 .content-box {  padding-right:50px; } } @media (max-width:1599.98px) { .inner-sec-4 .content-box {  padding:15px;  padding-right:15px; } } @media (max-width:1399.98px) { .hero-img {  margin-bottom:-115px; }  .section-2 .content-box:before {  left:-11px; }  .inner-sec-4 .content-box {  position:relative;  width:100%;  right:0;  top:0;  transform:unset; }  .inner-sec-4 .container-fluid {  padding:0 15px; }  .inner-sec-3 .content-box {  padding-right:0; }  .service-hero .third-box .img-1 {  width:50%; }  .plant .btn-box {  margin-top:10%; }  .dining-2 .sticky-box {  right:-250px; } .event-slider-box .slick-next {  right:40%; } .event-slider-box .slick-prev {  left:40%; } .amenities-details .heading-box h2 {  font-size:40px; } } @media (max-width:1199.98px) { .hero-heading {  font-size:70px; }  .hero-paragraph {  padding:10px 0;  padding-bottom:40px; }  .hero-img {  margin-bottom:-97px; }   .heading {  font-size:42px; }  .section-2 .content-box:before {  left:-14px; }  footer .address-email a {  overflow-wrap:break-word; }  .service-hero .first-box h2 {  font-size:50px;  padding:0 0; }  .dining-section .ul-box {  margin:10px 0; }  .dining-2 .btn-box {  margin-top:0; }  .health .tabs-p {  font-size:20px; }  .health .tabs-contents-ul li {  font-size:20px; } .two-img .img-box .img-box-1 .text-box p {  font-size:24px; } .accommodation-feature .heading-2 {  margin-top:0;  margin-bottom:0; } .accommodation-feature .img-box{  margin-top:20px; } .accommodation-feature .row:first-child .col-lg-6:last-child {  margin-bottom:20px; } .accommodation-feature .middle-border {  display:none; } .new-card-section .content-box .text-box p {  min-height:205px; } .amenities-details .heading-box h2 {  font-size:34px; } }  @media (max-width:991.98px) { header .top-header .content-box {  justify-content:center; }  header .top-header .btn-box {  display:none; }  header .navbar-expand-lg .navbar-nav {  background:#191d25;  width:137%;  position:absolute;  top:73px;  padding:15px 20px;  z-index:9; } header .nav-section .navbar-expand-lg {  padding:16px 0; }  .new-dropdown-menu .dropdown-menu{  margin-top:12px; } header .navbar-expand-lg .navbar-nav {  gap:20px; }  header .navbar-expand-lg .navbar-nav .nav-item {  padding:0; }  .hero-img {  margin-bottom:-148px;   }  .section-1 {  padding-top:120px; }  .section-2 .heading {  margin-top:40px; }  .section-2 .img-box {  text-align:center; }  .feature .content-box {  margin-top:20px; }  .health-slider {  margin-top:30px; }  .health-slider .box img {  width:100%; }  .testimonial {  padding-bottom:245px; }  .card-section .col-md-6:last-child .content-box {  margin-top:30px; }  footer .col-lg-4 {  border-left:none; }  footer .footer-left {  padding-bottom:0; }  footer {  padding:100px 0; }  .section-1 .img-box {  margin-top:20px; }  .inner-hero {  padding:70px 0; }  .challenges .row.challenges-row-1 {  margin-top:-86px; }  .p-150 {  padding:70px 0; }  .inner-sec-2 .img-box img {  margin-bottom:20px; }  .author-quote .content-box {  display:block;  align-items:center; }  .author-quote h4 {  width:100%; }  .author-quote .content-box p {  width:100%; }  .inner-sec-3 ul {  margin-bottom:25px; }   .inner-sec-4 .content-box {  margin-top:15px; }  .team-section .content-box {  margin-top:35px;  margin-left:20px; }  .team-section {  padding:70px 0; }  .choose-us .col-lg-6:last-child .content-box {  margin-top:20px; }  .choose-us .content-box {  display:block;  height:auto; }  .job-form .row.light-bg {  margin-top:-80px; }  .p-120 {  padding:70px 0; }  .contact-page .content-box {  padding-right:0px; }  .contact-page form {  margin-top:30px; }  .contact-page p.contact-p {  margin-bottom:20px !important; }  .contact-page .img-box img {  display:none; }  .service-hero .third-box .img-1 {  display:none; }  .service-hero .third-box {  padding:10px 10px; }  .service-hero .third-box .img-2 {  bottom:0;  left:2%;  width:25%;  top:50%;  transform:translateY(-50%); }  .dining-2 .col-lg-6:last-child .img-box {  text-align:center; }  .dining-2 .btn-box {  margin:30px 0; }  .dining-2 .left {  padding-right:0px; }  .dining-2 .sticky-box {  right:0;  margin-left:auto; }  .plant .text-box {  padding-top:15px;  padding-left:15px; }  .dining-2 .left .img-box {  order:2;  margin-top:20px; }  .dining-2 .left .text-box {  order:1; }  .dining-2 .left .sticky-box {  order:3; }  .dining-2 .left .btn-box {  order:4; } .testimonial {  padding-bottom:120px;  } .challenges .row.challenges-row-1 .inner-h {  font-size:42px; } .accommodation-sec .col-lg-3:nth-child(4) .box, .accommodation-sec .col-lg-3:nth-child(5) .box{  margin-top:20px; }  .two-img .col-lg-6:first-child{  order:2;  margin-top:20px; } .our-mission-new{  background-image:url(https://www.theresidencesonyonge.ca/wp-content/themes/theresidencesonyonge/assets/img/our-mission-new-bg-2.jpg);  background-position:center; } .our-mission-new .row .col-lg-6:first-child .content-box {  border-right:none; } .our-mission-new .row .col-lg-6:last-child .content-box {  border-left:none; } .our-mission-new .row {  margin:0; } .amenities-details .heading-box h2 br{  display:none; } .amenities-sec-1 .col-lg-2 .content-box:after{  display:none; } .amenities-sec-1 .col-lg-2.first .content-box {  margin-bottom:20px; } .amenities-sec-1 .col-lg-2.second .content-box {  margin-top:20px; } .section-2 .content-box{  margin-top:20px; } .new-card-section .content-box .text-box p {  min-height:180px; } .amenities-sec-1 .amenities-slider {  margin:20px 0;  margin-top:0; } .amenities-details .heading-box h2 {  margin-bottom:20px; } .new-health .btn-box {  margin-bottom:25px; } .inner-sec-2 .img-box {  padding-right:0px; } .inner-sec-22 .img-box {  padding-top:30px; } .food-section-2 .col-lg-6:first-child{  order:2; } .food-section-2 .gallery {  margin-bottom:-120px; } .amenities-10 ul {  margin-bottom:30px; } .pt-120 {  padding-top:70px; } .pb-120 {  padding-bottom:70px; } .mt-120 {  margin-top:70px; } .mb-120 {  margin-bottom:70px; }  .three-feature .col-lg-4:last-child .content-box{  margin-top:30px; } .our-suite-sec ul {  margin-bottom:25px; } footer .address-p br {  display:none; } .new-health .btn-box{  margin-bottom:40px; } .service-hero .third-box ul {  margin-left:unset;  padding-top:10px;  padding-bottom:13px; } .assisted-living-slider{  margin-bottom:25px; } .memory-care-slider{  margin-top:25px; } .dining-section-new .inner-p {  margin-bottom:8px !important;  text-align:left; } .dining-section-new .inner-h{  text-align:left; } .inner-hero .inner-h {  font-size:48px; } .dining-challenges .row.challenges-row-2 .col-lg-6:last-child .content-box{  padding-top:0;  margin-top:-2px; } .dining-challenges .row.challenges-row-2 .col-lg-6:first-child .content-box{  padding-bottom:20px; } .dining-challenges .row.challenges-row-1 .img-box{  padding-top:20px; } .dining-challenges .row.challenges-row-1{  padding-top:15px !important; } .job-form-model .modal-dialog {  top:15%; } .job-form-model .btn-close {  position:relative;  z-index:2;  top:-72px; } .inner-hero.giving-back-hero{  padding:70px 0; } .service-hero .third-box ul {  position:unset; } }  @media (max-width:767.98px) { header .top-header .logo-box {  max-width:200px; }  header .top-header .logo-box {  max-width:200px; }  .hero-heading {  font-size:40px; }  header .top-header {  padding:18px 0; }  .hero-paragraph {  padding-top:0; }  .pt-70 {  padding-top:40px; }  .pt-75 {  padding-top:40px; }  .pb-120 {  padding-bottom:40px; }  .heading {  font-size:32px;  padding-bottom:5px; }  .paragraph {  font-size:20px; }  .paragraph {  padding-bottom:10px; }  .pt-120 {  padding-top:40px; }  .p-120 {  padding:40px 0; } .mt-120 {  margin-top:40px; } .mb-120 {  margin-bottom:40px; }  .section-2 .content-box {  margin-top:20px; }  .health ul.tab-listing {  display:grid;  grid-template-columns:repeat(2, 1fr); }  .health ul.tab-listing {  width:100%; }  .health .tab-box {  display:block; }  .health-slider {  margin-top:20px; }  .health .tabs-contents {  width:100%; }  .card-section .content-box {  margin-top:40px; }  .card-section {  padding-bottom:40px; }  footer {  padding:50px 15px;  padding-bottom:70px; }  footer .footer-left {  padding:50px 0;  padding-top:50px; }  footer .footer-right {  padding:75px 0;  padding-top:30px;  padding-bottom:40px; }  footer .address-h {  font-size:22px;  margin-bottom:10px; }  footer .address-p {  font-size:20px;  margin-bottom:7px !important; }  footer .addres-tel {  margin-bottom:0px; }  footer .address-email {  margin-bottom:12px; }  footer .footer-follows {  font-size:22px;  margin-bottom:7px; }  footer .addres-tel a {  font-size:20px;  font-family:"Lato", sans-serif; }  .testimonial-box {  display:block; }  .testimonial {  padding-bottom:95px !important; }  .testimonial-box {  padding:30px 20px; }  .card-section .col-md-6:last-child .content-box {  margin-top:40px; }  .hero-img {  margin-bottom:-109px; }  .section-1 {  padding-top:80px; }  .section-2 .heading {  margin-top:0; }  .inner-hero {  padding:40px 0;  padding-bottom:100px;  margin:0; }  .challenges .row.challenges-row-1 {  margin-top:-90px; }  .inner-h {  font-size:32px;  margin-bottom:10px; }  .challenges .row.challenges-row-2 .col-md-6:last-child .content-box {  padding-top:0; }  .challenges .row.challenges-row-1 {  padding:0px 0px; }  .p-150 {  padding:40px 0; }  .inner-sec-2 h3 {  font-size:30px; }  .author-quote h4 {  font-size:30px; }   .inner-sec-3 .inner-sec-3-heading h3 {  font-size:30px;  margin-bottom:0; }  .inner-sec-4 .content-box h3 {  font-size:30px;  margin-bottom:10px; }  .inner-sec-4 .content-box .btn-box {  margin-top:10px; }  .job-form .row h2 {  font-size:32px;  padding-top:15px; }  .job-form .row.light-bg .btn-box {  margin-bottom:15px; }  .job-posting {  padding:40px 0; }  .team-section {  padding:40px 0; }  .job-posting .col-md-12 .content-box {  display:block;  align-items:center; }  .job-posting .col-md-12 .content-box .first-box {  width:100%;  padding-right:0px; }  .job-posting .col-md-12 .content-box .second-box {  width:100%;  padding-right:0px; }  .job-posting .col-md-12 .content-box .third-box {  width:100%;  text-align:end;  margin-top:5px; }  .job-posting .inner-p {  margin-bottom:15px !important; }  .interview .step-flow {  margin:0; }  .interview .inner-p {  margin-bottom:0px !important; }  .interview .step {  margin:0; }  .interview .left {  text-align:left;  width:100%; }  .interview .right {  text-align:left;  width:100%; }  .interview .dot {  display:none; }  .interview .step:nth-child(2) .content.left {  order:2; }  .interview .step:nth-child(4) .content.left {  order:2; }  .interview .step {  flex-direction:column; }  .interview .step-flow::before {  display:none; }  .job-posting .col-md-12 .content-box .first-box h4 {  margin-bottom:10px; }  .interview .content h3 {  margin-top:20px;  font-size:30px; }  .job-form .row.light-bg {  margin:0 10px;  padding:25px;  margin-top:-80px; }  .choose-us .col-lg-6:first-child .content-box .box {  padding:20px 15px; }  .choose-us .col-lg-6:last-child .content-box {  padding:20px 15px; }  .contact-page h1.contact-h {  font-size:32px;  font-weight:bold; }  .plant .btn-box a {  width:100%;  margin:0 8px; }  .plant .btn-box {  margin-top:2%; }  .dining-section .container-fluid .col-md-5 {  order:2;  margin-top:15px; }  .dining-section .container-fluid .col-md-5 img {  margin-left:-16px; }  .dining-section .ul-box {  display:block;  padding:10px 10px 20px 25px; }  .dining-section .ul-box img {  max-width:100%;  margin-top:15px;  width:100%;  margin-left:-7px; }  .service-hero .third-box ul {  padding-right:0;  padding-top:0;  padding-left:0; }  .service-hero .first-box {  padding-right:0px; }  .service-hero .first-box .first-box-div {  padding:30px 15px 40px;  text-align:center; }  .service-hero .first-box h2 {  font-size:40px; }  .p-70 {  padding:40px 0; } .testimonial {  padding-bottom:90px; } .challenges.activities-sec .row.challenges-row-1 {  padding:25px 15px; } .challenges .row.challenges-row-1 .inner-h {  font-size:32px;  margin-top:20px; } .accommodation-sec .col-lg-3:nth-child(3) .box{  margin-top:20px; } .heading-2 {  font-size:32px; } .our-mission-new {  padding:40px 0; } .accommodation-sec.amenities-feature .row.challenges-row-1::before {  height:95%; } .amenities-details .heading-box h2 {  font-size:32px; } .amenities-details .content-box h6 {  font-size:30px; } .amenities-details {  padding:40px 0;  margin-top:40px; } .amenities-sec-1 .img-box .text-box {  position:absolute;  width:80%;  height:80%; } .amenities-sec-1 .img-box .text-box h4 {  font-size:32px; } .amenities-sec-1 .img-box .text-box h4 br{  display:none; } .new-card-section .content-box .text-box p {  min-height:unset; } .testimonial-box .img-box {  padding-left:0px;  width:100%;  padding-top:0px; } .testimonial .img-box .testimonial-big-img {  max-width:120px; } .testimonial-p {  padding-right:0px; } .testimonial-box .content-box {  width:100%; } .two-img ul li {  font-size:20px; } .thankyou-section .content-box .img-box img {  max-width:60%; } .thankyou-section .content-box {  margin-top:40px; } .thankyou-section .content-box h1 {  font-size:36px; } .thankyou-section .content-box p {  font-size:20px; } .testimonial-box {  height:510px; } .challenges .row.challenges-row-1 .img-box {  padding-top:20px; } .dining-section .img-box {  display:none; } .event-slider .paragraph {  padding-bottom:20px; } .food-section-2 .gallery {  margin-bottom:-75px; }  .three-feature .col-lg-4:nth-child(2) .content-box {  margin-top:30px; } .our-suite-sec h3 {  font-size:28px;  margin-top:10px; } .inner-sec-2 .inner-p {  text-align:justify; } .challenges.events-sec-main .row.challenges-row-1 .img-box {  padding-top:0px; } .dining-section-new .paragraph{  font-size:22px; } .inner-hero .inner-p {  font-size:20px; } .inner-hero .inner-h {  font-size:32px; }  .inner-hero.giving-back-hero{  padding:40px 0; } }  @media (max-width:575.98px) { .hero-img {  margin-bottom:0px; }  .section-1 {  padding-top:40px; }  header .nav-section {  padding:0px 0; }  .card-section .content-box {  margin-top:25px; }  .card-section {  padding-top:15px; }  header .navbar-expand-lg .navbar-nav {  top:56px; }  footer .footer-left {  padding-bottom:0; }  footer .address-email a {  font-size:20px; }  .variety .inner-p {  font-size:14px; }  .variety .inner-h {  font-size:24px; }  .variety .content-box {  padding:6px 6px; }  header .top-header .logo-box {  max-width:160px; }  header .top-header {  padding:10px 0; } .hero-paragraph{  font-size:23px; } .two-img .img-box .img-box-1 .text-box p {  font-size:17px; } .testimonial .img-box .testimonial-big-img {  max-width:80px; } input[type="file"]::before {  width:0 !important; } .food-section-2 .gallery {  margin-bottom:-50px; } .section-1 .btn-box {  margin-bottom:22px; } .feature-h {  padding-top:18px; } .inner-sec-2 .inner-p {  margin-bottom:15px !important; } .inner-sec-22 .img-box img {  margin-bottom:0px; } .challenges ul li:not(:last-child) {  margin-bottom:10px; } .inner-sec-2 ul li:not(:last-child) {  margin-bottom:10px; } .inner-sec-3 ul li:not(:last-child) {  margin-bottom:10px; } .inner-sec-4 .content-box h3 {  margin-bottom:5px; } footer .form-heading {  font-size:28px; } .two-img ul li:not(:last-child) {  margin-bottom:10px; } .three-feature .col-lg-4:last-child .content-box, .three-feature .col-lg-4:nth-child(2) .content-box {  margin-top:20px; } .activities-sec-new.row.challenges-row-1 .img-box {  padding-top:0px; } .event-slider .follow-icon {  margin-bottom:0; } .job-form-heading .row h2 {  font-size:32px;  margin-bottom:20px; } .job-form-heading {  padding-bottom:50px;  padding-top:40px; } .job-form-heading .row h4{  font-size:28px; } .dining-challenges .row.challenges-row-2 .col-lg-6:first-child .content-box {  padding-bottom:12px; } .service-hero .third-box ul {  max-width:100%; } .job-form .form-h4 {  font-size:24px; } .announcment   { color:#fff; text-align:center; } } @media (max-width:478.98px){ .testimonial-box {  height:600px; } .event-slider-box .slick-next {  right:35%; } .event-slider-box .slick-prev {  left:35%; } .three-feature-popup .popup-content {  height:unset;  top:unset;  margin:0 20px; } } @media (max-width:429.98px){ .testimonial-box {  height:635px; } .testimonial-box {  padding:15px 10px; } .testimonial .img-box .testimonial-big-img {  max-width:55px; } } .wpcf7 form.sent .wpcf7-response-output {   color:#fff;   background-color:#000; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {   color:#dc3232 !important; } .announcment {   color:#fff;   text-align:center; }