@font-face { font-family: 'DCC-Ash'; url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/DCC-Ash.eot'); src: local('DCC-Ash'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/DCC-Ash.eot?#iefix') format('embedded-opentype'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/DCC-Ash.ttf') format('truetype'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/DCC-Ash.woff') format('woff'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/DCC-Ash.otf') format('otf')}@font-face { font-family: 'open-sans-v14-latin_latin-ext-regular'; url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/open-sans-v14-latin_latin-ext-regular.eot'); src: local('open-sans-v14-latin_latin-ext-regular'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/open-sans-v14-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/open-sans-v14-latin_latin-ext-regular.ttf') format('truetype'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/open-sans-v14-latin_latin-ext-regular.woff') format('woff'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/open-sans-v14-latin_latin-ext-regular.woff2') format('woff2'),url('https://www.selbst-diylounge.de/wp-content/themes/mav-ng/fonts/open-sans-v14-latin_latin-ext-regular.svg') format('svg')}/************************************************************** * General Element styles * **************************************************************/ /*************************************************** Standard HTML elements ***************************************************/.mav-detail button { border: 1px solid #636363; background-color: #636363; color: #ffffff; padding:7px 30px 7px 30px; margin-bottom:15px; margin-top:15px; font-size:1em; text-decoration: none; text-align:center;} h1,h2,h3 { font-family: open-sans-v14-latin_latin-ext-regular; color: #636363; margin-bottom: 20px;} h1 { margin-top: 20px; font-size: 1.6em;}h2 { font-size: 2em;} h3 { font-size: 1em;} h4 { font-size: 18px;} body{ font-family: open-sans-v14-latin_latin-ext-regular,Arial,Helvetica,SansSerif; color: #636363; overflow-y:scroll;} a,a:hover{ text-decoration: none; color:#636363} /************************************************************** * HEADER * **************************************************************/ /* teaser on top of the page */.mav-teaser { background-color: #eeeeed; height:33px; line-height: 33px; text-align: center; font-size: 1.1rem; color: white;}.mav-teaser a{ color: white;} /************************************************************** * HEADER -> Desktop Menu * **************************************************************/ .mav-head,.mav-head a,.navbar li a ,.navbar li a:hover { font-family: open-sans-v14-latin_latin-ext-regular,Arial,Helvetica,SansSerif; color: #636363; font-size: 0.95em; text-transform: uppercase; max-width: 1420px;} .mav-logo-wrapper { padding:20px 0 20px 0; width:120px; float:left;} .mav-logo img { height:120px;}.welcome-block { height:60px; margin:0; padding:35px 0 0 0;} .login-logout-block { margin:0; padding:30px 0 0 0}.mav-menu { margin:0; padding:30px 0 0 0;} .mav-menu ul { list-style-type: none; overflow:hidden; margin:0; padding:0; float:left;} .mav-menu li { float:left; padding-left:2.5em;} @media screen and (max-width: 992px) { .mav-menu li { padding-left:1.3em; }} /************************************************************** * HEADER -> Mobile menu * **************************************************************/ .mav-mobile-head { background-color: #eeeeed; height:100px;} .mav-mobile-head-logo { z-index:-1; text-align: center; position:absolute; left:0; top:10px; width:100%; height:80px;} .mav-mobile-head-logo img{ height:80px;} .mav-mobile-head-clicker { margin:0 auto; width:100px; height:92px; z-index:3;} .mav-mobile-head-toggle { z-index:2; position:absolute; right:0; top:10px; padding-right:30px; width:60px; text-align: right; height:80px;} .navbar-light .navbar-toggler { border-color:#636363; color:#636363;} .navbar li { border-bottom: 1px solid #C1C1C1; background-color: white;} .navbar ul { } .navbar-nav li:last-child { border-bottom: none;} .custom-toggle .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23636363' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");} .navbar-toggler,.navbar-toggler:focus { margin-top:22px; box-shadow: none; color: #636363} /*************************************************** Startpage ***************************************************/ h1.welcome { margin-top:30px; font-family: DCC-Ash; color: #f7d178; font-size: 3.9em; line-height: 1.2em; text-align: center;} @media screen and (max-width: 767px) { h1.welcome { font-size: 2.6em !important; line-height: 1em; }} @media screen and (min-width: 768px) and (max-width: 992px){ h1.welcome { font-size: 2.6em !important; line-height: 1em; }} .home-box .caption{ font-size: 0.95em; color: #636363; padding-top: 15px; padding-bottom: 15px; display: block; text-align: center; text-decoration: none;} .home-box a { text-decoration:none;} .home-box { margin-bottom:15px;} @media screen and (max-width: 767px) { .home-box { margin-bottom:0; } .threeBoxes-1,.threeBoxes-2 { margin-bottom:1.5rem; } .home-box .caption{ padding-top: 8px; padding-bottom: 21px; }} img.home-box-img { width: 100%;} .contentInnerSlider div { margin-bottom:18px;} @media screen and (max-width: 767px) { .contentInnerSlider div { margin-bottom:10px; }}/*************************************************** Footer ***************************************************/.footer { margin-top:50px; padding:30px; background: #eeeeed;} .footer .container { max-width:1400px;} .footer ul { padding:0; list-style-type: none; overflow:hidden; font-size: 0.95em;} .footer li { padding:0 0 0 30px; float:right;} .footer li a { color: #636363; text-decoration: none;} @media screen and (max-width: 767px) { .footer li { float:none; text-align:center; line-height: 40px; padding:0 0 0 0px; }} .responsive-box { height: 50px; line-height:35px;} @media (min-width: 767px) { .responsive-box { height: 60px; }} .modal { z-index:2;}.modal-backdrop { z-index:1;} .wrapper { display:flex; flex-direction: column; min-height: 100vh;} #mainContent { flex:1;} /*************************************************** List pages ***************************************************/.mav-list-entry { margin-bottom:25px;} .mav-list-entry-content { text-align: center; padding-bottom:5px;} .mav-list-entry img { width: 100%; height: auto; margin-bottom:5px;} .mav-list-entry a { text-decoration: none; display: block;} .mav-list-title { font-weight: bold; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis;} .mav-list-shortdescription { white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis;} .lastnext { margin-top:15px;} .mav-list h1 { text-align:center} @media screen and (max-width: 767px) { .mav-list-entry { margin-bottom:5px; } .mav-list-entry img { margin-bottom:8px; } .mav-list-entry-content { padding-bottom:16px; }} /*************************************************** Login / Register page ***************************************************/.login-greybox { padding:30px;} @media screen and (min-width: 768px) { .loginPage-login { border-right: 1px solid lightgrey; margin-bottom:30px; } .login-greybox { padding:30px; } #login-register-password { margin-top:30px; margin-bottom:30px; }} .login-greybox label { display:block; margin:0; font-weight:normal;} .login-greybox input:not([type=checkbox]) { width:100%; border:1px solid lightgrey; height:30px; margin-bottom:15px; margin-top:3px; padding-left:10px; background-color:white !important;} .login-greybox input[type=checkbox] { width: 15px; height: 15px; border:1px solid lightgrey; background-color:white !important;} .login-greybox h3 { margin:0; padding:0; margin-bottom:15px; font-size: 1.5em; font-weight: bolder;} .login-greybox button { width:100%;} .registerInfo button{ background-color:#ffffff; color: #636363;; border:3px solid grey; font-weight: bold;} .modal { z-index:1041;} /*************************************************** Coupon Pages ***************************************************/.coupon-code { border: 2px dotted red; padding: 5px 30px 5px 30px; margin-bottom:20px;} /*--------------------------------------------------------------# Infinite scroll--------------------------------------------------------------*//* Globally hidden elements when Infinite Scroll is supported and in use. */.infinite-scroll .posts-navigation,/* Older / Newer Posts Navigation (always hidden) */.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none;} /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */.infinity-end.neverending .site-footer { display: block;} /*--------------------------------------------------------------# Media--------------------------------------------------------------*/.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0;} /* Make sure embeds and iframes fit their containers. */embed,iframe,object { max-width: 100%;} /* Make sure logo link wraps around logo image. */.custom-logo-link{ display: inline-block;} /*--------------------------------------------------------------## Captions--------------------------------------------------------------*/.wp-caption { margin-bottom: 1.5em; max-width: 100%;} .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto;} .wp-caption .wp-caption-text { margin: 0.8075em 0;} .wp-caption-text { text-align: center;} /*--------------------------------------------------------------# / END OF STYLES FROM WP UNDERSCORES THEME (_s)--------------------------------------------------------------*/ /*--------------------------------------------------------------# Begin MAV:NG custom styles--------------------------------------------------------------*/ table,tr,td { border:1px solid darkgrey; padding:5px;} article.row { margin-left:0; margin-right:0;}article label { display:block;} article select { width:300px; height:35px; margin-bottom:15px;} @media screen and (max-width: 767px) { article,.mav-detail { padding-left:10px; padding-right:10px; }} /*--------------------------------------------------------------# MAV:NG Coupon detail pages--------------------------------------------------------------*/ #mav-ng-root .coupon-code { font-weight: bold; color: red;} .no-insta-consent { background-color: #eeeeee; max-width:460px; padding:20px; box-sizing: border-box; border-radius: 15px; text-align: center;} /*--------------------------------------------------------------# MAV:NG Carousel styles--------------------------------------------------------------*/ #mavSlider .carousel-item img { object-fit: cover; object-position: center; } .fixedSliderHeight img { height: 650px; overflow: hidden;} /* Carousel base class */.carousel { height: auto; margin-bottom: 1em;}/* Since positioning the image,we need to help out the caption */.carousel-caption { z-index: 10;} .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: auto;} .carousel div.carousel-caption h3 { color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); font-size: 36px;} .carousel-control { background-image:none !important;} /* no-gutters Class Rules */.row.no-gutters { margin-right: 0; margin-left: 0;}.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0;}/* no-left-gutter Class Rules */.row.no-left-gutter,.row.no-first-left-gutter { margin-left: 0;}.row.no-left-gutter > [class^="col-"],.row.no-left-gutter > [class*=" col-"] { padding-left: 0;}.row.no-first-left-gutter > [class^="col-"]:first-child,.row.no-first-left-gutter > [class*=" col-"]:first-child { padding-left: 0;}/* no-right-gutter Class Rules */.row.no-right-gutter,.row.no-last-right-gutter { margin-right: 0;}.row.no-right-gutter > [class^="col-"],.row.no-right-gutter > [class*=" col-"] { padding-right: 0;}.row.no-last-right-gutter > [class^="col-"]:last-child,.row.no-last-right-gutter > [class*=" col-"]:last-child { padding-right: 0;} /** FIELDSETS */ .profileBox { background: #F1F1F1; border: solid 1px #CCCCCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 6px; margin-bottom: 30px;}.profileBox h3 { border-bottom: 1px solid #CCCCCC; padding:5px;} .profileBox input { margin-bottom: 10px; max-width: 400px;} .dz-filename,.dz-progress { display:none;} .dz-container { margin-bottom:20px;} #dz-error { display:none; background-color: #e9a4a4; padding:15px; color:#FFFFFF; font-weight: bolder;} /* Images */ .img-responsive{display: block;max-width: 100%;height: auto;margin: 0px auto;}.img-circle { border-radius: 50%; } /* Comments */ textarea,input {border:1px solid #e4e4e4;}textarea {width:100%;}.comment-list,.children{list-style:none;}ul.children {list-style:none;padding-left:0px; margin-left:0px;}.comment-wrap { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 50px; position:relative; }.comment-wrap .comments-title{padding-top:60px;}.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px;}.comment-author {text-align:left;}.comment-reply {position:absolute;top:0px;right:0px;font-style:italic; padding:5px 5px;background:#f5f5f5;}.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;margin-bottom:2px;}.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;}.depth-2 .comment-wrap {padding-left:30px;}.depth-3 .comment-wrap {padding-left:60px;}.depth-4 .comment-wrap {padding-left:90px;}.depth-5 .comment-wrap {padding-left:120px;}.depth-6 .comment-wrap {padding-left:150px;}.depth-7 .comment-wrap {padding-left:180px;}.depth-8 .comment-wrap {padding-left:210px;}.depth-9 .comment-wrap {padding-left:240px;}.depth-10 .comment-wrap {padding-left:270px;}#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:100%;}#commentform input[type="submit"]{display:inline-block;padding:8px 15px;border:1px solid #e4e4e4;font-size: 10px;text-transform: uppercase;letter-spacing: 3px;background: #fff;margin-top:15px;}#commentform input[type="submit"]:hover {background: #e2fcff;}.title-line{border-top: 1px dotted #ccc;display: block;max-width: 30%;margin: 0 auto 25px;} /* Responsive */ @media (max-width: 767px) { .comment-list,.children { padding-left: 0px; } .comment-wrap .comment-img { float: none;margin: 0px;width: 100%;padding-bottom: 0px; } .comment-img>img { display: block;margin: 0px auto; } .comment-author,.comment-author a,.comment-date { text-align:center; } .depth-2 .comment-wrap,.depth-3 .comment-wrap,.depth-4 .comment-wrap,.depth-5 .comment-wrap,.depth-6 .comment-wrap,.depth-7 .comment-wrap,.depth-8 .comment-wrap,.depth-9 .comment-wrap,.depth-10 .comment-wrap {padding-left:0px;} .comment-reply { position: relative; text-align: center; display: block; margin-top: 25px;}} table,th,td { border:1px solid darkgrey !important; padding:5px;}