/*===========================
     29.Contact Page css 
===========================*/


.contact-map-area{
    & #contact-map{
        width: 100%;
        height: 400px;
    }
}

p.form-message.success,
p.form-message.error {
	font-size: 16px;
	color: $black;
	background: #ddd;
	padding: 10px 15px;
	margin-left: 15px;
	margin-top: 15px;
}
p.form-message.error {
	color: #f00;
}

.contact-page{}
.contact-info{
    border: 2px solid $border-color;
    padding: 40px 30px;
    
    @media #{$lg}{
        padding: 30px 20px;
    }
    
    & .title{
        font-size: 16px;
        font-weight: 500;
        color: #000;
        position: relative;
        padding-bottom: 15px;
        text-transform: uppercase;
        letter-spacing: 3px;
        
        &::before{
            position: absolute;
            content: '';
            background-color: $theme-color;
            width: 50px;
            height: 1px;
            bottom: 0;
            left: 0;
        }
    }
    
    & .text{
        margin-top: 25px;
    }
}



.contact-info-block{
    & li{}
    & .single-info{
        margin-top: 30px;
        
        & .info-icon-title {
            padding-bottom: 5px;
            
            & .info-icon{
                font-size: 30px;
                color: $black;
                line-height: 30px;
            }
            & .info-title{
                padding-left: 20px;
                font-size: 18px;
                font-weight: 500;
                color: $black;
                line-height: 30px;
            }
        }
        & p{
            padding-top: 5px;
        }
    }
}