/*
Theme Name:     Layout
Version:        1.0.0
Description:    Theme for meganperren.ch
Author:         artesmedia.ch
Author URI:     https://artesmedia.ch/
Template:       enfold
*/


/* colors 
==============================================================*/
/*
Off White:			#fffcf5 (background)
Darker Off White:	#f6f1e9
Light Green: 		#687170
Dark Green: 		#434d4c (all text)
Darker Green:		#323432 (background)
Orange: 			#d46821 (accent colour)
Light Orange: 		#fb851c
*/
/*END colors 
==============================================================*/


/* rough and ready  
==============================================================*/

/*wpml*/

.otgs-development-site-front-end {
	display:none;
}
/*image overlay icon*/
.image-overlay  {
	background:transparent;	transform:none!important;
	animation:none!important;
}
.image-overlay .image-overlay-inside {
  	height: 100%;
  	width: 100%;
  	position:absolute;	
	transform:none!important;
	animation:none!important;
}
.image-overlay .image-overlay-inside::before {
  	position: absolute;
  	border-radius: 50px;
  	background: #000;
  	height:80px;
  	width:80px;
  	line-height:80px;
	left:none;
  	z-index: 500;
}
.image-overlay .image-overlay-inside::before {
	content: '\e842';
  	font-family: 'awesome';
  	color:#000000!important;
	background:white!important;
	opacity:1;
	font-size:1.5em;
}
/* impressum */
#impressum-cs .template-page.content {
	padding-top:20px;
}
#impressum-cs a:link,
#impressum-cs a:visited {
	color:#434d4c;
}
#impressum-cs a:hover,
#impressum-cs a:active {
	color:#bc401d;
}
#cs-h2-impressum {
	min-height:50px;
	height:5px;
	padding:30px 0px;
	background: rgba(0,0,0,0.1)		
}
#top #main #cs-h2-impressum .av-special-heading {

}
#top #main #cs-h2-impressum h2.av-special-heading-tag {

	color:#fffcf5;
	font-size:2em;
	line-height:0em;
	text-shadow: 2px 2px 3px rgba(101,101,101,0.5);	
}
#cs-h2-impressum h2::before {
    content: '\0041';
	margin-right:25px;
    font-family: glyphter;
	font-size:0.8em;
    color: #fffcf5;
    text-shadow: none;
    display: inline-block;
	vertical-align:bottom;
    animation: rotate-animation-before 1.5s ease forwards;
}
@keyframes rotate-animation-before {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-90deg);
    }
}
#cs-h2-impressum h2::after {
    content: '   \0041';
	margin-left:25px;
	font-family: glyphter;
    color: #fffcf5;
    text-shadow: none;
    display: inline-block;
	vertical-align:bottom;
    animation: rotate-animation-after 1.5s ease forwards;
	}
@keyframes rotate-animation-after {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(90deg);
    }
}
.page-id-90 #footer-page-spacer {
	display:none;
}
/*END impressum*/	

/*wmpl main menu*/
.wpml-ls-native {
	font-weight:normal;
	text-transform:uppercase;
}
.wpml-ls-native:hover {
	font-weight:normal;
	text-transform:uppercase;
}
/*END wmpl main menu*/	
	
div.avia-video + div.avia-video {
	margin-top:13px;
}

.avia-builder-el-first.portfolio-description-cs .container {
	border-top:50px solid #fffcf5;
	border-bottom:10px solid #fffcf5;	
}

#top #wrap_all,
#top #main {
	background:transparent;
}

.header_color div {
	border:0px;
	border-color:none;
}
/* Hide date */
#top span.av-masonry-date { 
display: none; 
}
.av-image-copyright {
	display:none;	
}

.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
  font-weight: 900;
}
.av_minimal_header_shadow {
	border:0px;
	box-shadow:none;
}
.avia-menu-fx {
	display:none;
}
.container_wrap: {
  clear: both;
  position: relative;
  z-index: 1;
  border-top-style: solid;
  border-top-width:0px;
}
.av-masonry-sort a:first-child,
.av-masonry-sort span.text-sep {
	display:none;
	visibility:hidden;
}
a.all_sort_button.active_sort, a.all_sort_button.active_sort + span {
  display: none;
}
.av-masonry-sort a:link {
	padding-right:8px;
}
.av-masonry-sort a:link:after {
	content:"\007C";
	padding-left:10px;
	padding-right:4px;
}
.av-masonry-sort a.secondary-projects_sort_button:after {
	content:"";
	padding-left:10px;
	padding-right:0px;
}
.h2-cs {
	background:transparent;
}
/* END rough and ready  
==============================================================*/


/* generalia
==============================================================*/



#top #main .template-page.entry-content-wrapper h2.av-special-heading-tag {
  text-transform:normal;
  letter-spacing: 1px;
}

@media only screen and (min-width:989px) {
	.variable-tb {
		margin:0 auto;
		max-width:80%;
	}	
}



