/* 
 Theme Name:   silke-christ
 Theme URI:    
 Description:  
 Author:       web89
 Author URI:   
 Template:     vantage
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../vantage/style.css");

 /* == Add your own styles below this line ==
--------------------------------------------*/

a{text-decoration: none}
.main-navigation{background: white;}
#masthead.masthead-logo-in-menu .logo > img{max-height: 200px}
.main-navigation ul li a{padding: 10px 15px}

#main{padding: 0 35px}
.main-navigation ul{float: right}
.main-navigation a{color: #262626; text-transform: uppercase; font-weight: normal}
#menu-topmenue-de a:hover, #menu-top-menue a:hover, #menu-top-navi-fr a:hover{background: #333}
.main-navigation ul{margin: 65px 0 0 0; position: relative;}



/*Warenkorb*/
#menu-item-1007{position: absolute; top: -50px; right: 0;}
#menu-item-1007 a{transition: 0.8s; opacity: 0.6; color: white}
#menu-item-1007 a:hover{background: none; opacity: 1}

#menu-item-258{position: absolute; top: -50px; right: 0;}
#menu-item-258 a{transition: 0.8s; opacity: 0.6; color: white}
#menu-item-258 a:hover{background: none; opacity: 1}

#menu-item-982{position: absolute; top: -50px; right: 0;}
#menu-item-982 a{transition: 0.8s; opacity: 0.6; color: white}
#menu-item-982 a:hover{background: none; opacity: 1}

/*Favoriten*/
#menu-item-969{position: absolute; top: -50px; right: 50px;}
#menu-item-969 a{transition: 0.8s; opacity: 0.6; color: white}
#menu-item-969 a:hover{background: none; opacity: 1}

#menu-item-257{position: absolute; top: -50px; right: 50px;}
#menu-item-257 a{transition: 0.8s; opacity: 0.6; color: white}
#menu-item-257 a:hover{background: none; opacity: 1}

#menu-item-1006{position: absolute; top: -50px; right: 50px;}
#menu-item-1006 a{transition: 0.8s; opacity: 0.6; color: white}
#menu-item-1006 a:hover{background: none; opacity: 1}



/*
http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-de.png
http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-gb.png
http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/FR_Icon.png
*/


/*de*/
#menu-item-1367{position: absolute; top: -48px; right: 105px;text-indent: -9999px;
    background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-de.png) 50% 50% no-repeat;}
#menu-item-1367:hover{opacity: 1; background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-de.png) 50% 50% no-repeat;}
#menu-item-1367 a{transition: 0.8s; opacity: 0;}

#menu-item-1343{position: absolute; top: -48px; right: 105px;text-indent: -9999px;
    background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-de.png) 50% 50% no-repeat;}
#menu-item-1343:hover{opacity: 1; background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-de.png) 50% 50% no-repeat;}
#menu-item-1343 a{transition: 0.8s; opacity: 0;}


/*en*/
#menu-item-1344{position: absolute; top: -48px; right: 155px;text-indent: -9999px;
    background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-gb.png) 50% 50% no-repeat;}
#menu-item-1344:hover{opacity: 1; background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-gb.png) 50% 50% no-repeat;}
#menu-item-1344 a{transition: 0.8s; opacity: 0;}

#menu-item-1170{position: absolute; top: -48px; right: 105px;text-indent: -9999px;
    background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-gb.png) 50% 50% no-repeat;}
#menu-item-1170:hover{opacity: 1; background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/Icons-flag-gb.png) 50% 50% no-repeat;}
#menu-item-1170 a{transition: 0.8s; opacity: 0;}


/*fr*/
#menu-item-1368{position: absolute; top: -48px; right: 155px;text-indent: -9999px;
    background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/FR_Icon.png) 50% 50% no-repeat;}
#menu-item-1368:hover{opacity: 1; background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/FR_Icon.png) 50% 50% no-repeat;}
#menu-item-1368 a{transition: 0.8s; opacity: 0;}

#menu-item-1171{position: absolute; top: -48px; right: 155px;text-indent: -9999px;
    background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/FR_Icon.png) 50% 50% no-repeat;}
