/*
Theme Name: CAREXA
Theme URI: http://marcwilmesdesign.lu
Author: Attila Simon
Description: 
Version: 1.0
License: Marc Wilmes Design
Text Domain: carexa
Tags: -
*/

/*@import url(https://fonts.googleapis.com/css?family=PT+Sans);*/
@import url(fonts.css);

body 																{ background:#fff; color:#333; font-size:16px; font-family:'PT Sans',sans-serif !important; font-weight: 400; } 
.content div[class^="col"] img 										{ width:100% !important; height:auto !important }
header																{ height:100%; min-height:500px; }
.header-top 														{ background: url(_res/img/carexa-header-1920.png); background-size: cover; height: 250px; width: 100%; position: relative; background-position: center center; }
.header-top-logo-container 											{ height: 100px; width: 100%; position: absolute; top: 0; bottom: 0; margin: auto 0; }
.header-top-logo 													{ display: none; width: 242px; height: 81px; margin: 0 auto; }
h1 																	{ color:#2680c2 !important; font-size: 30px; padding-bottom: 15px; text-transform: uppercase; }


a 																	{ outline: 0 !important; }
.content ul { padding-left: 20px; padding-bottom: 12px; }
.content li {  }

.home .content ul { margin-top: -15px; margin-left: 15px; }

iframe 																{ margin-top:35px; }

.content h3 { font-size: 16px; font-weight: bold; }
.content p 															{ margin: 0 0 18px; }
/*
 CONTENT
*/
.content 															{ min-height: 500px; padding: 0; }
.content .row 														{ margin-top: 50px; }
.c2cols {
	-webkit-column-count: 2;
	-webkit-column-gap: 80px;
	-webkit-column-rule: 1px solid lightgrey;
	-moz-column-count: 2;
	-moz-column-gap: 80px;
	-moz-column-rule: 1px solid lightgrey;
	
	padding: 15px;
}

hr 																	{  margin-top: 45px; }

.btn-primary 														{ background: #2680c2 !important; border: 1px solid #2680c2 !important; }

.extra { margin-left: 15px; }
/*
 NAVIGATION 
*/
.navbar 														{ margin-bottom: 25px; border-radius:0; border: 0; }
.navbar-default li a								{}
.navbar-brand 													{ display: none; }
.nav > li > a 													{ color: #fff !important; font-size: 13px; text-transform: uppercase; padding: 23px 15px; letter-spacing: 1px; width: 148px; text-align: center; }
/*
ITEM HOVER
*/
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover 					{ background: transparent; }

.navbar-nav { margin-left: -25px; }

/*
ACTIVE ITEM LV0
*/
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.current-menu-parent>a,
.navbar-default .navbar-nav>.current-menu-parent>a:focus,
.navbar-default .navbar-nav>.current-menu-parent>a:hover,

.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover 
																{ background-color:transparent !important; color:#fff !important; background: url(_res/img/crochet4.png); }

/*
ACTIVE SUB ITEM LV1
*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
		background-color: #333;
		color: #fff;
		outline: 0 none;
		text-decoration: none;
}

.dropdown-menu>li>a{line-height:19px}
.navbar-toggle{ margin-top:25px; }
.navbar-default{background: #2680c2 !important; }
.navbar-brand{ padding:8px 0 0 15px; }
/*
STICKY TOP-NAVBAR
*/
.noslider 										{ margin-bottom: 25px !important; }
.sticky_nav 									{ position: fixed; top: 0; width: 100%; -webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.sticky_nav .navbar-brand 		{ padding: 8px 0 0 0 !important; }
.sticky_nav.is_visible 				{ visibility: visible; top: 0; opacity: 1; z-index: 9999;}
.sticky_nav.fade_out 					{ opacity: 0; z-index: 10; top:0; -webkit-transition: opacity .5s 0s, visibility 0s .5s;-moz-transition: opacity .5s 0s, visibility 0s .5s;transition: opacity .5s 0s, visibility 0s .5s;}


/*
SCROLL TO TOP
*/
.scroll-top 										{ 
	
	position:fixed; 
	bottom:0; 
	right:6%; 
	z-index:100; 
	background: #f2f3f2; 
	font-size:15px; 
	border-top-left-radius:3px; 
	border-top-right-radius:3px; 

	visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.scroll-top a:link,
.scroll-top a:visited 					{ color:#222; }

.scroll-top.scroll-is-visible, .scroll-top.scroll-fade-out, .no-touch .scroll-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.scroll-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.scroll-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .scroll-top:hover {
  background-color: #e86256;
  opacity: 1;
}


/*
 FOOTER
*/
footer 														{ border-top:1px solid #eeeeee; margin-top: 35px; background: #3b3b3b; color: #999; line-height: 45px; margin-top: 45px; font-size: 12px; }
footer .searchform 								{ line-height: 0; }
footer a, 
footer a:visited, 
footer a:focus 										{ color: #999; }
footer a:hover 										{ color: #333; text-decoration: none; }
footer p 													{ margin: 0; }
footer h1, footer h2 							{ font-size: 20px; margin-bottom: 20px; }
footer .info 											{ margin-bottom: 25px; }
footer .copyright 								{ background: #fff; text-align: center; }
footer .marcwilmesdesign 					{ text-align: right; }


.vcard .org, .vcard .email, .vcard .adr,	.vcard .tel { line-height: 15px; } 	

.vcard 																{ }
.vcard .org 													{ }
.vcard .email 												{ }
.vcard .adr 													{ }
.vcard .tel 													{ }


/*
croch4
*/
.croch4 								{ height: 180px; width: 230px; background: url(_res/img/crochet1.png); background-size: cover; padding: 15px 30px; }
.info 									{ padding: 20px 30px; }

/*
.croch4:before 							{ width: #dedede; content:' '; display: block; width:100%; height: 100%; } */

/*
MEDIA
*/
@media (min-width:1200px){

										
}
@media (min-width:992px) and (max-width:1199px){
	
}

@media (min-width:768px) and (max-width:991px){
		.scroll-top {
    right: 20px;
    bottom: 0;
  }
		.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}


	.navbar-header { float: none;
    margin: 0 auto !important;
    text-align: center;
    width: 211px;
  }

		.pull-right { float: none !important; } 
		.pull-left { float: none !important; }

}

@media (max-width:767px){
	.header-top 				{ height: 250px; }
	.navbar-toggle { margin-top: 8px !important; }
	.navbar-default .navbar-toggle {
    	border-color: #fff;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.current-menu-parent>a,
.navbar-default .navbar-nav>.current-menu-parent>a:focus,
.navbar-default .navbar-nav>.current-menu-parent>a:hover,

.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover 
						{ background: transparent !important; }

.navbar-nav 			{ margin-left: 0 !important; }
.nav > li > a 			{ text-align: center; width: 100%; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.content { padding: 0 25px;  }

.navbar-nav { margin: 0; }
.nav > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

}



@media (max-width:480px){
 .header-top {
    background-size: calc(215%) !important;
    height: 250px;
	}

	.content { padding: 0 25px;  }

	.c2cols {  
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		padding: 0;
	}

}


#pg-7-0, #pl-7 .panel-grid-cell .so-panel {margin: 0 !important; }

/*
@media (min-width:1200px){
																body:after{ background:rgba(0,0,0,0.2);position:absolute;bottom:15px;left:15px;content:"1200px";width:100px;height:30px;color:#fff; }
}
@media (min-width:992px) and (max-width:1199px){
																body:after{ background:rgba(0,0,0,0.2); position:absolute;bottom:15px; left:15px; content:"992-1199px"; width:100px; height:30px; color:#fff; }
}
@media (min-width:768px) and (max-width:991px){
																body:after{ background:rgba(0,0,0,0.2); position:absolute;bottom:15px; left:15px;content:"768-991px"; width:100px; height:30px; color:#fff; }
}
@media (max-width:767px){
																body:after{background:rgba(0,0,0,0.2); position:absolute; bottom:15px; left:15px;content:"767px"; width:100px; height:30px; color:#fff; }
}
@media (max-width:480px){
																body:after{background:rgba(0,0,0,0.2);position:absolute;bottom:15px;left:15px;content:"480px";width:100px;height:30px;color:#fff; }
}
*/