/*
Theme Name:     ALES-Education-Hub_Child
Theme URI:      http: //ales-cms.ales.ualberta.ca
Description:    Child theme for the ALES Education Hub theme
Author:         Brad Grier
Author URI:     
Template:       education-hub-pro
Version:        0.1.0
*/

@import url("../education-hub-pro/style.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

h1, h2, h3, h4, h5, h6 {
    color: #275d38;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin: 0 0 15px;
}


/* Brad Edit */

@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: "Roboto",sans-serif;
}

/* End Brad Edit */


.nav-links a {
    background-color: #275d38;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 2px;
}


#main-nav {
    /* BRAD EDIT background-color: #294a70; */
	/* background-color: #007C41; */
	background-color: #e3eae5;
    /* border-bottom: 5px solid #f4a024;  */
	/* border-bottom: 3px solid #FFDB05;  */
	border-bottom: unset;
    display: block;
    float: left ;
    width: 100%;

	
	box-sizing: border-box;
    margin-right: 0;
    border-left: 1px solid #f9fffc;
    border-right: 1px solid #c9cfcc;
    text-align: center;
	
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;

	
}

#main-nav,#main-nav ul ul,.menu-toggle,.main-navigation ul{background-color:#e4eae5}
#main-nav ul li a,.dropdown-toggle::after,.menu-toggle{color:#3e4a43}
#main-nav ul li a:hover,#main-nav li.current-menu-item > a,
				  #main-nav li.current_page_item > a,#main-nav ul li:hover > a,.menu-toggle:hover{color:#3e4a43}
#main-nav ul li a:hover,#main-nav ul li:hover > a, #main-nav li.current-menu-item > a,
				  #main-nav li.current_page_item > a,.menu-toggle:hover{background-color:#f6f8f7}
