/*
Theme Name: Old Paper Child
Description: Old Paper Theme
Author: Thunderthemes.net
Template: oldpaper
Version: 1.4
*/

@import url("../oldpaper/style.css");
@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);



/**
 * OVERRIDE
 * issues from oldpaper theme CSS
 */
section#content article h1,
section#content header.topinfo h1,
section#content article h2,
section#content header.topinfo h2,
section#content article h3,
section#content header.topinfo h3 {
	padding: 0;
}
.wp-block-image {
	margin-bottom: 0;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, #boxed:before, #boxed:after {
	display:block;
}



/**
 * HIDDEN
 */
/* Small screen only */
@media (max-width: 767px) {
	.my-section--featured .my-section__title,
	.my-teaser__author,
	.my-teaser__excerpt {
		display: none;
	}
}




/**
 * COLORS
 */
section#content #main #featured p time {
	color: #00adee !important;
}
section#content #main .relatedposts h3:after,
section#content #main #featured h2:after {
	border-bottom: 1px solid #00a0e0 !important;
}
.dlm-order-promo {
	background: #eee;
}


/* Small screen only */
@media (max-width: 767px) {
	.my-teaser {
		background: #444;
	}
	.my-teaser,
	.my-teaser a:link,
	.my-teaser a:visited {
		color: #fff;
		text-shadow: 1px 1px 0 black;
	}
	#twitter {
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(102,102,102,0.4);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(102,102,102,0.4);
		box-shadow: inset 0px 0px 10px 0px rgba(102,102,102,0.4);
	}
}








/**
 * TYPOGRAPHY
 */
.dlm-text-align-left {
	text-align: left !important;
}
.dlm-text-align-center {
	text-align: center !important;
}

section#content article .wp-block-column h3 {
	padding-left: 0;	
}
section#content article h3.has-text-align-left {
	text-align: left;
}
header.container .wrapper #logo {
    font-size: 40px;
  }



/**
 * LAYOUT
 */
.my-teaser__title {
	margin-bottom: 10px;
}
.my-teaser .my-teaser__author,
section#content .my-teaser p.my-teaser__author {
	margin-top: 0;
}


/* Small screen only */
@media (max-width: 767px) {
	.my-section {
		margin-bottom: 10px;
	}
	.my-section--chess,
	.my-section#chess {
		margin-bottom: 0;
	}
	.my-teaser,
	section#content #main #featured article.my-teaser {
		margin-bottom: 10px;
	}
	.my-column {
		padding: 0;
	}
	.my-teaser {
		padding-bottom: 15px;
	}
	.my-wrapper,
	section#content #main .wrapper {
		padding-top: 0;
	}
	#text-2 {
		padding: 10px 10px 0 10px;
	}
	#twitter {
		margin: 0 10px 10px 10px;
		padding: 10px;
	}
	#twitter iframe {
		max-height: 300px;
	}

}





/**
 * LEGACY CODE
 */
.single-post .ad {
	display: none;
}
.ad_single img {
	width: 100%;
}

#dlm-logo,
.single-format-video .fadeInDown,
.single-format-standard .fadeInDown,
.single-format-quote .fadeInDown,
.single-format-audio .fadeInDown,
.single #twitter,
.single #text-2,
.single #text-4,
.single #text-6,
.single .image-in-widget-plugin {
	display: none;
}

.row {
	margin-left: 0;
	margin-right: 0;
}
nav .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

aside .image-in-widget-plugin {
	margin-bottom: 40px;
}


.single #text-3,
/*.single .popular-posts,*/
.archive #text-3,
.archive .popular-posts,
.search #text-3,
.search .popular-posts,
.home .widget_tag_cloud {
	display: none;
}

#author_avatars-2:before,
#author_avatars-2:after {
	content: "";
	display: table;
}
#author_avatars-2:after {
	clear: both;
}
#author_avatars-2 {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.widget_author_avatars .author-list .user .name {
	display: none !important;
}
.widget_author_avatars .author-list .with-name {
	display: block !important;
	width:	65px !important;
	float: left !important;
}

