/* Enter Your Custom CSS Here */

.padding-margin-zero{
  padding:0px;
  margin:0px;
}

/* ************************************************************* Speakers Box *********************************************************** */

/* ************ Row 1 - Box 1************ */
.speakers-container {
    position: relative;
    width: 50%;
}

.speakers-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.speakers-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.speakers-container:hover .speakers-image {
  opacity: 0.3;
}

.speakers-container:hover .speakers-middle {
  opacity: 1;
}

.speakers-text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

/* ************ Row 1 - Box 2************ */
.speakers1-container {
    position: relative;
    width: 100%;
}

.speakers1-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.speakers1-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.speakers1-container:hover .speakers-image {
  opacity: 0.3;
}

.speakers1-container:hover .speakers-middle {
  opacity: 1;
}

.speakers1-text {
  color: white;
  font-size: 16px;
}
.read-more-button {
border-radius: 12px;
 background-color: orange; /* Green */
    border: none;
    color: white;
    /* padding: 10px; */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    /* margin: 4px 2px; */
    cursor: pointer;
}

/* ************ Row 2 - Box 1 ************ */

.speakers2-container {
  position: relative;
  width: 50%;
}

.speakers2-image {
  display: block;
  width: 100%;
  height: auto;
}

.speakers2-overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #4CAF50;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.speakers2-container:hover .speakers2-overlay {
  width: 100%;
  left: 0;
}

.speakers2-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* ************ Row 2 - Box 2 ************ */
.speakers3-container {
  position: relative;
  width: 100%;
}

.speakers3-image {
  display: block;
  width: 100%;
  height: auto;
}

.speakers3-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4CAF50;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease;
}

.speakers3-container:hover .speakers3-overlay {
  transform: scale(1)
}

.speakers3-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* Read more button */


.read-more-button-new {
  border-radius: 4px;
  background-color: orange;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.read-more-button-new span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.read-more-button-new span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.read-more-button-new:hover span {
  padding-right: 25px;
}

.read-more-button-new:hover span:after {
  opacity: 1;
  right: 0;
}



/******************************* Vertical Tab ***********************/
/* Style the tab */
.vertical-tab {
    float: left;
    border: 1px solid #ccc;
    background-color: white;
    width: 20%;
  	height: 520px;
  	box-sizing: border-box;
}

/* Style the buttons inside the tab */
.vertical-tab button {
    display: block;
    background-color: #FFFFD5;
    color: black;
    padding: 75px 10px;
    width: 100%;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-size: 20px;
  	font-weight: bold;
  	box-sizing: border-box;
    border-bottom: 2px solid white;
}

.vertical-tab-last-child { 
  border-bottom: 2px solid black;
}

/* Change background color of buttons on hover */
.vertical-tab button:hover {
    background-color: gray;
}

/* Create an active/current "tab button" class */
.vertical-tab button.active {
    background-color: green;
 		box-sizing: border-box;
  	color: white;
  	font-weight: bold;
}

/* Style the tab content */
.vertical-tabcontent {
		float: left;
    padding: 0px 5px;
    border: 1px solid #ccc;
    width: 80%;
    height: 520px;
    border-left: none;
 		box-sizing: border-box;
}


/* hiding date from post pins */
.pin-meta{
  display: none;
}

/* Sub-menu styling */

.sf-menu ul li a {
  font-size: 1.2em;
}

span.underline {
  text-decoration: underline;
}

.text-center {
  display: block;
  margin: 0 auto;
}

.center-div {
  display: flex;
  justify-content: center;
	flex-direction: column;
}

a {
  text-decoration: underline;
}

.center-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.section-simple_nav ul li a {
		color: white !important;
}