/*
Theme Name: Medway Theme
Description: Custom theme for medway.speechandlanguage.family
Author: Paul Purseglove
Version: 1.0
*/

@media only screen and (max-device-width: 480px) {
	header {
		border-bottom-right-radius: 2.5rem;
		overflow: hidden;
	}
	.navbar ul {
		margin-top: 20px;
	}
	#navbar_top.fixed-top {
		margin-right: 0;
	}
	footer {
		/* margin-right: -12px; */
		border-top-right-radius: 2.5rem;
	}
	.navbar ul li {
		padding: 0;
		margin: 0.5rem 0rem 1.5rem;
	}
	.navbar a:after {
		height: 2px;
		bottom: -5px;
	}
	.navbar a:hover:after,
	.navbar .current-menu-item a:after {
		height: 2px;
		background-color: var(--teal);
		bottom: -5px;
	}
	.navbar-toggler small {
		position: relative;
		left: 10px;
		font-size: 0.85rem;
		opacity: 0.7;
	}
	.card .card-text {
		height: unset;
	}
	.home-cards .btn-listen {
		margin-bottom: 1rem;
	}
	.card .video {
		height: 13.36rem;
	}
	.card .card-title {
		max-width: 95%;
	}
	a.icon-listen {
		position: absolute;
		top: 250px;
		right: 5px;
	}
	footer p,
	footer p.float-end {
		margin-bottom: 10px;
		text-align: center !important;
		float: unset !important;
	}
}

@media only screen and (device-width: 768px) {
}

@media only screen and (min-width: 960px) {
	header {
		/* margin-right: 15px; */
		/* border-bottom-right-radius: 2.5rem; */
		overflow: hidden;
	}
	footer {
		/* border-top-right-radius: 2.5rem; */
		/* margin-right: 15px !important; */
	}
}

@media only screen and (min-width: 1440px) {
}

@media only screen and (min-width: 2000px) {
}

/* for iPad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
	/* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* For landscape layouts only */
}