/*
	Theme Name: Digad.pl
	Description: A custom child theme for my site.
	Author: Michał Flisiuk
	Author URI: https://mydomain.com/
	Template: marketers-delight
*/



/*Vertical Sliding*/

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

.micro-text{
margin-top:2.5em;
}

.slidingVertical{

}
.slidingVertical span{
	animation: topToBottom 12.5s linear infinite 0s;
	-ms-animation: topToBottom 12.5s linear infinite 0s;
	-webkit-animation: topToBottom 12.5s linear infinite 0s;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	color:#fff;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
/*** BODY ***/
	html, body {
    overflow-x:hidden;
}
.alignleft, .alignright, .aligncenter, .alignnone {
    margin-bottom: 5px;
}

.bg-headline{
	font-size: 63px;
	line-height:82px;
	font-weight:400;
}
.third-bg-color, .badge {
    background-color: #0094ff;
}
.numbers{
	font-size:3.6em;
}
.uppercase{
	text-transform:uppercase;
}
.flex{
	display:table-cell;
}
.equal{
	display:flex;
}
.zajawka{
	height:120px;
	display:inline-block;
}
.thumb-button{
	margin: 15px;
}
.digital{
	font-weight:800;
	box-shadow: inset 0 0px 0 white, inset 0 -3px 0 #03A9F4;
}
.header-img{
	box-shadow:0 5px 25px rgba(0, 0, 0, 0.1);
}

.thumb-main{
	background-size:cover;
	width:100%;
	height:200px;
}

@media only screen and (max-width: 600px) {
		
  .flex {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 900px) {
	
  .equal {
    display: block;
  }
}
/*** COLORS ***/
.white{
	color:#fff;
}

/* TABLE OF CONTENTS */

#toc_container {
	background-color: #e9e9e9;
	margin-bottom: 26px;
	padding: 26px;
	position: relative;
	z-index: 100;
}

#toc_container .toc_title {
	color: #777;
	font-size: 14px;
	margin-bottom: 13px;
	text-transform: uppercase;
}

#toc_container a {
	color: #777;
	border-bottom-color: #ccc;
	font-size: 15px;
}

@media all and (min-width: 1118px) {

	#toc_container {
		float: right;
		margin-left: 39px;
	}

	[class*="block-full"] #toc_container {
		margin-right: -39.583333333%;
	}

}


@media (max-width: 680px){
	.bg-headline {
    font-size:2.6em;
	line-height: 1.5em;	
}
	.numbers{
		font-size:2.6em;
	}
}
.mb-single:not(:last-child) {
    margin-bottom: 15px;
}

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

.sociale{
	padding: 0px 20px;
}
.list-check ul li{
	list-style:none;
}
.gif{
	text-align:center;
}
.hint{
	background:#fffbcc;
	padding:5px;
}
.blog h4 a {
	color:#000;
}
.mb10{
	margin-bottom:10px !important;
}
.header { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }

.header.is-sticky {
	padding-bottom: 7px;
	padding-top: 7px;
	position: fixed;
		left: 0;
		top: 0;
	transition: 0.3s;
	width: 100%;
	z-index: 999;
}

.header.is-sticky .logo { font-size: 24px; }

.admin-bar .header.is-sticky { top: 32px; }

@media all and (max-width: 782px) {
	.admin-bar .header.is-sticky { top: 46px; }
}