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

/*
.av-masonry-container {
    width: 100.6%;
}
*/

.codeblock-ditty-news {



}
/* ticker
----------------------------------------------------------*/
.codeblock-ditty-news {
	padding:0 40px 0px 56px;
	background:#fd3c45;	
}
.mtphr-dnt-tick-contents {
	background:#fd3c45;
	color:#000;
	border:0px solid red;
	margin-top:-1px;
}
.mtphr-dnt-tick.mtphr-dnt-default-tick,
.mtphr-dnt-tick.mtphr-dnt-default-tick a {
	color:#000!important;
	font-weight:bold;
	font-size:23px;
}
.mtphr-dnt-tick.mtphr-dnt-default-tick a:hover {
	color:#fff!important;
	font-weight:bold;
	font-size:23px;
}
/* ticker
----------------------------------------------------------*/
@media only screen and (max-width:450px) {
	.codeblock-ditty-news {
		padding:0 5px 0px 5px;
		background:#fd3c45;
		color:#fd3c45;
		font-weight:bold;
		font-size:25px;	
		line-height:35px;
	}	
}


.codeblock-ditty-news a {
	padding-left:2px;	
}
.codeblock-ditty-news a:hover {
	color:#fff;
	text-decoration:none;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color:#fd3c45;
}

.image-overlay {
    visibility:hidden;
 }


#main {
    background-color: #fff;
}
#main, .avia-msie-8 .av_header_sticky_disabled#header {
    background-color: #fff;
}
#top .seiten_sort_button.avia_show_sort,
#top .archive_sort_button.avia_show_sort,
#top .ausstellungen-archiv_sort_button.avia_show_sort,
#top .vortraege-archiv_sort_button.avia_show_sort {
	display:none!important;
}
/* headings
----------------------------------------------------------*/
#top #wrap_all .all_colors h1,
#top #wrap_all .all_colors h2 {
	font-size:26px;
}
#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 26px;
}
/* END headings
----------------------------------------------------------*/


/* archive > blog element beiträge
----------------------------------------------------------*/
#archiv-beitraege .entry-content-header {
	
}
#top .fullsize .template-blog .post .entry-content-wrapper {
    text-align:left;
    font-size:1.15em;
    line-height:1.7em;
    max-width:100%;
    margin:0;
    overflow:visible;
}
#top .fullsize #archiv-beitraege.template-blog .post .entry-content-wrapper > *  {
    max-width:100%;
    margin-left:0;
    margin-right:0;
}
#top #archiv-beitraege h2.post-title.entry-title {
    margin:0;
	padding:0;
	max-width:100%;
	font-size:16px;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:1px;
}
#archiv-beitraege h2.post-title a:link,
#archiv-beitraege h2.post-title a:visited {
	display:block;
	padding:8px;
	background:#000;
	color:#fff;
	font-weight:bold;
	
}
#archiv-beitraege h2.post-title a:hover,
#archiv-beitraege h2.post-title a:active {
	background:#fd3c45;
	color:#fff;
	transition:color 0.2s;	
	transition:background 0.2s;
}
#archiv-beitraege .post-meta-infos {
	display:none;
}
#top #archiv-beitraege .read-more-link {
	margin-top:-20px;
	display:none;
}
/* archiv betraege > button "read more"
----------------------------------------------------------*/
#archiv-beitraege a.more-link {
	
} 
.bloglist-excerpt .more-link {
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    border-radius: 0px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    border-color: #000;
    line-height: 2.1em;
    font-size: 0.75em
	display:none;		
}
.bloglist-excerpt .read-more-link::after {
	content: "";
    height: 10px;
    border-top-style: none;
    border-top-width: 0px;
    border-color: inherit;
    display: block;
    width: 100%;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
	display:none;	
}

/* edition
----------------------------------------------------------*/
/* > textblock fuer preis
----------------------------*/
.textblock-edition-preis {
	font-size:120%;
	font-weight:bold
}
/* END edition 
----------------------------------------------------------*/









.wpdt-c .form-control::-moz-placeholder {
    color: #3893d4 !important ; opacity: 1;
}

#top #main .bootstrap-select > .dropdown-toggle.bs-placeholder, 
#top #main .bootstrap-select > .dropdown-toggle.bs-placeholder:active, 
#top #main .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
#top #main .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #3893d4!important;
}



#widget-post-archives {
	
}
#top .main_color .input-text, #top .main_color input[type="text"],
#top .main_color input[type="input"],
#top .main_color input[type="password"],
#top .main_color input[type="email"],
#top .main_color input[type="number"],
#top .main_color input[type="url"],
#top .main_color input[type="tel"],
#top .main_color input[type="search"],
#top .main_color textarea,
#top .main_color select {
    border:4px solid #000;
    background-color: #fff;
    color: #000;
}






