/*   
Theme Name: KRD
Description: Custom made WordPress theme for KRD.
Version: 1
*/

/*
== css reset ==
*/
* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
}

article, aside, footer, header, main, nav, section {
	display: block;
}

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

a {
		color: #000;
		text-decoration: none;
}

main {
	overflow-x: hidden; 
}

::selection {
  background: #0b4c45; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #0b4c45; /* Gecko Browsers */
  color: #fff;
}


/*
* WordPress alignment
*/
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
	margin-left: auto;
	margin-right: auto;
}

/* Full */
.alignfull {
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.alignfull > div {
	max-width: 1098px;
	margin: 0 21px;
}

/* Wide */

.alignwide {
	max-width: 120rem;
	position: relative;
	width: calc(100% - 4rem);
}

[class*="__inner-container"] > .alignwide {
	width: 100%;
}

.alignnone,.alignleft {
		margin: 0 20px 0 0;
}

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

.alignright {
	float:right;
	margin: 0 0 0 20px;
}

.alignleft {
	float:left;
}


/*
== layout ==
*/
body > header .container,
.page-template-tpl-sidebar .container,
.blog .container,
.archive .container,
.single-post .container,
.search .container {
	display: flex;
	flex-wrap: wrap;
}

.container {
	margin: 0 auto;
	max-width: 1140px;
}

.col-12, .col-9, .col-8, .col-6, .col-4, .col-3, .col-2 {
	margin: 0 21px;
}

.col-12 {
	min-width: 1098px;
	width: calc(100% - 42px);
}

.col-9 {
	width: calc( 300% / 4 - 42px );
}

.col-8 {
	width: calc( 200% / 3 - 42px );
}

.col-6 {
	width: calc( 50% - 42px );
}

.col-4 {
	width: calc( 100% / 3 - 42px );
}

.col-3 {
	width: calc( 100% / 4 - 42px );
}

.col-2 {
	width: calc( 50% / 3 - 42px );
}




/*
== typography ==
*/
@font-face {
    font-family: 'sf-ui-display-regular';
    src: url('fonts/sf-ui-display-regular-webfont.woff2') format('woff2'),
         url('fonts/sf-ui-display-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf-ui-display-medium';
    src: url('fonts/sf-ui-display-medium-webfont.woff2') format('woff2'),
         url('fonts/sf-ui-display-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: sf-ui-display-bold;
    src: url('fonts/sf-ui-display-bold-webfont.woff2') format('woff2'),
         url('fonts/sf-ui-display-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sofia-pro-regular';
    src: url('fonts/sofia-pro-regular-webfont.woff2') format('woff2'),
         url('fonts/sofia-pro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sofia-pro-bold';
    src: url('fonts/sofia-pro-bold-webfont.woff2') format('woff2'),
         url('fonts/sofia-pro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sofia-pro-black';
    src: url('fonts/sofia-pro-black-webfont.woff2') format('woff2'),
         url('fonts/sofia-pro-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
	font-size: 10px;
	font-family: sf-ui-display-regular, sans-serif
}

body {
	font-size: 1.6rem;
	line-height: 2.4rem;
}

h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: sf-ui-display-bold, sans-serif;
	margin-bottom: 19px;
}

h1 {
	color: #0b4c45;
	font-size: 5.5rem;
	line-height: 4.5rem;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h2 {
	color: #0b4c45;
	font-size: 3rem;
	line-height: 3.5rem;
	padding-top: 8px;
}

h3 {
	color: #0b4c45;
	font-size: 2.6rem;
	line-height: 2.8rem;
	margin-bottom: 10px;
	padding-top: 7px;
}

h4 {
	color: #0b4c45;
	font-size: 2.2rem;
	line-height: 2.6rem;
	margin-bottom: 10px;
	padding-top: 5px;
}
h5 {
	color: #0b4c45;
	font-size: 1.8rem;
	line-height: 1.6rem;
	margin-bottom: 10px;
	padding-top: 5px;
}


h6 {
	color: #0b4c45;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 10px;
	padding-top: 8px;
}


main p,
main ul,
main ol {
	color: #222222;
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-bottom: 24px;
}

main ul,
main ol {
	/*margin-left: 15px;*/
}

main p a,
main li a {
	color: #222222;
	/*display: inline-block;*/
	font-size: 14px;
	line-height: 24px;
	position: relative;

	/*background-image: linear-gradient(#fffbb2, #fffbb2);*/
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 10px;
    transition: background-size .3s;
}

main p a:hover,
main li a:hover {
	color: #0b4c45;

	/*background-size: 100% 10px;*/
}

/*main p a:before,
main li a:before {
	background: #fffbb2;
	content: '';
	display: inline-block;
	height: 10px;
	position: absolute;
		right: 0;
		bottom: 2px;
		left: 0;
	z-index: -1;
}*/

blockquote {
	background: url("img/quote-icon.svg") left 35px no-repeat;
	max-width: 460px;
	margin: 0 0 25px 0;
	padding: 30px 0 15px 50px;
}

blockquote.wp-block-quote.is-style-large {
	background: transparent;
	margin-bottom: 43px;
	max-width: 100%;
	padding: 21px 0 15px 95px;
	position: relative;
}

blockquote.wp-block-quote.is-style-large:before {
	background: #ffe02a;
	content: '';
	display: block;
	height: 6px;
	position: absolute;
		top: 28px;
		left: 0;
	width: 74px;
}

main blockquote  p {
	color: #0b4c45;
	font: 16px / 24px sf-ui-display-regular, sans-serif
}

main blockquote.wp-block-quote.is-style-large  p {
	color: #0b4c45;
	font: 22px/24px sf-ui-display-bold, sans-serif;
	font-style: normal !important;
}


/**
** ELEMENTS
*/
input,
textarea,
select {
	background-color: #f2f2f2;
	border: 2px solid #f2f2f2;
	display: block;
	font: 16px/20px sf-ui-display-regular, sans-serif;
	border: none;
	height: 52px;
	margin-bottom: 8px;
	padding: 0 15px;
	width: 100%;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

option {
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

textarea:placeholder {
  font: 16px/20px sf-ui-display-regular, sans-serif;
}

input[type="submit"] {
	background-color: #0b4c45;
	border: 2px solid #0b4c45;
	cursor: pointer;
	clear: both;
	color: #fff;
	font: 10px sf-ui-display-bold, sans-serif;
	padding: 0 45px;
	text-transform: uppercase;
	transition: all 0.3s;
	width: auto;
}

input[type="submit"]:hover {
	background-color: #fff;
	color: #0b4c45;
}

input[type="search"] {
	background: #f2f2f2 url("img/icon-search.png") right 20px center no-repeat;
}

input[type="search"]:focus {
	background: #f2f2f2;
}

textarea {
	min-height: 132px;
	padding-top: 10px;
}

select {
	cursor: pointer;
	font: 16px sf-ui-display-bold, sans-serif;
}

/* style select */
.menu-403 {
	display: block;
	position: relative;
}

.menu-403:before {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #d5dcdb;
	content: '';
	display: block;
	height: 5px;
	pointer-events: none;
	position: absolute;
		top: 15px;
		right: 14px;
	width: 1px;
}

hr {
	border-width: 1px 0 0;
	clear: both;
	margin: 25px 0;
}



/**
* GENERAL
**/
/* header */
body > header {
	font-family: sf-ui-display-bold, sans-serif;
}

#top-bar {
	background-color: #000;
	position: relative;	
}

#top-bar p {
	line-height: 24px;
}

#top-bar-links,
#top-bar-links ul {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
}

#top-bar-links li {
	display: block;
}

#top-bar-links ul li:not(:last-child) {
	margin-right: 10px;
}

#top-bar-links li:not(#phone-number) a {
	color: #fff;
	display: block;
	height: 15px;
	width: 15px;
}

#top-bar-links a[href*="facebook"] {
	background: url("img/icon-facebook.svg") center center no-repeat;
}

#top-bar-links a[href*="linkedin"] {
	background: url("img/icon-linkedin.svg") center center no-repeat;
}

#top-bar-links a[href*="mailto"] {
	background: url("img/icon-email.svg") center center no-repeat;
}