/*scroll-down-link*/
#top .scroll-down-link {
  height: 60px;
  width: 80px;
  margin: 0px 0 0 -40px;
  line-height: 60px;
  position: absolute;
  left: 49.85%;
  bottom: 0px;
  color: #d46921;
  text-align: center;
  font-size: 70px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  animation: avia_fade_move_down 2s ease-in-out infinite;
}
/*END scroll-down-link*/
#top b,
#top strong {
	color:inherit;
}
.avia-slideshow li img {
	border:0px solid #323432;
}
#top .avia-video .mejs-container, 
#top .avia-video .mejs-container video {
  background:#000;
}
#top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
  	position: relative;
 	margin-right: 15px;
  	margin-bottom: 15px;
	box-shadow:1px 2px 2px rgba(101,101,101,0.5);
}
.mfp-inline-holder .mfp-content {
	margin: 0px auto;
  	float: none;
  	max-width: 50%;
}
.avia_image {
	border:1px solid #323432;
}
.avia-video {
    border:0px solid #323432;
    overflow: hidden;
    background:rgba(255, 255, 255, 0);
}
.avia-video.avia-video-custom.round_corners {
    overflow: hidden;
}
#top .mejs-controls {
	padding-left:20px;
	padding-right:20px;
}
.entry-content-wrapper li {
	padding:0;
}
.container_wrap {
	border:0px;
}
#top .special_amp {
  	font-family:inherit;
  	font-style:inherit;
  	font-size:inherit;
  	line-height:inherit;
  	font-weight:inherit;
  	color:inherit;
}
/* scroll top link
-------------------------------------------------------------*/
#scroll-top-link {	
  	border:0px solid rgba(0,0,0,0.1);
	border-radius:25px; 
	background:rgba(0,0,0,0.2);	
	box-shadow:2px 2px 3px rgba(101,101,101,0.5);
	text-shadow:2px 2px 3px rgba(101,101,101,0.5);	
}
#scroll-top-link:before {
	text-shadow:2px 2px 3px rgba(101,101,101,0.5);		
}
#scroll-top-link:hover  {
	color:#fffcf5;
	border:none;
	background:#fb851c;
}
/* elements with rounded borders
-------------------------------------------------------------*/
#top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry,
.av-masonry-image-container img,
.avia-slideshow li img,
.avia-video,
.avia_image,
.avia-video.avia-video-custom.round_corners,
.mfp-inline-holder .mfp-content {
	border-radius:25px;
}
/* END generalia
==============================================================*/


/* full width elements: max. width
==============================================================*/
.html_stretched #wrap_all {
	margin:0 auto;
	max-width:1310px;
	width:100%;
}
#wrap_all {
	box-shadow: 1px 0px 5px 4px rgba(0,0,0,0.3);
	background:transparent;
}
#header {
	margin: 0 auto;
  	max-width:1310px;
	width:100%;
	border-bottom:1px solid silver;
}
#header_main {
/*filter: drop-shadow(0px 2px 2px rgba(101,101,101,0.4));*/
}		
#main {
	margin:0 auto;
	max-width:1310px;
	width:100%;
	background-size:auto;
	background-attachment:fixed;	
}
/* END full width elements: max. width
==============================================================*/


/* body  
==============================================================*/

/* END body  
==============================================================*/
body {
    background-image: url(https://m3d.artesmedia.ch/wp-content/uploads/bg-painterly-pineapple-01-dark-blur.jpg);
	background-repeat:repeat;
	background-attachment:fixed;	
    -webkit-animation: slidein 20000s;
    animation: slidein 20000s;
	animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;           
}

/* headings, paragraphs and lists 
==============================================================*/
body .av-special-heading .av-special-heading-tag {
  	margin:0
	padding:0;
}
.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2,
.template-page .entry-content-wrapper h1.av-special-heading-tag,
.template-page .entry-content-wrapper h2.av-special-heading-tag {
	font-weight:900;
	letter-spacing:1px;
	text-transform:none;	
}
.page .template-page .entry-content-wrapper h1.av-special-heading-tag,
.page .template-page .entry-content-wrapper h2.av-special-heading-tag {
	font-weight:900;
	font-size:3.2em;
	letter-spacing:1px;
	text-transform:none;	
}

.single .template-page .entry-content-wrapper h2.av-special-heading-tag {
	padding-bottom:15px;
	font-weight:800;
	font-size:2em;
	letter-spacing:0px;
	text-transform:none;
}
.template-page .entry-content-wrapper h3,
.template-page .entry-content-wrapper h3.av-special-heading-tag {
	font-weight:800;
}
h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
	margin-top:1em;
	padding-bottom:0em;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
	margin-top:1em;
	padding-bottom:0em;
}
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul {
	margin-top:1em;
	padding-bottom:0em;
}
p {
  	margin: 0.85em 0;
	line-height:1.65em;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
  	margin-top:1em;
}
.entry-content-wrapper li,
.entry-content-wrapper ol {
	line-height:1.61em;
	padding:0px 0;	
}
.entry-content-wrapper ul,
.entry-content-wrapper ol {
	margin-bottom:0.85em;
}
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + ol, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {
  	margin-top:1em;
}
p + h3, ul + h3 {
	margin-top:1.5em;
}
h3 + p, h3 + ul {
	margin-top:0.3em;
}
body .cs-h1 .av-special-heading,
body .cs-h2 .av-special-heading {
	padding-bottom:0px;
}
.cs-h1,
.cs-h2 {
 background: rgba(0,0,0,0.1)		
}
#top .cs-h1 .av-special-heading.av-special-heading-h1 {
	padding-bottom:30px;
}
.cs-h1 h1,
.cs-h2 h2 {
	color:#fffcf5;
	text-shadow: 2px 2px 3px rgba(101,101,101,0.5);		
}
.cs-h1 h1::before,
#portfolio-masonry-h2 h2::before {
	content:"- ";
}	
.cs-h1 h1::after,
#portfolio-masonry-h2 h2::after {
	content:" -";
}
#top .cs-h2 .av-special-heading.av-special-heading-h2 {
	padding-bottom:0px;
}
#top #wrap_all #my-portfolio.container_wrap {
	border-top:50px solid #fffcf5;
	
}
#top #my-portfolio #portfolio-masonry-h2 h2.av-special-heading-tag {
	padding:0;
	font-weight:900;
  	font-size:3.2em;
  	letter-spacing:1px;
  	text-transform:none;	
}
.page-id-44 .cs-h2 h2::before {
	content:"- ";
}
.page-id-44 .cs-h2 h2::after {
	content:" -";
}
/* END headings, paragraphs and lists 
==============================================================*/


