/**
 *	CSS layout für Webprojekt Domus Bernina
 *
 *	@author		Francesco Misani
 *	@copyright	Copyright 2023, Domus Bernina
 *	@date		January 2023
 *	
 *  colors		darkgrey 	= #4a4a49
 *				grey		= #acadad
 *				brightgrey	= #f5f5f5

 */

:root {
  --custom-background-color: #c1c0bb; /* var(--custom-background-color); */
  --custom-font-color: #000; /* var(--custom-font-color); */
  --custom-link-color: #fff; /* var(--custom-link-color); */
}
 

/* pre loader */
	.no-js #loader { display: none;  }
	.js #loader { display: block; position: absolute; left: 100px; top: 0; }
	.se-pre-con {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url(../img/preloader.gif) center no-repeat var(--custom-background-color);
	}	
 
/*
 * Basic Styling
 */
 
	/* Elements */
	body{ background:var(--custom-background-color); 	font-family: 'PT Sans', sans-serif; /*font-family: 'Nunito', sans-serif; */ }
	body:after { /*content: 'phone';*/ display: block; /*visibility: hidden; height: 0; */}
	img{ width:100%; height:auto; }
	body p { line-height:22px; color:var(--custom-font-color); margin-bottom:16px; font-size:14px; }
	a { color:#fff }
	blockquote p { font-style: italic; font-weight: 400; color:#4a4a49; padding-right:25px; }
	header{ /*margin-bottom:20px;*/ width:100%; height:100px; position:fixed; top:0; z-index:10; background: var(--custom-background-color); }
	header.sticky-header { /*height: 60px;*/ }
	header.sticky-header .container { /*margin-top:-20px; */}
	header.sticky-header .dl-menuwrapper .dl-menu { margin: 53px 0 0 0; }
	div.ce-textpic div.ce-gallery div.ce-media a img,
	div.csc-default ul.ce-uploads li img,
	div#contentt3.row div.csc-default ul.ce-uploads li a img { width:100px; }
	div.csc-default { margin-bottom:30px; }
    select.select-mobile { display: none; margin: 0 15px 45px 15px; width: auto; }

	/* id */
	body.projekte #content{
		margin-top:130px;
		/*margin-bottom:60px;*/
	}
	#content{
		margin-top:150px;
		/*margin-bottom:60px;*/
	}
	#logo{
		position:relative;
		max-width:451px;
		margin-top:10px;
		float:left;
		display:none;
		padding-left:15px;
	}
	#logo img{
		width:revert-layer;
		height:auto;
		/*max-width:430px;*/	
	}
	#mobile-logo{
		margin-top:26px;
		position:relative;
		left:15px;
		max-width:120px;
		float:left;
		display:block;
	}
	#mobile-logo img{
		width:revert-layer;
		height:auto;
		margin-top:-10px;
	}
	.dl-menuwrapper{
		margin-top: 32px;	
	}
	div#gmap{
		height:250px;
		width:100%;
		margin-bottom:25px;
	}
	#open-popup {
		cursor:pointer;
		margin-bottom:30px;
	}
	#impressum { background:#fff; padding-top:15px; }

	/* class */
	.tright { text-align: right !important; }
	.hidden{ display:none; }
	div.facebooklink{ position:relative; font-size:9px; right:0; float:right; width:200px; }
	
 	div.mobile_one_half_first.col-lg-12.col-md-12.col-sm-12.col-xs-6 div.csc-default h3	{
		margin-bottom:30px;	
	}

/* Fonts */	
	h1, h2, h3 { text-transform:uppercase; font-weight:700; margin-top:0; }
	h1 { font-size:24px; }
	h2 { font-size:20px; }
	h3 { font-size:16px; }

