/*
COLORS
======
Pink: #DF1375
Dark Blue: #1357a8
Light Blue: #1c64ba
Dark Green: #13a88e
Light Green: #00caab

INDEX
======
COMMON
TOP HEADER
INTRO
HOME PAGE
SINGLE POST
AUTHOR PROFILE
FOOTER
*/

/* ========== COMMON ========== */

body {
  font: 400 16px/1.5 'Montserrat', sans-serif;
  color: #4E555c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #1357a8;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #1c64ba;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.btn {
  font-weight: 600;
  font-size: 16px;
  border: 0;
}

.btn-primary {
  background-color: #1357a8;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
  color: #fff;
  background-color: #1c64ba;
  box-shadow: none;
}

.btn-secondary {
  background-color: #00CAAB;
}

.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active {
  color: #fff;
  background-color: #13a88e;
  box-shadow: none;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-weight: 600;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  display: block;
  color: #555;
}

h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
  color: #1c64ba;
  text-decoration: none;
}

h1, .h1 {
  font-size: 30px;
  margin-bottom: 1.5rem;
}

h2, .h2 {
  font-size: 26px;
  margin-bottom: 1rem;
}

h3, .h3 {
  font-size: 21px;
  margin-bottom: 1rem;
}

h4, .h4 {
  font-size: 19px;
  margin-bottom: 1rem;
}

h5, .h5, h6, .h6 {
  font-size: 16px;
  font-weight: 700;
}

@media (min-width: 576px) {

  h1, .h1 {
    font-size: 34px;
  }

  h2, .h2 {
    font-size: 29px;
  }

  h3, .h3 {
    font-size: 23px;
  }

}

@media (min-width: 768px) {

  h1, .h1 {
    font-size: 37px;
  }

  h2, .h2 {
    font-size: 32px;
  }

  h3, .h3 {
    font-size: 25px;
  }

}

@media (min-width: 992px) {

  h1, .h1 {
    font-size: 40px;
  }

  h2, .h2 {
    font-size: 35px;
  }

  h3, .h3 {
    font-size: 27px;
  }

}

@media (min-width: 1200px) {

  h1, .h1 {
    font-size: 43px;
  }

  h2, .h2 {
    font-size: 37px;
  }

  h3, .h3 {
    font-size: 29px;
  }

}

/* ========== TOP HEADER ========== */

#top .navbar {
  background: rgb(25,89,166,1);
  padding: .5rem 15px;
  font-size: 14px;
}

#top .navbar-brand {
  margin-right: 30px;
  padding: 9px 0;
}

#top .logo {
  height: 24px;
}

#nav_main a {
  color: #fff;
}

#nav_main .nav-link {
  font-weight: 500;
  padding: .5rem 0;
  transition: all 0.3s;
}

#nav_main .nav-link br {
  display: none;
}

#top .navbar-toggler {
  font-size: 32px;
  padding: 0;
}

#top .navbar-toggler:hover,
#top .navbar-toggler:focus,
#top .navbar-toggler:active {
  background: none;
}

#nav_main .dropdown-toggle::after {
  display: none;
}

#nav_main .dropdown-toggle .fa-chevron-down {
  font-size: 10px;
  font-weight: 900;
  margin: 0 0 0 7px;
  color: rgba(255,255,255,1);
}

#nav_main .dropdown-toggle:hover .fa-chevron-down,
#nav_main .show .dropdown-toggle .fa-chevron-down {
  color: #fff;
}

#nav_main .dropdown-toggle .fa-caret-up {
  display: none;
  position: absolute;
  font-size: 25px;
  line-height: 0;
  top: 49px;
  left: 20px;
}

#nav_main .show .dropdown-toggle .fa-caret-up {
  display: block;
}

#nav_main .dropdown-menu {
  font-size: 14px;
  border: 0;
  margin: 0;
  padding: 1.5rem 0;
}

#nav_main .dd_title {
  font-size: 18px;
}

#nav_main .dropdown-menu .line {
  border-top: 1px solid rgba(112,121,130,.2);
  margin: 20px 0;
}

#nav_main .dropdown-menu li a {
  display: block;
  color: #4E555C;
  font-weight: 500;
  padding: 12px 2rem;
  transition: background-color 0.3s;
}

