/*

Theme Name:  Salient

Description: Styles for the "Toggles" page builder element.

*/



body .toggle{

  margin-bottom:15px

}

.toggle.open h3 a{

  color:#fff;

  background-color:#000

}

body .toggle h3,

body .row .toggle h3 {

  margin-bottom:0

}

.toggle h3 {

  position:relative;

  z-index:10;

  font-size:12px;

}

div[data-style="default"] .toggle h3 a,

div[data-style="default"] .toggle h3{

  font-size:14px;

  line-height:14px

}

.toggle h3 a{

  display:block;

  color: rgba(0,0,0,0.65);

  letter-spacing:0;

  font-size:14px;

  line-height:16px;

  padding:14px 14px 16px 43px;

  font-weight:400;

  background-color:rgba(0,0,0,0.045);

  transition:all 0.2s linear;

  -webkit-transition:all 0.2s linear;

}

.toggle h3 a i{

  position:absolute;

  left:13px;

  background-color:transparent;

  color:#888;

  top:13px;

  width:18px;

  height:16px;

  line-height:18px;

  font-size:15px;

  transition:all 0.2s linear;

  -webkit-transition:all 0.2s linear;

}

.toggle.open h3 a i{

  color:#fff

}

.toggle h3 a:hover{

  background-color:rgba(0,0,0,0.035)

}

body .toggle >div{

  border-top:0;

  background-color:#fff;

  box-shadow:0 1px 2px rgba(0,0,0,0.2);

	padding:10px 14px;

	display:none;

}



.toggle >div .wpb_wrapper{

  margin:0

}



body .toggle[data-inner-wrap="true"] > div {

	-webkit-transition: max-height 0.5s ease;

	transition: max-height 0.5s ease;

	max-height: 0;

	overflow: hidden;

	pointer-events: none;

	display: block;

}

@media only screen and (max-width: 999px) {

  body .accordion .toggle[data-inner-wrap="true"]:not(.open) > div {

    -webkit-transition: none;

  	transition: none;

  }

}





body .toggle[data-inner-wrap="true"].open > div {

	pointer-events: all;

}



body .toggle[data-inner-wrap="true"] > div,

div[data-style="minimal_small"] .toggle[data-inner-wrap="true"] > div,

div[data-style*="minimal"] .toggle[data-inner-wrap="true"] > div {

	padding: 0;

}



body div[data-style="minimal_small"] .toggle > div .inner-toggle-wrap {

	padding-top: 1.4em;

  padding-bottom: 0;

}



div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {

	padding: 0 0 30px 0;

}



body .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {

	padding:10px 14px;

}





.toggle >div >div:last-child,

.toggle[data-inner-wrap="true"] .inner-toggle-wrap > div:last-child{

  margin-bottom:0!important

}

.light .toggle >div{

  color:#676767

}

.light .toggles[data-style="default"] .toggle h3 a {

  color: #fff;

}

.light .toggles[data-style="default"] .toggle >div{

  background-color: transparent;

}

body div[data-style*="minimal"] .toggle.open h3 a,

body div[data-style*="minimal"] .toggle h3 a{

  background-color:transparent

}

div[data-style*="minimal"] .toggle >div{

  box-shadow:none;

  -webkit-box-shadow:none;

  padding:0 0 30px 0;

  background-color:transparent

}

div[data-style*="minimal"] .toggle h3 i{

  width:30px;

  height:30px;

  position:absolute;

  right:0;

  left:auto;

  top:50%;

  margin-top:-15px;

  border:2px solid #888;

  border-radius:30px 30px;

  -ms-transition:border-color 0.15s ease;

  transition:border-color 0.15s ease;

  -webkit-transition:border-color 0.15s ease

}

div[data-style="minimal"] .toggle h3 a{

  padding:30px 70px 30px 0px;

  -ms-transition:color 0.15s ease;

  transition:color 0.15s ease;

  -webkit-transition:color 0.15s ease

}

div[data-style="minimal"] .toggle{

  border-bottom:2px solid rgba(0,0,0,0.08);

  transition:border-color 0.15s ease;

  -webkit-transition:border-color 0.15s ease;

}

body div[data-style="minimal"] .toggle {

  margin-bottom:0

}

div[data-style="minimal"] .toggle h3 i:before{

  content:' ';

  top:14px;

  left:6px;

  margin-top:-2px;

  width:14px;

  height:2px;

  position:absolute;

  background-color:#888;

  transition:background-color 0.15s ease;

  -webkit-transition:background-color 0.15s ease

}

div[data-style="minimal"] .toggle h3 i:after{

  content:' ';

  top:6px;

  left:14px;

  width:2px;

  margin-left:-2px;

  height:14px;

  position:absolute;

  background-color:#888;

  transition:transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;

}

.light div[data-style="minimal"] .toggle {

  border-color:rgba(255,255,255,0.2)

}

.light div[data-style*="minimal"] .toggle h3 i{

  border-color:#fff

}

.light div[data-style*="minimal"] .toggle h3 i:before,

.light div[data-style*="minimal"] .toggle h3 i:after{

  background-color:#fff

}

.light div[data-style*="minimal"] .toggle h3 a{

  color:#fff

}

div[data-style*="minimal"] .toggle.open i:after{

  -ms-transform:scale(1,0);

  transform:scale(1,0);

  -webkit-transform:scale(1,0)

}

div[data-style="minimal_small"] .toggle h3 {

  display: inline-block;

  padding: 0 0 4px;

}

div[data-style="minimal_small"] .toggle h3 a {

  padding: 0

}

div[data-style="minimal_small"] .toggle.default h3 a:hover,

div[data-style="minimal_small"] .toggle.default.open h3 a {

  color: #000;

}

div[data-style="minimal_small"] .toggle.default > h3:after {

  background-color: #000;

}

.span_12.light div[data-style="minimal_small"] .toggle.default h3 a:hover,

.span_12.light div[data-style="minimal_small"] .toggle.default.open h3 a {

  color: #fff;

}

.span_12.light div[data-style="minimal_small"] .toggle > h3:before {

  background-color: rgba(255,255,255,0.2);

}

.span_12.light div[data-style="minimal_small"] .toggle.default:hover > h3:after,

.span_12.light div[data-style="minimal_small"] .toggle.default.open > h3:after,

.span_12.light div[data-style="minimal_small"] .toggle.default > h3:after {

  background-color: #fff;

}

div[data-style="minimal_small"] .toggle > h3:after,

div[data-style="minimal_small"] .toggle > h3:before {

  display: block;

  content: '';

  position: absolute;

  bottom: 0;

  width: 100%;

  background-color: rgba(0,0,0,0.1);

  height: 2px;

  left: 0;

  pointer-events: none;

}

div[data-style="minimal_small"] .toggle > h3:after {

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1);

  transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1);

  transform-origin: left;

}

div[data-style="minimal_small"] .toggle.open > h3:after,

div[data-style="minimal_small"] .toggle:hover > h3:after {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

div[data-style="minimal_small"] .toggle >div {

  padding-top: 1.3em;

  padding-bottom: 0;

}

div[data-style="minimal_small"] .toggle > h3 i {

  display: none;

}

div[data-style="minimal_small"] .toggle {

  margin-bottom: 1.4em;

}



@media only screen and (max-width : 690px) {

  div[data-style="minimal"] .toggle h3 a {

    font-size: 20px;

    line-height: 24px;

  }

}