/*
Theme Name: Divi WebSpace Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi WebSpace Child Theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0
*/

/* Start your custom CSS below this comment
============================================ */

@font-face {
	font-family: Auto1Regular;
	src: url('fonts/Auto1Regular.ttf');
}

/* 
@font-face {
	font-family: Auto1Bold;
	src: url('fonts/Auto1Bold.ttf');
} 
*/

@font-face {
	font-family: Auto1_SmCp;
	src: url('fonts/Auto1Regular.ttf');
}

@import url('https://fonts.googleapis.com/css?family=Roboto');



/* @font-face {
	font-family: Roboto;
	src: url('fonts/Roboto-Regular-webfont.ttf');
}
*/

/* 
@font-face {
	font-family: Roboto-Light;
	src: url('fonts/Roboto-Light-webfont.ttf');
} 
*/


/* Mobile - Hamburger Menu 
================================================= */

/* Border Top Color */

.et_mobile_menu {
    display: none;
    visibility: visible;
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    padding: 5%;
    border-top: 3px solid #51c1d5;
    opacity: 1;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Color of 3 Bars */

#et-top-navigation .mobile_menu_bar:before,#et-top-navigation .mobile_menu_bar:after {
	color: #51c1d5;
}

/* Hide bullets */

#et_mobile_nav_menu ul li {
	list-style-type: none;
}

/* Menu Colors */

.et_mobile_menu li a:hover {
    opacity: 1;
    background-color: #51c1d5;
	color: #ffffff;
}

.et_mobile_menu .menu-item-has-children > a {
    background-color: #ffffff;
    font-weight: bold;
}

.et_mobile_menu li.current_page_item > a {
	color: #51c1d5;
}

.et_mobile_menu li.current_page_item > a:hover {
	color: #ffffff;
}


/* Mobile - Larger logo size */

@media (max-width: 500px){
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 80% !important;
    max-height: 80% !important;
	}
}

/* Body 
================================================= */

#main-header .logo_container a, a:link {
	border: 0px;
}

body {
	background-color: #ffffff;
}

/* Changing background of content area from transparent to white for activation messages */
div#et-main-area {
	background-color: #ffffff;
}

/* For pages with minimal content like the Gallery Page - set the min height of page so footer is lower down */
@media only screen and ( min-width:981px ) {
	#main-content {
		min-height: 400px;	
	}
}

/* Fixed Logo - Also Enabled Theme Options, Fixed Navigation Bar. Customizer, Header & Navigation, Fixed Navigation Settings, set height to 105 */

.et_fixed_nav #logo {
	max-height:80px;
}

#top-menu li a, h1, h2, h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	/* color: #b1b2b3; */
	color: #515151;
}

#top-menu li a:hover {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #51c1d5;
	opacity: 1 !important;
}

#top-menu a {
	border-bottom: 0;
}


/* Background and text colors for menu child links */

.nav ul li a:hover {
    opacity: 1;
    background-color: #51c1d5;
	color: #ffffff;
}

#top-menu li.current_page_item > a {
	color: #fffff;
}

#top-menu li.current_page_item:hover > a {
	color: #51c1d5;
}

/* Child pages in top menu */

.sub-menu .menu-item:hover > a {
	color: #fff !important;
	background-color: #51c1d5;
}


h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title {
	font-family: Auto1Regular !important;
    line-height: 2em;
}


/* Page content */

.entry-content h1, h2, h3, h4, h5, h6 {
	font-family: Auto1Regular !important;
	font-weight: bold;
}

.entry-content h1 {
	font-size: 22px;
}

.entry-content h2 {
	font-size: 18px;
}

.entry-content h3 {
	font-size: 16px;
}

.entry-content h4 {
	font-size: 14px;
}

.entry-content h5 {
	font-size: 12px;
}

.entry-content h6 {
	font-size: 11px;
}

/* Checkmarks on Blogging Best Practices page */

li.checkmark {
    list-style-image: url('http://media.royalroads.ca/owl/media/webspace/images/checkmark.png');
    vertical-align: middle;
}