#nav_main .dropdown-menu li a:hover {
  background-color: #ebebeb;
}

#nav_main .dropdown-menu ul li:first-child a {
  margin-top: -12px;
}

#nav_main .dropdown-menu ul li:last-child a {
  margin-bottom: -12px;
}

#nav_main .link_icon .icon {
  margin: 0 20px 0 0;
}

#nav_main .link_icon .icon img {
  max-width: 50px;
}

#nav_main .link_icon .text strong {
  display: block;
  font-weight: 300;
}

#nav_main .link_icon .text span {
  display: block;
  color: #707982;
  font-size: 13px;
}

#nav_main .link_icon:hover .text span {
  color: #555c63;
}

#nav_main .dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav_main .link_icon .text_blue {
  color: #1857a4;
}

#nav_main .btns a {
  display: block;
  transition: all 0.5s ease;
}

#nav_main .btns .phone {
  font-weight: 500;
  padding: 8px 0;
}

#nav_main .btns .login,
#nav_main .btns .signup {
  border-radius: .25rem;
  text-align: center;
  padding: 6px;
  font-weight: 600;
  transition: all 0.5s ease;
}

#nav_main .btns .login {
  background: rgba(255,255,255,.1);
  border: 2px solid rgba(255,255,255,.25);
}

#nav_main .btns .login:hover {
  background-color: rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.45);
}

#nav_main .btns .signup {
  background: #00CAAB;
  border: 2px solid #00CAAB;
}

#nav_main .btns .signup:hover {
  background-color: #13a88e;
  border-color: #13a88e;
}

@media (min-width: 768px) {

  #top .sticky-nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }

  #nav_main .nav-item {
    border-top: 0;
  }

  #nav_main .dropdown-menu {
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
  }

}

@media (min-width: 992px) {

  #top .navbar {
    padding: 0;
  }

  #top .navbar-brand {
    padding: 20px 0;
  }

  #nav_main .nav-link {
    padding: 22px 10px 21px;
  }

  #nav_main .dropdown-toggle .fa-chevron-down {
    color: rgba(255,255,255,.5);
  }

  #nav_main .dropdown-toggle .fa-caret-up {
    top: auto;
    left: auto;
    bottom: 8px;
    right: 9px;
  }

  #nav_main .dropdown-menu {
    top: 59px;
    left: 0;
  }

  #nav_main .dropdown-menu.large {
    width: 640px;
  }

  #nav_main .dropdown-menu.small {
    width: 285px;
  }

  #nav_main .dropdown-menu.medium {
    width: 380px;
  }

  #nav_main .dropdown-menu .inner {
    position: relative;
  }

  #nav_main .btns .phone i {
    color: rgba(255,255,255,.5);
  }

  #nav_main .btns .phone:hover i {
    color: #fff;
  }

  #nav_main .btns .login {
    font-weight: 500;
    background: transparent;
    border-color: transparent;
    padding: 6px 10px;
  }

  #nav_main .btns .login:hover {
    background: transparent;
    border-color: transparent;
  }

  #nav_main .btns .signup {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.25);
    padding: 6px 12px;
  }

  #nav_main .btns .signup:hover {
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.45);
  }

}

@media (min-width: 992px) and (max-width: 1099px) {

  #top .navbar-brand {
    margin-right: 10px;
  }

  #nav_main .nav-link.double_line {
    padding: 14px 10px;
    line-height: 18px;
  }

  #nav_main .nav-link.double_line br {
    display: block;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  #top .navbar .container {
    max-width: 100%;
  }

  #nav_main .btns .phone {
    padding: 5px;
  }

}

@media (min-width: 1100px) {

  #nav_main .nav-link {
    padding: 22px 12px 21px;
  }

}

@media (min-width: 1200px) {

  #nav_main .dropdown-menu.large {
    width: 760px;
  }

  #nav_main .btns .phone {
    padding: 5px 16px;
  }

}

/* ========== INTRO ========== */

.intro.narrow {
  max-width: 780px;
  margin: auto;
}

.intro #s {
  border-radius: 2px;
  border: 1px solid rgba(0,0,0,.15);
  padding: 4px 10px;
}

.intro #s:focus {
  outline: none;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.intro #searchsubmit {
  color: #fff;
  background: #00CAAB;
  font-weight: 600;
  border-radius: 2px;
  border: 0;
  padding: 5px 12px;
  cursor: pointer;
}