#top-bar-links a:hover {
	opacity: 0.6;
}

#tagline {
	color: #808080;
	font-size: 10px;
}

#phone-number {
	text-align: right;
	text-transform: uppercase;
}

#phone-number a {
	color: #808080;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0;
}

#phone-number a:before {
	background: url("img/icon-phone.svg") center bottom 2px / 15px 15px no-repeat;
	content: '';
	display: inline-block;
	height: 20px;
	margin: 0 7px -4px 0;
	width: 15px;
}

body > header > .container {
	padding: 20px 0 13px;
}

#logo a {
	display: block;
	min-width: 137px;
}

#logo svg {
	max-height: 62px;
}

/* navigation */
#mobile-nav {
	display: none;
}

body > header nav {
	padding-top: 20px;
}

body > header nav li {
    display: inline-block;
    font-size: 13px;
    position: relative;
    transition: all 0.3s;
}

body > header nav li:not(:last-child) {
	margin-right: 19px;
}

body > header nav li.current-menu-item a,
body > header nav li:hover a {
	color: #0b4c45;
	position: relative;
}

body > header nav li.current-menu-item a:before,
body > header nav li a:hover:before {
	background: #4a4a4a1f;
	content: '';
	display: block;
	height: 10px;
	position: absolute;
		bottom: 3px;
	width: 100%;
	z-index: -1;
}

