/* font-family: 'Golos Text', sans-serif;         body */
/* font-family: 'Righteous', cursive;             logo */
/* font-family: 'Signika Negative', sans-serif;   heading  */


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
    font-family: 'Golos Text', sans-serif;
}


/* nav  */

.navbar-toggler{
    color: #4E6C50;
    background-color: white;
    /* font-size: 0.8rem; */
    margin-right: 1rem;
}


.navbar-brand{
    font-family: 'Righteous', cursive; 
    font-size: 2rem;
    padding-left: 1rem;
    color: white;
}

nav{
    padding: 0.3rem 2rem;
    background-color: #4E6C50;
}

#navitem li a{
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.716);
    margin-left: 0.8rem;
}

.dropdown-male-female{
    width: 10vh;
}

.dropdown-male-female li a{
    width: 8rem;
    border-radius: 3px;
    color: black;
}
.dropdown-male-female li a:hover{
    color: white;
    background-color: #4e6c5094;
}

#navitem li a:hover{
    color: white;
    cursor: pointer;
}

#navitem .btn{
    background-color: white;
    border: 1px solid white;
    margin-left: 1rem;
    height: 2.3rem;
    margin-top: 0.2rem;
    color: #4E6C50;
    font-weight: 500;
}

#navitem .btn:hover{
    border: 1px solid white;
    color: white;
    background-color: #4E6C50;
}


.carousel-inner .c-img{
    height: 500px;
    background-position: center;
}

@media screen and (max-width:992px){
    #navitem .btn{
        width: 6rem;
        margin-top: 1rem;
    }
}




/* section 1 - find your special someone---------------------------------------------------------------------------------------- */

#find-your-someone{
    margin-top: 4rem;
    margin-bottom: 3rem;
}


#find-your-someone h2{
    margin-bottom: 2rem;
    color: #4E6C50;
    font-family: 'Signika Negative', sans-serif;
}

#find-your-someone i{
    font-size: 4rem;
    color: #4E6C50;
    display: flex;
    justify-content: center;
    margin-bottom: 1.6rem;
}

#find-your-someone h4{
    color: #4E6C50;
    font-weight: 600;
}

#find-your-someone p{
    color: rgba(0, 0, 0, 0.621);
}

#find-your-someone .col-sm-3{
    margin-top: 2rem;
    /* padding-right: 1rem ; */
    /* margin-right: 3rem; */
    /* padding-top: 2rem; */
}

#find-your-someone .col-sm-3 div{
    border: 1px solid #4E6C50;
    border-radius: 10px;
    padding: 2rem;
}

#find-your-someone .col-sm-3 div:hover{
    box-shadow: 0px 0px 15px  #4e6c507a;
    cursor: pointer;
}

@media screen and (max-width:577px){
    #find-your-someone .col-sm-3{
        margin-top: 1rem;
    }
}



/* ----------------------------sec 2 -  matches--------------------------------*/

#matches{
    margin-top: 6rem;
    padding-bottom: 3rem;
    background-color: #4e6c505f;
}

#matches h2{
    padding-top: 3rem;
    padding-bottom: 4rem;
    color: #4E6C50;
    font-family: 'Signika Negative', sans-serif;
}


#matches .card{
    box-shadow: 0px 0px 25px  #4e6c507a;
    border: none;
}

#matches .card img{
    height: 12rem;
    object-fit: cover;
}

#matches .card h5{
    font-family: 'Signika Negative', sans-serif;
    color: #4E6C50;
}

#matches .card p{
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.703);
}

#page ul li a{
    color: #4E6C50;
}



/* ----------------------sec 3 : about wedlock------------------------------------ */

#wedlock{
    margin-top: 7rem;
    margin-bottom: 4rem;
}

#wedlock .row h1{
    font-family: 'Righteous', cursive; 
    font-size: 2rem;
    color: #4E6C50;
}

#wedlock .row h5{
    color: #4e6c50d0;
    margin-top: 0.3rem;
}

#wedlock .row p{
    margin-top: 2rem;
    color: rgba(0, 0, 0, 0.703);
}

.hr{
    color: #4E6C50;
}



/* -----------------------------------footer----------------------------------------------------------------------------- */

#footer .row{
    width: 75%;
    margin: auto;
    margin-bottom: 6rem;
    margin-top: 3rem;
}

#footer ul{
    list-style-type: none;
    /* background-color: #4E6C50; */
    margin-left: 0;
    margin-top: 1rem;
    padding: 0;
    color: rgba(0, 0, 0, 0.667);
}

#footer h4{
    
    color: #4E6C50;
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 2rem;
    /* border-bottom: 1px solid #4E6C50; */
    /* padding-bottom: 0.5rem; */
}

#footer ul li{
    font-size: 0.9rem;
}

#footer ul li:hover{
    cursor: pointer;
    color: black;
}


#sm-icon i{
    color: #4E6C50;
    font-size: 2rem;
    /* margin-left: 1rem; */
    /* margin-right: 1rem; */
}

#sm-icon i:hover{
    color: black;
    cursor: pointer;
}

#copyright{
    width: 100%;
    background-color: #4E6C50;
    color: white;
    padding-top: 1rem;
    padding-bottom: 0.2rem;
}

@media screen and (max-width:565px){
    #sm-icon i{
        font-size:1.5rem;
    }

    #copyright{
        font-size: 0.8rem;
    }
}