/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/


/* Anpassungen der Contact Form 7 */

/* Grundstruktur für die Formularreihen */
.wpcf7 .form-row {
    display: flex;
    gap: 10px;
}

/* Halbe Breite für alle Elemente mit der Klasse 'half-width' */
.wpcf7 .half-width {
    flex: 1;
}

.wpcf7 .half-width label {
    width: 100%;
    display: block;
}

/* Styling für Input-Felder mit nur unterem Rahmen */
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 2px solid #ccc;
    background-color: transparent;
    box-sizing: border-box;
    font-size: 17px !important;
}

/* Fokus-Effekt für alle Input- und Textarea-Felder */
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 textarea:focus {
    border-bottom-color: #FF7600; /* Farbe beim Fokus */
    outline: none;
}

/* Dropdown-Design für alle Select-Elemente */
.wpcf7 select {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 2px solid #ccc;
    background-color: transparent;
    font-size: 17px !important;
    color: #333;
    appearance: none;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px;
    margin-top: 10px;
	margin-bottom: 20px;
}


/* Fokus-Effekt für alle Select-Elemente */
.wpcf7 select:focus {
    border-bottom-color: #FF7600; /* Farbe beim Fokus */
    outline: none;
}

/* Header „Ich suche nach“ Schriftgröße anpassen, das dies zum Menü passt (etwas kleiner) */

.header-search > input[type=search], header.header-light-skin:not(.header-scroll) .header-search input[type=search], header.header.header-scroll.header-scroll-light-skin .header-search input[type=search], div.search-shortcode.header-search input[type=search] {
    font-size: 20px !important;
    margin-left: 5px;
}

.header-search>i {
    top: 20px !important;
    font-size: 28px !important;
}

.select2-results__option {
    font-size: 17px !important;
}

/* Kann man bei „Alle Kategorien“ bei der Suche einen Hinweis anbrinen, wenn man mit der Maus rüberfährt „Wählen Sie zuerst die Hauptkategorie aus, mit einem weiteren Klick können Sie die Unterkategorie auswählen“ */

.page-id-136 span.select2-search.select2-search--dropdown:after {
    font-size: 14px;
	font-family: Montserrat;
	padding-top:10px;
}

.page-id-136 .select2-search--dropdown {
    padding: 14px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin-bottom: 10px;
}

/* „Filter“ — verschwommen also weight: 500“ Inserate/Unternehmen (Tel. Nr / Straße) etwas kleiner und Firmenname/Inseratname etwas größer */


.explore-head-top-filters a {
	font-weight:500 !important;
}

.lf-item-info>ul li {
    font-size: 17px !important;
}

.lf-item-info>h4 {
    font-size: 20px !important;
}


/* ...weitere Kategorien auf GFUNDEN.AT —> Hier z.B Restaurants größer machen von der Schrift Größe */

#startkats h4 {
    font-size: 21px !important;
}

/* Entdecke - Filter / Kategorien etwas größer */

div.finder-tabs .sidebar-tabs li a {
    font-size: 18px !important;
}

/* Profil: Unterüberschriften (Beschreibung etc.) —> etwas größer */

div.listing-tabs .title-style-1 h5 {
    font-size: 18px !important;
    font-family: Montserrat;
}

/* Profil: Webseite / Jetzt anrufen - Schriftdicke */

.quick-listing-actions>ul>li>a span {
    font-family: Montserrat !important;
}

/* Profil: „Route planen“ bei der Map (etwas dicker, größer) */



/* Bewertungen: Autor etwas kleiner (Schrift) */

.comment-head h5 {
    font-size: 17px !important;
}

/* Dashboard: Aufrufe welches man aktiv ausgewählt hat —> Schrift Fett (letzen 7 Tage,...) */

.visit-chart-actions>a.active {
    font-family: Montserrat;
}

/* Den Button Suchen schön gestalten */

.featured-search .buttons.search {
    font-weight: 500 !important;
}

.featured-search .buttons.search:hover {
    background: #8364AA;
}

/* "Was suchen Sie“ —> Oberbei sehen Sie „Unternehmen“ —> bitte font weight: 500 */

