/**
* Theme Name: ASMGi 2018
* Template: Divi
* Description: A custom child theme for ASMGi built on Divi.
* Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
* Version: 3.2
* Updated: 2018-09-18 12:54:06
*/

#logo {
    float: left;
}
#main-header > div.container.et_menu_container > div.logo_container {
    margin-top: 1rem;
    width: 25%;
    right: 0;
}
#main-header.et-fixed-header > div.container.clearfix.et_menu_container > div.logo_container{
    margin-top: .5rem;
}

#footer-info {
    float: none;
    padding-bottom: 10px;
    text-align: center;
}

.fwidget.widget_text {
    width: 100%;
}

.gdpr-framework-privacy-tools p {
  color: #7fc241;
}

.gdpr-framework-privacy-tools h2 {
  color: white;
  font-weight: bold;
}

/*********************************
change logo for fixed header
**********************************/
@media (max-width: 980px) {
  .et_header_style_left #logo {
    max-width: 99%;
    content: url(/wp-content/uploads/2018/09/asmgi-logo-black-01.svg);
  }
}
/*#logo {
	max-height: 75%;
	margin-top: .5rem;
}

#logo {
	float: right;
}
*/
/*********************************
tweaks for the search icon and search close
**********************************/
#et_search_icon:before {
	top: -.25rem !important;
}
span.et_close_search_field {
	padding-top: 20px;
	float: left;
  position: relative;
}

/*********************************
changes for the menu
**********************************/

#top-menu li a:hover {
	opacity: 1 !important;
}
#top-menu li a:hover:before {
	right: 0;
}
#top-menu li li a:before {
	bottom: 10%;
}
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
}
#top-menu li a:before {
	content: "";
	position: absolute;
	z-index: -2;
	left: 0;
	right: 100%;
	bottom: 50%;
	background: #673ab7; /*** COLOR OF THE LINE ***/
	background: #7FC241; /*** COLOR OF THE LINE ***/
	height: 2px; /*** THICKNESS OF THE LINE ***/
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#top-menu ul.submenu li ul.submenu li#menu-item-29630.menu-item-has-children a:before {
	background: #673ab7;

}

li#menu-item-29630.submenu-section-title.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-29630 > a:first-child {
	color: #f5821a!important;
	cursor: default;
}
li#menu-item-29639.submenu-section-title.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-29639 > a:first-child {
	color: #0076A8!important;
	cursor: default;
}

li#menu-item-29804.submenu-section-title.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-29804 > a:first-child {
	color: #6A489C!important;
	cursor: default;
}
@media (min-width: 981px) {
	.search #left-area {
		width: 99.125%;
		padding-bottom: 23px;
	}
}

/*********************************
tweaks for the no results page and 404 page
**********************************/

#main-content .container:before {
	background-color: transparent;
}

/*********************************
changes for the search results page — check the template page there are inline styles here from divi theme.
**********************************/

#left-area ul.grid-search {
	margin-top: 5rem;
}
hr.results_title_line {
	margin-bottom: 3rem;
}
.blog-title h2 {
	color: #969696;
}
.blog-title h2 span {
	color: #7fc241;
}
.search #main-content {
	background-color: #0076a8;
}
.search.search-results #content-area {
	background-color: white;
	padding: 1rem;
}
.search.search-results #content-area ul.grid-search {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* change the column px six to change number of columns*/
	grid-column-gap: 4rem;
}
.search #content-area ul.grid-search li h2 {
	color:#7fc241;
}
.search #content-area ul.grid-search li h2:hover {
	color:#378F43;
}

/*********************************
changes for the navigation bar
**********************************/

#et-top-navigation {
	float: left;
	padding-left: 0 !important;
}
.et_right_sidebar #left-area {
	padding-right: 0;
}
.nav li ul {
	border-color: transparent;
}
.et_pb_section_0 {
	padding-top: 142px!important;
	padding-right: 35px!important;
	padding-bottom: 70px!important;
	padding-left: 0px;
}