/*
Theme Name: Corporate
Theme URI: https://zuestmedia.com/corporate/
Author: ZuestMedia
Author URI: https://zuestmedia.com/
Text Domain: zmt-corporate
Domain Path: /languages
Version: 2.1.3
Description: Corporate is a lightweight and customizable WordPress theme by ZuestMedia for business and content-driven websites. It combines the WordPress block editor with a flexible classic theme architecture and modular layout options. Additional theme settings, block templates and starter designs are available through the free ZMPlugin companion plugin.
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, footer-widgets, portfolio, left-sidebar, right-sidebar
Requires at least: 4.7
Tested up to: 7.1
Requires PHP: 7.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
ZMDLID: dj83pkl265axmi32wq0stwpksd8ep0dc1d73
ZMUPDAPI: wp
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. WordPress Core
	1. WP Blocks alignfull / alignwide
  2. wp-blocks margin
  3. wp-block optimizations
  4. Comments
  5. Accessibility in Content
  6. Must Use: display settings hide on small medium large

----------------------------------------------------------------------------- */
/* 0. WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

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

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

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

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption, .gallery-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}

.sticky{
/* adds additional style to sticky articles --> solve via post_class filter! */
}

.bypostauthor{
/* commentstyle from postauthor */
}

/* -------------------------------------------------------------------------- */
/*	1. WP Blocks alignfull / alignwide
  -- braucht variable von main container width
  -- these css-vars are built via js through zmtheme.js functions
  -- zm-wp-block-width is located in configArticleContainer
/* -------------------------------------------------------------------------- */

.alignfull, .alignwide {
/*margin: 0 calc(50% - (50vw - var(--scrollbar-width)/2));/*better below, so margins will be kept in editor and frontend*/
margin-left: calc(50% - (50vw - var(--scrollbar-width)/2));
margin-right: calc(50% - (50vw - var(--scrollbar-width)/2));
max-width: calc(100vw - var(--scrollbar-width));
width: calc(100vw - var(--scrollbar-width));
/*padding-left:0 !important;
padding-right:0 !important;*/
}

@media (min-width: 1480px) {
.alignwide {
  /*margin: 0 calc(( var(--zm-wp-block-width) - 80vw)/2);/*better below, so margins will be kept in editor and frontend*/
  margin-left: calc(( var(--zm-wp-block-width) - 90vw)/2);
  margin-right: calc(( var(--zm-wp-block-width) - 90vw)/2);
  max-width: 90vw;
  width: 90vw;
}
}

/*do not apply if has a sidebar and inside widgets!*/
.no-align-widenfull .alignfull, .no-align-widenfull .alignwide, .widget .alignfull, .widget .alignwide {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

/*remove width from block editor pages! so no overlapping*/
.block-editor-page .alignfull{
width:inherit;
}


/* -------------------------------------------------------------------------- */
/*	2. wp-blocks margin
/* -------------------------------------------------------------------------- */

.wp-block-post-content  > *:not(:first-child) ,
.zm-wp-block-container > *:not(:first-child) {
margin-block-start: 20px;
margin-block-end: 0;
}

/* -------------------------------------------------------------------------- */
/*	3. wp-block optimizations
/* -------------------------------------------------------------------------- */

/* align separator left by default not center */
.wp-block-separator {
  margin-left:0;
  margin-right:0;
  text-align:left;
  padding-left:0;
}
.wp-block-separator:before {
  padding-left:0;
}  
.wp-block-separator.aligncenter{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.wp-block-separator.aligncenter:before {
  padding-left:2em;
}

/* -------------------------------------------------------------------------- */
/*	4. Comments
/* -------------------------------------------------------------------------- */

#cancel-comment-reply-link{
margin-left:10px;
font-size:1rem;
}

/* -------------------------------------------------------------------------- */
/*	5. Accessibility in Content
/* -------------------------------------------------------------------------- */

/* WordPress Content and Comments Links must be underlined */
.zm-wp-block-container a,
.uk-comment-body a {
text-decoration:underline;
}

/* adds hover effect on links in paragraphs */
.zm-wp-block-container p > a:hover,
.uk-comment-body p > a:hover {
transition: border 0.2s ease-in-out;
border-bottom:1px solid;
text-decoration:none;
}

/* -------------------------------------------------------------------------- */
/*	6. Must Use: display settings hide on small medium large
/* -------------------------------------------------------------------------- */
/* Phone landscape and bigger */
@media (max-width: 639px) {
.zm-hidden-mobile {
  display: none !important;
}
}
/* Tablet landscape and bigger */
@media screen and (max-width: 959px) and (min-width: 640px)  {
.zm-hidden-tablet {
  display: none !important;
}
}
/* Tablet landscape and bigger */
@media screen and (max-width: 1199px) and (min-width: 960px)  {
.zm-hidden-tablet-landscape {
  display: none !important;
}
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.zm-hidden-desktop {
  display: none !important;
}
}