/* header > logo
==============================================================*/
.logo {
	padding-top:5px;
	height:80%;
}
/* END logo
==============================================================*/


/* header > main menu
==============================================================*/
#top .av_header_glassy {
	background:rgba(255,255,255,1);
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
  border-left-style: solid;
  border-left-width:0px;
  padding-left: 13px;
  margin-left: -13px;
}

#top .av-main-nav > li > a:link {
	display:block;
	text-decoration:none;
  	padding:0 10px;
	font-size:14px;
	font-weight:800!important;	
}
.av-main-nav > li > a:link > .avia-menu-text,
.av-main-nav > li > a:visited > .avia-menu-text {
	padding:10px;
	font-weight:800!important;	
	color:#434d4c;
	transition:background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;	
}	
.av-main-nav > li > a:hover > .avia-menu-text,
.av-main-nav > li > a:active > .avia-menu-text {
	padding:10px;
	font-weight:800!important;	
	color:#acb7b6;
	transition:background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;	
}
.av-main-nav > li.btn-main-menu-contact > a:link > .avia-menu-text,
.av-main-nav > li.btn-main-menu-contact > a:visited > .avia-menu-text {
	padding:9px 15px;
  	background-color:#d46821;
	font-weight:800!important;	
	color:#fffcf5 !important;
	border-radius:35px;
	transition:background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;	
}
.av-main-nav > li.btn-main-menu-contact > a:hover > .avia-menu-text,
.av-main-nav > li.btn-main-menu-contact > a:active > .avia-menu-text {
  	background-color:#fb851c  ;
	font-weight:800!important;
  	font-size:1em;
	color:#fffcf5 !important;
	transition:background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;	
}
.av-main-nav > li.current_page_item > a > .avia-menu-text,
.av-main-nav > li.current_page_item > a > .avia-menu-text {

	font-weight:800!important;
  	font-size:1em;
	color:#434d4c !important;
	transition:background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;	
}
/* header > main menu > hamburger menu
==============================================================*/
.av-burger-overlay {
	opacity:0.8;
	border-left:1px solid silver;
}
.html_av-overlay-side #top .av-burger-overlay-scroll {
	background:rgba(255,252,244,0.95);
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li {
	background:#323432:
	border:0px;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
	font-size:1.5em;
	color:#fffcf5;
	font-weight:800;
	background:#323432;
	border:0px solid #434d4c;
	text-decoration:none;
	border:0px;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:link,
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:visited {
	color:#fffcf5;
	font-weight:800;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover,
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:active {
	color:#fb851c;
	background:#323432!important;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .current-menu-item a  {
	background:#323432;
	color:#d46821;
}
/* END header > main menu
==============================================================*/


/* frontpage -> buttons skills & services
==============================================================*/
#top #main #front-page-buttons .content {
	padding:0px 0px 0px 0px;
}
#top #main #front-page-buttons h2 {
	font-size:1.7em;
}
#top #main #front-page-buttons .flex_column img {
	border:0px;
}
#top #main #front-page-buttons .flex_column img {
	padding:10px	
}
#top #main #front-page-buttons .flex_column:hover img {
	filter:drop-shadow(2px 2px 5px rgba(101,101,101,1));
}

#top #main #front-page-buttons .avia-button {
	margin-top:40px;
	font-weight:900;
	background:#d46821;
}
/* END frontpage -> buttons skills & services
==============================================================*/


/* top-element on page 
==============================================================*/
#frontpage-top-flexcell {
	display:flex;
	justify-content:center;	
}

