/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

/* Layout
----------------------------------------------------------------------------------------------------*/

.custom-logo { 
	width: 138px;
	height: 72px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
	background-size: contain;
}

.margin-tb-20 { margin: 20px 0; }
.margin-l-40 { margin-left: 40px; }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Fixing the flickering for -webkit- browsers */
.module { -webkit-backface-visibility: hidden; }


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-teaser1 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser1_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser2 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser2_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser3 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser3_default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-features { 
	margin-top: 30px; 
	overflow: hidden;
}

.frontpage-features h1 {
	margin: 20px 0 5px 0;
	font-size: 19px;
	line-height: 20px;
}

/* Frontpage: Check
----------------------------------------------------------------------------------------------------*/

.frontpage-check {
	float: left;
	margin-bottom: 20px;
	text-transform: uppercase;
}


/* Frontpage: Team
----------------------------------------------------------------------------------------------------*/

.frontpage-team h1 {
	margin: 20px 0 0 0;
	font-size: 40px;
	line-height: 41px;
}

.frontpage-team p {
	margin: 10px 0 0 0;
	font-size: 17px;
	line-height: 22px;
}


/* Frontpage: Contact
----------------------------------------------------------------------------------------------------*/

ul.line.frontpage-contact > li {
	margin: 0;
	padding: 15px 0;
	border-top: none;
	background: url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact > li:first-child { 
	background: url(../images/line_bg.png) top repeat-x,
				url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact strong {
	float: left;
	width: 140px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
}

ul.line.frontpage-contact div { display: inline-block; }


/* Frontpage: Clients
----------------------------------------------------------------------------------------------------*/

.frontpage-clients a {
	float: left;
	opacity: 0.5;
	margin: 0 -1px -1px 0;
	border: 1px solid #616a73;
	border: 1px solid rgba(255,255,255,0.5); 
}

.frontpage-clients a:hover {
	opacity: 1;
	border: 1px solid #FFF;
	background-color: rgba(255,255,255,0.05);
}

.frontpage-teaser { line-height: 0; }
.frontpage-teaser img { 
	display: block; 
	line-height: 0;
}


/* Responsive 
----------------------------------------------------------------------------------------------------*/

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	.margin-l-40 { margin-left: 0; }


}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

	/* Layout */
	#block-bottom-b .width33 { width: 100%; }

	.frontpage-features img {
		float: none;
		margin: auto auto 15px;
	}

	.frontpage-check.width50 { width: 100%; }
	

}


/********************** PERY PERY CUSTOM **********************************/

.custom-logo { 
	width: 250px;
	height: 120px;
	background: url(../../../images/site/logo.png) 0 20px no-repeat;
	background-size: contain;
}

#logo {
	height:120px;
}
#menubar {
	position:relative;
	top:60px;
}
.menu-dropdown .dropdown {
	top: 60px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	height:60px;
	line-height:60px;
	padding: 0 15px;
}
.menu-dropdown .level1 .level1 span.title {
	margin-top:14px;
}
.searchbox {
	height:60px;
	padding: 0 35px;
	width: 60px;
}

body .bg-color2 {
	background: radial-gradient(ellipse farthest-corner at center center , #79bde9 0%, #79bde9 100%) repeat scroll 0 0 transparent;
}
body .body-dark, body .bg-dark {
	background: none repeat scroll 0 0 #143d8d
}

#block-header {
	/*background: url(../../../images/site/header-bg.jpg) 0 0 repeat-x;*/
	background:none;
	background-color: #fff;
}
#menubar {
	border-top: 1px solid #E0E0E0;
	background-color: #ffffff;
	z-index: 1000;
}
.frontpage-clients {
	margin-left: 23px;
}

.frontpage-clients a {
	height:107px;
}
#absolute {
	width: 600px;
	left: 50%;
	top: 0px;
	margin-left: -154px;
}

button.button-primary, input[type="button"].button-primary, input[type="submit"].button-primary {
    padding: 8px 20px;
}
body {
    color: #666666;
}
#coursetable h3 a { color:#777777;}
#breadcrumbs, #content {margin: 10px;}


#absolute .social-icons {
	left: 70%;
}

.pagination a,
.pagination strong {      
   display: inline-block;  
   margin-left: 5px;  
   padding: 2px 10px;    
   border: 1px solid #ddd;    
   background: #EEE;    
   border-radius: 3px;    
   color: #444;    
   text-shadow: 0 1px 1px #FFF;   
   line-height: 25px;  
}   

.pagination a:hover,    
.page-nav .prev:hover,    
.page-nav .next:hover {  
    border-color: #CCC;  
    background: #DDD;  
    color: #444;  
}