.wpp-list {
    padding: 0;
}
#archives-2 ul {
    padding-left: 20px;
}

table {
	table-layout: fixed;
}

table td {
	width: auto;
}


#newask #submit {
	margin-bottom: 20px;
}

.wp-caption, .gallery {
    max-width: 100%;
}




/* header */

header .wrapper {
	margin: 0;
	padding-top: 0;
}
section#content .wrapper,
header .wrapper #logo,
header .wrapper #sublogo,
header .wrapper .header-left #logo {
	border-bottom: none;
}
header .wrapper,
header .wrapper #sublogo,
section#content #main .wrapper {
	border-top: none;
}


/* footer */


.footer {
	background: #231f20; /* same black as we used in the logo */
	padding: 0;
	font-size: 12px;
}
.footer img.alignnone { /* todo: this is logo, better identification could be cool */
	width: 80px;
	margin: 0;
}
.footer .col {
	float: left; 
	display: block;
	padding-right: 20px;
}
.footer .col3,
.footer .col2 {
	padding-left: 15px;
}
.footer .col1,
.footer .col2 {
	background: #fff;
}
.footer .col1 img {
	position: relative;
	top: 10px;
}
.footer .col1{
	padding-left: 15px;
}
.footer .col1,
.footer .col2,
.footer .col3,
.footer .col4,
.footer .col5,
.footer .col6 {
	padding-top: 10px;
	height: 125px;
	overflow: hidden;
}

.footer .col3,
.footer .col3 a,
.footer .col4,
.footer .col4 a,
.footer .col5,
.footer .col5 a,
.footer .col6,
.footer .col6 a {
	color: #fff;
	text-shadow: 0 0 0.2em #000;
}
.footer .col3 a:hover,
.footer .col4 a:hover,
.footer .col5 a:hover,
.footer .col6 a:hover {
	color: #c0c0c0;
}
.footer .copyright {
	padding: 5px 15px;
	overflow: hidden;
	background: #bdbec1;
}
.footer .copyright p {
	margin: 0;
}
.footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.footer li.title {
	text-transform: uppercase;
}
.footer a,
.footer a:hover {
	color: #00a0e0;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .col1,
.footer .col1 a,
.footer .col2 a,
.footer .col2,
.footer .copyright a {
	color: #231f20;
}


footer,
#subfooter,
.countcomments,
.col-sm-4 .fadeInRight {
	display: none;
}



.pagination a,
.pagination a:hover {
	color: #fff !important;
	text-decoration: none;
	background-color: #6FB7E9;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}





.shortcode-infobox {
	width: 50%;
	position: relative;
	background: #666;
	color: #fff;
}
.shortcode-infobox>div {
	border: 4px solid #ccc;
}
.shortcode-infobox br {
	display: block;
}
.shortcode-score,
.shortcode-score-total,
.shortcode-rating,
.shortcode-rating-total {
	position: relative;
	border: 1px solid #ccc;
}
.shortcode-score-bar,
.shortcode-rating-bar {
	height: 2em;
}
.shortcode-score-total .shortcode-score-value,
.shortcode-score-bar {
	background: #1fbf92;
}
.shortcode-rating-total .shortcode-rating-value,
.shortcode-rating-bar {
	background: #ebe700;
}
.shortcode-score-value,
.shortcode-rating-value {
	position: absolute;
	bottom: 1px;
	left: 5px;
}
.shortcode-score-total .shortcode-score-value,
.shortcode-rating-total .shortcode-rating-value {
	position: relative;
	top: 0;
	left: 0;
	margin-left: auto;
	width: 80px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
}



.img-responsive,
.wp-caption-text,
.size-full {
	width: auto;
}

#text-2 {
	margin-bottom: 0;
}
#text-2 .textwidget {
	overflow: auto;
    height: 300px;
    padding: 10px 30px 10px 10px;
    background: #eee;
}
#text-2 ul {
	padding-left: 20px;	
}
#text-2 li {
	margin-bottom: 10px;	
}
/* bugfix, see https://stackoverflow.com/questions/51202753/how-to-make-embedded-twitter-feed-responsive-in-size-for-smaller-screens */
.twitter-timeline {
    width: 100vw !important;
}