#frontpage-top-flexcell .flexcell-tb {
	display: flex; 
	flex-direction: column; 
	justify-content:flex-end;
	height:330px;
	width:330px;
	background:rgba(255, 255, 255,0);
	backdrop-filter:blur(5px);
	webkit-backdrop-filter: blur(5px);
	border-radius:250px;
	border:0px solid silver;
	text-align:center;
	box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.4);		
}
#frontpage-top-flexcell .avia_textblock.flexcell-tb {
    transition: backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s ease;
}
#frontpage-top-flexcell .avia_textblock.flexcell-tb:hover,
#frontpage-top-flexcell .avia_textblock.flexcell-tb:focus {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
#frontpage-top-flexcell .flexcell-tb h1 {
	margin-bottom:10px;	
	font-size:3.2em;
	font-weight:900;	
	letter-spacing:1px;
	text-shadow: 2px 2px 3px rgba(101,101,101,0.3);	
}
#frontpage-top-flexcell .flexcell-tb h1:after {
    content: '\0041';
    font-family: glyphter;
    color: #434d4c;
    text-shadow: none;
    transition: color 1s ease, text-shadow 1s ease; /* Transition im Standardzustand */
}
#frontpage-top-flexcell .avia_textblock.flexcell-tb:hover h1:after,
#frontpage-top-flexcell .avia_textblock.flexcell-tb:focus h1:after {
    color: #fb851c;
    text-shadow: 0px 2px 5px rgba(255, 188, 41, 0.5);
}
/* Zusätzlich: Transition bei Verlust des Fokus */
#frontpage-top-flexcell .avia_textblock.flexcell-tb h1:after {
    transition: color 1s ease, text-shadow 1s ease;
}
#frontpage-top-flexcell .flexcell-tb h1 span {
	margin:0px auto;
	width:300px;
	font-size:0.9em;
	font-weight:900;
	text-transform:none;
	letter-spacing:0px;
	line-height:1.2em;
 	display: block;
 	margin-top: 15px;
 	margin-bottom: 20px;
}
.cs-pic-top-frontpage.main_color {
	position:relative;	
	margin-top:-43px;
	min-height:43px;
  	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/bottom-white-curve.block_.svg) no-repeat center top;
	z-index:2;
	filter:drop-shadow(0px -3px 1px rgba(101,101,101,0.3));
}
.cs-pic-top-frontpage .template-page content {
	padding:0px;
}
.cs-pic-top-frontpage .template-page.content {
	padding:0px;	
}
.cs-pic-top-frontpage .av-special-heading {
	display:table;
	padding:0px;
}
.cs-pic-top-frontpage h2.av-special-heading-tag {
	display:table-cell;
	vertical-align:middle;
	padding-top:50px;
	height:180px;
	background:none;
}
.cs-pic-top-frontpage .container {
	margin:0px;
	padding:0px;
	max-width:1310px;
	width:100%;
}
.cs-pic-top.main_color {
	position:relative;	
}
.cs-pic-top .template-page content {
	padding:0px;
}
.cs-pic-top .template-page.content {
	padding:0px;	
}
#top #main .cs-pic-top .av-special-heading {
	display:table;
	padding-bottom:0px;
}
.cs-pic-top h1.av-special-heading-tag {
	display:table-cell;
	vertical-align:middle;
	padding-top:50px;
	height:180px;
  	background-image:url(https://m3d.artesmedia.ch/wp-content/uploads/icon-arrow-bee-orange-light.svg) no-repeat center bottom;	
	 -webkit-filter: drop-shadow(5px 5px 5px #000 );
    filter: drop-shadow( 5px 5px 5px #000 );
}
.cs-pic-top .container {
	margin:0px;
	padding:0px;
	max-width:1310px;
	width:100%;
}
/* END top-element on page 
==============================================================*/


/* portfolio
==============================================================*/

#portfolio .template-page.content {
	padding-top:25px;
}
.single .avia-video,
.single .avia-iframe-wrap {
  clear: both;
  position: relative;
  margin-bottom: 0px;
}
.single  .avia-builder-el-0.el_before_av_section.avia-builder-el-first .content {

}
#top .portfolio-description-cs .entry-content-wrapper {
	padding:20px;
	border:solid 10px  #f6f1e9;
	border-radius:20px;
	background: #f6f1e9;
}
#top .portfolio-description-cs.avia-builder-el-first {

}

