/*Button*/

.btn,
.impu-form-submit input{
	display: table!important;
	text-align: center;
	text-transform: uppercase!important;
	line-height: 1!important;
	border: solid 1px!important;
	transition: all .2s ease-in-out;
	background: none!important;
}

.btn-yellow,
.impu-form-submit input{
	color: #b3ab76!important;
	border-color: #b3ab76!important;
}

.btn-yellow:hover,
.impu-form-submit input:hover{
	color: #1b190b!important;
	background-color: #b3ab76!important;
}

.btn-bkg-yellow{
	color: #1b190b!important;
	background-color: #b3ab76!important;
	border: none!important;
}

.link-post: hover .btn-bkg-yellow,
.btn-bkg-yellow:hover{
	color: #fff!important;
	background-color: #1b190b!important;
}

.btn-bkg-black{
	color: #fff!important;
	background-color: #1b190b!important;
	border: none!important;
}

.btn-bkg-black:hover{
	color: #1b190b!important;
	background-color: #b3ab76!important;
}


.btn-black{
	color: #1b190b!important;
	border-color: #1b190b!important;
}

.btn-black:hover{
	background-color: #1b190b!important;
	color: #fff!important;
}

.btn-small,
.btn-medium{
	padding: 20px 40px;
}

.btn-small{
	font-size: 18px;
}

.btn-medium{
	font-size: 26px;
}

.btn-full{
	display: block!important;
}

/*BKGs*/

.bkg-black{
	background-color: #1b190b;
}

.bkg-black p{
	color: #fff;
}
.bkg-black h2{
	color: #b3ab76;
}

/*Cols*/

.cols-base{
	margin: 0-20px;
}

.col{
	float: left;
}

.col2{
	width: 50%;
}

.col3{
	width: 33.333333%;
}

.col4{
	width: 25%;
}

.col3-4{
	width: 75%;
}

.col2-3{
	width: 66.666666%;
}

/*Box Minimal*/

.box-minimal{
	padding: 20px;
	border: solid 1px #333;
}

.box-minimal .excerpt p{
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
}

.link-post{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.box-minimal:hover .btn-black{
	background-color: #1b190b!important;
	color: #fff!important;
}

.box-minimal .meta,
.box-minimal .meta *,
.box-minimal .post-header *{
	color: #b3ab76!important;
}

.box-minimal .title{
	font-size: 28px!important;
	font-weight: 300!important;
	line-height: 35px!important;
}

.box-minimal .post-header,
.box-minimal .date-minimal,
.box-minimal .meta a{
	font-size: 14px;
}

.box-minimal .date-minimal,
.box-minimal .excerpt{
	padding-bottom: 30px;
}

/*Posts*/

.post-number{
	padding-bottom: 0;
}

.instituto-name,
.open-frase{
	font-size: 32px;
	line-height: 1.3!important;
	font-style: italic;
}

.instituto-name{
	color: #b3ab76;
}

.open-frase{
	color: #d25858;
	clear: both;
}


/********************
Abertura
********************/

#opening-page{
	display: block;
	background-color: #000
}

html,
#opening-page{
	height: 100%;
}

#opening-page header{
	padding: 100px 0 110px 0;
}

#opening-page .container{
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}

#opening-page img{
	max-width: 100%;
	display: block;
}

#opening-page header,
#about-us-page header{
	background: url(/wp-content/uploads/2020/03/flash-pattern.png) repeat-x top center;
}

#about-us-page img{
	display: block;
}

#opening-page .img img,
#about-us-page .img img{
	display: table;
	margin: 0 auto;
}

#opening-page header .container{
	padding-top: 30px;
}

#opening-page .logo-instituto img{
	max-width: 250px;
}

#base{
	padding: 20px;
	background-color: #fff;
}

#base p{
	text-align: justify;
}

#about-us{
	position: relative;
	margin-left: auto;
	margin-bottom: 40px;
	padding: 40px 40px 20px 40px;
	z-index: 10;
}

#about-us h2{
	font-size: 40px;
	padding-bottom: 15px;
	text-align: left;
}

#about-us p{
	color: #fff;
}

.quote{
	text-align: center;
	max-width: 1240px;
	margin: 30px auto 50px auto;
	padding: 30px 0;
	border-top: solid 1px #1b190b;
	border-bottom: solid 1px #1b190b;
}