.colour1 a.eb_event_link { background-color:#4dc8e9;}
.colour2 a.eb_event_link { background-color:#4f91cd;}
.colour3 a.eb_event_link { background-color:#3573b9;}
.colour4 a.eb_event_link { background-color:#3c82d1;}
.colour5 a.eb_event_link { background-color:#8fc3ea;}
.colour6 a.eb_event_link { background-color:#79bde9;}
.colour7 a.eb_event_link { background-color:#4dc8e9;}
.colour8 a.eb_event_link { background-color:#4f91cd;}
.colour9 a.eb_event_link { background-color:#3573b9;}
.colour10 a.eb_event_link { background-color:#3c82d1;}
.colour11 a.eb_event_link { background-color:#8fc3ea;}
.colour12 a.eb_event_link { background-color:#79bde9;}
.colour13 a.eb_event_link { background-color:#4dc8e9;}
.colour14 a.eb_event_link { background-color:#4f91cd;}
.colour15 a.eb_event_link { background-color:#3573b9;}
.colour16 a.eb_event_link { background-color:#3c82d1;}
.colour17 a.eb_event_link { background-color:#8fc3ea;}
.colour18 a.eb_event_link { background-color:#79bde9;}
.colour19 a.eb_event_link { background-color:#4dc8e9;}
.colour20 a.eb_event_link { background-color:#4f91cd;}
.colour21 a.eb_event_link { background-color:#3573b9;}
.colour22 a.eb_event_link { background-color:#3c82d1;}
.colour23 a.eb_event_link { background-color:#7fadd0;}
.colour24 a.eb_event_link { background-color:#79bde9;}
.colour25 a.eb_event_link { background-color:#4dc8e9;}
.colour26 a.eb_event_link { background-color:#60b0f9;}
.colour27 a.eb_event_link { background-color:#3573b9;}
.colour28 a.eb_event_link { background-color:#3c82d1;}
.colour29 a.eb_event_link { background-color:#8fc3ea;}
.colour30 a.eb_event_link { background-color:#79bde9;}
.colour31 a.eb_event_link { background-color:#4dc8e9;}
.colour32 a.eb_event_link { background-color:#4f91cd;}
.colour33 a.eb_event_link { background-color:#489cfb;}
.colour34 a.eb_event_link { background-color:#3c82d1;}
.colour35 a.eb_event_link { background-color:#9cd5ff;}
.colour36 a.eb_event_link { background-color:#79bde9;}
.colour37 a.eb_event_link { background-color:#3c82d1;}
.colour38 a.eb_event_link { background-color:#8fc3ea;}
.colour39 a.eb_event_link { background-color:#79bde9;}
.colour40 a.eb_event_link { background-color:#54dbff;}
.colour41 a.eb_event_link { background-color:#4f91cd;}
.colour42 a.eb_event_link { background-color:#3573b9;}
.colour43 a.eb_event_link { background-color:#3c82d1;}
.colour44 a.eb_event_link { background-color:#8fc3ea;}
.colour45 a.eb_event_link { background-color:#79bde9;}
.colour46 a.eb_event_link { background-color:#4dc8e9;}
.colour47 a.eb_event_link { background-color:#4f91cd;}
.colour48 a.eb_event_link { background-color:#3573b9;}
.colour49 a.eb_event_link { background-color:#3c82d1;}
.colour50 a.eb_event_link { background-color:#8fc3ea;}
.colour51 a.eb_event_link { background-color:#79bde9;}
.colour52 a.eb_event_link { background-color:#4dc8e9;}
.colour53 a.eb_event_link { background-color:#4f91cd;}
.colour54 a.eb_event_link { background-color:#3573b9;}
.colour55 a.eb_event_link { background-color:#3c82d1;}
.colour56 a.eb_event_link { background-color:#8fc3ea;}
.colour57 a.eb_event_link { background-color:#79bde9; }


 a.eb_event_link:hover { opacity: 0.8;}
 
 a.lastcc { border-bottom: 1px solid #4a9ac1;}
 
a.calX { margin-left: 80px; width: 400px; }

h1 {color: #0081c1 !important;}
.nn_sliders.accordion > .accordion-group.icon > .accordion-heading > a.accordion-toggle span.nn_sliders-toggle-inner:before,
.nn_sliders.accordion > .accordion-group.icon > .accordion-heading > a.accordion-toggle span.nn_sliders-toggle-inner
 {font-size: 30px !important; line-height 30px; text-decoration:none !important;}
 accordion-heading panel-heading a {text-decoration:none !important;}
 .eb-description img {width: 100px !important; height: 100px !important;}
 .nn_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {text-decoration:none !important;}
 
#eb-category {padding:0 !important;}
#eb-category h1.eb-page-heading {display:none;}
#field_company .control-label, #field_supervisorname .control-label, #field_supervisoremail .control-label, #field_companyaddress .control-label {background-color:#f5f5f5;}
#hearabout ul { float:left; width:auto; padding: 0 20px 0 0;}
#invoiceinfo ul { float:left; width:auto; padding: 0 20px 0 0;}

.cf-article {padding: 20px 20px 20px 20px;}
.cf-article .fox-item { margin-bottom:5px !important;}
div#fox-container-m128.cf-article .controls {width: 100% !important;}
div#fox-container-m128 .cf-article .fox-form select, div#fox-container-m128 .fox-form textarea, div#fox-container-m128 .fox-form input[type="text"], div#fox-container-m128 .fox-form input[type="email"] {width:100% !important;}


/* Display
 ========================================================================== */
/*
 * Display
 */

.uk-display-block {
  display: block !important;
}
.uk-display-inline {
  display: inline !important;
}
.uk-display-inline-block {
  display: inline-block !important;
}
/*
 * Visibility
 * Avoids setting display to `block`
 */
/* Only desktops */
@media (min-width: 960px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-medium {
    display: none !important;
  }
  .uk-hidden-large {
    display: none !important;
  }
}
/* Only tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important ;
  }
  .uk-hidden-medium {
    display: none !important;
  }
}
/* Only phones */
@media (max-width: 767px) {
  .uk-visible-medium {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important;
  }
  .uk-hidden-small {
    display: none !important;
  }
   #header-responsive .searchbox { display:none !important;}
}
/* Remove from the flow and screen readers on any device */
.uk-hidden {
  display: none !important;
  visibility: hidden !important;
}
/* It's hidden, but still affects layout */
.uk-invisible {
  visibility: hidden !important;
}
/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
  display: block !important;
  visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
  display: inline-block !important;
  visibility: visible !important;
}
#block-main .eb-event-list .eventsmall a strong{
	color:#143d8d !important;
	text-shadow:none !important;
}