.portfolio-description-cs .template-page.content {
padding:0px;
}
#top .portfolio-description-cs .flex_column_table.av-equal-height-column-flextable .av-flex-placeholder {
	width:3.5%!important;	
}
@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .portfolio-description-cs-col-h1 {
		margin-bottom:0px;	
	}
}
@media only screen and (max-width: 989px) {
	.responsive #top #wrap_all .flex_column.av-break-at-tablet {
		margin-bottom:0px;
	}
}
#top .portfolio-description-cs .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
	margin-top:3px;
}
.portfolio-description-cs .portfolio-description-title-tb h1 {
	margin:0;
	padding-bottom:15px;
	line-height:1.3em;
	font-size:2.5em;
	font-weight:800;	
	text-transform:none;
	letter-spacing:2px;
	border-bottom:1px solid #e2ded7;	
}
#top .togglecontainer.portfolio-description-technical-acc {
	margin-top:0.80em;
}
.portfolio-description-technical-acc .toggle_icon {
	display:none;
}
#top .portfolio-description-technical-acc .toggler {
	background:transparent;
	padding:0px 20px 0px 25px;
	color:#d46821;
	font-weight:700;
	border:0px;
  	background: url(https://m3d.artesmedia.ch/wp-content/uploads/icon-triangle-orange-rotate.svg) left center no-repeat;	
	background-size:0.8em;		
}
#top .portfolio-description-technical-acc .toggler:hover,
#top .portfolio-description-technical-acc .toggler:visited {
	color:#fb851c;
  	background: url(https://m3d.artesmedia.ch/wp-content/uploads/icon-triangle-orange-light-rotate.svg) left center no-repeat;		
	animation:0.3 ease-in;
	background-size:0.8em;
}
#top .portfolio-description-technical-acc .toggler.activeTitle {
	color:#d46821;
  	background: url(https://m3d.artesmedia.ch/wp-content/uploads/icon-triangle-orange.svg) left center no-repeat;
	background-size:0.8em;	
}
#top .portfolio-description-technical-acc .toggler.activeTitle:hover {
	color:#d46821;
  	background: url(https://m3d.artesmedia.ch/wp-content/uploads/icon-triangle-orange-light.svg) left center no-repeat;
	background-size:0.8em;	
}
.toggle_content.invers-color {
	background:#fffcf5 ;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
}
.portfolio-description-technical-acc.togglecontainer {
	margin-top:0px;
	padding-top:0px;	
}
.portfolio-description-technical-acc ul {
	margin-top:-0.85em;
	margin-left:0px;
	padding:0;
}
.portfolio-description-technical-acc ul li {
	display:inline-block;
	margin-left:0px;
	padding:0;
}
.portfolio-description-technical-acc ul li:first-child::before {
	content:"";
	padding-left:0px;
	padding-right:0px;
} 
.portfolio-description-technical-acc ul li:before {
	content:"\007C";
	padding-left:4px;
	padding-right:8px;
} 
.portfolio-description-technical-acc ul li:first-child {
	padding-left:0px;	
	border-right:0px;
}
/* END portfolio 
==============================================================*/


/* blog masonry 
==============================================================*/
.av-masonry .av-masonry-image-container {
	border-radius:20px;
}
#top #main .av-inner-masonry-content-pos {
	vertical-align:middle;
}
h3.av-masonry-entry-title.entry-title {
/*	padding:5px;
	border-radius:20px;
	background:#d46821;
	box-shadow:inset 1px 0px 5px 4px rgba(0,0,0,0.3);	*/
}
.av-masonry-sort {
	text-align:center;
}

#top #wrap_all #portfolio a.secondary-projects_sort_button:link .inner_sort_button span,
#top #wrap_all #portfolio a.secondary-projects_sort_button:visited .inner_sort_button span {
	color:#000!important;
}
#top #wrap_all #portfolio a.secondary-projects_sort_button:hover .inner_sort_button span,
#top #wrap_all #portfolio a.secondary-projects_sort_button:active .inner_sort_button span {
	color:#fb841c!important;
}
/* END blog masonry 
==============================================================*/


/* sliderbox - page skills & services 
==============================================================*/
.sliderbox .flex_column {
	padding-top: 15px;
	padding-bottom:15px;
	border-top-left-radius:25px;
	border-bottom-right-radius:25px;
}
#top #wrap_all .sliderbox ul.avia-slideshow-inner {
	margin-top:35px;
	margin-bottom:35px;
}
#top #wrap_all .sliderbox ul.avia-slideshow-inner img {
	border-radius:0px;
}
#top #wrap_all .sliderbox.flex_column_table_cell {
	border-radius:25px;
	/*box-shadow:2px 2px 3px rgba(101,101,101,0.5);	*/
}
/* END sliderbox - page skills & services 
==============================================================*/