.quote q{
	font-size: 32px;
	color: #b3ab76;
	font-style: italic;
	line-height: 1.2;
}

.footer{
	position: relative;
	margin-top: 20px;
}

.footer .colTxt .btn{
	width: 100%;
	max-width: 270px;
	padding: 16px 0 20px 0;
	margin: 20px 10px!important;
}

/*About Us*/

#about-us-page{
	padding-top: 0;
}

#about-us-page header{
	height: 300px;
}

.box-estrela h2{
	text-align: center;
	padding-bottom: 20px;
}

.box-estrela img{
	display: table;
	margin: 0 auto;
}

@media screen and (min-width: 1361px){
	#about-us-page header{
		height: 500px;
	}
}


@media screen and (min-width: 1025px){
	.text-img{
		display: flex;
	}
	.text-img .colImg{
		margin: -248px 0 0 -40px;
		background: url(/wp-content/themes/salient/img/img-opening-01.jpg) no-repeat center;
		background-size: cover;
	}
	#about-us-page .text-img .colImg {
		margin-top: -238px;
	}
	.text-img .colImg img{
		display: none!important;
	}
	.text-img .colTxt{
		float: right;
		margin-left: 40px;
	}
	.text-columns{
		columns: 2 200px;
		column-gap: 80px;
	}	
	.quote{
		text-align: center;
		max-width: 1240px;
		margin: 80px auto;
		padding: 30px 0;
		border-top: solid 1px #1b190b;
		border-bottom: solid 1px #1b190b;
	}
	.quote q{
		font-size: 42px;
		color: #b3ab76;
		font-style: italic;
	}
	.footer .floatImg{
		position: absolute;top: 50%;
		margin-top: -250px;
		margin-left: 50%;
		z-index: 10;
	}
}

@media screen and (max-width: 1024px){
	.text-img .colImg{
		margin-bottom: 30px;

	}
	.col{
		width: 100%;
	}
	
	.footer .floatImg{
		margin: 0 auto -80px auto;
	}
}


@media screen and (max-width: 1680px){
	/*Abertura*/
	#opening-page header .container{
		max-width: 1680px;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media screen and (min-width: 1000px){
	/*Abertura*/
	.post-img{
		float: left;
		padding-right: 20px;
		padding-bottom: 0;
	}
	.instituto-name{
		margin-top: 5px;
	}
}

@media screen and (min-width: 768px){
	#opening-page .bts-about{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 767px){
	.footer .colTxt .btn{
		padding: 16px 60px 20px 60px;
		margin: 10px auto 20px auto!important;
	}
}

@media screen and (max-width:690px){
	.box-minimal .title{
		font-size: 19px!important;
		line-height: 26px!important;
	}
	.ihc-user-page-content-wrapper .ihc-ap-wrap .row{
		padding-bottom: 0!important;
	}
}

@media screen and (min-width: 580px){

	#opening-page header{
		padding: 110px 0 40px 0;
	}
	#opening-page .logo-instituto img{
		max-width: 300px
	}
	#base{
		padding: 40px;
	}
	#opening-page header .container{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#about-us h2{
		font-size: 50px;
		padding-bottom: 30px;
	}
	.footer .colTxt .box-content{
		padding: 40px 40px 80px 40px;
	}
}

@media screen and (max-width: 579px){
	body{
		line-height:1.3;
	}
	#opening-page header .container{
		padding-top: 20px;
	}
	#opening-page header .container{
		padding-right: 30px;
		padding-left: 30px;
	}
	#about-us{
		margin-top: -100px;
		margin-bottom: 30px;
		padding: 20px;
	}
	#about-us h2{
		font-size: 32px;
		padding-bottom: 5px;
	}
	#about-us p{
		padding-bottom: 0;
	}
	.box-estrela h2{
		font-size: 21px;
		line-height: 1.4;
	}
	#opening-page header .logo-instituto{
		display: table;
		padding-bottom: 30px;
	}
	#opening-page header .logo-instituto,
	#opening-page header .btn{
		margin: 0 auto;
	}
	#opening-page header .btn{
		width: 100%;
	}
	.footer .colTxt .box-content{
		padding: 20px 20px 80px 20px;
	}
	#opening-page .bts-about a{
		font-size: 20px!important;
	}
}