.intro #searchsubmit:focus,
.intro #searchsubmit:hover {
  outline: none;
  background: #13a88e;
}

.intro .btn-default {
  border: 1px solid rgba(0,0,0,.15);
  background: #fff;
  color: #555;
}

.intro .btn-default:focus,
.intro .btn-default:hover,
.intro .btn-default:active {
  background: #f9f9f9;
  box-shadow: none;
}

.intro .dropdown-toggle::after {
  vertical-align: 2px;
}

.intro .show .btn-default {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.intro .dropdown {
  display: inline-block;
}

.intro .dropdown-menu {
  z-index: 10;
  transform: translate3d(0px, 37px, 0px) !important;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.intro .dropdown-menu .children {
	list-style: none;
	padding: 0;
}

.intro .dropdown-menu a {
  display: block;
  font-size: 14px;
  color: #4b5664;
  padding: .3rem .8rem .45rem;
}

.intro .dropdown-menu .children a {
  padding: .3rem .8rem .45rem 2.3rem;
  background-image: url(../img/arrow_right_blue.svg);
  background-position: 1.3rem center;
  background-repeat: no-repeat;
  background-size: 5px;
}

.intro .dropdown-menu a:hover {
  color: #fff;
  background-color: #13a88e;
  text-decoration: none;
}

.intro .dropdown-menu .children a:hover {
  color: #4b5664;
  background-color: #eee;
}

/* ========== HOME PAGE ========== */

.btn-arrow {
  padding: .75rem;
}

.btn-arrow img {
  margin: 0 0 0 1rem;
  vertical-align: 2px;
}

.post_category {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #E4E8ED;
  margin: 0 0 1rem;
  padding: 0 5rem .5rem 0;
  font-size: 14px;
}

.post_meta {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.post_meta a {
  color: #555;
}

.post_meta a:hover {
  color: #1c64ba;
}

.post_meta .author {
  float: left;
}

.post_meta .date {
  float: right;
}

.post_full_big,
.post_three_col,
.post_full_small {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(45,56,61,0.03), 0 2px 12px 0 rgba(42,51,56,0.10);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.post_full_big .thumbnail,
.post_three_col .thumbnail,
.post_full_small .thumbnail {
  display: block;
}

.post_full_big .thumbnail img,
.post_three_col .thumbnail img,
.post_full_small .thumbnail img {
  display: block;
  margin: auto;
  width: 100%;
}

.post_full_big .txt,
.post_three_col .txt,
.post_full_small .txt {
  padding: .5rem 1rem 0;
}

.post_full_big .txt .btn,
.post_three_col .txt .btn {
  display: block;
  margin: 0 -1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.post_three_col .excerpt,
.post_full_small .excerpt {
  color: #85969E;
  font-size: 16px;
}

.wp-pagenavi {
  float: right;
}

.wp-pagenavi span,
.wp-pagenavi a {
  float: left;
}

.wp-pagenavi .pages {
  color: #85969E;
  line-height: 50px;
  padding: 0 3rem 0 0;
}

.wp-pagenavi a span {
  width: 50px;
  height: 50px;
  border: 3px solid #E5EAEF;
  background-position: center center;
  background-repeat: no-repeat;
}

.wp-pagenavi a:hover span {
  background-color: #E5EAEF;
}

.wp-pagenavi .previouspostslink span {
  background-image: url(../img/arrow_left_blue.svg);
  margin: 0 -3px 0 0;
}

.wp-pagenavi .nextpostslink span {
  background-image: url(../img/arrow_right_blue.svg);
}

@media (min-width: 768px) {

  .btn-arrow {
    padding: .75rem 2.5rem .75rem 1.5rem;
  }

  .post_full_big,
  .post_full_small {
    border-radius: 4px;
  }

  .post_three_col .post_meta .date {
    float: left;
    clear: both;
  }

  .post_full_big .thumbnail,
  .post_full_small .thumbnail {
    height: 100%;
  }

  .post_full_big .thumbnail img,
  .post_full_small .thumbnail img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 100%;
    object-fit: cover;
  }

  .post_full_big .txt {
    padding: 1rem 1rem 2rem 0;
  }

  .post_full_big .post_category {
    font-size: 18px;
  }

  .post_full_big .excerpt {
    font-size: 20px;
    padding: 0 0 1rem;
  }

  .post_full_big .txt .btn {
    display: inline-block;
    margin: 0;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .post_three_col {
    height: 100%;
    position: relative;
  }

  .post_three_col .txt {
    padding: .5rem 1.5rem 3rem;
  }

  .post_three_col .txt .btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    text-align: left;
  }

  .post_full_small .txt {
    padding: 1rem 1rem .5rem 0;
  }

}

@media (min-width: 992px) {

  .post_three_col .post_meta .date {
    float: right;
    clear: none;
  }

}

/* ========== SINGLE POST ========== */

.post_single {
  max-width: 750px;
  margin: auto;
  line-height: 1.8;
}

.post_single .size-hero {
  display: block;
  margin: auto;
  width: 100%;
}

.post_single .post_category {
  font-size: 16px;
}

.alignleft {
	float: left;
	margin: .25rem 1rem 1rem 0;
}

.alignright {
  float: right;
  margin: .25rem 0 1rem 1rem;
}

.aligncenter {
  display: block;
  margin: 0 auto 1rem;
}

.alignnone {
  display: block;
  margin: 0 0 1rem;
}

.wp-caption {
  max-width: 100%;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(45,56,61,0.03), 0 2px 12px 0 rgba(42,51,56,0.10);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 14px;
}

.wp-caption a {
  display: block;
}

.wp-caption img {
  display: block;
  margin: 0 auto .5rem;
}

.wp-caption p {
  margin: 0;
  padding: 0 .5rem .5rem;
}

@media (min-width: 576px) {

  .post_single .post_category {
    font-size: 18px;
  }

}

@media (min-width: 768px) {

  .post_single .post_category {
    font-size: 20px;
  }

}

@media (min-width: 992px) {

  .post_single .post_category {
    font-size: 22px;
  }

}

@media (min-width: 1200px) {

  .post_single .post_category {
    font-size: 24px;
  }

}

/* ========== AUTHOR PROFILE ========== */

.author_profile {
  border: 2px solid #E4E8ED;
  border-radius: 4px;
  padding: 1.25rem;
  font-size: 14px;
}

.author_profile .avatar {
  float: left;
  border-radius: 100px;
  margin: 0 1.25rem 0 0;
}

.author_picture img {
  display: block;
  border-radius: 100%;
}

/* ========== FOOTER ========== */

#footer {
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  background: #26323f url(../img/footer.svg) center bottom no-repeat;
  background-size: 100%;
  padding: 65px 0;
}

#footer a {
  color: rgba(255,255,255,.75);
  transition: color .3s ease;
}

#footer a:focus,
#footer a:hover {
  color: rgba(255,255,255,1);
}

#footer .logo {
  max-height: 24px;
}

