/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/



/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

.dark-orange
{
	color:#f05322;
}

.grey
{
	color:#58585B;
}

.white
{
	color:#fff;
}

.light-orange
{
	color:#ee9248;
}

.brown
{
	color:#704031;
}

.blue
{
	color:#263b97;
}

.black
{
	color:#000;
}

.page-template-archive-mentors .wp-pagenavi a, .wp-pagenavi span
{
	color:#f05322;
}

.page-template-archive-mentors .wp-pagenavi a:hover, .wp-pagenavi span.current
{
	color:#000!important;
}

.mentor-headshot
{
	text-align:center;
	position:relative;
}

.mentor-name, .mentor-entry-title
{
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	margin: 0.5em 0;
	font-weight:800;
}

.mobmin
{
	min-height:70px;
}

.mentor-entry-title
{
	font-size:23px;
	margin: 20px 0 0 0;
}

.headshot
{
	max-width: 200px;
	height: auto;
	border-radius: 10px;
	-moz-box-shadow:5px 5px 5px 0px #bbb;
	-webkit-box-shadow: 5px 5px 5px 0px #bbb;
	box-shadow: 5px 5px 5px 0px #bbb;
}

.page-template-archive-mentors article
{
	overflow: hidden;
	page-break-inside: avoid;
	break-inside: avoid-column;
	width: 100%;
	padding: 19px;
	word-wrap: break-word;
	display: inline-block;
	text-align: center;
	background: #ffffff;
	background: -moz-linear-gradient(top,#ffffff 0%,#e0e5ec 100%);
	background: -webkit-linear-gradient(top,#ffffff 0%,#e0e5ec 100%);
	background: linear-gradient(to bottom,#ffffff 0%,#e0e5ec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e0e5ec',GradientType=0);
	box-shadow: 5px 5px 5px 0 #ccc;
	-moz-box-shadow: 5px 5px 5px 0 #ccc;
	-webkit-box-shadow: 5px 5px 5px 0 #ccc;
	border-radius: 10px;
	margin-top: 20px;
}

.community-headshot
{
	max-width: 150px;
	height: auto;
	border-radius: 10px;
}

.mentors .mentor-page-title
{
	max-width: 60%;
	margin: 0 auto 50px auto;
	display: block;
}

.archive-mentor-page-title
{
	max-width: 50%;
	margin: 0 auto 30px auto;
	display: block;
}

.single-mentors #main-content .container::before
{
	background-color:unset;
}

.left, .right
{
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.left
{
	left:15%;
}

.right
{
	right:15%;
}

.speciality
{
	text-align: center;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	font-size: 20px;
}

.single-mentors #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}

.single-mentors #sidebar {
    display: none;
}

.occupation
{
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 5px;
}

.log-text-box, .log-textarea
{
	width: 100%;
	border: 1px solid #ccc!important;
	border-radius: 3px;
	padding: 10px 15px!important;
	margin-bottom: 25px!important;
}

.log-submit
{
	background: #00754b;
	color: #fff;
	padding: 10px 30px;
	border-radius: 7px;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 800;
	margin: 0;
	font-family: 'Roboto Condensed', sans-serif;
	cursor: pointer;
}

.aam-header h1
{
	box-shadow: 5px 5px 3px 0px #ccc;
	-webkit-box-shadow: 5px 5px 3px 0px #ccc;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	padding: 10px 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	max-width: 500px;
	margin: 0 auto;
}

.margin-bottom10
{
	margin-bottom:10px;
}

.mentor_meta_wrapper
{
	text-align:center;
}

.mentor-archive-bio
{
	font-size: 17px;
	margin-bottom: 20px;
	font-family: 'Roboto',sans-serif;
	font-weight:400;
	min-height:154px;
}

.profile-link
{
	font-size: 14px;
	margin-bottom: 0 !important;
	margin-top: 10px !important;
	text-decoration:underline;
	font-family: 'Roboto',sans-serif;
}

.mentor_meta_wrapper p
{
	font-family: 'Roboto',sans-serif;
	font-weight: 400;
	color:#000;
	font-size:16px;
}

.page-template-archive-mentors .speciality
{
	font-size:15px!important;
}

.light-orange a
{
	color:#ee9248;
	text-decoration:none;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	font-size:20px;
}

.left a:before
{
	content:'\25C0';
	font-size:25px;
	color:#f05322;
	margin: 0 15px 0 0;
}

.right a:after
{
	content:'\25B6';
	font-size:25px;
	color:#f05322;
	margin: 0 0 0 15px;
}

@media only screen and (max-width: 800px)
{
	.container
	{
		width:96%;
	}
	.right a::after{
		margin:0 0 0 5px;
	}
	.left a::after{
		margin:0 5px 0 0;
	}
	.left{
		left:0;
	}

	.right
	{
		right:0;
	}
}

@media only screen and (max-width: 480px){
	.archive-mentor-page-title
	{
		max-width:100%;
	}
}

@media only screen and (max-width: 379px)
{
	.right a, .left a
	{
		visibility: hidden;
	}
	.right a::after, .left a::before
	{
		visibility: visible;
	}
}

/*Mentors Main Page CSS*/

/*
* Remove sidebar on Search and Mentors archive pages
*/

.search #main-content .container::before,
.page-template-archive-mentors #main-content .container::before {
    display: none;
}
.search #left-area,
.page-template-archive-mentors #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.page-template-archive-mentors #sidebar {
    display: none;
}
 
/* 
* Create Mansonory styles for Mentor Archive Pages
*/
.search #left-area,
.page-template-archive-mentors #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.page-template-archive-mentors .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.page-template-archive-mentors #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    word-wrap: break-word;
    display: inline-block;
		text-align:center;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #e0e5ec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e5ec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#e0e5ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e5ec',GradientType=0 ); /* IE6-9 */
		box-shadow: 5px 5px 5px 0 #ccc;
		-moz-box-shadow:5px 5px 5px 0 #ccc;
	-webkit-box-shadow: 5px 5px 5px 0 #ccc;
    border-radius: 10px;
		margin-top:20px;
}
 
