@font-face {
	font-family: 'Made';
	src: url('../fonts/MADEDillan.otf');
  }

  @font-face {
	font-family: 'Clock';
	src: url('../fonts/clockwise.otf');
  }

body {
    display: flex;
    min-height: 100vh;
	flex-direction: column;
	font-family: 'Clock';
}

.made{
	font-family: 'Made';
}
main {
    flex: 1 0 auto;
}

.site-header-image {
	display: block;
	margin: auto;
}

a{
	color: inherit;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}

.bypostauthor {}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
}

/* Max img widths */

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* Author bio */

.author-bio .avatar {
	border: 1px solid #dee2e6;
	border-radius: 50%;
}

/* Main content */

/* Sidebar */

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* Comments */

#comments,
#reply-title {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.commentlist,
.commentlist ul {
	padding-left: 0;
}

.commentlist li {
	padding: 1rem;
}

.comment-meta {
	margin-bottom: 1rem;
}

.comment > .children {
	margin-top: 1rem;
	margin-right: -0.625rem;
	margin-bottom: -1.625rem;
}

.color-white{
	color: #f3e4d5;
}

.color-bege{
	color: #f3e5d4;
}

.color-red{
	color: #c35848;
}

.bg-home{
	background-image: url('../img/bg-home.jpg');
	background-size: cover;
	background-position: bottom;
}

.bg-home .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 15rem;
	padding-bottom: 15rem;
}

.bg-home h1{
	font-size: 3.5rem;
}

.bg-single{
	background-image: url('../img/bg-single.jpg');
	background-size: cover;
	background-position: bottom;
}

.bg-single .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 15rem;
	padding-bottom: 15rem;
}

.bg-single h1{
	font-size: 3.5rem;
}

.bg-cursos{
	background-image: url('../img/bg-cursos.jpg');
	background-size: cover;
	background-position: bottom;
}

.bg-cursos .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 15rem;
	padding-bottom: 15rem;
}

.bg-cursos h1{
	font-size: 3.5rem;
}

.bg-blog{
	background-image: url('../img/bg-home.jpg');
	background-size: cover;
	background-position: center;
	margin-top: 130px;
}

.bg-blog .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 15rem;
	padding-bottom: 15rem;
}

.bg-blog h1{
	font-size: 3.5rem;
}

.logo img{
	width: 200px;
}

.bg-laranja{
	background-color: #e69c38;
	padding-bottom: 20rem;
	z-index: 1;
}

.bg-laranja h1{
	font-size: 4rem;
}

.btn-fale{
	margin-top: 2rem;
	background-color: #12393d;
	color: #f3e4d5;
	border-radius: 0;
	border: 2px solid #12393d;

}

.section-cursos{
	background-color: #f3e5d4;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.woocommerce-input-wrapper{
	width: 100%
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
	background-color: #f7f7f7;
	height: 50px;
}