#pr-guide-form input[type="email"],
#pr-guide-form button {
  border: 0;
  height: 40px;
}

#pr-guide-form input[type="email"]:focus,
#pr-guide-form button:focus {
  outline: none;
  box-shadow: none;
}

#pr-guide-form input[type="email"] {
  border-radius: .25rem 0 0 .25rem;
  font-size: 13px;
  padding: 6px 12px;
}

#pr-guide-form button {
  border-radius: 0 .25rem .25rem 0;
  background: #00CAAB;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  padding: 6px 12px;
  cursor: pointer;
}

#footer h6 {
  font-size: 14px;
  font-weight: 400;
}

#footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer nav a {
  display: block;
  padding: 5px 0;
  font-weight: 500;
}

#footer .basement {
  font-weight: 500;
  border-top: 1px solid rgba(255,255,255,.1);
}

#footer .social a {
  display: inline-block;
  font-size: 14px;
  margin: 0 20px 0 0;
  color: rgba(255,255,255,.75);
}

#footer .tos a {
  color: #fff;
}

#footer .tos span {
  padding: 0 5px;
}

@media (min-width: 768px) {

  #footer {
    background-position: center 400px;
  }

  #footer .logo {
    margin: 5px 0 0;
  }

  #footer .social a {
    margin: 0 10px;
  }

}

@media (min-width: 992px) {

  #footer {
    padding-bottom: 15vh;
    background-position: center 200px;
  }

}

/* ========== END ========== */