/*
Theme Name: HouseOfMolly
Theme URI:  https://www.wpserveur.net
Author:     Nderitu Jnr_02
Author URI: https://www.acesolutionafrica.com
Template:   astra
Version:    1.0
License:    GNU General Public License v2 or later
*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body{
    font-size: 18px !important;
    font-family: "PT Sans", sans-serif !important;
  	font-weight: 400;
  	font-style: normal;
}

h1,h2,h3,h4,h5,h6{
     font-family: "Playfair Display", serif !important;
  	 font-weight: 700 !important;
  	 font-style: normal;
}

.elementor-11 .elementor-element.elementor-element-a512908 .eael-infobox .infobox-content .title{
	font-family: "PT Sans", sans-serif !important;
  	font-weight: 900 !important;
  	font-style: normal;
}
.elementor-11 .elementor-element.elementor-element-a512908 .eael-infobox .infobox-content p{
	font-family: "PT Sans", sans-serif !important;
}


.infobox-content{
    background-color: #eeeeee;
	border-radius:5px !important;
	padding:25px !important;
/*     margin-left: 20px;
    margin-top: 10px; */
}

.infobox-icon-number{
    background-color: #1770cc;
    width: 40px;
    height: 40px; 
	line-height:40px;
	border-radius:5px !important;
}



#works .elementor-image-box-wrapper {
    background-color: #ffffff;
    border-radius: 10px;
    min-height: 40vh;
    max-height: 40vh;
    max-width: 55vh;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.474);
    transition: background-color 0.3s ease;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #works .elementor-image-box-wrapper {
        min-height: 40vh;
        max-height: 50vh;
        max-width: 55vh;
    }
}

#works .elementor-image-box-wrapper:hover {
    background-color: #000000;
     
}

#works .elementor-image-box-wrapper:hover .elementor-image-box-title{
    color: #1770cc !important;
}
#works .elementor-image-box-wrapper:hover .elementor-image-box-description,
#works .elementor-image-box-wrapper:hover .elementor-image-box-content,
#works .elementor-image-box-wrapper:hover h3,
#works .elementor-image-box-wrapper:hover p {
    color: #fff !important;
}

#works .elementor-image-box-img {
    order: 2 !important;
    margin-top: auto !important;
    align-self: flex-start !important; 
}

#works .elementor-image-box-title{
    margin-bottom: 10px !important;
}

#works .elementor-image-box-wrapper {
    padding: 25px; 
}

#test .e-con-inner{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.474);
}


#board{
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    height: 70px;
}

/* .sidebackground .e-con-inner{
	position:relative !important;
}
.sidebackground .e-con-inner:after{
	position:absolute !important;
	content:'';
	background:red;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
} */