/*
 Theme Name: Utah FORGE
 Theme URI: https://utahforge.com/
 Description: Utah FORGE Child Theme
 Author: Justin Moss
 Author URI: https://justin-moss.com/
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* WEBSITE COLORS
Red: #ED1C24;
Orange: #F16122;
Blue: #07BFE8; */

/* Put image at the left of blog module on desktop */
@media only screen and (min-width: 1080px) {
  .uf-blog .et_pb_post.has-post-thumbnail .entry-featured-image-url {
    float: left;
    width: 40%;
    margin-right: 4%;
  }
  .uf-blog .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
    padding-left: 44%;
  }
}

/* Start: Put image at the left of blog module in mega menu*/
.uf-blog2 .et_pb_post.has-post-thumbnail .entry-featured-image-url {
	float: left;
	width: 20%;
	margin-right: 2%;
}
.uf-blog2 .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
    padding-left: 22%;
  }
/* End: Put image at the left of blog module in mega menu*/

/* Put space between pagination Next Entries */
.alignright {
	padding-left: 20px;
}
/* remove underline from post slide title links */
.et_pb_slide_title a:link, .et_pb_slide_title a:visited, .et_pb_slide_title a:hover, .et_pb_slide_title a:active {
	text-decoration: none;
}
/* custom formatting for news widget */
.news-widget a:link, .news-widget a:visited {
	color: #ed1c24 !important;
	text-decoration: none;
	font-weight: bolder;
	transition: all .25s ease;
}
.news-widget a:hover, .news-widget a:active {
	color: #07bfe8 !important;
	text-decoration: underline;
}
/* make divi blog grid equal height */
.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}
.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}

/*style the wp-pagenavi pagination links*/
.wp-pagenavi a,
.wp-pagenavi span {
	color: #282828;
	background: rgba(0,0,0,0);
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 3px;
  border: none;
	transition: all .5s;
}

/*style the wp-pagenavi current page number*/
.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #282828 !important;
	border-radius: 3px;
}

/*style the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #282828 !important;
}

/*style the wp-pagenavi pages text*/
.wp-pagenavi .pages {
	background: none;
}

/*remove border and center the wp-pagenavi links*/
.wp-pagenavi {
	border-top: none;
	text-align: center;
}

/*Divi mobile menu parent links*/
.et_mobile_menu li a {
	text-decoration: none;
}

/*edit the Divi submenu list items*/
.et_pb_menu li li a {
	text-decoration: none;
}

/*style the Divi Post Navigation buttons*/
.et_pb_posts_nav .nav-previous a,
.et_pb_posts_nav .nav-next a {
	color: #ffffff;
	background: #282828;
	border: 2px solid #282828;
	padding: .7em 1.3em;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
}

/*style the Divi Post Navigation buttons on hover*/
.et_pb_posts_nav .nav-previous a:hover,
.et_pb_posts_nav .nav-next a:hover {
	color: #282828;
	background: transparent;
	border: 2px solid #282828;
	transition: all 0.3s ease-in-out;
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}

}

/*add icon to the opened accordion*/
.add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
	content: "e04f";
}

/*remove margin from bottom of paragraphs*/
.no-bm {
	margin-bottom: 0px;
}

/****** RED VERTICAL MENU START ******/
/*remove default 11px padding on each side of list items*/
.red-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/*make the menu items fullwidth and add space between them*/
.red-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 0px 0;
}

/*style the menu items*/
.red-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 20px!important;
	background: #f4f4f4;
	border-radius: 0px;
	border-bottom: .5px solid #ED1C24;
}

/*style the menu items on hover*/
.red-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff;
	background: #ED1C24;
	border-color: #ED1C24;
}

/*style the active menu item*/
.red-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #ffffff;
	background: #ED1C24;
	border-color: #ED1C24;
}

/*make the submenu align directly to the right of the menu item instead of below*/
.red-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}

/*align submenu to the right of menu link*/
.red-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}

/*style the menu items icon*/
.red-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: white!important;
	transition: all .75s ease;
}

/*style the active menu item icon*/
.red-vertical-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #ffffff!important;
}

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

/*** make image caption container smaller when floating images next to text in blog posts ***/
.img-cap-fix-320 .pac_dih__image_details {
  max-width: 320px;
}

/**** ADDITIONAL SOCIAL MEDIA ICONS ****/
/* replace myspace icon with threads */
.et-social-myspace a.icon:before {
	content: "\e618";
	font-family: "Font Awesome 5 Brands"!important;
}
/* replace flikr icon with blue sky */
.et-social-flikr a.icon:before {
	content: "\e671";
	font-family: "Font Awesome 5 Brands"!important;
}

/**** EVENTS CSS ****/
/* Events archive, month, day, etc. */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-top: 200px;
}

.tribe-events .tribe-events-l-container {
	padding-top: 130px;
}

/* Single event pages */
#tribe-events-pg-template {
  padding-top: 200px;
}

/* single event pages: mobile */
@media all and (max-width: 980px) {
  #tribe-events-pg-template {
  padding-top: 130px;
}
}

/* additional events css */
.tribe-events-back a, .tribe-events-back a:visited {
	color: #ED1C24;
	transition: all 0.3s ease-in-out;
}

.tribe-events-back a:hover {
	text-decoration: underline;
}

/**** END EVENTS CSS ****/