/*
Theme Name: loudagency2023
Theme URI: https://www.meomodo.eu/wordpress/templates/loud-agency-2023/
Author: MeoModo DWS
Author URI: http://wordpress.org/
Description: Custom made theme for Loud Agency
Version: 1.0
License: Private
Tags: Loud Agency Fashion Labels,meomodo dws
Text Domain: loudagency2023
*/

/* Main menu */
nav ul {list-style-type:none;margin:0px;padding:0px;max-width:100%}
/*nav ul li {font-size:16px;line-height:24px;height:50px;width:auto;margin:0px 0px 20px}
nav ul li a {display:inline-block;position:relative;color:#762F00;text-decoration:none;border-bottom:1px solid transparent;transition:border .2;left:24px}
nav ul li a:hover {text-decoration:underline}*/

.menuopenbackground {position:fixed;display:none;top:0px;left:0px;width:100%;height:100%;background-color:#2F2923;opacity:0.7;z-index:999}
.menuopenbackground.show {display:block}

a.linkedin {display:block;margin:25px 0px 0px}


form.wpcf7-form {width:100%}
form.wpcf7-form label {display:flex;align-items:center;flex-wrap:wrap;width:100%}
form.wpcf7-form label span.name {width:100%}
form.wpcf7-form label span.wpcf7-form-control-wrap {width:100%}
form.wpcf7-form label span.wpcf7-form-control-wrap input[type=text],form.wpcf7-form label span.wpcf7-form-control-wrap input[type=email] {box-sizing: border-box;height:40px;width:100%;padding:0px 10px;border:1px solid #694645;outline:none}
form.wpcf7-form label span.wpcf7-form-control-wrap textarea {box-sizing: border-box;border:1px solid #694645;outline:none}
form.wpcf7-form label span.wpcf7-form-control-wrap input[type=text],form.wpcf7-form label span.wpcf7-form-control-wrap input[type=email],form.wpcf7-form label span.wpcf7-form-control-wrap textarea {width:100%}
form.wpcf7-form label span.wpcf7-form-control-wrap input:focus,form.wpcf7-form label span.wpcf7-form-control-wrap textarea:focus {box-shadow:0px 0px 5px #694645}

form.wpcf7-form input[type=submit] {border:none;outline:none;background-color:#694645;color:#fff;padding:10px;cursor:pointer}


/* Footer */
.ct_footer {position:relative;z-index:10;display:inline-block;width:100%;background-color:#fff/*#484848*/;color:#694645;padding:0px 0px 30px;margin:0px 0px 80px;position:relative;font-weight:200;box-shadow:0 0px 15px rgba(0,0,0,.55);overflow:hidden}
.ct_footer .inner {margin:50px auto;color:#694645}

.ct_footer a {color:#694645}
.ct_footer a:hover {text-decoration:underline}
.ct_footer nav ul li {height:35px;font-size:16px;line-height:22px}
.ct_footer nav ul li a {left:40px;color:#694645}

.ct_footer .ct_logo .woordmerk {display:none}

.ct_footer .row {}
.ct_footer .row.r1 {max-width:350px;margin:0px auto}
.ct_footer .row.r1 .rowinner {display:flex;justify-content:space-between;margin:50px 0px 50px;background-color:#fcf8f2;padding:15px 0px;box-shadow:0px 0px 15px 0px #000}
.ct_footer .row.r2 {display:flex;flex-wrap:wrap;gap:50px;max-width:350px;margin:0px auto;font-size:16px;line-height:22px}
.ct_footer .row.r2 .col {width:100%;margin:0px 0px 30px}
.ct_footer .row.r2 .col .br {display:block;margin-bottom:5px}
.ct_footer .row.r2 .col a.br {height:48px}
.ct_footer .row.r2 .col .email {color:#694645}
.ct_footer .row.r2 .col .email:hover {text-decoration:none}
.ct_footer .row.r2 .col .privacy {display:block;margin-top:30px;color:#694645}
.ct_footer .row.r2 .col .privacy:hover {text-decoration:none}
.ct_footer .hambuger_menu a {text-transform:uppercase}

img.faded,img.loaded.faded {opacity:0.7}
a img.faded {transition:opacity 0.3s}
a:hover img.faded {opacity:1}


@media (min-width:768px)
{
	nav ul li {background-position:0px 5px;font-size:22px;line-height:30px}
	.ct_footer .row.r1 {max-width:700px}
	.ct_footer .row.r2 {max-width:700px}
}

@media (min-width:1024px)
{
	form.wpcf7-form label {flex-wrap:nowrap}
	form.wpcf7-form label span.name {width:357px}
	form.wpcf7-form label span.wpcf7-form-control-wrap input[type=text],form.wpcf7-form label span.wpcf7-form-control-wrap input[type=email],form.wpcf7-form label span.wpcf7-form-control-wrap textarea {width:300px}

	nav ul li {background-size:16px;background-position:0px 10px;margin:0px 0px 5px;font-size:17px;line-height:25px}
	nav ul li:hover {background-position:3px 10px}
	.ct_footer .ct_logo .logo-ad img.woordmerk.wit {display:none}
	.ct_footer .ct_logo .logo-ad img.woordmerk.kleur {display:inline-block}
	.ct_footer .row.r1 {max-width:904px}
	.ct_footer .row.r2 {flex-wrap:nowrap;max-width:904px;font-size:17px;line-height:25px}
	.ct_footer .row.r2 .col {width:50%;margin:0px 0px 0px}
	.ct_footer nav ul li {height:25px;font-size:17px;line-height:25px}
	.ct_footer .row.r2 .col a.br {height:auto}
}

@media (min-width:1200px)
{
	.ct_footer .row.r1 {max-width:1280px}
	.ct_footer .row.r2 {max-width:904px}
	.ct_footer .row.r2 .col.c1 nav ul li {text-align:right}
}



/* 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 {
    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. */
}