/* contact-cs 
==============================================================*/
.contact-cs {
	padding-top:70px;
	margin-bottom:0px;
	padding-bottom:60px;
	background: linear-gradient(#f6f1e9 50%, #fffcf5 50%);
}
.contact-cs .template-page.content {
	padding:0px;
}
.contact-cs .flex_column {
	float:none;
	margin:0 auto;
	padding:30px 30px 30px 60px;
	max-width:65%;
	background-blend-mode:multiply;
	border-radius:25px;	
	box-shadow:inset 5px 5px 5px rgba(101,101,101,0.5);
}
.contact-cs .flex_column {
    background-image: url(https://m3d.artesmedia.ch/wp-content/uploads/bg-painterly-pineapple-01-dark-blur.jpg);
	background-repeat:repeat;
	background-attachment:fixed;	
    -webkit-animation: slidein 20000s;
    animation: slidein 20000s;
	animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;        
}
.contact-cs .flex_column {
	text-shadow: 2px 2px 3px rgba(101,101,101,0.5);
}
.contact-cs .flex_column .h2-text-textblock,
.contact-cs .flex_column .h2-text-textblock h2 {
	color:#fffcf5;
	letter-spacing:1px;
	text-transform:none;
}
.contact-cs .flex_column .h2-text-textblock p {
	width:50%;	
}
.get-in-touch-tb {
	margin:35px 0 10px 0;
}
.get-in-touch-tb p {
	margin:0;
	padding:0;
}
.get-in-touch-tb a:link,
.get-in-touch-tb a:visited {
	padding: 9px 15px;
  	background-color: #d46821;
  	font-weight: 800 !important;
  	color: #fffcf5 !important;
  	border-radius: 35px;
  	transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
	box-shadow: 2px 2px 3px rgba(101,101,101,0.5);	
}
.get-in-touch-tb a:hover,
.get-in-touch-tb a:active {
  	background-color: #fb841c;	
}
.contact-cs .avia-button {
	margin-top:10px;
}
.contact-cs .contact-img-tb {
	position: absolute;
  	z-index: 9999;
  	top: -16%;
	right:10%;
	width:145px;
	height:300px;
}
.contact-cs .contact-img-tb p {
	margin:0;
	padding:0;	
}
.contact-cs .contact-img-tb img {
	margin:0;
	padding:0;
	width:145px;
	height:300px;
	filter: drop-shadow(15px 15px 5px rgba(0,0,0,0.5)); 
}

@media only screen and (max-width:1080px) {
	.contact-cs .flex_column {
		max-width:70%;
		width:80%;
	}	
}
@media only screen and (max-width:989px) {
	  .responsive #top #wrap_all .contact-cs .flex_column {
		float:none;
		margin:0 auto;
		max-width:70%;
		width:80%;
	}	
}
@media only screen and (max-width:945px) {
	  .responsive #top #wrap_all .contact-cs .flex_column {
		float:none;
		margin:0 auto;
		max-width:90%;
		width:80%;
	}	
}
@media only screen and (max-width:875px) {
	  .responsive #top #wrap_all .contact-cs .flex_column {
		float:none;
		margin:0 auto;
		max-width:95%;
		width:80%;
	}	
}
@media only screen and (max-width:821px) {
	  .responsive #top #wrap_all .contact-cs .flex_column {
		float:none;
		margin:0 auto;
		max-width:100%;
		width:100%;
	}	
}
@media only screen and (max-width:750px) {
	.responsive #top #wrap_all .contact-cs .contact-img-tb {
  		position: absolute;
  		z-index: 9999;
  		top: -16%;
  		right:10%;
	}	
	.contact-cs .flex_column .h2-text-textblock p {
		width:60%;	
	}	
}
@media only screen and (max-width:660px) {
	.responsive #top #wrap_all .contact-cs .contact-img-tb {
  		position: absolute;
  		z-index: 9999;
  		top: -16%;
  		right:5%;
	}	
}
@media only screen and (max-width:640px) {
	.responsive #top #wrap_all .contact-cs .contact-img-tb {
  		position: absolute;
  		z-index: 9999;
  		top: -16%;
  		right:5%;
	}	
}
@media only screen and (max-width:610px) {
	.responsive #top #wrap_all .contact-cs .avia_textblock {
		width:80%;
	}
	.responsive #top #wrap_all .contact-cs .contact-img-tb {
  		position: absolute;
  		z-index: 9999;
  		top: -16%;
  		right:1%;
		width:145px;
		height:300px;
	}
	.responsive #top #wrap_all .contact-cs .avia_textblock h2 {
		width:100%;
	}
	.contact-cs .flex_column .h2-text-textblock p {
		width:85%;	
	}	
	.responsive #top #wrap_all .contact-cs .contact-img-tb img {	
		float:right;
		}
}
@media only screen and (max-width:570px) {
	.responsive #top #wrap_all .contact-cs .avia_textblock {
		width:80%;
	}
	.responsive #top #wrap_all .contact-cs .contact-img-tb {
  		position: absolute;
  		z-index: 9999;
  		top:-16%;
  		right:-1%;
		width:145px;
		height:300px;
	}
	.responsive #top #wrap_all .contact-cs .avia_textblock h2 {
		width:100%;
	}
	.contact-cs .flex_column .h2-text-textblock p {
		width:85%;	
	}	
	.responsive #top #wrap_all .contact-cs .contact-img-tb img {	
		float:right;
		}
}
@media only screen and (max-width:540px) {
	.responsive #top #wrap_all .contact-cs .avia_textblock {
		width:80%;
	}
	.responsive #top #wrap_all .contact-cs .contact-img-tb {
  		position: absolute;
  		z-index: 9999;
  		top:5%;
  		right:-1%;
		width:145px;
		height:300px;
	}
	.responsive #top #wrap_all .contact-cs .avia_textblock h2 {
		width:100%;
	}
	.contact-cs .flex_column .h2-text-textblock p {
		width:85%;	
	}	
	.responsive #top #wrap_all .contact-cs .contact-img-tb img {	
		float:right;
		}
}
@media only screen and (max-width:380px) {
	.responsive #top #wrap_all .contact-cs .contact-img-tb {
  		position: absolute;
  		z-index: 9999;
		top:7%;
    	right:-9%;
	}
	.responsive #top #wrap_all .contact-cs .avia_textblock {
		width:100%;
	}
	.responsive #top #wrap_all .contact-cs .avia_textblock h2 {
		width:100%;
	}	
}
/* END contact-cs 
==============================================================*/ 



