/*
 * MCAF shortcodes CSS
 *
 */


/* Tabs shortcodes
---------------------------------------------------------------------------------------------------- */
.tabs-shortcode .tab {
	display: none;
}

.tabs-shortcode .tab.open {
	display: block;
}

.tabs-shortcode ul.tabs-nav {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-left:0;
	margin-right:0;
}

.tabs-shortcode ul.tabs-nav > li {
	list-style: none;
	display: inline-block;
	flex: 1 1 auto;
	text-align: center;
	margin: 0;
}

.tabs-shortcode ul.tabs-nav > li:first-child {
	border-left: none;
}

.tabs-shortcode ul.tabs-nav > li a,
.tabs-shortcode .tabs-nav span.no-link {
	display: block;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}

.tabs-shortcode ul.tabs-nav > li:last-child a {
	border-right: 1px solid #cdcdcd;
}

/* video shortcode
---------------------------------------------------------------------------------------------------- */
.accordion-shortcode-item {
	margin-bottom: 5px;
}

.accordion-shortcode-heading {
	width: 100%;
	border: 1px solid #cdcdcd;
	margin-bottom: 0;
	padding: 7px 60px 10px 40px;
	display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.accordion-shortcode-heading:after {
	content: "\f347";
	float: right;
	font-family: "dashicons";
	color: #cdcdcd;
	position: absolute;
    right: 40px;
	
}

.accordion-shortcode-heading.open:after {
	content: "\f343";
}

.accordion-shortcode-content {
	border: 1px solid #cdcdcd;
	border-top: 0;
	width: 100%;
	padding: 25px 20px 10px;
}

/* video shortcode
---------------------------------------------------------------------------------------------------- */
.video_holder {
	margin-bottom: 20px;
}


/* social icon shortcode
---------------------------------------------------------------------------------------------------- */
.social-icon-shortcode {
	width: 60px;
	display: inline-block;
	margin-right: 20px;
	line-height: 1;
}

.social-icon-shortcode a {
	border-width: 2px;
	border-style:  solid;
	font-size: 40px;
	display: block;
	width: 60px;
	height: 60px;
	padding: 10px 0 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}

.social-icon-shortcode-instagram a {
	padding: 8px 0 0 0;
}

.social-icon-shortcode svg {
	display: inline-block;
	width: 40px;
	height: 40px;
	stroke-width: 0;
	stroke: #FFF;
    fill: #FFF;
}

.social-icon-shortcode-facebook a {
	background-color: #32469f;
	border-color: #32469f;
}

.social-icon-shortcode-instagram a {
	background-color: #2b5a84;
	border-color: #2b5a84;
}

.social-icon-shortcode-linkedin a {
	background-color: #0092b9;
	border-color: #0092b9;
}

.social-icon-shortcode-pinterest a {
	background-color: #f02e2f;
	border-color: #f02e2f;
}

.social-icon-shortcode-language a {
	background-color: #db5c4a;
	border-color: #db5c4a;
}

.social-icon-shortcode-twitter a {
	background-color: #000;
	border-color: #000;
}

.social-icon-shortcode-rss a {
	background-color: #FF6600;
	border-color: #FF6600;
}

.social-icon-shortcode-facebook a:hover,
.social-icon-shortcode-instagram a:hover,
.social-icon-shortcode-linkedin a:hover,
.social-icon-shortcode-pinterest a:hover,
.social-icon-shortcode-language a:hover,
.social-icon-shortcode-twitter a:hover,
.social-icon-shortcode-rss a:hover {
	background-color: transparent;
}

.social-icon-shortcode-facebook a:hover svg {
	fill: #32469f;
	stroke: #32469f;
}

.social-icon-shortcode-instagram a:hover svg {
	fill: #2b5a84;
	stroke: #2b5a84;
}

.social-icon-shortcode-linkedin a:hover svg {
	fill: #0092b9;
	stroke: #0092b9;
}

.social-icon-shortcode-pinterest a:hover svg {
	fill: #f02e2f;
	stroke: #f02e2f;
}

.social-icon-shortcode-language a:hover svg {
	fill: #db5c4a;
	stroke: #db5c4a;
}

.social-icon-shortcode-twitter a:hover svg {
	fill: #000;
	stroke: #000;
}

.social-icon-shortcode-rss a:hover svg {
	fill: #FF6600;
	stroke: #FF6600;
}