@media (min-width:200px) and (max-width: 900px) {
	.footer .col {
		float: none;
		text-align: left;
		padding: 15px;
		height: auto;
	}
	.footer .copyright {
		height: auto;
	}
}







/**
 * Tablet and big screen
 */
@media (min-width: 768px) {
	#logo img {
		height: 120px;
		float: left;
		position: relative;
		top: 10px;
	}
	header .wrapper #logo a {
		height: 120px;
	}
	#dlm-logo img {
		width: 120px;
		height: 120px;
		float: right;
		position: relative;
		top: 10px;
	}
	.search-no-results .col-sm-9 {
		width: 100%;
	}
	.search-no-results #articlelist {
		width: 75%;
		float: left;
	}
}



/**
 * Small screen
 */
@media (max-width: 767px) {
	header.container .wrapper {
		border: none;
	}
	header.container {
		position: relative;
	}
	#logo img {
		position: absolute;
		top: 5px;
		left: 5px;		
	}
	#dlm-logo img {
		position: absolute;
		top: 15px;
		right: 60px;
		height: 70px;
		width: 70px;
	}
	header.container {
		height: 110px;
	}
	nav .wrapper #bars {
		position: absolute;
		top: -100px;
		right: 0;
		width: 40px;
		margin: 20px 0;
	}
	nav .wrapper #respmenu {
		margin-top: 0;
	}


}

/**
 * Bigger small screen
 */
@media (min-width: 479px) and (max-width: 767px) {
	header .wrapper #logo {
		width: 300px;
		height: 68px;
		display: block;
		overflow: hidden;
	}
	header .wrapper #logo img {
		width: 300px;
		display: block;
	}
	header .wrapper #logo a {
		width: 300px;
		height: 68px;
		display: block;
	}
	header .wrapper #logo {
		position: absolute;
		top: 20px;		
	}
}

/**
 * Smaller small screen
 */
@media (max-width: 478px) {
	#logo img {
		width: 200px;
		position: absolute;
		top: 27px;
	}
	header .wrapper #logo a {
		width: 200px;
	}
}

@media (max-width: 380px) {
	.wp-caption {
		clear: both;
	}
	#dlm-logo img {
		display: none;
	}
}


/**
 * Tablets
 */
@media (min-width: 768px) and (max-width: 992px) {

}



/**
 * Big screen 
 */
@media (min-width: 992px) {

}





.imgLeft {
	float: left;
	clear: left;
	margin-right: 10px;
}
.imgRight {
	float: right;
	clear: right;
	margin-left: 10px;
}



.shortcode-infobox {
	width: 50%;
	position: relative;
	background: #666;
	color: #fff;
	margin-left: 20px;
	margin-bottom: 10px;
	float: right;
	clear: both;
}
.shortcode-infobox>div {
	border: 4px solid #ccc;
}
.shortcode-infobox .shortcode-textbox {
	padding: 10px;
}
.shortcode-infobox br {
	display: block;
}
.shortcode-points,
.shortcode-points-total,
.shortcode-percentage,
.shortcode-percentage-total,
.shortcode-infobox .shortcode-textbox {
	position: relative;
	border: 1px solid #ccc;
}
.shortcode-points-bar,
.shortcode-percentage-bar {
	height: 2em;
}
.shortcode-points-total .shortcode-points-value,
.shortcode-points-bar {
	background: #1fbf92;
}
.shortcode-percentage-total .shortcode-percentage-value,
.shortcode-percentage-bar {
	background: #fa0;
}
.shortcode-points-value,
.shortcode-percentage-value {
	position: absolute;
	bottom: 1px;
	left: 5px;
}
.shortcode-points-total .shortcode-points-value,
.shortcode-percentage-total .shortcode-percentage-value {
	position: relative;
	top: 0;
	left: 0;
	margin-left: auto;
	width: 80px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
}


