/*
Theme Name: Datenheim Bootstrap Themes
Author: Datenheim
Author URI: http://www.datenheim.com
Description: Custom Template for datenheim.com
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sale Template
*/

/* heebo-regular - latin */
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 400;
    src: url('https://www.datenheim.com/wp-content/themes/datenheim/fonts/heebo-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('https://www.datenheim.com/wp-content/themes/datenheim/fonts/heebo-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://www.datenheim.com/wp-content/themes/datenheim/fonts/heebo-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://www.datenheim.com/wp-content/themes/datenheim/fonts/heebo-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('https://www.datenheim.com/wp-content/themes/datenheim/fonts/heebo-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('https://www.datenheim.com/wp-content/themes/datenheim/fonts/heebo-v21-latin-regular.svg#Heebo') format('svg'); /* Legacy iOS */
}

body {
	color:#182029;
	font-family: Heebo,Roboto,Arial,sans-serif !important;
}
cite {
  display: block;
    font-size: 80%;
    color: #6c757d;
}

#content .cont a{
	color: #c18cee !important;
	
}

#content .cont a:hover{
	color:#f7f9f9 !important;
	
}

hr {
	border-color:#344052 !important;
	margin-top:30px  !important;
	margin-bottom:30px  !important;
}

.headerinfo a:hover{
	color: #23272A !important;	
}

a:hover {
	text-decoration: none !important;
	color: #c18cee !important;
}

.dh-widget {
	margin-top:8px;
}



.breadcrumb {
    font-size: 13px;
	    color:#f7f9f9 !important;
	background-color: #1f2934 !important;
}

.breadcrumb-item {
	color:#f7f9f9 !important;	
}

.post-content a {
	text-decoration: none;
    transition: border-bottom-color .2s ease;
    border-bottom: 2px solid #c18cee;
}

.post-content a:hover{
	border-bottom-color:#f7f9f9;
	text-decoration: none;
}

.breadcrumb-item  {
    font-size: 13px;
	color:#f7f9f9;
}

.card {
	background-color:#1f2934 !important;
	color:#f7f9f9;
}

.tag {
    font-size: 9px;
    line-height: 10px;
    display: inline-block;
    padding: 12px 12px 10px;
    transition: background-color .15s ease;
    text-indent: 3px;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-radius: 100px;
    background-color: #293340;
}
.wp-block-quote {
border: 1px solid #b3b3b3;
border-left: 10px solid #b3b3b3;
border-radius: 0px;
background: #fafafa;
font-size: 18px;
margin: 10px;
padding: 10px 20px;
}

a {
    color:#f7f9f9 !important;
}
a:mouseover {
	color:#cb73ff;
}

.btn {
    color: #fff;
    background-color: #3FBD85;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #3FBD85;
    border-radius: 5px 5px 5px 5px;
}

.wp-block-image img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

.post-title {
    font-size: 24px;
}

/*---------------------------------
    Share Buttons
---------------------------------*/
#shr-btns {
    display: flex;
    margin: 16px 0;
    list-style: none;
    padding: 0px;
}

#shr-btns li {
    margin-right: 16px;

}

#shr-btns li:last-child {
    margin-right: 0px;
}

#shr-btns li:before {
    content: '';
}

#shr-btns li a {
    font-size: 36px;
    display: block;
    text-decoration: none;
}

#shr-btns .title {
    display: none;
}

#shr-btns .shr-fb-btn a::before {
    color: #3B5998;
}

#shr-btns .shr-tlgrm-btn a::before {
    color: #54B3E6;
}

#shr-btns .shr-whtspp-btn a::before {
    color: #25D366;
}

#shr-btns .shr-strava-btn a::before {
    color: #fc4c02;
}

#shr-btns .shr-instgrm-btn a::before {
    color: #c13584;
}

#shr-btns .shr-rss-btn a::before {
    color: #ee802f;
}

#shr-btns li a:hover::before {
    color: #182029;
}

#shr-btns .shr-twt-btn a::before {
    color: #4099FF;
}

/*---------------------------------
    Header Info
---------------------------------*/
@media screen and (max-width: 1024px) {
    .headerinfo {
        display: none !important;
    }

}