/* colors 
==============================================================*/
/*
Off White:			#fffcf5 (background)
Darker Off White:	#f6f1e9
Light Green: 		#687170
Dark Green: 		#434d4c (all text)
Darker Green:		#323432
Orange: 			#d46821 (accent colour)
Light Orange: 		#fb851c
*/
/*END colors 
==============================================================*/

/* contact-popup
==============================================================*/
.boxzilla {
	border-radius:25px;
	padding:0px!important;
}
.boxzilla-close-icon {
	position: absolute;
	right: unset;
	top: unset;
	text-align: center;
	padding: 6px;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 28px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	opacity: .5;
	right: 10px!important;
	top: 10px!important;
}
.boxzilla-close-icon:hover {
	color:#fb851c;
}
.boxzilla-content {
	border:0px solid #323432;
	border-radius:25px;
}
.boxzilla-content > :first-child {
  margin-top: 0;
  padding:35px 25px 5px 25px!important;
}
.boxzilla-content p {
  padding:0px 25px 20px 25px	
}
.boxzilla-content h2 {
	color:#434d4c;
	font-weight:900;
}
.boxzilla .contact-links-tb {
	padding:0px;
	background:url(https://m3d.artesmedia.ch/wp-content/uploads/bee-profile-round-borderless.png);
	background-size:50% 50%;

}
.boxzilla .contact-links-tb ul {
	margin:0px;
  	padding:35px 25px 25px 25px;
	background:#323432;
	border-bottom-left-radius:23px;
	border-bottom-right-radius:23px;
	background:#323432 url(https://m3d.artesmedia.ch/wp-content/uploads/bee-profile-round-borderless-shadow.png) no-repeat	bottom 30px right 30px;
	background-size:35%;
  	padding-bottom: 35px;
}
.boxzilla .contact-links-tb a {
	display:block!important;
	padding-left:40px;
	font-size:0.95em;
	color:#fffcf5;
	line-height:3em;
}
.boxzilla .contact-links-tb a:link,
.boxzilla .contact-links-tb a:visited {
	color:#fffcf5;
}
.boxzilla .contact-links-tb a:hover,
.boxzilla .contact-links-tb a:active {
	color:#fb851c;	
}

.boxzilla .contact-links-tb li:nth-child(1) a:link {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-mail-light.svg) no-repeat left center;
	background-size:2.0em;		
}
.boxzilla .contact-links-tb li:nth-child(2) a:link {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-phone-light.svg) no-repeat left center;
	background-size:2.0em;
	font-size:0.85em	
}
.boxzilla .contact-links-tb li:nth-child(3) a:link {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-artstation-light.svg) no-repeat left center;
	background-size:2.0em;		
}
.boxzilla .contact-links-tb li:nth-child(4) a:link {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-linkedin-light.svg) no-repeat left center;
	background-size:2.0em;			
}
/* END contact-popup
==============================================================*/


/* color section for image-buttons
==============================================================*/
.postid-2028 .cs-h2-single h2.av-special-heading-tag a {
    display:block;
	transition: color 1s ease; /* Transition im Standardzustand */	
}
.postid-2028 .cs-h2-single h2.av-special-heading-tag a::before {
    content: '\0041';
    display:block;
	font-family: glyphter;
    color: #434d4c;
    text-shadow: none;
    transition: color 1s ease; /* Transition im Standardzustand */
	animation: rotate-animation-180 1.5s ease forwards;
}
.postid-2028 .cs-h2-single h2.av-special-heading-tag a:link,
.postid-2028 .cs-h2-single h2.av-special-heading-tag a:visited {
	color:#434d4c!important;
	opacity:1!important;
}
.postid-2028 .cs-h2-single h2.av-special-heading-tag a:hover,
.postid-2028 .cs-h2-single h2.av-special-heading-tag a:active {
	color:#fb851c!important;
	opacity:1!important;
}
.postid-2028 .cs-h2-single h2.av-special-heading-tag a:hover::before {
    content: '\0041';
    display:block;
	font-family: glyphter;
    color: #fb851c;
    text-shadow: none;
}
@keyframes rotate-animation-180 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-180deg);
    }
}
.cs-image-buttons .av-image-caption-overlay-center {
	padding:0 0.5em!important;
}
@media only screen and (max-width:2560px) {
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:1em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}
}
@media only screen and (min-width:2560px) {
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:1em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}
}
@media only screen and (max-width:1190px) {
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:0.8em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}
}
@media only screen and (max-width:989px) {
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:0.7em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}
}
@media only screen and (max-width: 767px) {
  	.responsive #top .cs-image-buttons .container .av-content-small,
	.responsive #top #wrap_all .cs-image-buttons .flex_column,
	.responsive #top #wrap_all .cs-image-buttons .av-flex-cells .no_margin {
    	margin: 0;
    	margin-bottom:0px;
    	margin-bottom:20px;
    	width:20%;
  	}
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:0.7em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}	
}
@media only screen and (max-width: 680px) {
  	.responsive #top .cs-image-buttons .container .av-content-small,
	.responsive #top #wrap_all .cs-image-buttons .flex_column,
	.responsive #top #wrap_all .cs-image-buttons .av-flex-cells .no_margin {
    	margin: 0;
    	margin-bottom:0px;
    	margin-bottom:20px;
    	width:33%;
  	}
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:1em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}		
}
@media only screen and (max-width:565px) {
  	.responsive #top .cs-image-buttons .container .av-content-small,
	.responsive #top #wrap_all .cs-image-buttons .flex_column,
	.responsive #top #wrap_all .cs-image-buttons .av-flex-cells .no_margin {
    	margin: 0;
    	margin-bottom: 0px;
    	margin-bottom: 20px;
    	width:50%;
  	}
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:1em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}	
}
@media only screen and (max-width: 490px) {
  	.responsive #top .cs-image-buttons .container .av-content-small,
	.responsive #top #wrap_all .cs-image-buttons .flex_column,
	.responsive #top #wrap_all .cs-image-buttons .av-flex-cells .no_margin {
    	margin: 0;
    	margin-bottom: 0px;
    	margin-bottom: 20px;
    	width:50%;
  	}
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:0.9em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}	
}
@media only screen and (max-width: 340px) {
  	.responsive #top .cs-image-buttons .container .av-content-small,
	.responsive #top #wrap_all .cs-image-buttons .flex_column,
	.responsive #top #wrap_all .cs-image-buttons .av-flex-cells .no_margin {
    	margin: 0;
    	margin-bottom: 0px;
    	margin-bottom: 20px;
    	width:100%;
  	}
	.cs-image-buttons .av-image-caption-overlay-center p {
		font-size:0.9em;
		font-weight:800;
		line-height:0.9em;
		text-shadow:0px 3px 5px rgba(0,0,0,0.8);
	}	
}
/* END color section for image-buttons
==============================================================*/


