/*
Theme Name: CoreTech 2020
Text Domain: coretech
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description:
Author: Ronald Castillo
Author URI: https://coretech.do/
*/

html,
body {
  height: 100%;
}

body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 0.85rem;
}

a:hover {
  text-decoration: none;
}

body.admin-bar header nav.navbar {
  margin-top: 32px;
}

.btn.btn-coretech {
  background-color: #16629e;
  border-color: #16629e;
  color: #fff;
}

.navbar {
  padding-top: 1rem;
  font-size: 1rem;
}

.navbar .custom-logo {
  height: 80px;
  width: auto;
}

.navbar.fixed-top.scrolled {
  padding-top: 0.35rem;
  background-color: #16629e !important;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  -webkit-transition: padding-top 200ms linear;
  transition: padding-top 200ms linear;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}

.navbar.fixed-top.scrolled .custom-logo {
  height: 60px;
  -webkit-transition: height 200ms linear;
  transition: height 200ms linear;
}

.navbar .navbar-nav > .menu-item > a {
  color: #fff;
}

.navbar .navbar-nav > .menu-item:hover > a,
.navbar .navbar-nav > .menu-item[aria-expanded="true"] > a,
.navbar .navbar-nav > .menu-item.current-menu-item > a {
  border-radius: 0;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  color: #fff;
}

.navbar .navbar-nav > .menu-item > .dropdown-menu {
  border-radius: 0;
  padding: 0;
  margin-top: 0;
  border: none;
}

.navbar .navbar-nav > .menu-item > .dropdown-menu .dropdown-item {
  color: #fff;
}

.navbar .navbar-nav > .menu-item > .dropdown-menu .dropdown-item:hover {
  background-color: #e4f2ee;
}

.single.home .jumbotron .overlay,
.home.home .jumbotron .overlay,
.blog.home .jumbotron .overlay,
.page-template-default.home .jumbotron .overlay {
  background: -webkit-gradient(linear, left top, right top, from(rgba(22, 98, 158, 0.7)), to(rgba(47, 128, 193, 0.3)));
  background: linear-gradient(90deg, rgba(22, 98, 158, 0.7) 0%, rgba(47, 128, 193, 0.3) 100%);
}

.single .jumbotron,
.home .jumbotron,
.blog .jumbotron,
.page-template-default .jumbotron {
  background-size: cover;
  background-position-y: 18%;
  background-position-x: center;
  height: 80vh;
  min-height: 600px;
  border-radius: 0;
  color: #fff;
  margin-bottom: 0;
  position: relative;
  padding: 0;
}

.single .jumbotron .overlay,
.home .jumbotron .overlay,
.blog .jumbotron .overlay,
.page-template-default .jumbotron .overlay {
  position: absolute;
  z-index: 100;
  background: #16629e;
  background: -webkit-gradient(linear, left top, right top, from(rgba(22, 98, 158, 0.5)), to(rgba(47, 128, 193, 0.1)));
  background: linear-gradient(90deg, rgba(22, 98, 158, 0.5) 0%, rgba(47, 128, 193, 0.1) 100%);
  width: 100%;
  height: 100%;
}

.single .jumbotron h1,
.home .jumbotron h1,
.blog .jumbotron h1,
.page-template-default .jumbotron h1 {
  font-size: 2rem;
}

.single .jumbotron p,
.home .jumbotron p,
.blog .jumbotron p,
.page-template-default .jumbotron p {
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
  z-index: 200;
}

.single article.post small.published-date,
.page-template-default small.published-date,
.blog small.published-date {
  margin-bottom: 1rem;
  display: block;
}

.blog h2 {
  margin-bottom: 2rem;
}

.blog article.post a,
.blog article.post a:hover,
.blog article.post a:visited,
.blog article.post a:active {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: bold;
}

.blog article.post p {
  font-size: 0.825rem;
}

.blog article.post + article.post {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

blockquote.wp-block-quote {
  border-left: 3px solid #000;
  padding-left: 1rem;
}

footer {
  padding: 1rem 0;
  background: #16629e;
  background: -webkit-gradient(linear, left top, right top, from(#2f80c1), to(#16629e));
  background: linear-gradient(90deg, #2f80c1 0%, #16629e 100%);
  color: #fff;
  font-size: 0.90rem;
}

footer div p {
  margin-bottom: 0;
}

footer p.copyright {
  margin: 0 auto;
}

section.content {
  padding: 4.5rem 0;
}

section.content h2 {
  font-size: 2.25rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}

section.content.gray-background {
  background-color: #f8f8f8;
}

section.content.white-background {
  background-color: #fff;
}

section.content.dark-gray-background {
  background-color: #434343;
  color: #fff;
}

.services .card {
  margin-bottom: 1rem;
  border: none;
}

.contact-us > div {
  margin-bottom: 1rem;
}

.contact-us > div input,
.contact-us > div textarea {
  height: auto;
  padding: 0.75rem 1.125rem;
}

.contact-us > div input + input {
  margin-left: 1rem;
}

.latest-posts article {
  margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .navbar .navbar-nav > .menu-item + .menu-item {
    margin-left: 0.5rem;
  }

  .navbar .navbar-nav > .menu-item a {
    padding: 6px 12px;
  }

  .single .jumbotron,
  .home .jumbotron,
  .blog .jumbotron,
  .page-template-default .jumbotron {
    max-height: 800px;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar header nav.navbar {
    margin-top: 46px;
  }
}

@media screen and (max-width: 767px) {
  .navbar .navbar-nav > .menu-item:hover > a,
  .navbar .navbar-nav > .menu-item[aria-expanded="true"] > a,
  .navbar .navbar-nav > .menu-item.current-menu-item > a {
    background-color: transparent;
  }

  .navbar .navbar-nav > .menu-item.current-menu-item {
    border-left: 2px solid #fff;
    padding-left: 0.5rem;
  }

  .single .jumbotron .overlay .container,
  .home .jumbotron .overlay .container,
  .blog .jumbotron .overlay .container,
  .page-template-default .jumbotron .overlay .container {
    margin-top: 4.5rem;
  }

  .single .jumbotron .overlay .container h1,
  .home .jumbotron .overlay .container h1,
  .blog .jumbotron .overlay .container h1,
  .page-template-default .jumbotron .overlay .container h1 {
    font-size: 1.5rem;
  }

  .single .jumbotron .overlay .container p,
  .home .jumbotron .overlay .container p,
  .blog .jumbotron .overlay .container p,
  .page-template-default .jumbotron .overlay .container p {
    font-size: 1rem;
  }

  .single .jumbotron p,
  .home .jumbotron p,
  .blog .jumbotron p,
  .page-template-default .jumbotron p {
    font-size: 0.9rem;
  }
}