.transparent .fs-tabs .nav-tabs>li.active>a, .transparent .fs-tabs .nav-tabs>li.active>a:focus, .transparent .fs-tabs .nav-tabs>li.active>a:hover {
    font-weight: 500;
}

/* Zähler (Counter) Schriftgrößen kann man mit Elementor nicht anpassen (Bitte anpassbar machen & Schriftgröße der Seite gut anpassen das diese Zahlen rausstechen) */

span.elementor-counter-number {
    font-size: 50px;
}

/* Alles was im Dropdown enthalten ist - etwas größer (passend für Dropdown etwas größer) */

ul.sub-menu.i-dropdown li a, ul.sub-menu.i-dropdown li a, div.mobile-user-menu > ul > li > a, ul.i-dropdown li a {
    font-size: 18px !important;
}

.main-nav .i-dropdown {
    width: 250px;
}
.i-dropdown {
    width: 300px !important;
}

/* Info für Kategorieauswahl in der Suche im Hero Bereich */

/* #startsuche:hover + #infomo {
	visibility: visible !important;
}

#infomo {
	visibility: hidden !important;
}*/

/* ÄNDERUNGEN CREW8 */
/* Title Cookie-Meldung */
.cky-notice .cky-title {
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 12px 0;
    word-break: break-word;
    font-family: 'Montserrat' !important;
}

/* Weitere Inserate --> Schriftgröße */
.lf-item-container .event-host .host-name {
    font-size: 17px !important;
    
}

/* ZählerText Unternehmen --> Schriftgröße */

.elementor-counter-title {
    font-size: 21px !important;
	    line-height: 1.4 !important;
}

/* ZählerText Unternehmen --> Plus Größe */

.elementor-counter-number-suffix {
    font-size: 50px;
}

/* Mobil Dropdown */

@media (max-width: 1200px) {

	.i-nav ul li a {
    padding: 35px 20px !important;
}
	
.main-menu .submenu-toggle i {
    top: 10px;
	font-size: 30px !important
}
	
}


/* Bestellung # 3755 vom 11/01/2024 alles irgendwie verschwommen - font weight: 500*/

.woocommerce-account .woocommerce-MyAccount-content mark {
    font-weight: 500 !important;
}


/* Schriftgröße bei den Unterüberschriften etwas ändern  */

form.c27-submit-listing-form .form-section .title-style-1 h5 {
    font-size: 21px !important;
}
^i
/* Links „Das Unternehmen, Logos und Bilder“ event. Etwas besser sichtbarer

li#form-section-general-nav {
    font-family: Montserrat;
}

li#form-section-form_heading-nav {
    font-family: Montserrat;
}*/

/* Buttons Eintrag bearbeiten  */

.edit-listing-form .listing-form-submit-btn .preview-btn, .field  .resturant-menu-repeater>input[type=button], .field .work-hours-repeater>input[type=button], .c27-submit-listing-form input[type=button] {
    font-size: 17px !important;
    font-family: 'Montserrat' !important;
    background: #48499d !important;
    color: #fff !important;
}

.edit-listing-form .listing-form-submit-btn .preview-btn:hover, .field .resturant-menu-repeater>input[type=button]:hover , .field .work-hours-repeater>input[type=button]:hover , .c27-submit-listing-form input[type=button]:hover {
    background: #8364AA !important;
    color: #fff !important;
}

/* Sie besitzen dieses Paket bereits  */

.package-available>.use-package-toggle {
    font-size: 18px !important;
    font-family: 'Montserrat';
    color: #008f00 !important;
}

/* Was suchen Sie? Größer machen  */

.explore-head-search .select2-container--default .select2-selection--single .select2-selection__rendered, .explore-head-search input {
    font-size: 17px;
}

/* Startseite Carousel Mittig  */

.elementor-section-boxed .i-section.listing-feed-2>.container {
    margin-left: auto !important;
}

/* Entdecken Filter - Sortiert nach - Abstand  */

.select2-selection__rendered {
	font-size:17px !important;
}