/* burger menu
----------------------------------------------------------*/
#top #wrap_all #av-burger-menu-ul li {
	margin:0px 75px;
	line-height:4em!important;text-align:center!important;
}
#top #wrap_all #av-burger-menu-ul li:hover {
}
#top #wrap_all #av-burger-menu-ul li a {
	display:block;

	padding:20px;
	border:1px solid black;
	line-height:4em;

	color:#000!important;
}
#top #wrap_all #av-burger-menu-ul li a:link,
#top #wrap_all #av-burger-menu-ul li a:visited {

	color:#000!important;
}
#top #wrap_all #av-burger-menu-ul li a:hover {
	background:#000!important;
	color:#fff!important;
}
/* END burger menu
----------------------------------------------------------*/


/*frontpage masonry #welcome
----------------------------------------------------------*/
@media only screen and (max-width:450px) {
	#top #welcome .av-masonry-sort {
		display:none!important;
	}	
}

/*sort-links */

#top #welcome .av-masonry-sort.main_color {
	background:#fd3c45;
}
#top #welcome .av-masonry-sort {
	text-align:left;
	margin-bottom:0px;
	padding:20px 46px;	
}
#top #welcome .av-sort-by-term a:link,
#top #welcome .av-sort-by-term a:visited {
	padding:5px 10px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}
#top #welcome .av-sort-by-term a:hover {
	color:#fff;
	background:#000;
}
#top #welcome .text-sep {
	display:none;
}

/* masonry elements, captions */

#top #welcome .av-masonry-date {
	display:none;
}
#top #welcome .av-masonry-entry .av-inner-masonry-content {
	padding:0;
}
#top #welcome .av-inner-masonry-content-pos-content {
	vertical-align:bottom;
	text-align:left;
}
#top #welcome h3.av-masonry-entry-title {
	padding:5px;
	color:#fff;
	font-size:15px;
	font-weight: 700;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:1px;
	background:rgba(0,0,0,1);
}
#top #welcome .category-seiten .av-inner-masonry-content-pos-content,
#top #welcome .category-link-ausstellungen .av-inner-masonry-content-pos-content,
#top #welcome .category-link-edition .av-inner-masonry-content-pos-content,
#top #welcome .category-link-vortraege .av-inner-masonry-content-pos-content {
	vertical-align:middle;
	text-align:center;
}

#top #welcome .category-seiten h3.av-masonry-entry-title,
#top #welcome .category-link-ausstellungen h3.av-masonry-entry-title,
#top #welcome a.category-link-edition h3.av-masonry-entry-title,
#top #welcome a.category-link-vortraege h3.av-masonry-entry-title{
	color:#fff;
	font-size:20px;
	font-weight: 700;
	text-align:center;
	letter-spacing:1px;
	background-color:transparent;

}







#top #welcome a.category-seiten .av-inner-masonry-content-pos-content,
#top #welcome a.category-link-ausstellungen .av-inner-masonry-content-pos-content,
#top #welcome a.category-link-editon .av-inner-masonry-content-pos-content,
#top #welcome a.category-link-vortraege .av-inner-masonry-content-pos-content {
	background-color:transparent;
  	animation:none;

} 	
#top #welcome a.category-seiten:hover .av-inner-masonry-content-pos-content,
#top #welcome a.category-link-ausstellungen:hover .av-inner-masonry-content-pos-content,
#top #welcome a.category-link-edition:hover .av-inner-masonry-content-pos-content,
#top #welcome a.category-link-vortraege:hover .av-inner-masonry-content-pos-content {
	animation:none;
	background-color:#fd3c45;
	transition:background 1s;
}

#top #welcome a.category-edition:hover h3.av-masonry-entry-title, 
#top #welcome a.category-vortraege:hover h3.av-masonry-entry-title, 
#top #welcome a.category-ausstellungen:hover h3.av-masonry-entry-title,
#top #welcome a.category-aktuell:hover h3.av-masonry-entry-title {
	color:#fff;
	background:#fd3c45;
	transition:background 1s;
}


#top #welcome .category-link-ausstellungen .av-inner-masonry-content-pos {
	vertical-align:middle;	
}
#top #welcome a.category-archive.category-vortraege-archiv.category-vortraege:hover h3 {
	animation:none;
	background-color:#0000ff!important;
	transition:background 1s;
}

#top #welcome a.category-edition.category-seiten:hover h3,
#top #welcome a.category-vortraege.category-seiten:hover h3,
#top #welcome a.category-ausstellungen.category-seiten:hover h3{
	animation:none;
	background-color:transparent!important;
	transition:background 1s;
}


/*Animationen */

@keyframes example {
  from {background:rgba(0,0,0,1);}
  to {background-color:rgba(252,61,69,1);}
}

@keyframes pulse {
    from {
        transform : scale(1);
        opacity   : 1;
    }
    50% {
        transform : scale(0.75);
        opacity   : 1;
    }
    to {
        transform : scale(1);
        opacity   : 1;
    }
}
@keyframes seitenlinks {
  from {background-color:transparent;}
  to {background-color:#fd3c45;}
}

/* END frontpage masonry #welcome
----------------------------------------------------------*/




/* magazine-element > archive-pages
----------------------------------------------------------*/
.av-magazine-content-wrap {
	border-bottom:3px solid #000!important;
}
#top time.av-magazine-time {
	color:#000;
	font-weight:regular;
	letter-spacing: 1px;
}
#top #main .av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size:16px;
	font-weight:normal!important;
    line-height:1.3em;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:0;
    padding-bottom:0px;
    margin:0;
}



