/* ==========================
   RESIDENTIAL SOLUTIONS PAGE
   Sindholt Group
========================== */



/* HERO */


.solutions-hero {

    min-height:90vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    padding:120px 40px 60px;


    background:

    linear-gradient(
        rgba(0,0,0,.65),
        rgba(0,0,0,.85)
    ),

    url("../images/residential/solutions-home.png");


    background-size:cover;

    background-position:center;

}



.solutions-content {

    max-width:900px;

}



.solutions-content h1 {

    font-size:3.8rem;

    color:white;

    margin-bottom:30px;

}



.solutions-content p {

    color:#ddd;

    font-size:1.2rem;

    line-height:1.8;

    margin-bottom:40px;

}





/* SOLUTION SECTIONS */


.solution-section {

    display:grid;

    grid-template-columns:1fr 1fr;

    min-height:600px;

    background:#0b0b0b;

}



.solution-section.reverse {

    direction:rtl;

}



.solution-section.reverse .solution-text {

    direction:ltr;

}



.solution-image {

    background-size:cover;

    background-position:center;

}





.home-image {

    background-image:url("../images/residential/solutions-home.png");

}



.outdoor-image {

    background-image:url("../images/residential/solutions-outdoor.jpg");

}



.exterior-image {

    background-image:url("../images/residential/solutions-exterior.png");

}





.solution-text {

    padding:80px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}



.solution-text h2 {

    color:#d4af37;

    font-size:2.5rem;

    margin-bottom:25px;

}



.solution-text p {

    color:#ccc;

    line-height:1.8;

    margin-bottom:30px;

}



.solution-text ul {

    list-style:none;

    padding:0;

}



.solution-text li {

    color:white;

    margin-bottom:12px;

    padding-left:25px;

    position:relative;

}



.solution-text li::before {

    content:"";

    position:absolute;

    left:0;

    top:8px;

    width:8px;

    height:8px;

    background:#d4af37;

    border-radius:50%;

}





/* COORDINATION SECTION */


.coordination {

    padding:120px 40px;

    text-align:center;

    background:

    linear-gradient(
        rgba(0,0,0,.85),
        rgba(0,0,0,.95)
    ),

    url("../images/residential/solutions-exterior.jpg");


    background-size:cover;

    background-position:center;

}



.coordination h2 {

    font-size:3rem;

    margin-bottom:25px;

}



.coordination p {

    max-width:900px;

    margin:auto;

    color:#ccc;

    line-height:1.8;

    margin-bottom:40px;

}





/* MOBILE */


@media(max-width:900px){


.solution-section {

    grid-template-columns:1fr;

}



.solution-section.reverse {

    direction:ltr;

}



.solution-text {

    padding:50px 30px;

}



.solutions-content h1 {

    font-size:2.5rem;

}


}