.event-picker .date-add-new, .social-networks-repeater>input[type=button] {
    margin-top: 15px;
    float: none !important;
    background: rgba(0, 0, 0, .03);
    padding: 12px;
    font-size: 17px !important;
    border-right: 3px;
    color: #242429 !important;
    transition: .2s ease;
	font-weight: 500;
}

.md-group input:focus~label, .md-group input:required:valid~label, .md-group select:required:valid~label, .md-group select[multiple]~.select2-container--focus~label {
    top: -5px !important;
}


/* Entdecken Filter - Kategorien Schriftgröße  */

h4.case27-primary-text {
    font-size: 18px !important;
}

/* Shop Option Varianten Schriftgröße  */

span.select2-selection__placeholder {
    font-size: 17px;
}

/* Avenir Regular im Dashboard  */

.dash-table li {
    font-family: Montserrat;
}

/* Rechnungsübersicht Buttons Weight 500  */

.woocommerce-order-details .order-again a, .woocommerce-order-details .download-invoice-pdf a {
    font-weight: 500 !important;
}

/* Rechnungsübersicht Rechnungsadresse  */

.order_details~header h2, .subscription_details~h2, .woocommerce-column__title {
    border-bottom: none !important;
    display: block;
}

.woocommerce-column__title::before {
    display: block !important;
}

/* Rechnungsübersicht Buttons Weight 500  */

.form-group.fc-search {
    margin-bottom: 30px !important;
	margin-top: 15px !important;
}


/* Mobil Profil Unternehmensname Größe + Menü abstand  */

@media only screen and (max-width:981px) {
h1.case27-primary-text {
    font-size: 23px !important;
}
	
.profile-header {
   margin-top: 20px;
}
	
	
.single-job-listing .element {
    margin-bottom: 30px!important;
}

	
.mlduo-account-menu {
    margin-top: 20px;
}
}

/* Checkout Breite auf 1300  */

@media only screen and (min-width:1300px) {.woocommerce .container {
    width: 1300px;
	}}



/* Mitteilung in Grün - Icon entfernt  */

.job-manager-message {
    background: #00ba00;
    color: #fff;
}

.job-manager-message a {
    color: #fff;
}

.job-manager-message:before {
    content: "" !important;
}


/* Hintergrund Grau Profil  */

.edit-listing-form section.i-section {
    background: #fafafa;
}


.page-id-136 section.i-section {
    background: transparent !important;
}

/* Inserat Kategorien H4 Größe */

#inseratkats h4.case27-secondary-text {
	font-size:21px !important;
}

/* Fragen bei Prodfukten 500 */

.woocommerce div.product form.cart .variations label {
    font-weight: 500 !important;
}

/* Regsitrieren und "oder" Ausgeblendet */

.user-area.signin-area span {
    display: none;
}


.user-area.signin-area a:nth-child(4) {
    display: none !important;
}

/* Media Query für Mobilgeräte mit einer maximalen Breite von 767px */
@media only screen and (max-width: 767px) {
    .no-login-background .login-content {
        width: 320px !important;
    }
}

/* Bearbeiten Listing Grau weiter runter */

.edit-listing-form .elementor-795 .elementor-element.elementor-element-b2eeafb {
    --margin-block-start: 0px !important;
}

.edit-listing-form .i-section {
    padding-bottom: 100px !important;
}

.add-listing-nav>ul {
    margin-top: 60px !important;
}

/* Listing Entwurf Button ausblenden */

.save-listing-button {
    display: none !important;
}

.preview-btn {
    flex-basis: calc(100% - 0px) !important;
}

/* Ad Listing Unterüberschrift */

.job_listing_packages::before {
    content: "Auf Wunsch erstellen wir Ihr Inserat für Sie. Bei Fragen sind wir jederzeit für Sie da unter booking@crew8events.at";
    text-align: center;
    padding-bottom: 40px;
    margin-top: -30px;
    position: relative;
    display: block;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {

.job_listing_packages::before {
    margin-top: 0px;
	padding-top: 30px;
	padding-left:10px;
padding-right:10px;
	}}

/*Cookie Meldung - Schriftgröße größer*/
.cky-btn {

    font-size: 17px !important;
}