#menu-item-1171:hover{opacity: 1; background: url(http://www.art-et-merveilles.com/wp-content/uploads/sites/3/2015/11/FR_Icon.png) 50% 50% no-repeat;}
#menu-item-1171 a{transition: 0.8s; opacity: 0;}




h1.pageHeader{font-weight: 500; font-size: 140%; text-transform: uppercase; margin: 25px 0 5px 0}
.entry-thumbnail{text-align: center;}
#main{margin-top: -25px; padding-top: 25px;}
img.attachment-post-thumbnail.wp-post-image {width: 100%; height: auto;}
li.current-lang{opacity: 1 !important}
.huge_it_slideshow_dots_thumbnails_1{top: 96% !important; background: rgba(255, 255, 255, 0.2); z-index: 99}

.row{overflow: hidden;}
.cell-left{float: left; margin-right: 1%}
.cell-right{float: right; margin-left: 1%}
.width-50{width: 49%; text-align: center}
.orange-kursiv {text-align: center; margin-top: 45px !important}
.orange-kursiv a{font-family: helvetica; font-weight: 300; font-style: italic; color: #d96133;font-size: 120%;}
.unterstrichen-orange{text-align: center; border-bottom: 2px solid #db683c !important; text-transform: uppercase; color: black; font-size: 120%; display: table; margin: 0 auto !important; color: #333}
.unterstrichen-orange a{color: #333}
.relativeContainer{position: relative}
img.bottomImg{margin-top: 16px;}
.line-orange{color: #d96133; margin-top: 20px}
.gold{color: #947f50}
.orange, .orange a{color: #d96133 !important}
.blackColor, .blackColor a{color: #333}
.underline{text-decoration: underline}
.date{font-size: 98%; font-family: helvetica; color: #666}
h2.title-frontpage {margin-top: 80px;} 
.orangeFrontpage{font-family: helvetica; color: #d76423; font-style: italic; font-size: 130%; font-weight: 300; margin-top: 100px}
.block-sentence{margin-left: 20% !important; margin-right: 20% !important; text-align: justify; position: relative;}
#primary{margin-bottom: 30px;}
.owner{color: white; text-align: right;}
p.upper {padding: 0 20%; text-transform: uppercase; color: #666}
.black{color: #333}
h2.orangeeheadline, h2.orangeeheadline a{color: #d96133; font-weight: 300; font-style: italic;}
hr.halfLine{width: 50px; height: 2px; color: black; background: black; margin: 40px auto 20px auto}
h2.orange.underline{font-weight: 300}
.margin-top{padding-top: 5%}
.margin-space{margin-top: -15px}
.margin-top2{margin-top: 15px}
.clear{clear: both}

#footer-widgets .widget .widget-title {margin-bottom: 5px;}


/*   Blog   */

article.post .entry-header, article.page .entry-header {margin-bottom: 0; position: relative;}
article.post .entry-header .entry-thumbnail, article.page .entry-header .entry-thumbnail{margin-bottom: 0}
.blogContainer{position: relative;}
.titleBlog{position: absolute; text-align: center; color: white; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); text-transform: uppercase; padding: 22px 0;}
.titleBlog a{color: white !important; text-transform: uppercase; line-height: 180%}
article.post .entry-header .entry-meta, article.page .entry-header .entry-meta {color: white; font-size: 12px; font-weight: 300;}
.entry-main header.entry-header.blogContainer div.titleBlog div.entry-meta a{font-weight: 300}
div > header > div.entry-meta{color: #8F8F8F !important}
article.post, article.page{margin-bottom: 0; padding-bottom: 0; border-bottom: none}
h1.entry-title{margin-top: 20px; margin-bottom: 10px}
.entry-content {
    margin-top: 40px;
}


/*   ---   Themenseite   ---   */

#themenwelt .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 0; padding: 0; width: 25%; position: relative;}
.woocommerce ul.products li.product h3{position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(0, 0, 0, 0.6); color: white; transition: 0.7s}
.woocommerce ul.products li.product h3:hover{background: rgba(00, 101, 189, 0.8);}
.woocommerce ul.products li.product a img{margin: 0}
#themenwelt mark, #themenwelt ins{background: none; color: white}
#themenwelt .woocommerce ul.products li.product h3 {top: 0; bottom: 0; left: 0; right: 0;text-align: center; padding-top: 45%; text-transform: uppercase; font-weight: 300;  background-color: rgba(0, 0, 0, 0); transition: 0.7s; opacity: 0}
 #themenwelt .woocommerce ul.products li.product h3:hover{ background-color: rgba(0, 0, 0, 0.8); opacity: 1}



.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .price{display: none}
div.summary.entry-summary{font-size: 130%}
#closePrice{font-size: 140%; padding-bottom: 5px; font-stretch: ultra-condensed;}
ul.sub-menu{margin-top: 0;}
ul.sub-menu li a {font-size: 110%; padding: 6% 15% 6% 6%; color: #aaa}
.imgContainer{position: relative}
.contentImgContainer{position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); color: white; opacity: 0; transition:0.8s}
.contentImgContainerFrontPage{position: absolute; left: 0; top: 0px; bottom: 5px; right: 0; background: rgba(0, 0, 0, 0.7); color: white; opacity: 0; transition:0.8s}
.contentImgContainerFrontPageSpecial{position: absolute; left: 0; top: 15px; bottom: 5px; right: 0; background: rgba(0, 0, 0, 0.7); color: white; opacity: 0; transition:0.8s}
.sliderContainer{position: relative}
.contentSliderContainer{position: absolute; bottom: 100px; right: 100px; width: 400px; text-align: center; color: white; font-size: 150%; z-index: 9999999}
.contentSliderContainer p{padding: 0; margin: 0;}
.contentSliderContainer hr{margin: 20px 0; padding: 0;}
.contentImgContainer:hover{opacity: 1}
.contentImgContainerFrontPageSpecial:hover{opacity: 1}
.contentImgContainerFrontPage:hover{opacity: 1}
.contentImgContainerFrontPage p, contentImgContainerFrontPageSpecial p {font-size: 135%;}
.bigFont{font-size: 200%}
.thinFont{font-weight: 300}
.superBigFont{font-size: 260%; line-height: 90%; font-family: open-sans, sans-serif; font-weight: 300;}

    
   

.topPadding{margin-top: 15% !important}
.topPadding a{padding: 25% 0 !important; color: white; font-size: 120%; }
.topPadding a:hover{color: white;}
.table-three{display: inline-block; width: 33%; height: auto}
.center{text-align: center}
img.woocommerce-placeholder.wp-post-image{width: auto; height: 180px !important; display: block; margin: auto !important}
.woocommerce ul.products li.product{background: black}
.woocommerce ul.products li.product a img{height: 160px;width: auto; display: block; margin: auto !important;}
.related.products ul.products li.product a img{height: 100px;width: auto; display: block; margin: auto !important;}
.entry-content .wp-caption{border: 0; box-shadow: none;}

.siteorigin-widget-tinymce.textwidget {position: relative;}

.bild-text {position: absolute; left: 0; top: 0; bottom: 5px; right: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: center; transition:0.8s; padding: 20px 40px; color: #FFF; display: block; font-size: 120%;}
.bild-text:hover{opacity: 1; color: #FFF;}
.bild-text a{color: white; transition:0.8s; color: #FFF; display: block; font-size: 120%; padding: 10px 2px}
.bild-text a:hover{color: #FFF;}
.bild-text h3{color: white}

.anfuehrungszeichen{color: #db5f1f; width: 300px; margin: 30px auto !important; font-size: 145%; font-weight: 300; font-family: open-sans, sans-serif;}
img.quotes-start{position: relative; right: 5px; bottom: 0}
img.quotes-end{position: relative; left: 5px; top: 5px}
.padding-arround{padding: 20% 0 !important}
.bild-2{padding-top: 40px;}
.bild-2 a{padding: 15px 2px}


a.button.product_type_simple img{background: none; width: 60px !important; height: 60px !important}
a.button.add_to_cart_button.product_type_simple{display: none !important}

a.button.product_type_simple, .product-type-simple.outofstock a.button.product_type_simple{background: none !important; border: 0 !important; box-shadow: none}
.woocommerce-ordering .woocommerce #page-wrapper .button{box-shadow: none !important}
a.button.product_type_simple {display: block !important}

a.button.product_type_simple, .price + a.button.product_type_simple {position: absolute; right: -18px; top: -23px; border: none}
.woocommerce #page-wrapper .button{box-shadow: none}

#pg-16-0, #pg-16-1, #pg-16-2, #pg-16-3, #pl-16 .panel-grid-cell .so-panel {margin-bottom: 10px;}

.opensans{font-family: 'Open Sans', sans-serif; font-size: 125%; line-height: 1.5; font-weight: 300 !important; width: 400px; margin: 0 auto;}

.leer{margin-bottom: 50px !important}
div.pp_pic_holder{top: 100px !important}
#pg-16-0, #pg-16-1, #pg-16-2, #pg-16-3, #pl-16 .panel-grid-cell .so-panel{margin-bottom: 10px !important;}
#yith-wcwl-row-643 .button{position: static}

.relative{position: relative}
.contentImgContainer {top: 20px;}
span.posted_in {display: none;}

.orgin-css-hov .rd-org-img-wrapper.rd-org-img-wrapper-sweep-1 [class^="image-overlay-horizontal-"], .orgin-css-hov .rd-org-img-wrapper.rd-org-img-wrapper-sweep-1 [class^="image-overlay-vertical-"] {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}

.rd-gird-row .rd-org-img-wrapper .rdorgin-ho-eff-wrapper .btn {
        text-transform: uppercase;
    position: relative;
    padding: 0.300em 1.3625em;
    font-size: 1.25em;
    margin: 0 auto;
    color: white;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-weight: bold;
    background: none;
    box-shadow: none; 
    width: 100%;
}
.orgin-css-hov .rd-org-img-wrapper h5 {
    color: #FFF;
    margin: 5px 0;
    font-size: 16px;
}

.orgin-css-hov .rd-org-img-wrapper .rdorgin-ho-eff-wrapper p {
    font-size: 16px;
    color: #FFF;
    line-height: 110%;
}
#newsletterBackground{display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);position: fixed; z-index: 999999999}

#menu-item-1223, #menu-item-1436 ,#menu-item-1468{
    width: 120px;
    height: 120px;
    background: #F00;
    position: absolute;
    top: 25px;
    right: -60px;
    z-index: 99999;
    border-radius: 60px;
    padding: 0px 0px 0 0px;
    font-size: 14px;
    text-align: center;
    box-shadow: 5px 5px 15px #555;
    transform: rotate(20deg);
    transition: 0.7s;
    cursor: pointer;
    overflow: hidden;
}

#menu-item-1223 a, #menu-item-1436 a, #menu-item-1468 a{color: black; padding: 45px 0px; transition: 0.5s}
#menu-item-1223:hover, #menu-item-1436:hover, #menu-item-1468:hover{background: green;}
#menu-item-1223 a:hover, #menu-item-1436 a:hover, #menu-item-1468 a:hover{color: white; padding: 45px 0px;background: green;}
#newsletterContainer{background: white; width: 300px; position: absolute; top: 100px; left: 50%; margin-left: -150px; padding: 20px 60px 20px 20px; border-radius: 10px; box-shadow: 0 0 30px #fff}
.close{color: white; background: black; border-radius: 5px; padding: 5px 15px; cursor: pointer; position: absolute; top: 10px; right: 10px; transition: 0.5s; border: 1px solid black}
.close:hover{color: black; background: white}
/* .woocommerce #page-wrapper .button{background: none !important; border: 0} */
.orgin-css-hov .rd-org-img-wrapper.rd-org-img-wrapper-sweep-1 .rdorgin-ho-eff-wrapper{text-align: center}
#image-effects-section > div > div > div.obenRechts{padding-top: 50px}
#wishlist td.product-add-to-cart a img{display: none}

.foreFooterLeft{display: table-cell;}
.foreFooterRight{display: table-cell; padding: 0 20px}
.foreFooterLeft ul, .foreFooterRight ul{padding: 0; margin: 0;}
.foreFooterLeft li, .foreFooterRight li{padding: 0; margin: 0; list-style: none}
.rdorgin-ho-eff-wrapper a:link, .rdorgin-ho-eff-wrapper a:visited {
    outline: 0;
    color: #FFF;
}
#home .fullPosts{overflow: hidden; margin-bottom: 30px}
#home .fullPosts header.entry-header{width: 40%; float: left}
#home .fullPosts .contentPosts{width: 58%; float: right}
#home .fullPosts h1.entry-title{margin: 0}
#home .fullPosts .entry-content {margin-top: 0px;}
#home .fullPosts h1.blogTitle a{font-size: 140%; padding: 10px 0; display: block}
#home .fullPosts .postBar{background: #ddd; padding: 10px}
#home .leftBlogSide{float: left}
#home .rightBlogSide{width: 18%; float: right}
#home .rightBlogSide ul{margin: 0}
#home .rightBlogSide li{list-style: none}

#home #primary {width: 80% !important;}
#home .archivesBlog{margin-bottom: 30px}
#home .categoriesBlog{}

@media(max-width: 1200px){
	#menu-item-1223, #menu-item-1436 ,#menu-item-1468{right: -25px;}
}
@media(max-width: 1100px){
	#menu-item-1223, #menu-item-1436 ,#menu-item-1468{right: 0;}
}
@media(max-width: 1000px){
	img.logo-no-height-constrain{width: 200px !important; height: auto;}
}
@media(max-width: 900px){
	nav.site-navigation.main-navigation.primary.mobile-navigation.sticky{position: relative}
	img.logo-no-height-constrain{width: 200px !important; height: auto; position: absolute}
}
@media(max-width: 840px){
	nav.site-navigation.main-navigation.primary.mobile-navigation.sticky{position: relative}
	img.logo-no-height-constrain{width: 200px !important; height: auto; position: absolute}
	.main-navigation ul {margin: 45px 0 0 0; background: white}
	#menu-item-45-de, #menu-item-51-de, #menu-item-53-de{position: absolute; top: -40px !important; right: 200px; opacity: 0.4;}
	#menu-item-45-en, #menu-item-51-en, #menu-item-53-en{position: absolute; top: -40px !important; right: 150px; opacity: 0.4;}
	#menu-item-45-fr, #menu-item-51-fr, #menu-item-53-fr{position: absolute; top: -40px !important; right: 100px; opacity: 0.4;}
	#menu-item-257{position: absolute; top: -42px !important; right: 50px; width: 37px; height: 36px}
	#menu-item-258, #menu-item-765 a, #menu-item-768{position: absolute; top: -44px !important; right: 0; color: white}
	.main-navigation ul li a {padding: 10px;}
	img.logo-no-height-constrain{width: 160px !important;}
}
@media(max-width: 770px){
	.rdorgin-ho-eff-wrapper div {margin: 0 !important;}
	#menu-item-1223, #menu-item-1436 ,#menu-item-1468{display: none;}
	.titleBlog{position: static; padding: 0; background: black}
	article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title{font-size: 15px; font-weight: normal}
	body.responsive.woocommerce-page #container ul.products li.product{margin-bottom: 10px}
	.superBigFont{font-size: 220%}
	.contentSliderContainer{bottom: 30px; right: 30px}
	#themenwelt .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 49%}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 50% !important; position: relative; background: white; padding-top: 6px}
	#closePrice{width: 250px}
	.woocommerce #page-wrapper .upsells.products ul.products li.product, .woocommerce #page-wrapper .related.products ul.products li.product {max-width: 46%;}
	
}
@media(max-width: 650px){
	.huge_it_slideshow_image_wrap_1, .contentSliderContainer, body.responsive #masthead.masthead-logo-in-menu .logo{display: none !important}
	.entry-content {margin-top: 0px;}
	.main-navigation {border-bottom: 1px solid;}
	.opensans{width: auto}
	#itemLeft{width: 30%;}
	#itemRight{width: 69%}
	#home #primary{width: 100% !important}
	#home .leftBlogSide{float: none; width: 100%}
	#home .rightBlogSide{width: 100%; float: none}
	#home .fullPosts header.entry-header {width: 100%; float: none;}
	#home .fullPosts .contentPosts {width: 100%; float: none;}
}
@media(max-width: 500px){
	img.logo-no-height-constrain{display: none}
}
.entry-content h1{display: none}