/*
	Theme Name: Mason Bruce and Girard
	Theme URI: https://alternativasycapacidades.org/
	Author: Virk App
	Author URI: https://virkapp.com/
	Description: 
	Version: 0.0.1
	Domain: mbg
*/

:root{
	--primary-color : #2F404C;
	--primary-font: 'Poppins', sans-serif;
	--secondary-font: 'Born Ready Slanted';
	--green: #417505 !important;
	--green-card: #319B5A !important;
	--blue: #235793 !important;
	--yellow:#F5A623 !important;
	--cian : #50E3C2 !important;
	--purple:#8359E2 !important;
	--title-color : #103222;
	--brown1 : #ACA985;
	--brown2 : #918B76;
	--orange : #D59229;
}

body{
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--primary-font);
	background:url(images/watercolor-paper-texture.png);
}

.wrapper{
	position: relative;
	z-index: 1;
}

.green-color{
	color:#527275;
}


h1,h2,h3,h4,h5{
	color : var(--title-color);
}
h1.italic,h2.italic,h3.italic,h4.italic,h5.italic,h6.italic{
	font-family: var(--secondary-font);
	font-weight: normal;
}
h1{
	font-size: 48px;
}

.size1{
	font-size:18px;
}

/*cards*/
.card{
	border:0px;
}
.card .card-body{
	padding-left: 0px;
	padding-right: 0px;
}
.card .card-body h2.card-title{
	font-size: 35px;
	color: var(--green-card);
	font-weight: 700;
}

.card .card-body p.card-text{
	font-size: 16px;
	font-weight: 400;
	color : #133F42;
}

.card.card-in-line{
	display: flex;
	flex-direction: row;
}
.card.card-in-line.reverse{
	flex-direction: row-reverse;
}
.card.card-in-line img{
	border-radius: 5px;
	height: 330px;
	width: 520px;
	min-width: 520px;
	margin-right: 30px;
}
.card.card-in-line.reverse img{
	margin-right: 0px;
	margin-left: 30px;
}

.img_card{
	height:235px;	
	display: flex;
	align-items: center;
	justify-content: center;
}

.img_card img{
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
	flex-shrink: 0;
	box-shadow: 0px 2px 4px #9B9B9B;
}

.img_term{
	height:419px;	
	display: flex;
	align-items: center;
	justify-content: center;
}

.img_term img{
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
	flex-shrink: 0;
	box-shadow: 0px 2px 4px #9B9B9B;
}

@media all and (max-width: 1024px) {
	.card.card-in-line img{
		height: 230px;
		width: 420px;
		min-width: 420px;
	}
}
@media all and (max-width: 768px) {
	.card.card-in-line{
		flex-direction: column;
	}
	.card.card-in-line img{
		width: 100%;
		min-width: 100%;
		height: auto !important;
		margin-left: 0px;
		margin-right: 0px;
	}
	.card.card-in-line.reverse img{
		margin-left: 0px;
		margin-right: 0px;
	}
	.card.card-in-line.reverse{
		flex-direction: column;
	}
}

.card.card-background{
	width: 100%;
	height: 490px;
	position: relative;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-bottom: 30px;
}
.card.card-background:after{
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	content: '';
	z-index: 1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.card.card-background .card-body{
	z-index: 2;
	position: absolute;
	bottom: 0px;
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}
.card.card-background .card-body h2.card-title{
	color: white;
	font-weight: 700;
	font-size: 38px;
}
.card.card-background .card-body p{
	color: white;
	font-weight: 400;
}

footer{
	position: relative;
	background:#020523;
}
footer:before{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 101px;
	content: '';
	height: 900px;
	background-size: cover;
	background-position: center;
	background-image: url('images/footer-image.png');
	z-index: 0;
}

footer h1, footer h2{
	color: white;
	font-size: 18px;
	font-weight: 600;
}

footer h3{
	color: var(--orange);
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	line-height:25px;
}

footer .divider{
	width: 100%;
	border-top: 1px solid white;
	margin-top: 22px;
	margin-bottom: 22px;
}
footer p, footer p  a{
	color: white;
	font-size: 16px;
}
footer p.small{
	color: white;
	font-size: 12px;
}

ul.footer-navigation{
	list-style-type: none;
	margin:0px;
	padding: 0px;
}

ul.footer-navigation li{
	display: inline-block;
    padding: 0px 5px;
    border-right: 1px white solid;
    margin-left: -5px;
    line-height: 12px;
}

ul.footer-navigation li:last-child{
	border:none;
}

ul.footer-navigation li a{
	color : white;
	font-size: 12px;
	font-weight: 400;
	font-family: var(--primary-font);
}
.img-link{
	height:25px;
	margin-right:15px;
	width: auto;	
}

.logos-footer img{
	width:60px;
	flex-shrink: 0;
}
.logos-footer img.lasimg{
	margin-left: 18px;
}

.logo_footer{
	width:270px;
}

@media all and (max-width: 1023px){
	footer:before{
		bottom:460px;
	}

}

@media all and (max-width: 768px) {
	.img_card{
		height: auto !important;
		min-height:200px;
	}
}

@media all and (max-width: 480px){	
	.wrapper{
		padding-bottom:250px !important;
	}
	footer{
		text-align: center;
	}

	footer .d-flex{
		justify-content: center;
	}

	.logos-footer img{
		margin:15px;
	}
	footer:before{	
		bottom: 200px;
	}	
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  footer:before{
  	bottom: 130px !important;
  }
}
.min-h-100{
	min-height: 100px;
}
.el-center{
	margin: 0px auto;
}