#nav-2 {
	margin-top: 20px;
	text-align: right;
}

#nav-2 li {
	display: inline-block;
  font-size: 10px;
  line-height: 30px;
}

#nav-2 li:not(:last-child) {
	 margin-right: 19px;
}

#nav-2 li:last-child a {
	border: 2px solid #0b4c45;
	background-color: #0b4c45;	
	border-radius: 3px;
	color: #fff;
	display: block;
	padding: 0 17px;
	transition: all 0.3s;
}

#nav-2 li:last-child a:hover {
	background-color: #fff;	
	color: #0b4c45;
}

.sub-menu {
	display: none;
	white-space: nowrap;
}


/* news - callback - contact section */
#news-section {
	/*background: #fff;*/
	border-top: 3px solid #ececec;
	padding: 100px 0 24px;
}

body > section .container,
#news-section .row {
	display: flex;
	flex-wrap: wrap;
}

#news-section .recent-post {
	margin: 0 21px;
	width: calc( 100% / 4 - 42px );
}

#news-section .recent-post h5 {
	color: #0b4c45;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: normal;
	padding-top: 13px;
	transition: all 0.3s;
}

#news-section .recent-post h5 a {
	color: #0b4c45;
}

#news-section .recent-post h5:after {
	display: none;
}

#news-section  img {
	border: 4px solid #fff;
	display: block;
	transition: all 0.3s;
	width: 100%;
}

#news-section .recent-post:hover img {
	border: 4px solid #0b4c45;
}

#news-section article:hover h1 a{
	color: #000;
}

#news-section h2,
#callback-section h2,
#contact-section h2 {
	font-size: 38px;
}

#callback-section {
	background-color: #ececec;
	padding: 20px 0 20px;
}

#callback-section .col-8 {
	padding: 11px 34px 0 63px;
}

#callback-section form {
	display: flex;
	flex-wrap: wrap;
}

#callback-section input,
#callback-section select {
	background: #fff;
	height: 37px;
}

#callback-section input[type="submit"] {
	background-color: transparent;
	border: 2px solid #d5dcdb;
	border-radius: 5px;
	cursor: pointer;
	clear: both;
	color: #0b4c45;
	font: 10px sf-ui-display-bold, sans-serif;
	padding: 0 45px;
	text-transform: uppercase;
	transition: all 0.3s;
	width: auto;
}

#callback-section input[type="submit"]:hover {
	background-color: #d5dcdb;
	color: #000;
}


#callback-section h6 {
	margin-bottom: 28px;
	width: 100%;
}

#callback-section form div {
	width: calc(50% - 8px);
}

#callback-section form div:nth-child(odd) {
	margin-right: 8px;
}

#callback-section form div:nth-last-child(2) {
	padding-top: 21px;		
	width: 100%;
}

#contact-section {
	background-color: #e5e4e4;
	padding: 53px 0 19px;
}

#contact-section > div > div {
	margin: 0 21px;
	min-width: calc(100%/12 - 42px);
}



#contact-section > div > div:last-child {
	align-items: flex-end;
	display: flex;
	padding-left: 32px;
}

#contact-section > div > div:last-child > div:not(last-child) {
	margin-right: 42px;
}

#contact-section h6 {
	color: #0b4c45;
	font: 10px/20px sofia-pro-bold, sans-serif;
	margin-bottom: 18px;
	padding-top: 0;
}