.shortcode-quote>h3,
section#content article .shortcode-quote>h3 {
	padding: 10px 20px;
	text-align: right;
	font-size: 16px;
	border: 1px solid #ccc;
}
.shortcode-quote-content {
	padding: 10px 50px;	
	position: relative;
	border: 1px solid #ccc;
}
.shortcode-quote-content:before {
	content: open-quote;
	font-size: 4em;
	position: absolute;
	top: -15px;
	left: 20px;
}
.shortcode-quote-content:after {
	content: close-quote;
	font-size: 4em;
	position: absolute;
	bottom: -40px;
	right: 20px;
}
.shortcode-infobox h1,
.shortcode-infobox h2,
.shortcode-infobox h3 {
	color: #fff;
}
.shortcode-infobox h3 {
	margin-bottom: 0;
}
.clear:before,
.clear:after {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/* Advertising banners*/

.ad {
	/*background-image: url("gif/linky.png");*/
	text-align: center;
	clear: both;
}
.ad img {
	width: 100%;
}
.ad-sq-480 {
	display: none;
	margin: auto;
}


@media (max-width: 480px) {
	.ad .ad480,
	.ad .ad970 {
		display: none;
	}
	.ad-sq-480 {
		display: block;
		width: 100%;
	}
}

@media (max-width: 970px) {
	.ad480 {
		display: block;
	}
	.ad970 {
		display: none;
	}
}

@media (min-width: 971px) {
	.ad970 {
		display: block;
	}
	.ad480 {
		display: none;
	}
}


.js-switch-links a:first-child {
	display: none;
}

.dlm-osobnosti,
.dlm-osobnost {
	margin-bottom: 100px;
}
.wpcf7-form-control .wpcf7-list-item {
    margin: 0;
}
#wpcf-custom-btn-0,
#menu-item-35641 a {
	background: #a00;
	color: #fff;
	border: none;
	padding: 5px;
}
#wpcf-custom-btn-0 {
	padding-left: 20px;
	padding-right: 20px;
}
#menu-item-35641 a {
	margin: 15px;
}
.widget-predplatne {
	display: block;
	background: #666;
	overflow: hidden;
	max-height: 300px;
}
.widget-predplatne img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* max-height: 300px; */
}

.widget_archive label {
	display: none;
}

.dlm-ad-wrapper {
	margin-bottom: 20px;
}
.dlm-ad-slot {
	background: #2c3e50;
}
.dlm-ad-slot>div,
.dlm-ad-wrapper>div {
	margin: auto;
	max-width: 100%;
}
.dlm-navigation .wrapper {
	margin-bottom: 0;
}
.dlm-ad-slot-sm>div {
	margin-left: auto;
	margin-right: auto;
}



.wp-block-image figcaption {
	text-align: center;
	position: relative;
	top: -15px;
}



/* archive layout fix */

#content #main #featured.wrapper {
	margin-bottom: 0;
}
.articlebox {
	margin-top: 30px;
}

@media (min-width: 971px) {
	.home section#content #main #articlelist .articlebox {
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
}




/* box */

.dlm-box {
	margin: 8px 0 8px 0;
}
.dlm-box--frame {
	border: 2px solid #fb3;
}
.dlm-box__content {
	padding: 16px 0;
}
.dlm-box__content a {
	color: #01a1e3;
	font-weight: bold;
}
section#content .dlm-box__content h2,
section#content .dlm-box__content h3,
section#content .dlm-box__content h4 {
	text-align: left;
	padding: 0;
}
.dlm-box__image img {
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.dlm-box {
		display: flex;
		padding: 16px 0;
	}
	.dlm-box__content {
		padding: 0px 10px 0 30px;
	}
	.dlm-box__image img {
		width: 160px;
		height: auto;
	}
}

@media (min-width: 971px) {
	.dlm-box__image img {
		width: 200px;
		height: auto;
	}
}





/* promobox */

.dlm-promobox {
	margin: 8px 0 8px 0;
	padding: 16px;
}
.dlm-promobox--frame {
	border: 2px solid #fb3;
}

