/* 
-------------------------------------------
	SHORTCODES 
-------------------------------------------
	1.  Columns
	2.  Dropcaps
	3.  Pullquotes
	4.  Highlight	
	5.  Divider
	6.  Tabs
	7.  Toggle
	8.  Buttons
	9. JW Player
-------------------------------------------
*/


/* 1. Columns */
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth 
	{
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
	}

.last	{
	margin-right: 0!important;
	clear: right;
	}

.clearboth {
        clear:both;
        display:block;
        font-size:0;
        height:0;
        line-height:0;
        width:100%;
        }

/*  2. Dropcaps */
.dropcap {
        display: block;
        position: relative;
        left: -2px;
        float: left;
        font-size: 40px;
        line-height: 40px;
        padding-top: 0;
        margin: 0 6px 0 0;
        }


/*  3. Pullquotes */
.pullquote_left, 
.pullquote_right
        {
        color: #888;
        position: relative;
        top: -2px;
        font-size: 14px;
        padding: 0 0 0 30px;
        clear: none;
	}

.pullquote_left {    
        float: left;
        margin: 20px 20px 20px 0;
        padding: 0 0 0 30px;
        width: 30%;
        }
	
.pullquote_right {    
        float: right;
        margin: 20px 0 20px 20px;
        padding: 0 0 0 30px;
        width: 29%;    
        }


/*  4. Highlight */
.highlight1 {
	}

.highlight2 {
    	color: #fff;
	}


/*  5. Divider */
.divider_hr {
        clear:both;
        display:block;
        width:100%;
        margin-bottom:45px;
        padding-top:14px;
        }


/*  6. Tabs */
.redsun-tabs.ui-tabs .ui-tabs-hide {
	position: absolute;
	left: -9999px;
	display: none;
	}

.redsun-tabs {
	background: none;
	margin: 24px 0;
	}

.redsun-tab-inner>br {
	display: none;
	}

.redsun-tabs ul.redsun-nav {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	background: none;
	border: 0;
	float: none;
	left: auto;
	position: relative;
	}

.redsun-tabs .redsun-nav li {
	position: relative;
	display: inline-flex;
	right: auto;
	margin: 0 4px 0 0;
	z-index: 10;
	list-style: none;
	}

.redsun-tabs .redsun-nav li a {
	color: #fff !important;
        line-height: 25px;
        margin: 0;
        overflow: hidden;
        padding: 3px 15px 1px;
        position: relative;
	height: 26px;
	text-decoration: none;
	display: inline-block;
	}

.redsun-tabs .redsun-nav li.ui-tabs-active a {
	}  

.redsun-tabs .redsun-tab {
	clear: both;
	display: block;
	padding: 20px;
	} 


/* 7. Toggle */
.trigger {
        cursor: pointer;
        padding-bottom: 20px;
	}

.trigger i {
        width: 18px;
	}

.trigger h6 {
        display: inline;    
        margin: 0;  
	}

.toggle_container {
        margin: 0;
        padding: 0 24px 24px;
        overflow: hidden;
        clear: both;
        }
         
.toggle_container .block {
	padding: 20px;
        margin: 0;             
        overflow: hidden;
}    


/*
* RESPONSIVE  LAYOUT
*/


/* 
-------------------------------------------
	INDEX 
-------------------------------------------
	1. Tablet Portrait 
	2. Mobile (Landscape) 
	3. Mobile (Portrait)
	4. Large Screens

-------------------------------------------
*/

/* 2. Mobile (Landscape)  *********************************************************/
@media only screen and (max-width: 767px) {

        /* Shortcode columns */
        .one_half,
        .one_third,
        .two_third,
        .one_fourth,
        .three_fourth,
        .one_fifth,
        .two_fifth,
        .three_fifth,
        .four_fifth,
        .one_sixth,
        .five_sixth { width: 100%;
                margin-right: 0!important;
                clear: right;
                }
                
        /* Shortcode pullquotes */      
	.pullquote_left, 
	.pullquote_right
	        {    	
	        width: 380px;
		}  
} 


/* 3. Mobile (Portrait)  *************************************************************/
@media only screen and (max-width: 600px) {

	/* Shortcode pullquotes */      
	.pullquote_left, 
	.pullquote_right {    	
	        width: 260px;
		}  
}