#contact-section p {
	color: #0b4c45;
	font: 10px/16px sofia-pro-regular, sans-serif !important;
	margin-bottom: 15px;
	text-transform: uppercase;
}



/* footer */
body > footer {
	background-color: #0b4c45;
	font-family: sofia-pro-regular, sans-serif;
}

body > footer > section:not(:first-child) {
	border-top: 1px solid #3c706a;
}

body > footer .container {
	display: flex;
	flex-wrap: nowrap !important;
	padding: 33px 0 41px;
}

body > footer .container > div {
	margin: 0 21px;
}

body > footer .container > div:first-child {
	min-width: calc( 100% / 12 );
}

body > footer .container > div:not(:first-child) .menu li:first-child a {
	font-family: sofia-pro-black;
}

body > footer .menu li {
	display: block;
	line-height: 16px;
}

body > footer .menu a {
	color: #ffffff;
	font-size: 10px;
	line-height: 12px;
}

body > footer .menu a:hover {
	border-bottom: 1px solid #fff;
}

body > footer .container > div:first-child.widget_nav_menu a {
	font-family: sofia-pro-bold, sans-serif;
	line-height: 20px;
	text-transform: uppercase;
}

#copyright p,
#copyright a {
	color: #fff;
	font: 11px/27px sofia-pro-bold, sans-serif;
	text-transform: uppercase;
}

#copyright li {
	display: inline-block;
}

#copyright li:not(:last-child) {
	margin-right: 25px;
}

/*
** GUTENBERG
*/
.indent {
	margin-left: 40px !important	;	
}

h5.is-style-remove-padding {
	padding-top: 0;
}

.wp-block-button a {
	transition: all 0.3s;
}

.wp-block-button a:hover {
	background-color: #0b4c45;
	color: #fff !important;
}

.wp-block-button__link {
	font-family: sf-ui-display-bold, sans-serif;
	font-size: 12px;
	line-height: 39px;
	padding-top: 0;
	padding-bottom: 0;
}

.is-style-light-border a {
	border: 2px solid #e6edec;
}

#contact-section p.is-style-location-icon,
main p.is-style-location-icon {
	background: url("img/icon-pin.svg") left 5px no-repeat;
	font: 12px/16px sofia-pro-regular, sans-serif;
	padding-left: 22px;
	text-transform: uppercase;
}

#contact-section p.is-style-phone-icon,
main p.is-style-phone-icon {
	background: url("img/icon-phone.svg") left 5px / 12px 12px no-repeat;
	font: 12px/16px sofia-pro-regular, sans-serif;
	padding-left: 22px;
	text-transform: uppercase;
}

.is-style-remove-padding .wp-block-columns {
	margin: 0;
}

.is-style-hero h1 {
		line-height: 1;	
	margin: 0;	
}

.is-style-equal-height {
	align-items: stretch;
}

.is-style-equal-height .wp-block-column {
	align-items: stretch;
	align-self: auto;
	display: flex;
}

.subnav,
.is-style-subnav {
	margin-bottom: 60px;
	padding: 0 0 0 40px;
	width: 100%;
}

.is-style-subnav .wp-block-columns,
.subnav .wp-block-columns {
	margin-bottom: 0;
}

.is-style-subnav .wp-block-buttons .wp-block-button,
.subnav .wp-block-buttons .wp-block-button {
	margin: 0;
}

.is-style-subnav p,
.subnav p {
	color: #000;
	font: 13px sf-ui-display-bold, sans-serif;
	margin-bottom: 0;
	line-height: 49px;
}

.is-style-subnav a.wp-block-button__link,
.subnav a.wp-block-button__link {
	border: 2px solid #fffbb2;
	border-width: 	2px 0;
	display: inline-block;
	line-height: 1;
	padding: 0;
}

.is-style-subnav a.wp-block-button__link:hover,
.subnav a.wp-block-button__link:hover,
.is-style-subnav .current a.wp-block-button__link,
.subnav .current a.wp-block-button__link {
	color: #0b4c45 !important;
	border-bottom: 2px solid #000;
}

.is-style-subnav .wp-block-buttons .wp-block-button:not(:last-child) a,
.subnav .wp-block-buttons .wp-block-button:not(:last-child) a {
	margin-right: 25px;
}

.group-box {
	padding: 0 0 35px;
	position: relative;
}

