/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* =======================================================================================================================================================================
                                                                Tillgänglighetsanpassningar
======================================================================================================================================================================= */

.fl-screen-reader-text {
	background: white;
    border: blue 2px solid;
    padding: 20px;
    z-index: 9000;
    position: absolute;
    top: 0;
}

.logotyp-header:focus, 
.logotyp-header:focus-within, 
.logotyp-header:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

.pp-advanced-menu .menu > li > a:focus,
.pp-advanced-menu .menu > li > a:focus-within,
.pp-advanced-menu .menu > li > a:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

.pp-advanced-menu-mobile button:focus,
.pp-advanced-menu-mobile button:focus-within,
.pp-advanced-menu-mobile button:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

.pp-off-canvas-menu li:focus,
.pp-off-canvas-menu li:focus-within,
.pp-off-canvas-menu li:focus-visible,
.pp-menu-close-btn:focus,
.pp-menu-close-btn:focus-within,
.pp-menu-close-btn:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}


.pp-photo-content a:focus,
.pp-photo-content a:focus-within,
.pp-photo-content a:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

.pp-content-post:focus,
.pp-content-post:focus-within,
.pp-content-post:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

ul.pp-post-filters li:focus,
ul.pp-post-filters li:focus-within,
ul.pp-post-filters li:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

form input[type=submit]:focus, form input[type=submit]:focus-within, form input[type=submit]:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

.fl-icon:focus, .fl-icon:focus-within, .fl-icon:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
}

textarea {
	color: #333;
}

/* --- WooCommerce --- */


.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
	color: #333 !important;
}

#add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small {
	color: #707070;
}

body {
	color: #333;
}

/* --- Sidunika anpassningar --- */

button:focus, 
button:focus-within, 
button:focus-visible, 
a:focus, 
a:focus-within, 
a:focus-visible, 
input:focus-visible {
	border: 2px solid blue;
}

a.button:focus,
a.button:focus-within,
a.button:focus-visible {
	background-color: #7a9c59;
    border-color: #7a9c59;
    color: #fff;
	border: 2px solid blue;
}

#top-link:focus,
#top-link:focus-within,
#top-link:focus-visible {
	border: 2px solid blue !important;
}

.menu-item a:focus < ul.nav-dropdown,
.menu-item:focus-within < ul.nav-dropdown,
.menu-item:focus-visible < ul.nav-dropdown { 
	display: block !important;
}

a.plain {
	transition: ease-in-out .2s;
	border-radius: 10px;
	padding: 5px;
}

a.plain:focus,
a.plain:focus-within,
a.plain:focus-visible {
	border: none !important;
}


a.plain:focus div.icon-box,
a.plain:focus-within div.icon-box {
	border: 2px solid blue !important;
	border-radius: 5px !important;
}

a.plain:focus div.page-box,
a.plain:focus-within div.page-box {
	border: 2px solid blue !important;
	border-radius: 5px !important;
}



.img a:focus img,
.img a:focus-within img,
.img a:focus-visible img {
	border: 2px solid blue !important;
}

.absolute-footer {
	color: #fff !important;
	background: #404040 !important;
}


/* --- Om du vill gömma ett objekt för tillgänglighetssyften --- */


.visually-hidden {
	position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}