.search #left-area .et_pb_post h2,
.page-template-archive-mentors #left-area .et_pb_post h2 {
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.page-template-archive-mentors #left-area .et_pb_post.format-link,
.page-template-archive-mentors #left-area .et_pb_post.format-quote,
.page-template-archive-mentors #left-area .et_pb_post.format-audio{
    padding: 0;
}
 
.page-template-archive-mentors .et_pb_post .et_pb_image_container, 
.page-template-archive-mentors .et_pb_post .et_main_video_container,
.page-template-archive-mentors .et_pb_post .et_audio_content, 
.page-template-archive-mentors .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container, 
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content, 
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.page-template-archive-mentors .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.page-template-archive-mentors .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.page-template-archive-mentors .pagination,
.search .pagination {
    padding: 20px 0;
}
 
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .page-template-archive-mentors #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .page-template-archive-mentors #left-area {
		-moz-column-count: 2;
		column-count: 2;
		column-gap:5px;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .page-template-archive-mentors .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .page-template-archive-mentors #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .page-template-archive-mentors #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
	.page-template-archive-mentors .mentor-entry-title {
    	min-height: 56px;
	}
	.page-template-archive-mentors .occupation {
		min-height: 0;
	}
	.page-template-archive-mentors .mobmin{
		min-height: 88px;
	}
	.mentor-archive-bio
	{
		min-height: 201px;
		line-height: 1.5;
		font-size: 15px;
	}
}

/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/

/*

/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

/* Column Adjustments for Mobile */

@media only screen and (max-width: 980px) {
   
  .two-columns .et_pb_column {
  width: 50%!important;
  }

  .three-columns .et_pb_column {
  width: 33.33%!important;
  }

  .four-columns .et_pb_column {
  width: 25%!important;
  }
}

@media only screen and (max-width: 479px) {
	.mobile-col-2 .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
    	width: 47.25% !important;
	}
}