/* footer & contact-popup
==============================================================*/
#top #main #footer-page #footer-page-spacer {
	background:transparent;
	border-top:20px solid #fffcf5 ;	
}
#top #main #footer-page #footer-page-spacer.avia-section {
	min-height:10px;
}
#top #main #footer-page #footer-page-spacer .content {
	padding:0px;
	min-height:10px;	
}
#footer-cs {
	padding-top:60px;
}
#footer-cs .template-page.content {
	margin:0;
	padding:0;
}
#footer-cs {
}
#footer-cs .flex_cell.avia-builder-el-first {
	padding:0px;
}
#footer-cs .flex_cell.avia-builder-el-last {
	padding:0px;
}
#footer-cs .tb-lets-chat {
	float:right;
} 
#footer-cs .tb-socials {
	margin-left:90px;
}
#footer-cs h3 {
	padding-bottom:10px;
	color:#ff9100;
	font-weight:800;
	font-size: 1.7em;
}
#footer-cs .tb-lets-chat ul,
#footer-cs .tb-socials ul {
	list-style:none;
	margin:0px;
}
#footer-cs .tb-lets-chat ul li,
#footer-cs .tb-socials ul li {
	margin:0px;
	padding:0px;
}
#footer-cs .tb-lets-chat li a,
#footer-cs .tb-socials li a {
	display: inline-block;
	margin-left:0px;
	padding-left:3.2em;	
	color:#fffcf5;
	line-height:3em;	
}
#footer-cs .tb-lets-chat li:nth-child(1) a:link,
#footer-cs .tb-lets-chat li:nth-child(1) a:visited {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-mail-light.svg) no-repeat left center;
	background-size:2.0em;		
}
#footer-cs .tb-lets-chat li:nth-child(1) a:hover,
#footer-cs .tb-lets-chat li:nth-child(1) a:active {
	color:#ff9100;
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-mail-light.svg) no-repeat left center;
	background-size:2.0em;		
}
#footer-cs .tb-lets-chat li:nth-child(2) a:link,
#footer-cs .tb-lets-chat li:nth-child(2) a:visited {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-phone-light.svg) no-repeat left center;
	background-size:2.0em;	
}
#footer-cs .tb-lets-chat li:nth-child(2) a:hover,
#footer-cs .tb-lets-chat li:nth-child(2) a:active {
	color:#ff9100;
}
#footer-cs .tb-socials li:nth-child(1) a:link,
#footer-cs .tb-socials li:nth-child(1) a:visited {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-artstation-light.svg) no-repeat left center;
	background-size:2.0em;		
}
#footer-cs .tb-socials li:nth-child(1) a:hover,
#footer-cs .tb-socials li:nth-child(1) a:active {
	color:#ff9100;	
}
#footer-cs .tb-socials li:nth-child(2) a:link,
#footer-cs .tb-socials li:nth-child(2) a:visited {
	background:transparent url(https://m3d.artesmedia.ch/wp-content/uploads/icon-linkedin-light.svg) no-repeat left center;
	background-size:2.0em;	
}
#footer-cs .tb-socials li:nth-child(2) a:hover,
#footer-cs .tb-socials li:nth-child(2) a:active {
	color:#ff9100;		
}
@media only screen and (max-width:767px) {
	#footer-cs .tb-lets-chat {
		float:none;
	} 
	#footer-cs .tb-socials {
		margin-left:0px;
	}	
}
/* END footer 
==============================================================*/