/* Link - Hover */
	div#contentt3.content.col-lg-9.col-md-9 a,
	div#contentt3.content.col-lg-9.col-md-9 a:hover,
	div#contentt3.content.col-lg-9.col-md-9 a:active{
	color:#000;
	}
	footer div.row div.col-lg-3.col-md-3 a,
	footer div.row div.col-lg-3.col-md-3 a:hover,
	footer div.row div.col-lg-3.col-md-3 a:active{
		color:#000;	
	}

	/* Buttons */
	.button {
		display: inline-block;
		position: relative;
		cursor: pointer;
		outline: none;
		white-space: nowrap;
		margin: 5px;
		padding: 0 22px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background-color: #a4130f;
		color: #FFF;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		border: none;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}
	body:not(.device-touch) .button {
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	.button-dark { background-color: #4a4a49; }
	.button-light {
		background-color: #acadad;
		color: #333;
		text-shadow: none !important;
	}
	.button:hover {
		background-color: #4a4a49;
		color: #FFF;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}
	.button.button-dark:hover { background-color: #1ABC9C; }
	.button.button-mini {
		padding: 0 14px;
		font-size: 11px;
		height: 28px;
		line-height: 28px;
	}
	.button.button-small {
		padding: 0 17px;
		font-size: 12px;
		height: 34px;
		line-height: 34px;
	}
	.button.button-large {
		padding: 0 26px;
		font-size: 16px;
		height: 46px;
		line-height: 46px;
	}
	.button.button-xlarge {
		padding: 0 32px;
		font-size: 18px;
		letter-spacing: 2px;
		height: 52px;
		line-height: 52px;
	}
	.button.button-desc {
		text-align: left;
		padding: 24px 34px;
		font-size: 22px;
		height: auto;
		line-height: 1;
	}
	.button.button-desc span {
		display: block;
		margin-top: 10px;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 1px;
		font-style: italic;
		text-transform: none;
	}
	.button i {
		position: relative;
		top: 1px;
		line-height: 1;
		margin-right: 5px;
	}
	.button.tright i { margin: 0 0 0 5px; }
	.button-mini i { margin-right: 3px; }
	.button-mini.tright i { margin: 0 0 0 3px; }
	.button-small i { margin-right: 4px; }
	.button-small.tright i { margin: 0 0 0 4px; }
	.button-xlarge i {
		top: 2px;
		margin-right: 8px;
	}
	.button-xlarge.tright i { margin: 0 0 0 8px; }
	.button.button-desc i {
		top: 1px;
		font-size: 48px;
		width: 48px;
		text-align: center;
		margin-right: 12px;
	}
	.button.button-desc.tright i { margin: 0 0 0 12px; }
	.button.button-desc div { display: inline-block; }
	.button.button-rounded { border-radius: 3px; }


/* varia */
	section#content.row div#contentt3.content.col-lg-9.col-md-9 div.csc-textpic.csc-textpic-center.csc-textpic-above div.csc-textpic-imagewrap div.csc-textpic-center-outer div.csc-textpic-center-inner figure.csc-textpic-image.csc-textpic-last{
		margin-bottom:0px;
	}
	
	div#wrapper.container div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
		margin-bottom:60px;
	}
	div#contentt3.row div.col-lg-9.col-md-9.col-sm-9.col-xs-12,
	div#contentt3.row div.col-lg-3.col-md-3.col-sm-3.col-xs-12,
	div#contentt3.row div.col-lg-9.col-md-9.col-sm-12.col-xs-12,
	div#contentt3.row div.col-lg-12.col-md-12.col-sm-8.col-xs-12,
	div#contentt3.row div.col-lg-10.col-md-10.col-sm-10.col-xs-12,
	div#contentt3.row div.col-lg-2.col-md-2.col-sm-2.col-xs-12	 { margin-bottom:60px; }
	
	div.facebooklink img{
		width:30px;
		height:30px;
	}
	div.facebooklink p{
		color:var(--custom-font-color);
		margin-top:17px;
	}
	div.facebooklink a img{
		float:right;
	}

/*
 * Navigation
*/
	nav { position:relative; right:0; margin-top:34px; display:none; padding-right:15px; }
	
	/* ul */
	ul.mainnavigation {
		font-size:14px;
		list-style-type: none;
		float:right;
	}
	/* first level */
	ul.mainnavigation li {
		display:inline-block;
		margin-left:20px;
	}
	ul.mainnavigation li a {
		text-transform: uppercase;
		color: #fff;
		padding:  5px 0 5px 0px;
		height: 29px;
		font-size:14px;
		font-weight:bold;
	}
	ul.mainnavigation li a:hover,
	ul.mainnavigation li a.active {
		color:#000;
	}
	
	/* second level */
	ul.mainnavigation li ul.mainsub {
		text-indent:10px;	
		margin-top: 10px;
		list-style-type: none;
		padding-left: 10px;
		/*width: 220px;*/ /* by Mif */
	}
	ul.mainnavigation li ul.mainsub li {
		margin-bottom: 7px;
		padding-bottom: 0;
		padding-left: 0;
		margin-left: 0;
	}
	ul.mainnavigation li ul.mainsub li a{
		text-transform: none;
		padding: 0;
		color: #bfbfbf;
	
	}
	ul.mainnavigation li ul.mainsub li a:hover{
		text-transform: none;
		background: none;
		color:#000;
	}
	ul.mainnavigation li ul.mainsub li a.active{
		color:#000;
	}
	ul.mainnavigation li ul.mainsub li a.focus{
		background: none;
		color:#000;
	}

/*
 * Mobile Navigation
 */
	ul.dl-submenu li.dl-back a i.fa.fa-arrow-circle-left{ display:none; }

/*
 * Footer Navigation
 */
	footer div#footer_contentt3 ul { padding-left:0; font-size:14px; list-style-type: none; }
	footer div#footer_contentt3 ul li { display:inline-block; margin-right:10px; }
	footer div#footer_contentt3 ul li a, footer div#footer_contentt3 div.text-right a { color:#000; }
	footer div#footer_contentt3 ul li a:hover{ text-transform: none; background: none; color:#000; }
	footer div#footer_contentt3 ul li a.active{ background: none; color:#000; }
	footer div#footer_contentt3 ul li a.focus{ background: none; color:#000; }
	footer div#footer_contentt3 div.text-right a { margin-right:5px; }
	footer div#footer_contentt3 div.text-right i.icon-headphones { margin-left:5px; }
	

/* Slider Styling Next and Prev buttons */
.flex-control-nav {
    margin: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 14px;
    z-index: 2;
}
div#owlslider.owl-theme .owl-controls {
	margin-top: 0px;
	text-align: left;/*mel 20160216*/
}

div#owlslider.owl-theme .owl-controls .owl-buttons div {
	color: var(--custom-font-color);/*mel 20160216*/
	margin: 0px; /*mel 20160216*/
	padding: 3px 5px;/*mel 20160216*/
	background: #fff;/*mel 20160216*/
	opacity: 1;/*mel 20160216*/
}

html.js.no-touch.cssanimations.csstransitions body div#wrapper.container section#content.row div#contentt3.content.col-lg-9.col-md-9 div.tx-owl-slider div#owlslider.owl-carousel.owl-theme div.owl-wrapper-outer div.owl-wrapper div.owl-item div.item div
{
	display:none;
}

/*footer*/
footer{
	font-size:10px;
	line-height:20px;
	min-height:200px;
	background-color:var(--custom-background-color);
	padding-top:45px;
}
footer p { color:var(--custom-font-color); }
footer .text-right {
    text-align: left;
}
footer .fright { float: left !important; }

/* social icons */
	footer div#footer_contentt3 div.text-right a.social-icon { color:#000; }
	.social-icon i {
		display: block;
		position: relative;
	}
	footer div#footer_contentt3 div.text-right i	{ margin-right:5px; }
	.social-icon.si-small {
		font-size: 14px;
		height: 32px;
		line-height: 30px !important;
		width: 32px;
	}
	.si-borderless {
		border-color: transparent !important;
	}
	.social-icon {
		border: 1px solid #aaa;
		border-radius: 3px;
		color: #555;
		font-size: 20px;
		height: 40px;
		line-height: 38px !important;
		/*margin: 0 5px 5px 0;*/
		overflow: hidden;
		text-shadow: none;
		width: 40px;
	}
	.i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon {
		color: #4a4a49;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 28px;
		font-style: normal;
		/*margin: 4px 11px 7px 0;*/
		text-align: center !important;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}
	
	div.container footer div.row div.col-lg-3.col-md-3 a{
		color:#000;
	}

/*formhandler*/
	.Tx-Formhandler{
		/*margin-top:100px;*/
		/*margin-bottom:150px;*/
	}
	
	form#contact-form {
		/*float:left;*/
	}
	form#contact-form label.inline {
		padding: 0.625em 0;
		display: block;
		text-transform:uppercase;
	}
	
	form#contact-form input{
		width:100%;
		margin-bottom:10px;
	}

	form#contact-form input.btn-default {
		color:#fff;
		background:#a4130f;
		text-transform:uppercase;
		margin-top:20px;
	}
	form#contact-form textarea{
		width:100%;
		height:100px;
		margin-bottom:10px;
	}
	
	form#contact-form div.large-2.small-2.columns input.button{
		width:150px;
		height:20px;
		border: 1px solid #a1a1a1;
		background-color:white;
		margin-left:272px;
		margin-top:7px;
	}
	form#contact-form.form-examples small.error{
		color:var(--custom-font-color);
	}
	div.Tx-Formhandler table tbody tr td { font-size:14px; }
	

