/*
#F4F4F6 - Background
#EAE3D9 - Secondary Background
#3A404B - Text
#4472C5 - Call for action

*/

body {
	font-family: 'Open Sans';
	/* line-height: 200% !important; */
	
}

p, li {
	line-height: 170%;
}

header {
	background-color: #F4F4F6 !important;
	
}

header li {
	/* font-family: Lato; */
	font-size: 20px;
	font-weight: 700;
}

header .dropdown-item {
	font-size: 18px;
	color: #777;
	font-weight: 400;
}

footer ul li a {
	color: #fff !important
}

/************ COMMON ***************/
*:focus {
    outline: none !important;
}

.bg-background {
	background-color: #F4F4F6;
}

.bg-highlight {
	background-color: #EAE3D9;
}

.bg-green {
	background-color: #A8B8A3;
}

.text-highlight {
	color: #3A404B;
}

.text-200 {
	font-weight: 200;
}

.text-500 {
	font-weight: 500;
}

.text-600 {
	font-weight: 600;
}

.text-shadow {
	text-shadow: 0px 0px 8px #000;
}

.text-shadow-sharp {
	text-shadow: 0px 0px 2px #000;
}

.text-action {
	color: #4472C5 !important;
}

.bg-action {
	background-color: #4472C5;
}

.bg-action:hover {
	background-color: #2e4f8b;
	
	transition: 0.5s;
}

.png-shadow {
	filter: drop-shadow(0px -2px 4px #222);
}


.card:hover {
	background-color: #fafafa;
}

.enlargeable {
  transition: transform 0.3s ease !important; /* Smooth transition on hover */
}

.enlargeable:hover {
  transform: scale(1.2) !important; /* Enlarge the image to 120% */
}

.video-container {
	display: flex;
    justify-content: center;
}

iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

/********** PAGE HEADER *******************/

.navbar {
	transition: 0.4s;
}

.nav-link {
	font-size: 18px;
	text-align: center;
	line-height: normal;
}

.nav-logo {
	height: 100px;
	transition: 0.4s;
}

.page-header h2 {
	font-weight: 800;
	color: #3A404B;
}

.page-header p {
	font-weight: 300;
	font-size: 18px;
	color: #000;
}


.banner h2 {
	font-family: 'Open Sans';
	font-weight: 700;
}

.banner p {
	line-height: 180%;
	color: #4F4A45;
	font-size: 18px;
}

.full-screen-bg {
	background-image: url(../img/cover_02-mobile.jpg);
	background-size: cover;
	background-position: center;
	height: 100vh;
	width: 100%;
	position: relative;
	/* background-position:20px; */
	/* text-shadow: 0px 0px 5px #000; */
}

.full-screen-bg p {
	color: #fff !important;
	text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
	/* text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;  */
}

@media only screen and (min-width: 1024px) {
	.full-screen-bg {
		background-image: url(../img/cover_02.jpg);
		background-size: cover;
		background-position: center;
		height: 100vh;
		width: 100%;
		position: relative;
		/* text-shadow: 0px 0px 5px #000; */
	}	

	.full-screen-bg p {
		color: #3A404B !important;
		text-shadow: 0px 0px 2px #aaa;
	}
}



@media only screen and (min-width: 1024px) {
	.bg-cover-dog {
		background-image: url(../img/cover-dog-2.png);
		background-size: contain;
		background-position:20px;
		background-repeat: no-repeat;
	}
}

.bg-support-us {
	background-image: url(../img/support-us.jpg);
	background-size: cover;
	background-position: center;
	height: 100vh;
	width: 100%;
	position: relative;
}

.bg-contact-us {
	background-image: url(../img/contact-us.jpg);
	background-size: cover;
	background-position: center;
	height: 700px;
	width: 100%;
	/* max-height: 100%; */
	position: relative;
}

.section {
	line-height: 180%;
}

.section p, .section li {
	font-size: 18px;
}

.section h3 {
	color: #3A404B;
}

.section hr {
	color: #4F4A45;
	
}