.select2-container--default .select2-selection--single{
	height: 50px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


.btn-fale:hover{
	background-color: transparent;
	color: #12393d;
}

.btn-fale-2{
	margin-top: 2rem;
	background-color: #12393d;
	color: #f3e4d5;
	border-radius: 0;
	border: 2px solid #12393d;
	border-radius: 50px;

}

.btn-fale-2:hover{
	background-color: transparent;
	color: #12393d;
}

.btn-inscrever{
	background-color: #e69c38;
	border-radius: 50px;
	font-size: 1.5rem;
	padding: .5rem 2rem;
	border: 2px solid #e69c38;
}

.btn-inscrever:hover{
	background-color: transparent;
	color: #e69c38;
}

.btn-inscrever-2{
	background-color: #f3e5d4;
	border-radius: 50px;
	font-size: 1.5rem;
	padding: .5rem 2rem;
	border: 2px solid #f3e5d4;
	color: #12393d;
}

.btn-inscrever-2:hover{
	background-color: transparent;

	border: 2px solid #12393d;
}

.quem-faz{
	background-color: #f3e4d5;
	position: relative;
	padding-bottom: 35rem;
	padding-top: 20rem;
}

.quem-faz h1{
	font-size: 4rem;
	margin-bottom: 3.5rem !important;
}

.blog{
	position: absolute;
	bottom: -23%;
}

.bg-footer{
	background-color: #12393d;
	color: #f3e4d5;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.footer-home .bg-footer{
	padding-top: 22rem;
}

.img-blog{
	position: relative;
}

.content-blog{
	position: absolute;
	top: 0;
	color: #fff;
	left: 50%; 
	transform: translate(-50%,0);
}

.content-blog h2:hover{
	color: #000;
}

.cursos-home{
	position: absolute;
	bottom: -24%;
}

.cursos-home h1{
	font-size: 4rem;
}

.icons-footer img{
	width: 40px;
}

.icons-footer{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.navbar-expand-md{
	text-transform: uppercase;
}

.modal{
	top: 10% !important;
}

.cursor-pointer{
	cursor: pointer;
}

.oque{
	background-color: #e69c38;
	border-right: 1px solid #fff;
	padding: 1rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	color: #fff;
}

.oque p{
	margin-top: 2rem;
}

.incluso-box{
	background-color: #12393d;
	border-right: 1px solid #f3e5d4;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 3rem;
	padding-bottom: 3rem;
	color: #fff;
}

.incluso-box p{
	margin-top: 2rem;
	color: #f3e5d4;
}

.bg-pink{
	background-color: #f3e5d4;
}

.bg-pink h1{
	font-size: 3.5rem;
}

.pt-8{
	padding-top: 5rem;
}

.panel-heading{
	display: flex;
	border-bottom: 3px solid #f3e5d4;
	padding-bottom: .8rem;
	align-items: center;
	cursor: pointer;
	margin-top: 2rem;
}

.panel-heading h4{
	width: 100%;
	color: #f3e5d4;
}

.panel-heading img{
	width: 50px;
}

.panel-title {
	position: relative;
}
	
.panel-title::after {
	font-weight: 900;
	content: "\f055";
	color: #f3e5d4;
	top: -2px;
	right: 0px;
	position: absolute;
	font-family: "Font Awesome 5 Free";
}

.panel-title[aria-expanded="true"]::after {
	content: "\f056";
}

.panel-body{
	padding: 1rem 0;
}

.faq{
	background-color: #12393d;
	color: #f3e5d4;
}

.professor{
	background-color: #c35848;
	color: #12393d;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.professor h1{
	color: #f3e4d5;
	font-size: 3.5rem;
	margin-bottom: 2rem;
}

.incluso{
	background-color: #f3e5d4;
	padding-top: 4rem;
	padding-bottom: 2rem;
}

.incluso h1{
	font-size: 3.5rem;
	color: #12393d;
	margin-bottom: 4rem;
}

.border-right-black{
	border-right: 3px solid #000;
}

.requisitos .col-md-6{
	height: 500px;
}

.requisitos{
	padding-top: 4rem;
}

.investimento{
	background-color: #e69c38;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.investimento h1{
	font-size: 3.5rem;
	color: #12393d;
	margin-bottom: 4rem;
}

.valor{
	color: #f3e5d4 !important;
}

.form-newsletter input[type=text]{
	width: 95% !important;
	border: 2px solid #fff !important;
	height: 50px;

}

.btn-newsletter{
	background-color: #c35848;
	color: #fff;
	border-radius: 0;
	border: 2px solid #c35848;
	height: 50px;
}

.btn-newsletter:hover{
	background-color: transparent;
	border: 2px solid #c35848;
}

@media (min-width:1900px){
	p{
		font-size: 1.5rem;
	}
	.btn-fale, .btn-fale-2{
		font-size: 1.5rem;
	}
}

@media (min-width: 768px){
	.navbar-expand-md {
		position: absolute;
		width: 100%;
		top: 0;
	}
}

@media (min-width:768px) and (max-width: 1600px){
	.icons-fazemos img{
		width: 80px;
	}

	.icons-quem-faz img{
		width: 250px;
	}

	.quem-faz{
		padding-bottom: 27rem;
	}

}

@media (max-width: 768px){
	.logo img{
		width: 100px;
	}
	.navbar-expand-md{
	
		position: absolute;
		width: 100%;
	}
	.navbar-nav{
		background-color: #fff;
		text-align: center;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.bg-home .container{
		padding-top: 8rem;
	}

	.cursos-home{
		position: relative;
		bottom: auto;
		margin-top: 2rem;
	}

	.blog{
		position: relative;
		bottom: auto;
	}

	.cursos-home img{
		margin-bottom: 1rem;
	}

	.icons-quem-faz .col-md-4{
		margin-bottom: 3rem;
	}

	.blog .col-md-3{
		margin-bottom: 3rem;
	}

	.bg-laranja{
		padding-bottom: 3rem;
	}
	.quem-faz{
		padding-top: 4rem;
		padding-bottom: 0;
	}

	.bg-footer{
		padding-top: 3rem;
	}
	.bg-footer h3{
		font-size: 1.3rem;
	}
	.bg-blog{
		margin-top: 74px;
	}
}