/* = contact form
 --------------------------------------------------------------*/
#top .wpcf7 {
	margin-top:30px;
}
#top .input-text.wpcf7-form-control,
#top input[type="text"].wpcf7-form-control,
#top input[type="input"].wpcf7-form-control,
#top input[type="password"].wpcf7-form-control,
#top input[type="email"].wpcf7-form-control,
#top input[type="number"].wpcf7-form-control,
#top input[type="url"].wpcf7-form-control,
#top input[type="tel"].wpcf7-form-control,
#top input[type="search"].wpcf7-form-control
#top input[type="checkbox"].wpcf7-form-control,
#top select.wpcf7-form-control {
	padding:3px 3px;
}
#top .main_color .input-text.wpcf7-form-control,
#top .main_color input[type="text"].wpcf7-form-control,
#top .main_color input[type="password"].wpcf7-form-control,
#top .main_color input[type="email"].wpcf7-form-control,
#top .main_color input[type="number"].wpcf7-form-control,
#top .main_color input[type="url"].wpcf7-form-control,
#top .main_color input[type="tel"].wpcf7-form-control ,
#top textarea.wpcf7-form-control {
	background:#fff;
	color:#000;
}
#top textarea.wpcf7-form-control {
	border:1px solid #ccc;
		padding:5px 5px;
}
#top .main_color .input-text.wpcf7-form-control::placeholder,
#top .main_color input[type="text"].wpcf7-form-control::placeholder,
#top .main_color input[type="password"].wpcf7-form-control::placeholder,
#top .main_color input[type="email"].wpcf7-form-control::placeholder,
#top .main_color input[type="number"].wpcf7-form-control::placeholder,
#top .main_color input[type="url"].wpcf7-form-control::placeholder,
#top .main_color input[type="tel"].wpcf7-form-control::placeholder {
	color:#999999;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 0.85em;
    font-weight: normal;
    display: block;
}
.form-inscription {
	border-bottom:0px solid #000!important;
}
.dispno {
    display:none;
}
p.p-select {
	margin:0!important;
	padding:0;
}
.et-kursnr input,
.et-kursbezeichnung input,
.firma-kursnr input,
.firma-kursbezeichnung input {
	font-weight:bold!important;
}
p.p-select select {
	font-weight:bold!important;
	border:1px solid #3893d4!important;
	color:#3893d4!important;
	background-color:#fff!important;
}
p.p-select select option {
	color:#000;
	padding:10px;
}
p.p-select-ft {
	color:#fff;
	background:#3893d4;
}
p.p-title {
	margin-top:15px;
	margin-bottom:0px;
	padding-top:20px;
	font-weight:bold;
	padding-bottom:0px;
}
table.quote-table {
    margin-bottom:0px;
    background:#fff;
    border-collapse:separate;
    border-spacing:2px 5px;
}
table.quote-table th  {
    padding:9px 0px;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    text-transform:none;
    font-size:14px;
    font-weight:bold;
    background:#fff;
    border:0px;
    letter-spacing:0px;
}
table.quote-table td {
    padding:3px 3px;
    font-size:1.1em;
    background:#fff;
	border:0px solid #ccc;
	border-bottom:3px solid #000;
}
table.quote-table span {
    vertical-align:top;
}
table.quote-table input,
table.quote-table select {
    border:0px solid #ccc!important;
    margin:0px!important;
}
div.additional-infos {
	margin-top:0px;
	padding:5px 10px 5px 10px;
	border:1px solid #ccc;
	color:#333;
	font-size:0.9em;
}
table.message-table textarea {
    margin-bottom:0px;
    padding:8px 15px!important;
    height:120px;
    border:0px;
}
div.acceptance {
	margin-top:20px;
}
table.submit-table {
    margin:10px 0px;
    background:#fff;
    border-collapse:separate;
    border-spacing:2px 5px;
}
table.submit-table td {
    padding:3px 0px;
    font-size:1.1em;
    background:#fff;
	border:0px solid #ccc;
}

input[type="submit"], #submit, .button {
    padding: 20px 40px;
    cursor: pointer;
    border: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    -webkit-appearance: none;
    border-radius: 0px;    
}
input[type="submit"]:hover {
	background:#fb5f67!important;
}


#top form.wpcf7-form {
margin-bottom:0px!important;
}
/* = END contact form
 --------------------------------------------------------------*/


/* footer
----------------------------------------------------------*/
#footer {
	padding-top:100px;
}
@media only screen and (max-width: 450px) {
	#socket .container {
		width:100%;	
	}
}

html #top body.page-id-954 {
    background: #fff!important;
}


.av-masonry-container {

}