/* 
 Theme Name:   MSE-child
 Theme URI:    
 Description:  
 Author:       adminUser
 Author URI:   
 Template:     wp-bootstrap-starter
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


p {
	color: #333333;
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	line-height: 24px;
}
h1 {
	color: #005699;
	font-family: 'Crimson Text', serif;
	font-size: 32px;
	line-height: 32px;
}
h2 {
	font-size: 30px;
	color: #005699;
	font-family: 'Crimson Text', serif;
}
a:link {
	color: #005699;
}
.bg-light {
	background-color: #005699!important;
}
header#masthead {
	margin-bottom: 0;
	background-color: #005699;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
	padding: .74rem 1rem;
	border-bottom: 1px solid #00477e;
	margin-bottom: 40px;
}
#masthead .navbar-nav > li > a {
	color: #e9edf3;
	font-family: 'Exo 2', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}
.card {
	border: none
}
#page-sub-header {
	padding-top: 0px
}
.sa_owl_theme .owl-dots {
	bottom: 67px !important;
}
#footer-widget p {
	color: white;
	font-size: 14px;
	font-family: 'Exo 2', sans-serif;
}
#footer-widget p a {
	color: white;
}
#footer-widget p a:hover {
	color: white;
	text-decoration: underline;
}
.card-footer {
	padding-left: 0px;
	background-color: transparent;
	border-top: none;
}
.btn-secondary {
	border-color: #005699;
	color: #005699;
	display: inline-block;
	text-decoration: none;
	background-color: transparent;
	font-family: 'Exo 2', sans-serif;
	text-transform: uppercase;
	font-family: exo2;
	margin-top: 3rem;
}
.btn.focus, .btn:focus, .btn:hover {
	color: #333;
	text-decoration: none;
}
.btn-secondary:hover {
	color: #005699;
	background: transparent;
}
a.btn .white {
	color: white;
}
a.btn .blue {
	color: #005699;
}
#menu-menu-1 ul li.current-menu-item a {
	color: #005699
}
#menu-menu-1 ul li a {
	color: #212529
}
.card img {
	min-width: 100%;
	width: auto;
	height: auto;
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
	flex-shrink: 0;
}

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/
.lgDevice {
	width: 100%;
	height: 15vw;
	object-fit: cover;
}


@media (min-width: 576px) {
.lgDevice {
	width: 100%;
	height: 15vw;
	object-fit: cover;
}
}

/* Medium devices (tablets, 768px and up)  */
@media (min-width: 768px) {
.lgDevice {
	width: 100%;
	height: 15vw;
	object-fit: cover;
}
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.lgDevice {
	width: 100%;
	height: 15vw;
	object-fit: cover;
}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.lgDevice {
	width: 100%;
	height: 15vw;
	object-fit: cover;
}
}