/*
 Theme Name:   Dorayaki Child
 Theme URI:    
 Description:  Child Theme of Dorayaki
 Author:       Maja Benke
 Author URI:   https://webstyle4you.com
 Template:     dorayaki
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - General Styles
 * 3.0 - Links + Custom Colors
 * 4.0 - Header
 * 5.0 - Posts
 *   5.1 - Single Posts
 *   5.2 - Comments
 * 6.0 - Post Formats
 * 7.0 - Blog + Post Paginations
 * 8.0 - Archives / Search Results / 404
 * 9.0 - Standard + Archive Page
 * 10.0 - Widgets
 * 11.0 - Footer
 * 12.0 - Shortcodes
 * 13.0 - Plugins
 * 14.0 - Media Queries
 * 15.0 - HiDPI (=Retina) Displays
 * 16.0 - Print
 * 17.0 - Block Editor
 * --------------------------------------------------------------------------------------------
 */

/* 1.0 - Reset
-------------------------------------------------------------- */

/* 2.0 - General Styles
-------------------------------------------------------------- */
@font-face {
    font-family: 'Berthold Akzidenz-Grotesk';
    src: url('fonts/AkzidenzGroteskBE-Cn.eot');
    src: url('fonts/AkzidenzGroteskBE-Cn.eot?#iefix') format('embedded-opentype'),
    url('fonts/AkzidenzGroteskBE-Cn.woff2') format('woff2'),
    url('fonts/AkzidenzGroteskBE-Cn.woff') format('woff'),
    url('fonts/AkzidenzGroteskBE-Cn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT 47 LightCn';
    src: url('fonts/FrutigerLT-LightCn.eot');
    src: url('fonts/FrutigerLT-LightCn.eot?#iefix') format('embedded-opentype'),
    url('fonts/FrutigerLT-LightCn.woff2') format('woff2'),
    url('fonts/FrutigerLT-LightCn.woff') format('woff'),
    url('fonts/FrutigerLT-LightCn.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

div#main-wrap {
    text-align: left;
}

h1, #site-title h1,
.entry-header h1.entry-title,
.page .entry-header h1.entry-title,
h2, .entry-header h2.entry-title,
h3, h4, h5, h6,
a.more-link {
    font-family: 'Berthold Akzidenz-Grotesk', Verdana, sans-serif;
}


blockquote {
    color: #006991;
    margin: 20px 0;
    font-size: 26px;
    font-family: 'Berthold Akzidenz-Grotesk', Verdana, sans-serif;
}

.entry-content blockquote cite, #comments blockquote cite {
    color: #656565;
    padding: 15px 0 0 15px;
    font-family: 'Berthold Akzidenz-Grotesk', Verdana, sans-serif;
    font-size: 18px;
}



body,
.entry-content p, .entry-content ul, .entry-content ol,
.footerlabel-title {
    font-family: 'Frutiger LT 47 LightCn', 'Helvetica Neue', Arial, sans-serif;
}

.single-post .author-info p.author-description {

}

/*Font-Sizes*/
h1, .entry-title,
#site-title h1,
.entry-header h1.entry-title,
.page .entry-header h1.entry-title {
    font-size: 62px;
    text-transform: uppercase;
    color: #006991;
    margin: 0.3em 0 0.5em;
    font-weight: bold;
}

h2, h2.entry-title {
    font-size: 52px;
    text-transform: uppercase;
    color: #006991;
    margin: 0.2em 0 1em;
}
h3 {
    font-size: 32px;
    margin: 0.3em 0;
}
h4 {
    font-size: 26px;
    margin: 0.3em 0;
}
h5 {
    font-size: 20px;
    margin: 0.3em 0;
    text-transform: none;
}
h6 {
    font-size: 18px;
    margin: 0.3em 0;
}
body, p, li, ul, ol, table {
    font-size: 21px;
}

ul, ol {
    margin: 20px 0;
}

.entry-content ul li, .entry-content ol li, #comments ul li, #comments ul li {
    margin-bottom: 0;
}

a,
input#submit:hover,
input.wpcf7-submit:hover,
.format-link a.link:hover,
.responsive-slider.flexslider .slide h2.slide-title span,
.search-btn-open:before,
.menu-btn-open:before,
#site-nav li a:hover,
a.more-link:hover,
.morelink-icon:hover:after,
.contact-box .cb-emails span,
a#desktop-search-btn.btn-open:after {
    color: #006991;
}

