/*
Theme Name: Ottmar Liebert Divi
Version: 1.1
Description: Child theme for ElegantThemes "Divi"
Author: Canton Becker
Author URI: http://cantonbecker.com
Template: Divi
*/

@import url("../Divi/style.css");
@import url(https://fonts.googleapis.com/css?family=Rosario:700,400);

/* TYPOGRAPHY */
h2.entry-title a { color: #B50003 !important; }


/* SIDEBAR */
h4.widgettitle { font-size: 22px; }

.blogroll li, .widget_archive li { font-size: 13px; line-height: 1.5em; }
.et_pb_widget ul li {  margin-bottom: 0; }


/* Fly out menu
ul.sfm-social.sfm-social-icons li a { font-size: 20px !important; }
*/




/**** VERTICAL SIDEBAR MENUS ****/
/*remove default 11px padding on each side of list items*/

.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}


/*make the menu items fullwidth and add space between them*/

.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}


/*style the menu items*/

.pa-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 20px!important;
	background: #f0f3f6;
	border-radius: 6px;
	border: 2px solid #f0f3f6;
}


/*style the menu items on hover*/

.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff !important;
	background: #a42116;
	border-color: #a42116;
}

// 'slick' gallery replacement. setting a color for the before/next arrows is important, otherwise they're invisible.

.ottmarGallery { margin: 20px 0; }
.slick-prev:before, .slick-next:before { color: #C00000; }

/*style the menu items icon*/

.pa-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: white!important;
	transition: all .75s ease;
}


@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}



/* phones */
@media only screen and (min-device-width: 320px) and (max-device-width: 560px) {

}