/* 
 * Theme Name: The Conference Child
 * Description: Child Theme pro The Conference od Rara Themes
 * Author: Mylan Rydrych
 * Template: the-conference
 * Version: 1.0.0
 * Text Domain: the-conference-child
*/


@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Regular.woff2') format('woff2'); /* asi nefunguje, jde přes Google fonty */
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('/wp-content/fonts/NunitoSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.site-content {
    background: linear-gradient(
        to bottom,
        rgba(87, 185, 168, 0.8),
        rgba(13, 45, 98, 0.8)
    );
}

.content-area{
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    padding: 10%;
}

.wp-link {
    display: none;
}

.scroll-down {
    display: none !important;
}

.input[element] {
    width: 450px;
}

::selection {
    color: white;
    background: #57b9a8;
}

p, th, thead, td, hr, h2, h3, h4, label, .nf-field-element, .nf-form-fields-required, span, a, li::marker {
    color: aliceblue !important;
}

select {
    padding: 10px !important;
}

.wp-block-button__link {
    text-decoration: none !important;
    color: aliceblue !important;
    background-color: #57b9a8 !important;
}

p {
    font-size: 20px;
    line-height: normal;
}

strong, b {
    font-weight: 700;
}

.wp-block-list {
    margin-left: 3rem;
}

@media(max-width: 1024px){
    .menu-primary-container a {
        color: black !important;
    }
}

@media(max-width: 768px){
	.toggle-btn {
		background-color: rgba(87, 185, 168, 0.8) !important;
	}
	table {
		font-size: 12px !important;
	}
}

.nav-btn a{
    color: white !important;
}

li.menuitem {
    color: aliceblue !important;
}

.nf-field-element textarea {
    resize: none !important;
}

.ml-button { /*call to action*/
display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 17px 40px;
    background: rgb(87, 185, 168);
    border-radius: 5px;
    border: 2px solid rgb(87, 185, 168);
    text-decoration: none !important;
    font-size: 1em;
}

.ml-is-centered {
    text-align: center;
}