a:hover,
.entry-header h2.entry-title a:hover,
.responsive-slider.flexslider .slide h2.slide-title a:hover,
ul.dorayaki-rp li.rp-box h3.rp-title a:hover,
.portfolio-box h3.portfolio-title a:hover,
.widget h3.widget-title a:hover,
#comments .comment-content ul.comment-meta a:hover {
    color: #001F2B;
}

.entry-content p.wp-caption-text, .gallery-item .gallery-caption {
    font-family: 'Frutiger LT 47 LightCn', 'Helvetica Neue', Arial, sans-serif;
    color: #656565;
}

.entry-content a {
    text-decoration: underline;
    text-underline-position: under;
}

h3 a {
    text-decoration: none !important;
}

a.more-link {
    font-size: 18px;
}

h2.ab-block-post-grid-title a {
    text-decoration: none;
}

hr {
    margin: 20px 0;
}

table {
    margin: 30px 0 40px;
}

.wp-block-button a {
    margin: 10px 0;
    text-decoration: none;
}

img {
    margin: 10px 0;
}

.uppercase {
    text-transform: uppercase;
}

p.has-small-font-size {
    font-size: 16px;
}

p.has-regular-font-size {
    font-size: 18px;
}

p.has-large-font-size {
    font-size: 24px;
}

p.has-larger-font-size {
    font-size: 36px;
}

p.has-huge-font-size {
    font-size: 56px;
}

p.small {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-group.small {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


b, strong {
    font-family: 'Berthold Akzidenz-Grotesk', Verdana, sans-serif;
    font-size: 20px;
}

a#desktop-search-btn {
    background: #006991;
}

a#desktop-search-btn:before, a#desktop-search-btn.btn-open:before {
    color: #fff;
}

.search-btn-open, 
.menu-btn-open, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
.jetpack_subscription_widget input[type="submit"]:hover, 
input#submit:hover, input.wpcf7-submit:hover, 
.contact-box a.cb-maplink:hover, 
.entry-content p.slogan a:hover, 
a.service-box:hover, 
a#desktop-search-btn:hover, 
a#desktop-search-btn.btn-open {
    background: #003f56;
}
/* 3.0 - Links + Custom Colors
-------------------------------------------------------------- */

/*Gutenberg Buttons*/
/*global*/
.wp-block-button__link {
    background-color: #006991;
    border-radius: 7px;
    font-size: 20px;
    margin: 0;
    padding: 12px 24px;
}

/*Default*/
.wp-block-button.is-style-default a {
    background-color: #006991;
}

/*default + square button*/
.wp-block-button.is-style-default a:hover,
.wp-block-button.is-style-squared a:hover {
    background-color: #003448;
}

/*Ouline Button*/
.is-style-outline .wp-block-button__link {
    border: 2px solid  #006991;
}
.is-style-outline .wp-block-button__link:hover {
    border: 2px solid  #003448;
    background: #3f3f3f;
    color: #F7F7F7;
}


/*Hover State*/
.wp-block-button a:hover {
    text-decoration: none;
    font-weight: 900;
}


/* 4.0 - Header
-------------------------------------------------------------- */
@media screen and (min-width: 1260px) {
    #site-title {
        padding: 0px;
    }

    #site-title img {
        max-width: 50%;
        height: auto;
    }
}

#site-title {
    border-top: 5px solid #006991;
}

.current_page_item {
    border-bottom: 2px solid !important;
    color: #006991 !important;
}

.menu-hauptmenu-deutsch-container {
    text-align: center;
}

/*.current-menu-item a {
    border-bottom: 2px solid !important;
}*/

/*
lang menu */
#lang-nav {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
}

#menu-lang, .menu-lang_nav_de-container,
.menu-lang_nav_en-container,
.menu-lang_nav_da-container,
#menu-lang_nav_de,
ul#menu-lang_nav_en,
ul#menu-lang_nav_da {
    list-style-type: none;
    width: 100%;
    padding: 0;
}

#menu-lang ul,
#menu-lang_nav_de ul,
#menu-lang_nav_en ul,
#menu-lang_nav_da ul {
    display: inline-block;
    list-style-type: none;
    padding-top: 20px
}