a, a:link {
	font-weight: bold;
	color: #363948;
	text-decoration: none;
	border-bottom: 1px solid #C2C3C8;
	padding-bottom: 1px;
}

a:hover {
	border-bottom: 1px solid #363948;
	padding-bottom: 1px;
}

a:visited {
    color: #363948;
}
	
ol, ul {
	list-style-type: square !important;
}


/* Body text */

.et_pb_section {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}

/* Remove sidebar dividing line 
================================================= */

.container:before {
	background-color: transparent !important; 
}

.et_pb_widget_area_right {
	border-left: 0 !important; 
}

.et_pb_widget_area_left {
	border-right: 0 !important; 
}


/* Find Page - Link colours for search results
================================================= */

@media (min-width: 981px)
style.css?ver=4.8.3:15
.et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget {
    width: 50%;
    margin: 0 5.5% 5.5% 0;
}

/* .widget_search #findform {
    position: relative;
    border: 1px solid #ccc;
    width: 100%;
}
*/

/*
.widget_search input#findterm, .widget_search input#findsubmit {
    padding: .7em;
    height: 40px !important;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    border: 1px solid #ddd;
    color: #666;
}

.widget_search #findterm {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
*/

#find_widget {
	color: #363948;
}

.find_widget a:link, .find_widget a:active, .find_widget a:visited {
	font-weight: bold;
	color: #363948;
	text-decoration: none;
	border-bottom: 1px solid #C2C3C8;
	padding-bottom: 1px;
}

.find_widget a:hover {
	border-bottom: 1px solid #363948;
	padding-bottom: 1px;
}


.row {
    padding: 5px 5px 10px 5px;
}

.row-striped:nth-of-type(2n+1) {
    background-color: #efefef;
}

/* Footer - remove extra spacing and credits bar 
================================================= */

.footer-widget {
	margin-bottom: 40px !important;
	margin-top: -20px !important;
}

#footer-bottom {
	display: none;
}

.essb_links.essb_template_fancy-bold-retina {
	background-color: #363948;
	margin: 0 !important;
	padding: 1em 0;
}


/* RRU footer
================================================= */

#main-footer {
	background: #363948;
}

	
#main-footer .column_2, #main-footer .column_3, #main-footer .column_4 {
	min-width: 180px;
	
}

.footer-logo {
	margin:0px;	
}

@media (min-width: 981px) {

	#footer-widgets .footer-widget:first-of-type {
		width: 15%;
	}
	
	/* 
	#footer-widgets .footer-widget:nth-of-type(2), #footer-widgets .footer-widget:nth-of-type(3) {
		width: 20%;
	}
	
	#footer-widgets .footer-widget:nth-of-type(3) {
		width: 25%;
	}
	
	#footer-widgets .footer-widget:last-of-type {
		width: 20%;
	}
	*/
}

.et_pb_widget a:link, .et_pb_widget a:active, .et_pb_widget a:visited {
	color: #ffffff;
	font-weight: normal;
	border-bottom: 0px;
	text-decoration: none;
	padding-bottom: 1px;
}

.et_pb_widget a:hover {
	border-bottom: 1px solid #5d616d;
	padding-bottom: 1px;
}

#main-footer .textwidget h3 {
    color: #ffffff;
    font-family: 'Auto1_SmCp','sans-serif';
    border-bottom: 1px solid #606270;
    font-size: 12px;
    font-weight: bold;
    margin: -2px 0 7px;
    padding: 0 0 15px;
    text-transform: uppercase;
}

#main-footer .textwidget {
    font-size: 12px;
    color: #ffffff;
    border-top: 0px;
	padding: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
	font-weight: normal;
    line-height: 21px;	
}

.footer_phone {
    background-image: url(http://media.royalroads.ca/owl/media/webspace/images/footer_phone.png);
}

.footer_helpdesk {
    background-image: url(http://media.royalroads.ca/owl/media/webspace/images/footer_helpdesk.png);
}

.footer_location {
    background-image: url(http://media.royalroads.ca/owl/media/webspace/images/footer_location.png);
}


.footer_helpdesk, .footer_phone, .footer_location {
    display: inline-block;
    background-position: left 5px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    padding-left: 16px;
}