/**
*    @version    $Id: all.php  kiennh $
*    @package    Jarvis Template Framework for Joomla!
*    @subpackage    sharetoshow plugin for Joomla!
*    @copyright    Copyright (C) 2009 - 2014 Omegatheme. All rights reserved.
*    @license    GNU/GPL version 2, or later
*    @website:    http://www.omegatheme.com
*    Support Forum - http://www.omegatheme.com/forum/
*/

.shortcode-buttons {
    margin-left: 5px;
}

.ot-social-locker {
    display: block;
    position: relative;
}


.ot-social-locker .clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.ot-social-locker iframe,
.ot-social-locker svg {
    max-width: 450px !important;
}



/* GENERIC STYLE
/* ----------------------------------------*/
.ot-social-locker {
  margin: 20px auto;
  font-size: 16px;
  font-family: inherit;
}

.ot-social-locker-inner {
    margin: 2px;
}

/* Title */
.ot-social-locker .locker-title {
    margin: 0 0 10px;
    font-size: 22px;
    display: block;
}

/* Message */
.ot-social-locker .locker-message {

}


/* Social Buttons */
.ot-social-locker .ot-social-buttons {
    min-width: 400px;
    display: inline-block;
	min-height:54px;
}

.ot-social-locker .ot-social-buttons .btn-social {
    float: left;
    margin-right: 10px;
}
.ot-social-locker .ot-social-buttons .ot-button_count,
.ot-social-locker .ot-social-buttons .ot-horizontal,
.ot-social-locker .ot-social-buttons .ot-medium{
	padding-top:20px;
}

.ot-social-locker .ot-social-buttons .btn-facebook {
    /*margin-top: -2px;*/
}

/* Social Buttons - Standard */
.ot-social-locker .ot-social-buttons.standard .btn-social {
    margin-right: 20px;
}

.ot-social-locker .ot-social-buttons.standard .btn-twitter, 
.ot-social-locker .ot-social-buttons.standard .btn-gplus {
	max-width: 80px;
}

/* Social Buttons - Box */
.ot-social-locker .ot-social-buttons.box .btn-social {
    margin-right: 20px;
}

.ot-social-locker .ot-social-buttons.box .btn-facebook {
    margin-top: 0;
}

/* Action Buttons */
.ot-social-locker .btn-actions {
    /*margin: 30px auto 0 !important;*/
}



/* THEME CLASSIC
/* ----------------------------------------*/
.ot-social-locker.theme-classic {
    border: 1px dashed #fff;
	padding:5px;
	background: #ECECEC;
}

.ot-social-locker.theme-classic .ot-social-locker-inner {
	min-height:80px;
}

.ot-social-locker.theme-classic .locker {
    padding: 15px 0px;
	float:left;
	width:48.999%;	
}
.ot-social-locker.theme-classic .locked-content {
    padding: 15px 0;
	float:left;
	width:48.999%;
	text-align:center;
	margin-top:20px;
}
.ot-social-locker.theme-classic .locked-content.closed {
    background:#ADD8E6;
	color:#555;
}
.ot-social-locker.theme-classic .locked-content.opened {
    background: #f9eaa3;
	color:#222;
}

/* THEME DARK
/* ----------------------------------------*/
.ot-social-locker.theme-dark {
    border: 1px dashed #ccc;
	padding:5px;
	background:#555;
}

.ot-social-locker.theme-dark .ot-social-locker-inner {
	min-height:80px;
}

.ot-social-locker.theme-dark .locker {
    padding: 15px 0px;
	float:left;
	width:48.999%;	
}
.ot-social-locker.theme-dark .locked-content {
    padding: 15px 0;
	float:left;
	width:48.999%;
	text-align:center;
	margin-top:20px;
}
.ot-social-locker.theme-dark .locked-content.closed {
    background: #3F3A39;
	color:#fff;
}
.ot-social-locker.theme-dark .locked-content.opened {
    background: #cacaca;
	color:#222;
}


/* THEME LIGHT
/* ----------------------------------------*/
.ot-social-locker.theme-light {
    border: 1px dashed #ccc;
	padding:5px;
}

.ot-social-locker.theme-light .ot-social-locker-inner {
	min-height:80px;
}

.ot-social-locker.theme-light .locker {
    padding: 15px 0px;
	float:left;
	width:48.999%;	
}
.ot-social-locker.theme-light .locked-content {
    padding: 15px 0;
	float:left;
	width:48.999%;
	text-align:center;
	margin-top:20px;
}
.ot-social-locker.theme-light .locked-content.closed {
    background:  #3dacc7;
	color:#fff;
}
.ot-social-locker.theme-light .locked-content.opened {
    background: #f9eaa3;
	color:#222;
}


/* CONTROLS
/* ----------------------------------------*/
/* Locker Control */
.ot-social-locker.locked {
}

.ot-social-locker.unlocked.hide-locker .locker {
    display: none;
}

.ot-social-locker.locked .locker {
    display: block;
}

#ot-socials-locker {
	position: absolute;
	top: 0px; 
	left: -6014px;
}

/* Locked Content Control */
.ot-social-locker .locked-content.closed {
	float:left;
}

.ot-social-locker .locked-content.opened {
    display: block;
    max-height: none !important;
}

.ot-social-locker .locked-content.error {
    color: red;
}