/**
 * The postdev.css stylesheet is used to add styling after the theme's stylesheets have been compiled.
 *
 * The stylesheet can also be used to add temporary styling that can be removed once the theme is used on a live site.
 *
 * The stylesheet is called from inc/soblossom.php lines 162 and 167
 *
 * @package vericut
 */

/* temporary style to not make tables ruin the design */
.entry-content{overflow:hidden}
/* end temporary style */

*:focus {
    outline: none;
}

/**
 * All styling up to 640px comes first and therefore no media query needed
 */

.lang-fr .accordion-navigation.eur > a,
.lang-gb .accordion-navigation.eur > a,
.lang-de .accordion-navigation.eur > a,
.lang-it .accordion-navigation.eur > a,

.lang-it .accordion-navigation.it > a,
.lang-en .accordion-navigation.usa > a,
.lang-en .accordion-navigation.usa > a,
.lang-gb .accordion-navigation.uk > a,
.lang-de .accordion-navigation.de > a,
.lang-fr .accordion-navigation.fr > a,
.lang-in .accordion-navigation.in > a {
	background: #edf7fe;
}
.lang-en .accordion-navigation.usa > a:hover,
.lang-en .accordion-navigation.usa > a:focus,
.lang-gb .accordion-navigation.uk > a:hover,
.lang-gb .accordion-navigation.uk > a:focus,
.lang-de .accordion-navigation.de > a:hover,
.lang-de .accordion-navigation.de > a:focus,
.lang-fr .accordion-navigation.fr > a:hover,
.lang-fr .accordion-navigation.fr > a:focus,
.lang-in .accordion-navigation.in > a:hover,
.lang-in .accordion-navigation.in > a:focus {
	background: #cde0ee;
}


@media only screen and (min-width: 40.0625em) { /* 641px */

/* 	Add medium styles */

/* sub menu */
.topnav > li {
	border: none;
}

.top-bar-section ul li:hover:not(.has-form) > a {
	color: #fff;
}

.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
	background: #258dcc;
}

.topnav > li:hover, .topnav > li:focus {
	border: none;
	background: #258dcc;
}

.topnav > .search:hover, .topnav > .search:focus {
	background: #fff;
}

li#menu-header-search:hover, .topnav > .search:focus {
	border: none;
}

.topnav > li > .dropdown {
	border-top: none;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active {
	background: #258dcc;
	color: #fff;
}

.top-bar-section ul.dropdown > li.active.active:not(.has-form) > a:not(.button) {
	color: #fff;
}

.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
	color: #fff;
}

/* user stories */
.userstory-wrap a.singlestory { background: #fff; border: 1px solid rgba(180, 170, 161, 0.4); padding: 5px; }
.userstory-wrap .overlay a { padding: 5px; }
.userstory-wrap .overlay a h3.title { line-height: 1.2; }
.userstory-wrap .overlay a h3.title { padding-top: 0.5rem; }
.userstory-wrap:hover a.singlestory, .userstory-wrap:focus a.singlestory { border: 1px solid; }
.userstory-wrap .overlay a .title, .userstory-wrap .overlay a .industry, .userstory-wrap .overlay a .topic { background-color: none; }
.facetwrapper .userstory-wrap img, .facetwrapper:hover .userstory-wrap img { transition: all 200ms ease-out 200ms; }


} /* end of media query */

@media only screen and (min-width: 64.0625em) { /* 1025px */

/* 	Add large styles */
	

} /* end of media query */

@media only screen and (min-width: 90.0625em) { /* 1441px */

/* 	Add xlarge styles */
	

} /* end of media query */