@media only screen and (min-width: 900px) {
	.event-container {
		display:flex;
	}
}
.um .um-button {
	background:#f05323;
	cursor:pointer;
}

.event-date {
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.event-entry-title {
  font-size: 20px;
  margin: 0;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
}

.page-template-archive-events .nopad {
	padding:0;
}

.martopten {
	margin:10px 0 0 0;
}

.calendar-event {
	text-align:center;
}

/****************************************/
/* Calendar Events Styling rules, such as font and colors */
.date-as-calendar {
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  font-family: "Helvetica", "Arial", sans-serif;

  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
  vertical-align: top;

  /* margin: 1ex; */

  color: black;
  background: white;
  background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);

  border: 1px solid #888;
  border-radius: 3px;
  overflow: hidden;

  box-shadow: 2px 2px 2px -2px black;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
  text-align: center;
  line-height: 1.0;
}
.date-as-calendar .month {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  background: #B11;
  background : linear-gradient(to bottom right, #D66 0%, #A00 100%);
  color: white;
}

/****************************************/
/* Layout rules using position: absolute and pixels. */
.position-pixels.date-as-calendar {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.position-pixels.date-as-calendar .weekday,
.position-pixels.date-as-calendar .day,
.position-pixels.date-as-calendar .month,
.position-pixels.date-as-calendar .year {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.position-pixels.date-as-calendar .month {
  top: 0px;
  font-size: 12px;
  padding: 2px 0;
}
.position-pixels.date-as-calendar .weekday {
  top: 16px;
  font-size: 10px;
}
.position-pixels.date-as-calendar .day {
  top: 26px;
  font-size: 24px;
}
.position-pixels.date-as-calendar .year {
  top: 50px;
  font-size: 14px;
}

/****************************************/
/* Layout rules using position: absolute and relative dimensions using em. */
.position-em.date-as-calendar {
  display: inline-block;
  position: relative;
  
  width: 4em; 
  height: 4em; 
}
.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.position-em.date-as-calendar .month {
  top: 0px;
  font-size: 0.75em;
  padding: 0.1em 0;
}
.position-em.date-as-calendar .weekday {
  top: 1.6em;
  font-size: 0.6125em;
}
.position-em.date-as-calendar .day {
  top: 1.1em;
  font-size: 1.5em
}
.position-em.date-as-calendar .year {
  bottom: 0px;
  font-size: 0.87750em;
}

/****************************************/
/* Layout rules using display: inline-flex and relative dimensions using em. */
.inline-flex.date-as-calendar {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  
  width: 4em; 
  height: 4em; 
}
.inline-flex.date-as-calendar .weekday,
.inline-flex.date-as-calendar .day,
.inline-flex.date-as-calendar .month,
.inline-flex.date-as-calendar .year {
  display: block;
  flex: 1 1 auto;
}
.inline-flex.date-as-calendar .month {
  order: 1;
  font-size: 0.75em;
  padding: 0.1em 0;
}
.inline-flex.date-as-calendar .weekday {
  order: 2;
  font-size: 0.6125em;
}
.inline-flex.date-as-calendar .day {
  order: 3;
  font-size: 1.5em;
}
.inline-flex.date-as-calendar .year {
  order: 4;
  font-size: 0.87750em;
}

/****************************************/
/* Multiple sizes. */
.date-as-calendar.size0_5x {
  font-size: 8px;
}
.date-as-calendar.size0_75x {
  font-size: 12px;
}
.date-as-calendar.size1x {
  font-size: 16px;
}
.date-as-calendar.size1_25x {
  font-size: 20px;
}
.date-as-calendar.size1_5x {
  font-size: 24px;
}
.date-as-calendar.size1_75x {
  font-size: 28px;
}
.date-as-calendar.size2x {
  font-size: 32px;
}
.date-as-calendar.size3x {
  font-size: 48px;
}

/****************************************/
/* ENd of Calendar Events */

.event-archive-bio {
	font-size:16px;
}