.group-box > div {
	width: 100% !important;
}

.group-box-2 {
	border: 2px solid #f6f6f6;
	padding: 0;
}

.is-style-group-3 {
	padding: 0;
}

.is-style-group-3 figure {
	position: relative;
}

.is-style-group-3 figure:before {
	background: #0b4c45;
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	transition: all 0.3s;
}

.is-style-group-3:hover figure:before {
	opacity: 0.5;
}

.is-style-group-3 h3 {
	transition: all 0.3s;
}

.is-style-group-3:hover h3 {
	color: #0b4c45 !important;
}

.group-box > div > *:not(figure) {
	padding: 0 32px;
}

.is-style-button-arrow .wp-block-button__link,
.arrow-button .wp-block-button__link,
.read-more {
	background-image: url("img/icon-arrow-right.svg");
	background-repeat: no-repeat;
  background-position: right 10px center;
	background-color: transparent !important;
	border: none !important;
	color: #0b4c45;
	display: inline-block;
	font: 12px sf-ui-display-bold, sans-serif;
	padding: 10px 46px 10px 0 !important;
	position: relative;
	text-transform: none !important;
	transition: all 0.3s;
}

.group-box-2 .is-style-button-arrow .wp-block-button__link,
.group-box-2 .arrow-button .wp-block-button__link,
.is-style-subnav .is-style-button-arrow .wp-block-button__link,
.is-style-subnav .arrow-button .wp-block-button__link {
	background-image: url("img/icon-arrow-right-black.svg");
}

.is-style-button-arrow .wp-block-button__link:hover,
.arrow-button .wp-block-button__link:hover,
.read-more:hover {
	background-position: right center;
	border: none !important;
	color: #0b4c45 !important;
}

.is-style-button-arrow .wp-block-button__link:hover:before,
.arrow-button .wp-block-button__link:hover:before {
	background: #fffbb2;
	content: '';
	display: block;
	height: 10px;
	position: absolute;
		bottom: 12px;
	width: calc(100% - 44px);
	z-index: -1;
}

.group-box .arrow-button,
.group-box .is-style-button-arrow {
	background: transparent !important;
	position: absolute;
	bottom: 0;
	left: 0;
}

.group-box img,
.group-box-2 img,
.is-style-group-3 img {
	display: block;
	width: 100%;
}

.group-box-2 > div > *:not(figure) {
	padding: 0 32px;
}

.group-box-2 .is-style-button-arrow,
.group-box-2 .arrow-button {
	position: relative;
}

.group-box p,
.group-box-2 p {
	color: #0b4c45 !important;
	font: 16px / 20px sf-ui-display-bold, sans-serif;
}

.is-style-grayscale img {
	-webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.3s;
}

.is-style-grayscale:hover img {
	-webkit-filter: grayscale(0); 
  filter: grayscale(0);
  opacity: 1;
}

.counter-field {
	color: #fff;
	font: 90px/55px sf-ui-display-bold, sans-serif;
	font-style: italic;
	margin-bottom: 35px;
	text-align: center;
}

/*
** SIDEBAR TEMPLATE
*/
#krd-hero {
	margin-bottom: 72px;
	max-height: 246px;
	overflow: hidden;
	position: relative;
}

.black-hero {
	background-color: #000;
	min-height: 358px;
}

#krd-hero img {
	object-fit: cover;
	width: 100%;
}

#krd-hero > div {
	position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
}

#krd-hero > div > div {
	align-items: center;
	display: flex;
}

#krd-hero h1 {
	color: #fff;
}

#krd-sidebar {
	margin-bottom: 50px;
}

#krd-sidebar > div:first-child h4 {
	padding-top: 0;
}

main #krd-sidebar ul.menu {
	margin-left: 0;
}

#krd-sidebar .menu li {
	display: block;
}

#krd-sidebar .menu a {
	background: #f2f2f2;
	border: 2px solid #f2f2f2;
	color: #0b4c45;
	display: block;
	font: 14px / 20px sf-ui-display-bold, sans-serif;
	margin-bottom: 2px;
	padding: 13px 25px;
	transition: all 0.3s;
}

#krd-sidebar .menu a:hover {
	border-color: #004e45;
	background: #004e45;
	color: #fff;
}