#main-nav{border-color:#f6f8f7}
.site-content .entry-title a{color:#1b7c44}
.content-area a{color:#1b7c44}
#sidebar-primary .widget-title, #sidebar-secondary .widget-title{background-color:#1b7c44}
#sidebar-primary .widget-title::after, #sidebar-secondary .widget-title::after{border-top-color:#1b7c44}
/* #colophon{background-color:#1b7c44} */
#colophon{background-color:#275d38}
/*
Theme Name:     ALES-Education-Hub_Child
Theme URI:      http: //ales-cms.ales.ualberta.ca
Description:    Child theme for the ALES Education Hub theme
Author:         Brad Grier
Author URI:     
Template:       education-hub-pro
Version:        0.1.0
*/

@import url("../education-hub-pro/style.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

h1, h2, h3, h4, h5, h6 {
    color: #275d38;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin: 0 0 15px;
}


/* Brad Edit */

@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
}



/* End Brad Edit */


.nav-links a {
    background-color: #275d38;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 2px;
}


#main-nav {
    /* BRAD EDIT background-color: #294a70; */
	/* background-color: #007C41; */
	background-color: #e3eae5;
    /* border-bottom: 5px solid #f4a024;  */
	/* border-bottom: 3px solid #FFDB05;  */
	border-bottom: unset;
    display: block;
    float: left ;
    width: 100%;

	
	box-sizing: border-box;
    margin-right: 0;
    border-left: 1px solid #f9fffc;
    border-right: 1px solid #c9cfcc;
    text-align: center;
	
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;

	
}

#main-nav,#main-nav ul ul,.menu-toggle,.main-navigation ul{background-color:#e4eae5}
#main-nav ul li a,.dropdown-toggle::after,.menu-toggle{color:#3e4a43}
#main-nav ul li a:hover,#main-nav li.current-menu-item > a,
				  #main-nav li.current_page_item > a,#main-nav ul li:hover > a,.menu-toggle:hover{color:#3e4a43}
#main-nav ul li a:hover,#main-nav ul li:hover > a, #main-nav li.current-menu-item > a,
				  #main-nav li.current_page_item > a,.menu-toggle:hover{background-color:#f6f8f7}
#main-nav{border-color:#f6f8f7}
.site-content .entry-title a{color:#1b7c44}
.content-area a{color:#1b7c44}
#sidebar-primary .widget-title, #sidebar-secondary .widget-title{background-color:#1b7c44}
#sidebar-primary .widget-title::after, #sidebar-secondary .widget-title::after{border-top-color:#1b7c44}
/* #colophon{background-color:#1b7c44} */
#colophon{background-color:#275d38}



.main-navigation ul ul {
    /* Brad Edit background: #294a70 none repeat scroll 0 0; */
	background: #275d38 none repeat scroll 0 0;
    box-shadow: 0 1px 2px;
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 32px; /* was 44 - changed to fix menu usability issue */
    z-index: 9999;
    text-transform: uppercase;

}


.main-navigation ul li a {
    /* BRAD EDIT color: #ffffff; */
	COLOR: #666666;
    /* border-right: 1px solid #fff; */
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    z-index: 99;
    text-transform: uppercase;

}

.main-navigation li a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li:hover > a{
    background:#275d38;
    color: #fff;
}

.main-navigation li:hover > a{
    /* BRAD EDIT background:#f4a024; */
	background: #275d38;
	color: #fff;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}


.site-header {
    clear: both;
    padding: 20px 0;
	background-image:url("/wp-content/themes/ALES-Education-Hub_Child/images/ua-bg-green.svg"); 
	background-size: cover;
/* bradedit */
		border-top-color: #333;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom: 3px solid #FFDB05;
}

.site-logo-link, .custom-logo-link{
    float: left;
    margin-right: 10px;
    max-width: 183px;
}


#tophead {
    /* background-color: #49688e; */
	background-color: #ffffff;
	/* background-color: whitesmoke; */
    clear: both;
    /* font-family: "Merriweather Sans",sans-serif; */
	font-family: Roboto, sans-serif;
    min-height: 35px;
}

#tophead a,
a:visited {
	font-size:13px;
    color:#888;
    text-decoration: inherit;
}

#tophead img {
	height: 58px;
	
}


#quick-contact a,
#tophead {
    color: #222; /* brad edit */
}

/* brad edit */
.search-submit {display:none}

.site-footer {
    /* background-color: #15305b; */
    clear: both;
    color: #ffffff;
    padding: 15px 0;
    text-align: center;
	background-image:url("/wp-content/themes/ALES-Education-Hub_Child/images/ua-bg-green.svg"); 
	background-size: cover;
	border-top: 3px solid #ffdb05;
	
}

.standard-footer {
    margin: 20px 0 -4px 0;
    box-shadow: inset 0 5px 30px rgba(0,110,65,.08),inset 0 1px 3px rgba(0,0,0,.15);
    border-bottom: 1px solid rgba(0,50,25,.15);
    border-top: 1px solid rgba(0,50,25,.2);
    background: rgba(255,200,10,.05);

}

/*search section*/

.search-section {
    float: right;
    padding-top: 10px;
    width: 20%;
}

.search-form .search-field,
.woocommerce-product-search .search-field {
    border-radius: 10px;
    padding: 10px 80px 10px 20px;
    width: 100%;
    height: 33px;
}

.navigation-inner ul li a {
    padding: .85714285714286em 0 .57142857142857em 0;
    font-family: "Roboto",sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #3d4a43;
}

a,
a:visited {
    color:#275d38;
    text-decoration: inherit;
}




.site-title a {
    clear: none;
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 6px;
    color: #ffffff;
	text-shadow: 0 1px 5px rgba(0,0,0,.35);
	letter-spacing: 1.2px;

}

.site-description {
	font-family: "Roboto",sans-serif;
    color: #ffffff;
    font-size: 23px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 1.4px;
    margin-bottom: 0;
	text-shadow: 0 1px 5px rgba(0,0,0,.35);
}

#sidebar-primary .widget-title,
#sidebar-secondary .widget-title {
    background: #275d38 none repeat scroll 0 0;
    border-bottom: 0 solid #ffab1f;
    border-left: 5px solid #ffab1f;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    padding: 5px 15px;
    position: relative;
}
#sidebar-primary .widget-title::after ,
#sidebar-secondary .widget-title::after{
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    border-top: 9px solid #007C41;
    bottom: -20px;
    content: "";
    display: block;
    height: 21px;
    left: 5%;
    margin: 0 auto;
    position: absolute;
    width: 13px;
    z-index: 9999;
}

#footer-widgets {
    background-color: #f3f3e9;
    border-top: 1px solid #fff; 
	border-top-style: ridge;
    float: left;
    padding: 30px 0;
    width: 100%;
	color: #666666;
    box-shadow: inset 0 5px 30px rgba(0,110,65,.08),inset 0 1px 3px rgba(0,0,0,.15);

}

.footer-widget-area a {
	color:#275d38;
}
#footer-widgets .widget-title {
    color: #275d38;
    font-weight: normal;
}
.footer-widget-area p, .footer-widget-area {
    color: #666666;
}

.site-title > a:hover {
    color: #fcdb27;
}

.nav-links span.current,
.nav-links a {
    background-color: #275d38;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 2px;
}
.nav-links a:hover,
a.cta-button-primary:hover,
.nav-links span.current {
    background-color: #ffffff;
    color: #000000;
}


