/*
	Theme Name: Babich
  Template: Svetlana Babich WP Template
	Description: Template for Svetlana Babich. Responsive WordPress template, based on Bootstrap CSS Fwk v4
	Author: HostBrook
  Author URI: https://hostbrook.com
	Version: 1.0
*/


/* ------------------------------------------------
   Generic
------------------------------------------------ */

html, body {
  height: 100%;
}

.bg-dark {
  background-color: #1f2431 !important; 
}

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

/* ------------------------------------------------
   Menu
------------------------------------------------ */

#menuModal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20; 
  background-color: #1f2431; 
  display:none;
}

a.hb-top-menu {
  cursor: pointer;
}

a.hb-top-menu:hover {
  color: white;
}

a.hb-top-menu-light {
  color: white;
}

.hb-menu-btn {
  font-size: 130%;
}

.hb-close-menu {
  cursor: pointer;
}

.hb-close-menu:hover {
  color: #8F9198;
}

.hb-menu-link {
  text-decoration: none;
  color: #8F9198;
  font-weight: bold;
  font-size: 180%;
}

.hb-menu-link:hover {
  text-decoration: none;
  color: white;
}

.hb-lang-link {
  text-decoration: none;
  color: #8F9198;
}

.hb-lang-link:hover {
  text-decoration: none;
  color: white;
}

.hb-show-more {
  font-weight: bold;
  color: #1f2431;
  cursor: pointer;
}

.hb-show-more:hover {
  text-decoration: none;
  color: #8F9198;
}

.hb-name-link {
  text-decoration: none;
  color: White;
}

.hb-name-link:hover {
  text-decoration: none;
  color: #8F9198;
}

/* ------------------------------------------------
   Fonts
------------------------------------------------ */

@font-face {
  font-family: "PTSerif";
  src: url("../fonts/PTSerif-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

body, p, a, h1, h2, h3, h4, h5, h6, li {
  font-family: "PTSerif";
}

@font-face {
  font-family: "AmadeusAP";
  src: url("../fonts/AmadeusAP.otf");
  src: url("../fonts/AmadeusAP.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}

.hb-handwrite {
  font-family: "AmadeusAP";
}

.hb-handwrite-lead {
  font-size: 72px;
  line-height: 79px;
  color: #2B2C38;
}

.hb-lower {
  font-size: 80%;
}

h1.hb-title {
  font-size:3em;
  font-weight: bold;
  color: white;
}

h2.hb-title {
  font-size:3em;
  font-weight: bold;
  color: white;
}

a.hb-link {
  color: black;
}

/* ------------------------------------------------
   Icons
------------------------------------------------ */

.hb-icon-light {
  background: rgba(43, 44, 56, 0.2);
  border-radius: 6px;
  padding: 0px;
  width: 35px;
  height: 35px;  
}
.hb-icon-light i {
  color: black;
}

.hb-icon-dark {
  background: rgb(78, 82, 92);
  color: white;
  border-radius: 6px;
  padding: 0px;
  width: 35px;
  height: 35px;  
}

.hb-icon-dark i {
  color: white;
}

/* ------------------------------------------------
   Images
------------------------------------------------ */

.hb-border-dark {
  border: 3px solid #1f2431;
}

/* ------------------------------------------------
   Content
------------------------------------------------ */

.hb-home-bkg {
  background: url("../img/home-bkg.png"); 
  background-size: contain;
}

.hb-right-bkg {
  background: url("../img/bkg-right.png"); 
  background-size: contain;
}

.hb-left-bkg {
  background: url("../img/bkg-left.png"); 
  background-size: contain;
}

.hb-header-light, .hb-footer-light {
  height: 13%; 
  min-height: 70px;
}

.hb-home-body {
  height: 74%; 
  min-height: 400px;
}

.hb-hr {
  border-top: 1px solid black;
}