.dlm-promobox__logo {
	position: relative;
	left: -10px;
	width: 250px;
}
.dlm-promobox__heading {
	position: relative;
	top: -5px;
	width: 151px;
	border-bottom: 2px solid #fb3;
	font-size: 80%;
}
.dlm-promobox__sticker {
	display: inline-block;
	padding: 0 4px;
	background-color: #fb3;
	font-weight: bold;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-7deg);
	position: absolute;
	left: 150px;
	top: 0;
	white-space: nowrap;
}
.dlm-promobox__content a {
	color: #01a1e3;
	font-weight: bold;
}

@media (min-width: 768px) {
	.dlm-promobox {
		display: flex;
	}
	.dlm-promobox__content {
		padding: 0px 10px 0 30px;
	}
	.dlm-promobox__avatar {
		width: 130px;
		height: 130px;
	}
}

@media (min-width: 971px) {
	.dlm-promobox__avatar {
		width: 160px;
		height: 160px;
	}
	.dlm-promobox__logo {
		width: auto;
	}
	.dlm-promobox__heading {
		width: 261px;
	}
	.dlm-promobox__sticker {
		left: 260px;	
	}

}

@media (min-width: 971px) {

	.layout {
		display: table;
		border-spacing: 20px;
	}
	.layout .clearfix:before {
		display: none;
	}
	.layout .row {
		display: table-row;
	}
	.layout .col {
		float: none;
		display: table-cell;
	}
}




/* Seznam Partner */

#seznam-pop-up-ad {
	position: fixed;
	height: 100px;
	width: 100%;
	background: rgba(0,0,0,.7);
	bottom: 0;
	left: 0;
	right: 0;
	 text-align: center;
	 padding: 2px 0;
	 z-index: 1001;
	 transition: height 0.5s;
}
#seznam-pop-up-ad-close {
	background: rgba(0,0,0,.7);
	margin-top: -22px;
	position: absolute;
	top: 0; right: 0;
	color: #CCC;
	cursor: pointer;
	text-align: center;
	padding: 2px;
	height: 22px;
}
.seznam-pop-up-ad-hide {
	height: 0 !important;
	padding: 0!important;
	margin: 0!important;
}
.seznam-sticky-banner {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}


.widget_search {
	margin-top: 20px;
	margin-bottom: 30px;
}


/* Order form */

.dlm-frame,
.dlm-notes,
.dlm-order-frame,
.dlm-order-notes,
.dlm-order-promo h4,
.dlm-order-promo p,
.dlm-order-promo ul {
	padding: 20px;
}
.dlm-order-promo h4 {
	position: relative;
	top: 20px;
}
.dlm-order-promo ul {
	padding-left: 40px;
}
.dlm-order-promo .wp-block-image .alignright {
	margin: 0;
}

.dlm-notes ul,
.dlm-order-notes ul {
	padding-left: 0;
}
.dlm-notes li,
.dlm-order-notes li {
	list-style: none;
	margin-bottom: 20px;
}
.dlm-notes p,
.dlm-order-notes p {
	padding-left: 20px;
}
.dlm-frame,
.dlm-order-frame {
	border: 5px solid #20ACE7;
}
.dlm-frame p,
.cf7-block {
	padding-top: 20px;
	margin-top: 0;
}
.cf7-block--first {
	padding-top: 0;
}
.cf7-block input[type="text"],
.cf7-block input[type="email"],
.cf7-block .subscription__number,
.cf7-block h5 {
	margin-bottom: 10px;
}
.cf7-block input[type="text"],
.cf7-block input[type="email"] {
	padding: 0 5px;
	height: 40px;
}
.subscription__name input[type="text"],
.subscription__button input[type="submit"] {
	max-width: 300px;
}
.subscription__email input[type="email"] {
	max-width: 200px;
}
.subscription__number input[type="text"] {
	max-width: 150px;
}
#cf7-business,
#cf7-send-address {
	display: none;
}

@media (min-width: 768px) {
	.dlm-frame,
	.dlm-notes,
	.dlm-order-frame,
	.dlm-order-notes,
	.dlm-order-promo {
		margin-top: 18px;
	}
	.dlm-order-frame,
	.dlm-order-notes,
	.dlm-order-promo {
		height: 650px;
	}

}


.dlm-darkovy-poukaz figcaption {
	top: 0;
}

.footer a {
	text-decoration: underline;
}