/*
 Theme Name:   Divi Child Theme
 Description:  Divi Child Theme
 Author:       Astrid Brueckner | basstrid.at
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  ab
*/



/*Fokus für Tastaturnavigation - mit Plugin A11y eingefügt - dieser Code ist für die Umrahmung im Menü*/

#main-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 0;
}

#main-header #et-top-navigation nav>ul>li {
    padding-bottom: 33px;
}


::selection {
	background: #EEDDD2;
}

::marker {color:#486573;}


/*Schriftdicke im Menü ändern*/
#top-menu-nav #top-menu>li>a {
	font-weight: 400!important;
}

.blau, button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained, a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
	background: #22495a;
}

/*___________WOO COMMERCE ___________________*/


/*Aufzählungszeichen weg auf Seite Mein Konto*/

.woocommerce-MyAccount-navigation  ul li {
	list-style-type: none;
}


/*Styling default menu buttons Woo Account (with hover and active state)*/

nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

nav.woocommerce-MyAccount-navigation a {
    display: block;
    background: #EEDDD2;
    padding: 0.5em 1em;
	color: #0E1F26;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.02em;
    margin-bottom: 2px;
    transition: all .3s;
}

nav.woocommerce-MyAccount-navigation a:hover {
    background: #486573;
    color: #fff !important;
}


nav.woocommerce-MyAccount-navigation li.is-active a {
    color: #fff !important;
    background: #486573;
}

/*Die Links auf der Dashboard-Account-Seite sollen nicht wie Buttons aussehen*/
.woocommerce .woocommerce-MyAccount-content a {
	color: #22495a;
	font-weight: 700;
	background: #fff;
	padding: 0;
}


/*Adding icons to menu items (ET icon font)*/

nav.woocommerce-MyAccount-navigation a::before {
    display: inline-block;
    content: '\e012';
    font-family: 'ETmodules';
	margin-right:10px;
}
li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: '\e015';
}
li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: '\e004';
}

li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: '\e009';
}

li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: '\e016';
}

li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: '\e000';
}

li.woocommerce-MyAccount-navigation-link--live_meditationen a::before {
    content: '\3d';
}

/*Links auf den Seiten Bestellungen und Downloads müssen weiss sein wenn in einem Button*/
#lernmit-woo .woocommerce-info a,
#lernmit-woo .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a,
#lernmit-woo .order-again a{
	color: #fff !important;
}

/*Tabelle in Woo stylen*/
#lernmit-woo table.shop_table,
#lernmit-woo .woocommerce table.shop_table,
#lernmit-woo table.shop_table td,
#lernmit-woo table.shop_table th {
	border-width: 2px;
	border-radius: 0;

}


#lernmit-woo table.woocommerce-orders-table td,
#lernmit-woo table.woocommerce-orders-table th {
	padding: 15px;

}


/*Bestelldetails – Tabelle soll weiter runterrutschen damit es nicht so an der H2 klebt*/
#lernmit-woo .woocommerce section.woocommerce-order-details {
	margin-top: 2em;
}

/*Die Bestelladresse soll etwas mehr Platz bekommen*/
#lernmit-woo .woocommerce-customer-details address {
	padding: 20px;
	border-width: 2px;
		border-radius: 0;
}

/*Schriftgröße bei den Bestellungen Tabelle*/
#lernmit-woo table.woocommerce-orders-table {
	font-size: 1rem;
}

/*Das Formular auf der Kontodetails Seite stylen*/
#lernmit-woo label {
	font-weight: 600;
	color: #404142;
	margin-top: 0.5em;
}

#lernmit-woo input {
	margin-bottom: 1em;
	color: #404142;
}

/*Wenn man in das Formular hineinklickt auf der Kontodetails-Seite soll es einen Rahmen kriegen*/
#lernmit-woo input:focus {
	border: 2px solid #52739e;
}


/*____________Styling des Video Buttons___________*/
.woocommerce .woocommerce-MyAccount-content a.videobutton {
	background: #22495a;
	color: #fff;
	padding: 5px 10px;
	line-height: 1.7em;
}

.woocommerce .woocommerce-MyAccount-content a.videobutton:hover {
	 background: #486573;
    color: #fff !important;
}


/*Ausnahme Button Styling für den Link zu den Produkten*/
.woocommerce-MyAccount-content table.woocommerce-orders-table .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-products div a{
	background: #fff;
	color: #22495a;
	padding: 0;
}