/* videos */

	.fluid-width-video-wrapper {
		padding: 0;
		position: relative;
		width: 100%;
		margin-bottom:25px;
	}
	.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
/* Mansory Grid Layout */

	/* grid */
	.grid { max-width:100%; }
	
	/* clearfix  */
	.grid:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	
	.grid-sizer { width: 100%; }
	.grid-item {
		float: left;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
		width: 100%;
	}
	/*
	.grid-item.onethird { height: 450px; }
	.grid-item.onethird.flyer { height: 300px; }
	.grid-item.onethird.portrait { height: 700px; }
	.grid-item.twothird { height: 700px; }	
	*/

	.grid-item p {
		border-bottom:1px solid #acadad;
		padding-bottom:55px;
		margin-bottom:55px;
	}
	.grid-item div.textonly p {
		border-bottom:none;
		padding-bottom:0px;
		margin-bottom:5px;
	}
	.grid-item div.textonly a {
		color:#a4130f;
	}
	
	.grid-item h1 {
		height:55px;	
	}
	.grid-item img, .single-item img, div.entry-image { margin-bottom:25px; }
	
	/* fonts icons for li Elements */
	.entry-facts li:before {
		display: inline-block;
		float:left;
		font-family: 'font-icons';
		color:var(--custom-font-color);
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.entry-meta, .entry-links, .entry-facts{
		list-style: none;
		padding-left:0;
	}
	
	.entry-meta li {
		float: left;
		font-size: 13px;
		line-height: 14px;
		margin: 0 10px 15px 0;
		color: #acadad;
		font-style: italic;
	}
	.entry-meta li:before {
		content: '/';
		display: inline-block;
		margin-right: 10px;
		opacity: 0.5
	}
	
	.entry-facts li:before {
	  content: "\e7a5";
	  display: inline-block;
	  margin-left: -1.3em; /* same as padding-left set on li */
	  width: 1.3em; /* same as padding-left set on li */
	}
	.entry-facts li {
		margin: 0 10px 15px 0;
		color: var(--custom-font-color);
		padding-left:1.35em;
	}
	
	.entry-links li, #open-lightboxgalery {
		font-size: 13px;
		line-height: 14px;
		margin: 0 10px 15px 0;
		color: var(--custom-font-color);
	}
	
	.entry-meta li i, .entry-links li i, #open-lightboxgalery i {
		position: relative;
		top: 1px;
		font-size: 14px;
		margin-right: 3px;
	}
	.entry-meta li:first-child:before { display: none; }
	.entry-meta li ins {
		font-weight: 600;
		text-decoration: none;
	}
	.grid-item.flyer ul.entry-meta {
		margin-top:15px;	
	}
	.single-item { margin-left: 0px; margin-right: 0px; }
	.single-item .entry-meta { margin-bottom: 20px; }
	.single-item div.row div.col-lg-9.col-md-9.col-sm-9.col-xs-12 { padding-bottom:20px; }
	
	div.itembrowser { border-bottom:1px solid var(--custom-link-color); border-top:1px solid var(--custom-link-color); padding-top:20px; padding-bottom:20px; display:block; }
	div.itembrowser .one_half {width:50%; float:left; display:block; }
	div.itembrowser .icon-long-arrow-right, div.itembrowser .icon-long-arrow-left { color:var(--custom-link-color); }

