/**
* custom.css file created by Webfarol Template
* @package Webfarol Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/
#flatcal_minical .flatcal_tiny_add_event_link {
	
	font-size: 14px;
	}
	
	#flatcal_minical TD.flatcal_weekdays {
	
	font-size: 14px;
	}
	
	#flatcal_minical .flatcal_busylink  {
	
	font-size: 14px;
	}
	#flatcal_minical .flatcal_month_label {
	font-size: 15px;
	}
	
	.flatcal_navbar .link_next {margin: 0 auto; min-width: 64px;vertical-align:middle;height:18px;text-align:center;}
.flatcal_navbar .link_prev {vertical-align:middle;height:18px;text-align:center;min-width:64px;}



.extrapos1, .extrapos3, .extrapos4 {
	display: block;
	overflow: hidden;
	padding: 30px 15px;
}
/* K2 Custom module */
.mk2custom {
	padding: 0px 0;
	text-align: center;
}

/* grid1 */
.yjsg5_out {
	display: block;
	overflow: hidden;
	z-index: 1;
	position: relative;
}



/* Transition Joe Black */

.container {
position:relative;
overflow:hidden;
width:180px;
height:150px;
}
.container .joe {
position:absolute;
top:0;
left:0;
width:180px;
height:150px;
margin-left:10px;
margin-right:10px;
}
.container:hover .joe {

}
.container img {
top:0;
left:0;
}
.container:hover img {
margin-top:-150px;
}

.container img, .joe {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.joe {
	text-align: center;
}
.joe .module_title {
	font-size: 280%;
	font-weight: bold;
}
.joe .font-pacifico {
	max-width: 100%;
}
.joe p {
	max-width: 45%;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

.yjtb_blue {
    background: #e9f6fd;
    border-style: solid;
    border-color: #b6e3f3;
    border-width: 1px;
    color: #5497ae;
}

.yjtb_white {
    background: #ffffff;
    border-style: solid;
    border-color: #e9e9e9;
    border-width: 1px;
}

/* GK Event */
.gkEvent {
	background: #f1f2f3;
	margin: 30px 0 45px;
	padding: 30px;
}
.gkEvent h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 18px 0;
	text-transform: uppercase;
}
.gkEvent ul {
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	line-height: 45px;
	list-style: none;
	position: relative;
}
.gkEvent li {
	border-top: 1px solid #e5e5e5;
	font-size: 12px;
	line-height: 45px;
	padding: 0 64px 0 20px!important;
}
.gkEvent li:before { display: none; }
.gkEvent li:first-child { border-top: none; }
.gkEvent li strong {
	color: #0f1725;
	font-weight: bold;
	padding-right: 20px;
}
.gkEvent .gkEventPeriod { padding-right: 15px; }
.gkEvent .gkEventHours { font-weight: bold; }
.gkEvent .gkEventPeriod:before,
.gkEvent .gkEventHours:before {
	color: #fa7252;
	content: "o";
	font-family: "university-pixellove";
	font-size: 14px;
	font-weight: normal;
	padding: 0 12px 0 0;
	position: relative;
	top: 1px;
}
.gkEvent .gkEventHours:before { content: "d"; }
.gkEvent .gkEventRegister {
	background: #c0392b;
	height: 38px;
	padding: 0!important;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.gkEvent .gkEventRegister a {
	border: none;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 38px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
.gkEvent .gkEventRegister:hover { background: #fa7252; }
.csstransforms .gkEvent .gkEventRegister {
	bottom: 0;
	position: absolute;
	right: 0;
	-webkit-transform: rotateZ(90deg) translateY(37px);
	-moz-transform: rotateZ(90deg) translateY(37px);
	-ms-transform: rotateZ(90deg) translateY(37px);
	-o-transform: rotateZ(90deg) translateY(37px);
	transform: rotateZ(90deg) translateY(37px);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	width: 94px;
}
.gkEventCounter {
	background: #fff;
	display: block;
	height: 3px;
	margin-top: 25px;
	position: relative;
	text-indent: -9999px;
	width: 60%;
}
.gkEventCounter > div {
	background: #fa7252;
	height: 3px;
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 0;
	-webkit-transition: all .75s ease-out;
	-moz-transition: all .75s ease-out;
	-ms-transition: all .75s ease-out;
	-o-transition: all .75s ease-out;
	transition: all .75s ease-out;
	width: 0%;
}

 .gantry-example::after {
    content: "Example";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    color: #9da0a4;
    border-radius: 4px 0 4px 0;
    font-style: normal;
}

/* JWPlayer Joe Black */

.jwplayer, .jwplayer div, .jwplayer span, .jwplayer a, .jwplayer img, .jwplayer ul, .jwplayer li, .jwplayer video, .jwclick {
    margin: -20px !important;
}

/* Banner before and next Targetlink */
.mmediaslider .yjmediaslider div.main-nav {
	bottom: 35%;
}