/*
Theme Name: Refuge Child
Description: Child theme for Refuge. You can now safely customize it and not risk losing your customizations.
Author: ksaidani
Author URI: 
Template: twentytwenty
Version: 1.0
*/
.top-container{
	margin: 150px auto 0 auto;
}

#fdoublecolonnes{
	margin-top:200px;
	margin-bottom:-15px;
	z-index:1;position: relative;
}

.contact-city{
	background: #fff; 
	padding: 40px; 
	border-radius: 10px; 
	border: 2px solid rgba(30, 30, 30, .19);
	margin-bottom: 20px;
}

.title-home{
	font-size: 48px;
}


.dropdown-item.active, .dropdown-item:active,
.dropdown-item:hover{
    background: #E4F1FB;
    color: var(--bs-dropdown-link-color);
}

.title-pet{
	color: #fafdff;
    font-family: 'Sour Gummy', sans-serif;
    font-size: 70px;
    margin-bottom: 50px;
}

.svg-pet{
	fill:#fafdff;
	width: 60px;
	transform: rotate(-30deg);
	margin-right: 15px;
	margin-bottom: 30px;
}

.row.pet{
	margin-top: 145px;
	margin-bottom: 70px;
}

#actu_single{
	background: #ffffff;padding: 30px 80px;margin-top: -80px;border-radius: 10px;
}

@media (max-width: 600px) {
	#actu_single{
		background: #ffffff;padding: 0;margin-top: -80px;border-radius: 10px;
	}

    .pets-info{
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
        margin-top:20px;
        padding:15px;
    }
    .pets-info:before{
        background: rgba(2, 4, 23, 1);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        content: "";
        height: 100%;
        margin-left: -15px;
        width: 110%;
        display: block;
        margin-right: -15px;
        z-index: -1;
    }
    #pets.pet{
        margin-top:0;
    }

	.row.pet{
		margin-bottom: 30px;
    	margin-top:25px;
	}

	.title-pet{
		font-size: 40px;
	}

	.svg-pet{
		fill:#fafdff;
		width: 30px;
		transform: rotate(-30deg);
		margin-right: 15px;
		margin-bottom: 18px;
	}

	.pet-col{
		position:sticky;
		top:250px;
		max-width:485px;
		width: 100%;

		max-height:560px;
		margin:0 0 0 auto;
		margin-bottom: 0;
	}

	#fdoublecolonnes{
		margin-top:30px;
		margin-bottom:-15px;
		z-index:1;position: relative;
	}

	.cards{
		margin-bottom:20px
	}

	.border-container{
		padding-bottom: 0 !important;
	}

	#adopt{
	   padding: 20px !important;
	}

	#adopt .col-12.col-md-4.col-lg-4.col-xl-4.col-xxl-4{
		border-radius: 10px 10px 0 0 !important;
	}

	#adopt .adopt-text{
		border-radius: 0 0 10px 10px !important;
	}

	#adopt .adopt-text h1{
		padding: 10px;
		padding-left: 10px !important;
    	text-align: center !important;
	}

	#adopt .adopt-text button{
		padding-right: 0px;
		margin: 10px auto !important;
    	text-align: center !important;
	}

	#footer .logo{
		width: 250px;
	}

	.top-container{
		margin: 120px auto 0 auto;
	}

	#container-header{
		margin-top: 7em;
	}

	#container-header h1{
		text-align: center;
	}

	.logo svg{
		width: 200px;
	}

	.title-home{
		font-size: 25px;
	}

	.title-home span{
		font-size: 25px !important;
	}

	#actu h1, #container-pets h1{
		margin-top: 30px !important;
	}

	#container-pets{
		padding-bottom: 10px !important;
	}

	#container-pets button{
		margin: 30px auto !important;
	}

	.container{
		margin-top: 10px !important;
	}

	.top-container button{
		margin-bottom: 55px !important;
	}

	.container .col-md-12.col-lg-5.col-xl-6.position-relative{
		margin-bottom: 25px;
	}

	#actu a{
		margin-bottom: 20px !important;
    	display: block;
	}

	.pets{
		height: 430px !important;
	}

	.pets div:last-child{
		top: 80% !important;
	}

	#container-header.container-header-pet {
	    height: 1340px;
	}

	#container-contact {
	    padding: 10px;
	}

	.contact-city{
		padding: 25px; 
	}
}