/* masonry post */
	.post-masonry .entry-image,
	.post-masonry .entry-image img { height: auto !important; }
	
	.post-masonry a { color:#000; }
	.post-masonry hr.ce-div { /*border-color:#acadad;*/ }
 	
	.post-masonry .grid-item { margin-bottom:25px; }
	

/* masonry thumbs */
	.masonry-thumbs { position: relative; }
	
	.masonry-thumbs a {
		position: relative;
		float: left;
		width: 25%;
		max-width: 100% !important;
		overflow: hidden;
	}
	
	.masonry-thumbs.col-2 a { width: 50%; }
	.masonry-thumbs.col-3 a { width: 33.30%; }
	.masonry-thumbs.col-4 a { width: 25%; }
	.masonry-thumbs.col-5 a { width: 20%; }
	.masonry-thumbs.col-6 a { width: 16.60%; }
	
	.masonry-thumbs a,
	.masonry-thumbs img {
		display: block;
		height: auto !important;
	}
	
	.masonry-thumbs img {
		width: 100%;
		border-radius: 0 !important;
		padding: 0 1px 1px 0;
		margin-bottom:0;
	}
	
	.masonry-thumbs .overlay { padding: 0 1px 1px 0; }

	/* portfolio */
    div.col-lg-12 div.gallery { margin-bottom:30px; }
    div.col-lg-12 .entry-links div.gallery { margin-bottom:0px; }

    /* Portfolio - Filter
    -----------------------------------------------------------------*/
    .portfolio-filter {
        position: relative;
        margin: 0 15px 40px 15px;
        padding: 0;
        list-style: none;
        /*border: 1px solid rgba(0,0,0,0.07);*/
        /*border-radius: 4px;*/
        width: auto;
    }

    .portfolio-filter li {
        float: left;
        position: relative;
        background-color:white;
    }

    .portfolio-filter li a {
        display: block;
        position: relative;
        padding: 12px 18px;
        font-size: 13px;
        line-height: 15px;
        color: var(--custom-font-color);
        border-left: 1px solid rgba(0,0,0,0.07);
    }

    .portfolio-filter li:first-child a {
        border-left: none;
        /*border-radius: 4px 0 0 4px;*/
    }

    .portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }

    .portfolio-filter li a:hover { color: #000; }

    .portfolio-filter li.activeFilter a {
        color: #000 !important;
        /*background-color: #acadad;*/    
        margin: -1px 0;
        padding: 13px 18px;
    }

    .portfolio-filter li.activeFilter a { font-weight: bold; }


    .bothsidebar .portfolio-filter li a { padding: 12px 14px; }

    .bothsidebar .portfolio-filter li.activeFilter a { padding: 13px 18px; }


	/* flexslider */
	div.container div.flexslider { margin: 0; } /* Home */
	div.flexslider .flex-caption {
		bottom: 0;
		color:var(--custom-font-color);
		font-size: 14px;
		left: 0;
		line-height: 18px;
		padding: 2%;
		text-align: center;
		width: 100%;
	}
	div.flexslider .flex-sub-caption {
		bottom: 0;
		font-size: 10px;
		left: 0;
		line-height: 18px;
		padding: 2%;
		text-align: center;
		width: 100%;
	}
	
    /* paginate */
	div.f3-widget-paginator {
	}
	
/*responsive*/
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	
	/*body:after { content: 'phonelandscape'; }*/

	/* grid */
	/*.grid-sizer {     width: 50%; } */
	/*.grid-item.onethird  { width: 50%; }*/
	/*.grid-item.twothird {	width: 100%;  }	*/

}
@media (max-width: 481px) {
	
	.col-xs-6 { float:none; width:100%; }
    select.select-mobile { display: block; }
    ul.portfolio-filter {display: none;}

}

