/*
Theme Name: Cuak
Theme URI: https://consultoriowp.com
Description: Theme de cuak.com
Version: 2.0.9
Author: Automattic
Author URI: http://cuak.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cuak.com
Template: dyad-2-wpcom
*/

/* https://allaboutbasic.com/2017/11/13/dyad-2-by-automattic/ */


.is-singular div#content {
padding-top: 70px !important;
}

.posts .entry-inner-content {
    border-bottom: 3px solid #fff;
    bottom: 50%;
    max-height: 100%;
    overflow: hidden;
    padding: 0 12%;
    position: absolute;
    right: 0;
    text-align: left;
}

.has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header, .is-singular .entry-media {
width: 40%;
}

.is-singular:not(.home) .site-inner {
width: 60%;
}

.border1 {
	border: 5px solid black;
}

.is-singular .entry-media {
/*background-position:	0 50%;*/
}

@media only screen and (min-width: 1200px) {
.has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header, .is-singular .entry-media {
	width: 40%;
}

.is-singular:not(.home) .site-inner {
	width: 60%;
}
}

.has-post-thumbnail.is-singular .entry-inner {
    max-width: 90%;
}

.posts .entry-inner:before {
    color: #abb7c3;
    content: "\f517";
    display: block;
    font-size: 3.5rem;
    height: 50px;
    left: 0;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
    z-index: 5;
}

.is-singular .entry-inner:before, .error404 .entry-inner:before, .page-template-eventbrite-index .page-header:before, .single-event .entry-header:before {
    color: #fff;
    content: "\f102";
    font-size: 2.5rem;
    line-height: 36px;
    margin: -18px 0 0 -18px;
    text-align: center;
    width: 36px;
    z-index: 4;
}

#menu-item-8658
{
 background-color: #678db8;
 border-radius: 28px;
 padding: 0em 5em;
}
#menu-item-8658 a
{
  padding-left: 20px;
  padding-right: 20px;
}

#menu-item-10595
{
 background-color: #e40d12;
 border-radius: 28px;
 padding: 0em 5em;
}
#menu-item-10595 a
{
  padding-left: 20px;
  padding-right: 20px;
}
===============================

#menu-item-8658
{
 background-color: #678db8;
 border-radius: 28px;
}

body
{
    font-size: 2.1rem;
}

@media screen and (min-width: 1600px) {
  .site-banner-media {
    padding-bottom: 26%;
  }
  .home .content-area, .blog .content-area, .single-format-image.has-post-thumbnail .content-area {
    margin-top: 26%;
  }
}

@media screen and (max-width: 1599px) {
  .site-banner-media {
    padding-bottom: 30%
  }
  .home .content-area, .blog .content-area, .single-format-image.has-post-thumbnail .content-area {
    margin-top: 30%;
  }
}
@media screen and (max-width: 850px) {
  .site-banner-header {
    bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .site-banner-media {
    padding-bottom: 40%;
  }
}