/*
	Description:VanThemes Shortcodes.
	Author:VanThemes (http://www.vanthemes.com)
*/

/*   Buttons
------------------------------------------- */
.short-buttons{display: inline-block;vertical-align: middle; line-height: 18px;margin: 4px 6px; cursor: pointer;color: #FFF !important;text-decoration: none !important; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); outline: none; -webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;box-shadow: inset 0px -1px 0 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px -1px 0 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px -1px 0 1px rgba(0,0,0,0.1);}
.short-buttons:hover {box-shadow: inset 0px -1px 0 1px rgba(0,0,0,0.1),inset 0px -1px 0px rgba(255,255,255,0.2);-webkit-box-shadow: inset 0px -1px 0 1px rgba(0,0,0,0.1),inset 0px -1px 0px rgba(255,255,255,0.2);-moz-box-shadow: inset 0px -1px 0 1px rgba(0,0,0,0.1),inset 0px -1px 0px rgba(255,255,255,0.2);}
.short-buttons:active {box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);}

/* Sizes */
.button-small{font-size: 12px;padding:6px 16px;}
.button-medium{font-size: 13px;padding: 8px 22px;}
.button-big{font-size:16px;padding: 10px 28px;}

/* Styles */
.button-lessround {-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px}
.button-round {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
.button-square {-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px}

/* Alignment */
.button-left {display: block;text-align: left;}
.button-right {display: block;text-align: right;}
.button-center {display: block;text-align: center;}
.button-none {float: none; display: inline-block; zoom: 1; *display: inline; }

/* Colors */
.button-green{background:#27ae60;}
.button-green:hover {background:#2ecc71;}
.button-green:active{background:#27ae60 !important;}
.button-red{background:#ed5757;}
.button-red:hover{background:#f08d82;}
.button-red:active{background:#ed5757 !important;}
.button-blue{background:#2980b9;}
.button-blue:hover {background:#3498db;}
.button-blue:active{background:#2980b9 !important;}
.button-orange{background:#fab35c;}
.button-orange:hover{background:#ffc477;}
.button-orange:active{background:#fab35c !important;}
.button-black{background:#2b2b2b;}
.button-black:hover{background:#3b3b3b;}
.button-black:active{background:#2b2b2b !important;}
.button-gray{color:#333 !important;background:#ededed;}
.button-gray:hover{background:#F1F1F1;}
.button-gray:active{background:#ededed !important;}
.button-white{color:#333 !important;background:#FCFCFC;}
.button-white:hover{background:#fff;}
.button-white:active{background:#FCFCFC !important;}
.button-pink{background:#e486f7;}
.button-pink:hover{background:#ec9cfc;}
.button-pink:active{background:#e486f7 !important;}
.button-yellow{background:#F1C40F;}
.button-yellow:hover{background:#F3CF3F;}
.button-yellow:active{background:#F1C40F !important;}

/* Messages Boxes
----------------------------------*/
.msg-boxes{padding: 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0px 1px rgba(255,255,255,0.2);display: block;margin: 5px auto !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* icons */
.msg-boxes span{display: inline-block;vertical-align: middle;background-image: url(../png/shortcodes-sprites.png);-webkit-background-size: 41px 101px;background-size:41px 101px;background-repeat:no-repeat;margin-right: 5px;}
.success-msg span{ background-position: 0 0;width: 12px;height: 9px;}
.error-msg span{background-position: -24px 0;width: 10px;height: 11px; }
.info-msg span{background-position: 0 -21px; width: 13px;height: 15px;}
.warning-msg span{background-position: -24px -21px; width: 12px;height: 11px;}
.download-msg span{background-position: 0 -41px; width: 12px;height: 9px; }
.note-msg span{background-position: -24px -41px;width: 12px;height: 14px;}
/* colors */
.success-msg{border:1px solid #accc5d;color:#70892b;background-color:#D0E39F;}
.error-msg{ border:1px solid #E38686;color:#9E2121;background-color:#EA9F9F;}
.info-msg{ border:1px solid #65BFC9;color:#38838D;background-color:#A2E7EE;}
.warning-msg{border:1px solid #E2953F;color:#A36118;background-color:#FFC788;}
.download-msg{border:1px solid #51B5F7;color:#04436C;background-color:#80C8F9;}
.note-msg{border:1px solid #ECCA91;color:#AB7C2E;background-color:#FBE9CA;}

/*  Divider
-----------------------------------*/
.short-divider{clear:both;width: 100%;height: 2px;display: block;border-top: 1px solid #E7E7E7;background: #FFF;border-bottom: 1px solid #E7E7E7;margin: 15px 0;}

/*  ToolTip
-----------------------------------*/
.short-tooltip{font-weight: bold;display: inline-block;vertical-align: middle;}

/* Lists
------------------------------------*/
.checklist ul,.errorlist ul,.bulletlist ul,.checklist ul li,.errorlist ul li,.bulletlist ul li{list-style: none !important;}
.checklist ul li:before,.errorlist ul li:before,.bulletlist ul li:before{background-image: url(../png/shortcodes-sprites.png);-webkit-background-size: 41px 101px;background-size:41px 101px;background-repeat:no-repeat;display: inline-block;vertical-align: middle;margin-right: 5px;width: 10px;height: 10px;content: "";}

/* tick List */
.checklist ul li:before{background-position: -24px -78px;}

/* Bad List */
.errorlist ul li:before{background-position: -24px -62px;}

/* Simple Bullet */
.bulletlist ul li:before{background-position: -24px -93px;}

/* DropCap
----------------------------------*/
.dropcap{display: block;float: left;font-size: 45px;padding: 0 6px 0 0;line-height: 45px}

/*  Fluid Columns
------------------------------------*/
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ padding:10px 0;position:relative; margin-right:4%; float:left; }
.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:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*   Toggle
-----------------------------------*/
.toggle {margin-bottom: 15px;border: 1px solid #E7E7E7;position: relative;	background:#fff;	}
.toggle h3{margin: 0 !important}
.toggle h3 a{font-size:13pt;cursor:pointer;margin: 0;padding: 8px;background: #fbfbfb;display: block;color:#444 !important;text-decoration: none !important}
.toggle h3 a span{	background-image: url(../png/shortcodes-sprites.png);-webkit-background-size: 41px 101px;background-size:41px 101px;background-repeat:no-repeat;width: 13px;height: 7px;display: inline-block;vertical-align: middle;margin-right: 4px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.toggle h3 a.toggle-close span{background-position: 0px -74px;}
.toggle h3 a.toggle-open span{background-position: 0 -62px;}
.toggle-content{border-top: 1px solid #F1F1F1;margin: 0px;padding:8px;display: block;}

/*  Flickr
-------------------------------------*/
.flickr{margin-bottom: 12px;}
.flickr .flickr_badge_image {width: inherit;  margin:0px;}
.flickr .flickr_badge_image img {float: left;}
.right-sidebar .flickr .flickr_badge_image img ,
.left-sidebar .flickr .flickr_badge_image img{ 
	margin-right: 3px;
	margin-bottom: 3px;
}
.right-sidebar .flickr .flickr_badge_image:nth-child(8n+1) img,
.left-sidebar .flickr .flickr_badge_image:nth-child(8n+1) img {
	 margin-right: 0px;
}

.full-width .flickr .flickr_badge_image img{ 
	margin-right: 3.7px;
	margin-bottom: 3px;
}
.full-width .flickr .flickr_badge_image:nth-child(12n+1) img { 
	margin-right: 0px;
}

@media only screen and (max-width: 980px) and (min-width: 768px){
	.flickr .flickr_badge_image img,
	.flickr .flickr_badge_image:nth-child(12n+1) img,
	.flickr .flickr_badge_image:nth-child(8n+1) img{ margin-right: 4.4px !important;margin-bottom: 4px !important;}
	.flickr .flickr_badge_image:nth-child(9n+1) img{ margin-right: 0px  !important;}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.flickr .flickr_badge_image img,
	.flickr .flickr_badge_image:nth-child(12n+1) img,
	.flickr .flickr_badge_image:nth-child(8n+1) img{ margin-right:13.5px !important;margin-bottom: 13px !important;}
	.flickr .flickr_badge_image:nth-child(5n+1) img{ margin-right: 0px  !important;}
}
@media only screen and (max-width: 479px) and (min-width: 320px)  { 
	.flickr .flickr_badge_image img,
	.flickr .flickr_badge_image:nth-child(12n+1) img,
	.flickr .flickr_badge_image:nth-child(8n+1) img{ margin-right:27.6px !important;margin-bottom: 15px !important;}
	.flickr .flickr_badge_image:nth-child(3n+1) img{ margin-right: 0px  !important;}
}

/*  Tabs
-------------------------------------*/
.tabs-container{margin-bottom: 15px}
.tabs-container ul.tabs-controls, .tabs-container .tabs-controls li{list-style: none !important;} 
.tabs-container ul.tabs-controls {display: block;list-style: none;margin: 0 !important;padding: 0;overflow: inherit !important;}
.tabs-container ul.tabs-controls li {float: left;text-align: left;list-style: none;margin: 0;padding: 0;}
.tabs-container ul.tabs-controls li:first-child a{border-left: 1px solid #E7E7E7;}
.tabs-container ul.tabs-controls li a{background:#fbfbfb;padding: 10px 15px;display: block;font-size: 14px;text-align: center;cursor: pointer;color: #444;text-decoration: none;border-top: solid 1px #e7e7e7;border-right: solid 1px #e7e7e7;border-left: solid 1px #e7e7e7;margin-left: -1px;margin-bottom: -1px;}
.tab-content{border: 1px solid #E7E7E7;padding: 10px;display: none;}
ul.tabs-controls .active{cursor:inherit !important;background: #FFF !important;padding: 13px 15px !important;margin-top: -5px;}
ul.tabs-controls li:first-child {margin-left: 1px; }
.tabs-container .active{display: block !important;}

/*  Accordion
-------------------------------------*/
.accordions-container{margin-bottom: 15px;}
.accordions-container h4 {margin: 0 !important;padding: 0 !important;}
.accordions-container h4.accordion-control a{background:#fbfbfb;padding: 10px 10px;display: block;font-size: 14px;cursor: pointer;color: #444;text-decoration: none;border-bottom: 1px solid #E7E7E7;border-left: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;}
.accordions-container h4 a span{background-image: url(../png/shortcodes-sprites.png);-webkit-background-size: 41px 101px;background-size:41px 101px;background-repeat:no-repeat;background-position: 0px -74px;width: 13px;height: 7px;display: inline-block;vertical-align: middle;margin-right: 4px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.accordions-container h4 a.active span{height:11px;background-position: 0 -86px;}
.accordions-container h4.accordion-control:first-child a{border-top: 1px solid #E7E7E7;}
.accordions-container h4.accordion-control:last-child a{border-bottom: 0;}
.accordion-content{border: 1px solid #E7E7E7;border-top: 0 none;padding: 10px;}
.accordion-content{display: none;}
h4.accordion-control .active{cursor:inherit !important;background: #E7E7E7 !important;}
.accordion-content.active{display: block !important;}

/*  Author
-------------------------------------*/
.short-author-box{margin-bottom: 15px;}
.short-author-box .box-content{padding: 8px 8px;border: 1px solid #F1F1F1;border-top: 0;}
.short-author-box h3.box-title{font-size: 13pt;margin-bottom: 0px;border: 1px solid #F1F1F1;}
/*  Video & maps
----------------------------*/
.short-resp-container{
	margin-bottom: 15px;
}
.short-resp-container .short-resp img,
.short-resp-container .short-resp iframe{width: 100% !important; height: 100% !important;position: absolute; top:0;left: 0}
.short-resp-container{
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
} 
.post-entry div:last-child,
.post-entry p:last-child{margin-bottom: 0;}
/* twitter
----------------------------------------*/
ul.tweets-list, .tweets-list li{
	list-style: none !important;
	margin-left: 0 !important;
}
ul.tweets-list li{clear: both; margin-bottom: 8px;}
ul.tweets-list li img.retina{
	float:left;
	margin-right: 5px;
}
ul.tweets-list .twitter-timestamp{margin-left: 5px;}
/**
*	ads
*******************************/
.shortcode-ads{
	margin-bottom: 15px !important;
}
/**
*	Author box
***********************/
.short-author-box .box-title {
   padding:8px;
   background:#FBFBFB;
   margin:0 !important
}
.short-author-box .author-avatar {
   float: left;
   margin-right:10px; 
}
/*
* Shortcodes Retina
--------------------------*/
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {

.msg-boxes span,
.checklist ul li:before,.errorlist ul li:before,.bulletlist ul li:before,
.toggle h3 a span,
.accordions-container h4 a span{
	background-image:url(../png/shortcodes-sprites_2x.png);
}

}