@media (min-width: 481px) {

	/* grid */
	.grid-sizer {	width: 50%; }
	.grid-item.onethird  { width: 50%; }
	.grid-item.twothird {	width: 100%;  }
	
}
@media (min-width: 768px) {
	
	/*body:after { content: 'tablet'; }*/
	
	/* logo */
	#logo{
		display:block;
	}
	#mobile-logo{
		display:none;
	}	
	
	/* navigation */
	.dl-menuwrapper button { right:15px; }
		
	/* formhandler */
	form#contact-form div.large-2.small-2.columns input.button{
		margin-left:15px;
	}
	/* gmap */
	div#gmap{ height: 400px; margin-bottom:30px; }
	
	/* h3 */
	h3 { /*height:58px; */}
		
	/* footer */
	footer { height:140px; }	
	footer .text-right {
		text-align: right;
	}
	footer .fright { float: right !important; }
	
	div.mobile_one_half_first.col-lg-12.col-md-12.col-sm-12.col-xs-6 { margin-bottom:30px; }
	
	/* grid */
	.grid-sizer {     width: 50%; } 
	.grid-item.onethird  { width: 50%; }
	.grid-item.twothird {	width: 100%;  }	
	
	
}
@media (min-width: 992px) {
	
	/*body:after { content: 'widescreen'; }*/
	
	/* navigation */
	nav {
		display:block;
	}
	#dl-menu{
		display:none;
	}
	
	/* grid */
	.grid-sizer { width: 33.33333333%; } 
	.grid-item.twothird {	width: 66.66666667%;  }
	.grid-item.onehalf  { 	width: 50%; }	
	.grid-item.onethird { width: 33.33333333%; }
	
}
@media (min-width: 1200px) {
	ul.mainnavigation li {
		margin-left:30px;
	}
	

}

.slick-lightbox-slick-img {
    width: inherit;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	z-index: 99999;	
}
.video-container #video {
	width: 100%;
}

.text-right {
	text-align: right;
}
.marginbottom-sm {
	margin-bottom: 20px;
}