#menu-lang li,
#menu-lang_nav_de li,
#menu-lang_nav_en li,
#menu-lang_nav_da li {
    display: block;
    text-align: center;
    /* float: left; */
    display: inline;
}
#menu-lang li a,
#menu-lang_nav_de li a,
#menu-lang_nav_en li a,
#menu-lang_nav_da li a {
    text-transform:uppercase;
    letter-spacing: 1px;
    display: block;
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: left;
    color: #3f3f3f;
}


@media screen and (min-width: 1260px) {

    #menu-lang, #menu-lang_nav_de, #menu-lang_nav_en, #menu-lang_nav_da {
        width: 400px !important; /*change this, when more lang are added*/
        padding-left: 30px;
    }

    #menu-lang li a, #menu-lang_nav_de li a, #menu-lang_nav_en li a, #menu-lang_nav_da li a {
        width: fit-content;
        margin: 0 15px;
    }

    /*a#desktop-search-btn {
        position: fixed;
        margin: 40px;
    }*/

}

/* 5.0 - Posts
-------------------------------------------------------------- */
.entry-details {
    margin-top: 0;
    padding-top: 0;
}

.entry-details, .entry-cats {
    border-top: none;
}

.entry-date, .entry-author {
    display: none;
}
.entry-cats {
    margin: 0;
    padding: 0;
}

.entry-cats ul.post-categories li a {
    background: #fff;
    font-size: 0.95rem;
    color: #555;
}

/*Block: Columns*/
.wp-block-column {
    background: #fff;
    padding: 20px;
}

/* Block: Headlines*/
#main-wrap {
    overflow: hidden;
    text-align: center;
}
.is-style-alt {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

.is-style-alt::before,
.is-style-alt::after {
    content: "";
    position: absolute;
    border-top: 5px solid #006991;
    margin-top: -5px;
    top: 50%;
    width: 2000px;
}
.is-style-alt::before {
    margin-right: 18px;
    right: 100%;
}
.is-style-alt::after {
    margin-left: 18px;
    left: 100%;
}



/* 5.1 - Single Posts
-------------------------------------------------------------- */

/* 5.2 - Comments
-------------------------------------------------------------- */

/* 6.0 - Post Formats
-------------------------------------------------------------- */

/* 7.0 - Blog + Post Paginations
-------------------------------------------------------------- */

/* 8.0 - Archives / Search Results / 404
-------------------------------------------------------------- */

/* 9.0 - Standard + Archive Page
-------------------------------------------------------------- */

/* 10.0 - Widgets
-------------------------------------------------------------- */
.widget-area .widget h3.widget-title {
    font-size: 22px;
}

.widget-area .widget_get_recent_comments h1.widget-title {

}


/* 11.0 - Footer
-------------------------------------------------------------- */
#colophon {
    background: #66a5bd;
}

.footerlabel {
    color: #66a5bd;
}

/* 12.0 - Shortcodes
-------------------------------------------------------------- */

/* 13.0 - Plugins
-------------------------------------------------------------- */

/*Torror Forms*/
.half_form {
    width: 45%;
    float: left;
    margin-right: 5%;
    min-width: 150px;
}

.torro-element-input {
    width: 100% !important;
}

.large_form {
    margin-right: 5%;
}

.large_form input {
    height: 200px;
}

input[type="email"] {
    padding: 8px 2%;
    background: none;
    border: 1px solid #3f3f3f;
    font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    color: #3f3f3f;
    line-height: 1.6;
    -webkit-appearance: none;
    outline-color: transparent;
    outline-style: none;
}

.torro-button {
    padding: 3px 12px;
    border: 1px solid #3f3f3f;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    background: #006991;
    color: #fff;
}

.torro-button:hover {
    background: #001F2B;
}


/* 14.0 - Media Queries
-------------------------------------------------------------- */

/* 15.0 - HiDPI (=Retina) Displays
-------------------------------------------------------------- */

/* 16.0 - Print
-------------------------------------------------------------- */

/* 17.0 - Block Editor
-------------------------------------------------------------- */

p.has-background.has-weiss-background-color {
    background-color: #fff;
}

.wp-block-button.aligncenter {
    text-align: center !important;
    display: block !important;
}

.wp-block-group.has-weiss-background-color {
    background-color: #fff;
}