/*
Theme Name: Yesfinance
Theme URI: https://yesfinance.co.nz
Author: Christopher
Author URI: https://yesfinance.co.nz
Description: Yesfinance Promo Page
Version: 1.0
*/

/*============================================
  Highlighted Points Panels
  ==========================================*/

.highlightedpoints-panel-box{
	overflow: hidden;
}
.highlightedpoints-panel-column{
	margin: 15px;
	padding: 15px;
	/*border-radius: 25px;
	border:5px solid #00b7d7;*/
	border: none;
	background-color: #ffffff;
	color: Black;
	padding-bottom: 15px; 
	margin-bottom: 15px;
}
.highlightedpoints-panel-column-image{
	margin: 15px;
	padding: 0px;
	border-radius: 25px;
	border:5px solid #00b7d7;
	background-color: #ffffff;
	color: Black;
	padding-bottom: 0px; 
	margin-bottom: 15px;
}

/*============================================
  Loan Bullet Panels
  ==========================================*/

.loanbullet-panel-box{
	overflow: hidden;
}
.loanbullet-panel-column{
	margin: 15px;
	padding: 15px;
	border-radius: 25px;
	border:5px solid #00b7d7;
	background-color: #00b7d7;
	color: White;
	padding-bottom: 15px; 
	margin-bottom: 15px;
}


/*============================================
  Accordion
  ==========================================*/

.promo-accordion {
  /*background-color: #eee;*/
  /*background-color: #ffffff; */
  background-color: #F2F3F4;
  color: #444;
  cursor: pointer;
  padding: 18px; 
  /*border: none;*/
  border-width: 0px;
  border-color: #00b7d7;
  border-radius: 5px;
  /*border end*/
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  /*center accordion*/
  width: 80%;
  margin-left: 10%; 
}

.promo-active, .promo-accordion:hover {
  background-color: #ccc;
}

.promo-accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.promo-active:after {
  content: "\2212";
}

.promo-panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  /*Change size of font*/
  font-size: smaller;
  /*center panel*/
  width: 80%;
  margin-left: 10%; 
}

/*============================================
  Promotional page
  ==========================================*/

.link-btn-promo{
	background-color: #00b33c; 
	/*padding: 5px 10px;*/
	padding: 10px 16px;
	border-radius: 5px;
	color: #fff;
	font-family: arial;
	font-size: 17px;
	display: block;
	margin:10px auto;
	text-align: center;
}

.link-btn-promo:hover{
	background-color: #db232b; 
}

.summary-icons-column{
	margin:20px auto;
	text-align: center;
}

.promo-notice-block{
	display: block;
	padding: 10px 16px;
	border-radius: 5px;
	border:5px solid #00b7d7;
	margin:10px auto;
	text-align: center;
}