/*
Theme Name: CEMI Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

@import url("../bridge/style.css");
@import url("assets/dist/main.css");

/** Search form wrapper */
.search-page-form-wrapper form div {
	border: 2px solid #6C6F70;;
}

/** Search */
.search-page-form-wrapper form div,
.search-widget form div {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.search-page-form-wrapper form input[type="text"] {
	background: #f3f3f3;
}

.search-page-form-wrapper form input[type="submit"] {
	background: #6C6F70;
	color: white;
}

.search-page-form-wrapper form input[type="text"],
.search-widget form input[type="text"] {
	padding: .5em 1em;
	width: -webkit-fill-available;
	font-size: 1.2em;
	border: none;
}

.search-page-form-wrapper form input[type="submit"],
.search-widget form input[type="submit"] {
	border: none;
	font-size: 1.2em;
	padding: 0 1em;
	
}

.search-widget form input[type="submit"] {
	background: var(--e-global-color-secondary);
	color: white;
}

/** Footer */
.footer_top .menu-header-mobile-container ul {
	margin-top: 1em;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.footer_top .menu-header-mobile-container ul li:not(:last-child) {
	margin-right: 1em;
}

/** Header */
.cemi-header {
	display: none;
	width: 100%;
	background: #f3f3f3;
}

.cemi-header .container_inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 2em 0;
}

.cemi-dropdown-menu-section {
	width: calc( 33% - 1em );
}

.dropdown-menu-section-left a {
	text-transform: uppercase;
	font-size: 1.4em;
}

.dropdown-menu-section-left li:not(:last-child) {
	margin-bottom: 1em;
}

.dropdown-menu-section-right li,
.dropdown-menu-section-center li {
	margin-top: .5em;
}

.dropdown-menu-section-left li a:hover {
	text-decoration: underline;
}

.dropdown-menu-section-right a,
.dropdown-menu-section-center a {
	text-decoration: underline;
	color: var(--e-global-color-primary);
	font-weight: bold;
}

.dropdown-menu-section-left {
	align-self: center;
}

.widget-dropdown-menu h4 {
	font-size: 1.4em;
	color: var(--e-global-color-secondary);
	font-weight: 500;
	margin-bottom: 1em;
}


.cemi-dropdown-menu-section .widget-dropdown-menu .menu {
	list-style: none;
}

a[href="#cemi-menu"] {
	padding-left: 2em !important;
}

a[href="#cemi-menu"]::before {
	content: '';
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MjAgMTA4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjE0Ny41OTM4O3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTc5NC4yOCwxMTkuOTEgOTU5LjUyLDk1NC42OCAxMjQuNzUsMTE5LjkxICIvPgo8L3N2Zz4K');
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	height: 1em;
	width: 1em;
	top: calc( 50% - .5em);
	left: .5em;
	display: block;
}

a[href="#cemi-menu"].active,
a[href="#cemi-menu"].active:hover {
	background: #f3f3f3;
	color: var(--e-global-color-primary) !important;
}

a[href="#cemi-menu"].active::before {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MjAgMTA4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMyMTA3NkE7c3Ryb2tlLXdpZHRoOjE0Ny41OTM4O3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI0Ljc1LDk1NC42OCA5NTkuNTIsMTE5LjkxIDE3OTQuMjgsOTU0LjY4ICIvPgo8L3N2Zz4K');
	background-position: center center;
	background-repeat: no-repeat;
}

a[href="#cemi-menu"].active:hover {
	background: #f3f3f3 !important;
	color: var(--e-global-color-primary);
	text-decoration: underline;
}


/** Resources Shortcode */
.resources-wrapper {
	flex: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.resource-single {
	padding: 1.2em;
	width: calc( 50% - 1em );
	background: white;
	margin-bottom: 2em;
	border-radius: .5em;
	padding-bottom: 3em;
	position: relative;
}

@media screen and (max-width: 727px) {
	.resources-wrapper {
		flex-direction: column;
	}

	.resource-single {
		width: 100%;
	}
}

.resource-single a h4 {
	
	margin-bottom: 1em;
	color: #21076A;
}

.resource-single h4 {
	text-decoration: underline;
	color: #21076A;
	margin-bottom: .5em;
}

.resource-single p {
	color: black;
	margin-bottom: 1em;
}

.resource-single a.resource-link {
	color: white;
	padding: .5em 2em;
	background: #21076A;
	border-radius: .2em 2em 2em 2em;
	text-transform: uppercase;
	font-size: .8em;
	text-align: right;
	position: absolute;
	bottom: 1.2em;
	right: 1.2em;
	font-weight: bold;
}

.resource-single a.resource-link:hover {
	background: var(--e-global-color-accent);
}

.resource-single a:hover {

}

section.resources {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.keyword-wrapper {
	background: #21076A;
	padding: 2em;
	display: flex;
	flex-direction: row;
}

.keyword-wrapper .select-wrapper {
	position: relative;
}

.keyword-wrapper select {
    position: relative;
    overflow: hidden;
    appearance: none;
    outline: none;
    height: 100%;
    padding: 10px 30px 10px 10px;
    background: $white;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0,0,0,.25);
}

.keyword-wrapper .select-wrapper::after {
	position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: '';
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAzMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjE4NjggMTguNjAwMUwwLjk3ODc2IDAuNzQ0MTQxSDI5LjM5NDhMMTUuMTg2OCAxOC42MDAxWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC41Ii8+Cjwvc3ZnPgo=");
}

.keyword-wrapper select option {
    color: $black;	
}

.keyword-wrapper h4 {
	padding: .2em .5em;
	color: var(--e-global-color-accent);
	margin-bottom: .5em;
}

.keyword-wrapper ul {
	list-style: none;
}

a.search_button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 1.4em;
}

nav.main_menu ul li a {
	font-size: 1.4em;
}

@media only screen and (max-width: 480px) {
.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .elementor-container .elementor-widget-wrap>.qode_elementor_container_inner, .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, div.grid_section .section_inner, nav.content_menu ul {
	width: calc( 480px - 6em);
}
}