#krd-sidebar .current-menu-item a,
#krd-sidebar .current-menu-item a:hover {
	background: #fff;
	border-color: #f2f2f2;
	color: #ddd;
}


/*
** CONTACT PAGE
*/
#contact-page {
	column-gap: 32px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 66px);
}

#contact-page input {
	margin-bottom: 0;
}

#contact-page > div:first-child {
	grid-column: 1 / 2;
  grid-row: 1 / 3;
}

#contact-page > div:nth-child(2) {
	grid-column: 2 / 3;
  grid-row: 1 / 2;
}

#contact-page > div:nth-child(3) {
	align-self: end;
	grid-column: 2 / 3;
  grid-row: 2 / 3;
}

#contact-page > div:last-child {
	align-self: end;
	grid-column: 3 / 4;
  grid-row: 2 / 3;
  position: relative;
}

#contact-page .ajax-loader {
	position: absolute;
	right: 0;
}

.wpcf7-form-control-wrap {
	display: block;
	position: relative;
}

.wpcf7-not-valid {
	box-shadow: inset 0 0 0 1px #dc3232;
}

.wpcf7-form-control-wrap span[role="alert"] {
	display: block;
	font-size: 10px;
	line-height: 1;
	height: 10px;
	position: absolute;
		bottom: -14px;
	width: 100%;
}



/* HOME */
.home .is-style-subnav,
.home .subnav {
	width: 100vw;
}


/* BLOG */
#blog-nav {
	align-items: center;
	background: #fffca8;
	display: flex;
	min-height: 49px;
	margin-bottom: 87px;
	padding: 0 40px;
}

#blog-nav li {
	display: inline-block;
	margin-right: 25px;
}

#blog-nav li a {
	border: 2px solid #fffbb2;
  border-width: 2px 0;
	display: block;
	font: 12px / 1 sf-ui-display-bold, sans-serif;
}

#blog-nav li a:hover,
#blog-nav  .current-menu-item a {
	color: #0b4c45 !important;
  border-bottom: 2px solid #000;
}

.blog .post {
	margin-bottom: 57px;
}

.blog .post img {
	/*border-bottom: 7px solid #fffbb2;*/
	display: block;
	margin-bottom: 23px;
	width: 100%;
}

.blog .post h2 {
	font: 22px / 26px sf-ui-display-bold, sans-serif;
	padding-top: 0;
}

.blog .post h2 a {
	color: #0b4c45;
}

.short-text {
	margin-bottom: 20px;	
}

#pagination {
	margin-bottom: 50px;
}

#pagination h2 {
	display: none;	
}

#pagination a,
#pagination span {
	border: 2px	 solid #f2f2f2;
	display: inline-block;	
	font: 12px / 29px sf-ui-display-bold, sans-serif;
	height: 29px;	
	min-width: 29px;	
	padding: 0 10px;
	text-align: center;		
}

#pagination span {
	color: #f2f2f2;
}

#pagination a {
	background: #f2f2f2;
	color: #0b4c45;	
}

#pagination a:hover {
	border-color: #004e45;
	background: #004e45;
	color: #fff;
}


/* post */
.single-post #krd-hero {
	background-color: #000;
}

.single-post #krd-hero img {
	opacity: 0.6;
}


#krd-sidebar .screen-reader-text {
	display: none;
}

#krd-sidebar .recent-post {
	align-items: flex-start;
	display: flex;
	margin-bottom: 23px;
}

#krd-sidebar .recent-post img {
	border-bottom: 2px solid #fffbb2;
	display: block;
	max-width: 118px;
	margin-right: 20px;
}

#krd-sidebar .recent-post h5 {
	color: #000000;
	font: 14px / 20px sf-ui-display-regular, sans-serif;
	padding-top: 0;
}

#krd-sidebar .recent-post h5:after {
	display: none;
}

#krd-sidebar .widget select {
	background: transparent;
	border: 2px solid #f2f2f2;
}

/* style select */
.widget_categories,
.widget_archive {
	display: block;
	position: relative;
}

.widget_categories:after,
.widget_archive:after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #d5dcdb;
	content: '';
	display: block;
	height: 5px;
	pointer-events: none;
	position: absolute;
		right: 14px;
		bottom: 15px;
	width: 1px;
}

.blog {
	/*background: url("img/bg_b.jpg") center top no-repeat;*/
	/*background-position: center -1px;*/
}