@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
html, body {
  font-family: 'Oxygen', sans-serif;
}

html {
  position: relative;
  min-height: 100%;
}

a {
  color: #666;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}

.footer p{
  font-size: 12px;
  color:#333;
  text-align: center;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 1);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #333;
}

.fixed-top {
    position: absolute;
}

.bg-light {
  background-color: transparent !important;
}

a.link-destaque {  
  display: inline-block;
  margin: 15px 5px;
  padding: .375rem .75rem; /*10px 20px;*/
  border: 1px solid #fff;
  border-radius: .25rem;
  background: rgba(0,0,0, 0.43);
  
  text-decoration: none;
  font-size: 1rem; //18px;
  color: #fff; 
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}

a.link-destaque:hover {
  background: rgba(0,0,0, 1);
  color: #fff;
  border-color: #000;
  transition: all 0.3s linear; 
}

p.info {
  font-size: 12px;
}

.blog-content .media{
  padding-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.blog-content .media h2{
  font-size: 24px;
  
}
.blog-content .media h2 a{
  text-decoration: none !important;
  color: #428990 !important;
}

.post h2.post-title{
  font-size: 36px;
  color: #428990;
  font-weight: 700;
  text-decoration: none;
}

.sidebar-blog {
  background-color: #eee;
  padding-top: 20px;
  border-radius: 4px;
}

.sidebar-blog .widget {
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.sidebar-blog .widget_search{
  padding-bottom: 30px;
}

.page-search label{
  margin-right: 15px;
}

.sidebar-blog ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.sidebar-blog ul li{
  padding: 5px 0;
}

.sidebar-page h2,
.sidebar-blog h2,
.sidebar-page h3,
.comment-respond h3{
  color: #428990;
  font-size: 18px;
  font-weight: 700;
}
.sidebar-page h3{
  font-size: 16px;
}
.comment-respond h3 {
  font-size: 24px;
}

.comment-respond {
  background-color: #eee;
  padding: 15px;
  margin-top: 30px;
}

.comment-content {
  padding: 15px;
}
.post-navigation h2{
  font-size: 14px;
}

.modal-header {
  background-color: #428990;
  color: #fff;
  border-radius: 3px 3px 0 0;
}

@media (min-width: 992px){
  .navbar-expand-lg .navbar-collapse {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  body {
    margin-bottom: 65px; /* Margin bottom by footer height */
  }
 .blog-content .media h2 {
    font-size: 30px;
    font-weight: 700;
 }

  .navbar-nav {
      flex-direction: row;
    }
    
  .navbar-nav  .nav-link {
      padding-right: .5rem !important;
      padding-left: .5rem !important;
    }
    
    /* Fixes dropdown menus placed on the right side */
    .ml-auto .dropdown-menu {
      left: auto !important;
      right: 0px;
    }

    .footer {
      height: auto; /*340px;*/
    }
    .footer-content{
      padding-top: 30px;
      padding-bottom: 0px;
      text-align: center;
    }
}    

.header {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex: 1;
  align-content: center;
  flex-direction: column;
  flex-wrap: nowrap;

  justify-content: space-around;
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0b0a08 url(../images/bg-header-home.jpg) no-repeat;
  background-attachment: fixed;
}
.header{
  height: 75vh;
}
.header-page {
  padding-top: 100px;
  padding-bottom: 15px;
  background:none;
  /*background: #fff url(../images/bg-header-home.png) no-repeat;
  background-attachment: fixed;
  background-position: 0 -300px;*/
  color: #fff;
  background-color: #222;
  text-align: center;
}
.header-caption {
  display: block;
  width: 100%;
  margin-top: 25%;
}
.header p,
.header-page p {
  font-weight: 300;
}

.header h1,
.header-page h1 {
  color:#fff;
  font-size: 30px;
  font-weight: 700;
}

.header-page h1 {
  padding-top: 15px;
  border-top:1px solid #333;
}

.header h1,
.header p{
  margin-bottom: 50px;
}
.header p {
  color: #fff;
}

.header p,
.header-page p{
  font-size: 18px;
}
strong,
.h-bold {
  font-weight: 700;
}

.section-01,
.section-03,
.curso-01,
.curso-02 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content {
  padding-top: 45px;
  padding-bottom: 45px;
}
.section-01 h2,
.section-03 h2 {
  font-weight: 700;
}

.section-03 h3 {
  font-weight: 700;
  font-size: 18px;
}

.section-01 h2 {
  font-size: 60px;
  font-weight: 300;
}

.s-subtitle {
  color: #428990;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 60px;
}

/* cursos home */
.section-03 {
  background-color: #ececec;
}

.curso-01 {
	background-color: #fff;
}
.curso-02 {
	background-color: #ececec;
}

.curso-01 h2,
.curso-02 h2{
  font-size: 30px;
  font-weight: 300;
}
.curso-01 p,
.curso-02 p{
  font-size: 18px;
}
.title-strong {
  font-size: 48px;
  font-weight: 700;
}

.card-parceiros img{
  margin: 5px;
}

/* Buttons */
.btn-secondary {
  background-color: #333333;
  border-color: #333333;
  /*padding: 10px 20px;
  font-size: 18px;*/
}
.btn-primary {
  font-weight: 700;
  color: #07717d;
  background-color: #dedede;
  border-color: #dedede;
  /*padding: 20px 50px;
  font-size: 18px;*/
}
.btn-primary:hover {
  color: #dedede;
  /*background-color: #07717d;
  border-color: #07717d;*/
}

/* RESPONSIVE */

.map-responsive,
.map-responsive-full{
    overflow:hidden;
    position:relative;
    height:0;
}
.map-responsive {
  padding-bottom:56.25%;
}
.map-responsive-full {
  padding-bottom:25%;
}
.map-responsive iframe,
.map-responsive-full iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



.navbar-toggler {
    border-color:rgba(255,255,255,0.4) !important;
    border-radius: 0;
    margin-top: 20px;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/* WooCommerce
.woocommerce-bacs-bank-details {
    background-color: #eee;
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    border-radius: 4px;
}
h2.wc-bacs-bank-details-heading {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 200;
    text-decoration: underline;
}
.woocommerce ul.order_details {
    margin: 0 0 3em;
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.woocommerce .wc-bacs-bank-details-account-name {
    font-weight: 700;
    font-size: 1.5rem;
    color: #428990;
}
*/
/*cart no menu*/
li.wpmenucartli {
    padding: 0.5rem 1rem;
}

li.wpmenucart-display-standard a {
    color: #fff;
    text-decoration: none;
}

li.wpmenucart-display-standard a:hover {
    color: #fefefe;
}

@media screen and (min-width: 1080px) {
	.header {
		height: 80vh;
		background-size: cover;
    	background-position: top center;
	}
}
@media (max-width: 767px) {
  .header {
    background-position: -700px;/*-250px;*/
    height: 110vh;
  }
  .navbar-brand {
    width: 75%;
    margin-top: 30px;
  }
  .navbar-collapse {
    background: rgba(255,255,255,0.95);
    border: 0;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 5px;
  }
  .navbar-light .navbar-nav .nav-link {
      color: rgba(0, 0, 0, 0.8);
  }
  .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
      color: rgba(0, 0, 0, 1);
  }

  .h-bold {
    font-size: 36px;
  }
  .header-caption {
    margin-top: 20%;
}
  .section-01, 
  .section-02, 
  .section-03 {
      padding-top: 15px;
      padding-bottom: 60px;
  }
  .section-01 h2 {
    font-size: 36px;
  }
  .section-01 p,
  .text-right,
  .card-curso,
  .curso-02 {
    text-align: center !important;
  }
  .section-01, .section-03, .curso-01, .curso-02 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-03 {
    border-top: 5px solid #fff;
    text-align: center;
  }
  .curso-01 h2, .curso-02 h2 {
    font-size: 22px;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 15px;
  }
  a.link-destaque {
    margin: 5px;
  }
  .title-strong {
    font-size: 30px;
  }
  .footer {
    position: relative;
  }
  .footer {
    text-align: center;
    padding-top: 30px;
    margin-bottom: 30px;
  }

}
.embed-responsive-16by9::before {
    padding-top: initial;
}