/*
	Plugin Name: Awesome Shortcodes For Genesis
	Description: This is the shortcodes Plugin created for the Genesis Framework.
	Author: MakeWebWorld
	Author URI: https://makewebworld.com/
	Version: 1.0.0
 
	License: GPL-2.0+
	License URI: https://www.opensource.org/licenses/gpl-license.php
*/

/* Content Boxes
------------------------------------------------------------ */
.expander {
    text-decoration: none;
}
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.content-box-blue-title,
.content-box-gray-title,
.content-box-green-title,
.content-box-purple-title,
.content-box-red-title,
.content-box-yellow-title {
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}
.content-box-blue-title {
    background-color: #ADD1E5;
    border: 1px solid #afcde3;
}
.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}
.content-box-gray-title {
    background-color: #898888;
    border: 1px solid #bdbdbd;
} 
.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}
.content-box-green-title {
    background-color: #8EB560;
    border: 1px solid #b2ce96;
}  
.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}
.content-box-purple-title {
    background-color: #9191D2;
    border: 1px solid #bebde9;
}   
.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}
.content-box-red-title {
    background-color: #B57575;
    border: 1px solid #e9b3b3;
}  
.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}
.content-box-yellow-title {
    background-color: #B4A555;
    border: 1px solid #fadf98;
} 
.asg-down, .asg-side{
	background: url(Images/asg-arrow.png) no-repeat;
}
.asg-down{
	background-position: 0 0;
	width: 32px;
	height: 32px;
}
.asg-side{
	background-position: -33px 0;
	width: 32px;
	height: 32px;
}

/* Color Buttons
------------------------------------------------------------ */
 
.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-yellow {
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
 
.button-blue:hover,
.button-gray:hover,
.button-green:hover,
.button-purple:hover,
.button-red:hover,
.button-yellow:hover {
    text-decoration: none;
}
.button-blue {
    background-color: #afcde3;
    border: 1px solid #afcde3;
}
.button-blue:hover {
    background-color: #83a2be;
    border: 1px solid #83a2be;
}
.button-gray {
    background-color: #bdbdbd;
    border: 1px solid #bdbdbd;
}
.button-gray:hover {
    background-color: #919191;
    border: 1px solid #919191;
}
.button-green {
    background-color: #b2ce96;
    border: 1px solid #b2ce96;
}
.button-green:hover {
    background-color: #86a36e;
    border: 1px solid #86a36e;
}
.button-purple {
    background-color: #bebde9;
    border: 1px solid #bebde9;
}
.button-purple:hover {
    background-color: #9291c7;
    border: 1px solid #9291c7;
}
.button-red {
    background-color: #e9b3b3;
    border: 1px solid #e9b3b3;
}
.button-red:hover {
    background-color: #c78787;
    border: 1px solid #c78787;
}
.button-yellow {
    background-color: #fadf98;
    border: 1px solid #fadf98;
}
.button-yellow:hover {
    background-color: #ecb870;
    border: 1px solid #ecb870;
}
/************ Responsive Video *********/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}