.main-navigation ul ul {
    /* Brad Edit background: #294a70 none repeat scroll 0 0; */
	background: #275d38 none repeat scroll 0 0;
    box-shadow: 0 1px 2px;
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 32px; /* was 44 - changed to fix menu usability issue */
    z-index: 9999;
    text-transform: uppercase;

}


.main-navigation ul li a {
    /* BRAD EDIT color: #ffffff; */
	COLOR: #666666;
    /* border-right: 1px solid #fff; */
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    z-index: 99;
    text-transform: uppercase;

}

.main-navigation li a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li:hover > a{
    background:#275d38;
    color: #fff;
}

.main-navigation li:hover > a{
    /* BRAD EDIT background:#f4a024; */
	background: #275d38;
	color: #fff;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}


.site-header {
    clear: both;
    padding: 20px 0;
	background-image:url("/wp-content/themes/ALES-Education-Hub_Child/images/ua-bg-green.svg"); 
	background-size: cover;
/* bradedit */
		border-top-color: #333;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom: 3px solid #FFDB05;
}

.site-logo-link, .custom-logo-link{
    float: left;
    margin-right: 10px;
    max-width: 183px;
}


#tophead {
    /* background-color: #49688e; */
	background-color: #ffffff;
	/* background-color: whitesmoke; */
    clear: both;
    /* font-family: "Merriweather Sans",sans-serif; */
	font-family: Roboto, sans-serif;
    min-height: 35px;
}

#tophead a,
a:visited {
	font-size:13px;
    color:#888;
    text-decoration: inherit;
}

#tophead img {
	height: 58px;
	
}


#quick-contact a,
#tophead {
    color: #222; /* brad edit */
}

/* brad edit */
.search-submit {display:none}

.site-footer {
    /* background-color: #15305b; */
    clear: both;
    color: #ffffff;
    padding: 15px 0;
    text-align: center;
	background-image:url("/wp-content/themes/ALES-Education-Hub_Child/images/ua-bg-green.svg"); 
	background-size: cover;
	border-top: 3px solid #ffdb05;
	
}

.standard-footer {
    margin: 20px 0 -4px 0;
    box-shadow: inset 0 5px 30px rgba(0,110,65,.08),inset 0 1px 3px rgba(0,0,0,.15);
    border-bottom: 1px solid rgba(0,50,25,.15);
    border-top: 1px solid rgba(0,50,25,.2);
    background: rgba(255,200,10,.05);

}

/*search section*/

.search-section {
    float: right;
    padding-top: 10px;
    width: 20%;
}

.search-form .search-field,
.woocommerce-product-search .search-field {
    border-radius: 10px;
    padding: 10px 80px 10px 20px;
    width: 100%;
    height: 33px;
}

.navigation-inner ul li a {
    padding: .85714285714286em 0 .57142857142857em 0;
    font-family: "Roboto",sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #3d4a43;
}

a,
a:visited {
    color:#275d38;
    text-decoration: inherit;
}




.site-title a {
    clear: none;
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 6px;
    color: #ffffff;
	text-shadow: 0 1px 5px rgba(0,0,0,.35);
	letter-spacing: 1.2px;

}

.site-description {
	font-family: "Roboto",sans-serif;
    color: #ffffff;
    font-size: 23px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 1.4px;
    margin-bottom: 0;
	text-shadow: 0 1px 5px rgba(0,0,0,.35);
}

#sidebar-primary .widget-title,
#sidebar-secondary .widget-title {
    background: #275d38 none repeat scroll 0 0;
    border-bottom: 0 solid #ffab1f;
    border-left: 5px solid #ffab1f;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    padding: 5px 15px;
    position: relative;
}
#sidebar-primary .widget-title::after ,
#sidebar-secondary .widget-title::after{
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    border-top: 9px solid #007C41;
    bottom: -20px;
    content: "";
    display: block;
    height: 21px;
    left: 5%;
    margin: 0 auto;
    position: absolute;
    width: 13px;
    z-index: 9999;
}

#footer-widgets {
    background-color: #f3f3e9;
    border-top: 1px solid #fff; 
	border-top-style: ridge;
    float: left;
    padding: 30px 0;
    width: 100%;
	color: #666666;
    box-shadow: inset 0 5px 30px rgba(0,110,65,.08),inset 0 1px 3px rgba(0,0,0,.15);

}

.footer-widget-area a {
	color:#275d38;
}
#footer-widgets .widget-title {
    color: #275d38;
    font-weight: normal;
}
.footer-widget-area p, .footer-widget-area {
    color: #666666;
}

.site-title > a:hover {
    color: #fcdb27;
}

.nav-links span.current,
.nav-links a {
    background-color: #275d38;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 2px;
}
.nav-links a:hover,
a.cta-button-primary:hover,
.nav-links span.current {
    background-color: #ffffff;
    color: #000000;
}