1 BUTTON */ /* Make column to flex box */ #r5002 .row:first-child .col { display:flex; justify-content:center; flex-wrap:wrap; } /* Then set all modules except buttons to 100% width */ #r5002 .row:first-child .col .module:not(.button):not(.button2) { width:100%; } /* Puffar as FLEX BOXES */ #r1692 .container, #r1083 .container, #r1843 .container, #r2128 .container, #r2944 .container, #r2621 .container, #r4883 .container, #r2074 .container, #r1582 .container, #r1000 .container, #r4217 .container, #r3867 .container, #r4232 .container, #r2244 .container, #r2686 .container { display:flex; justify-content:center; gap:30px; } /* CONTACT PAGE BOXES */ #p9238 #r3139 .container { border-radius:20px; box-shadow:0 0 10px rgb(0 0 0 / 20%); overflow:hidden; } /* ============ COMPONENTS ============ */ /* Buttons */ .button2 { text-underline-offset:2px; } .button2 .buttonIcon { transition:transform 200ms ease; } .button2:hover .buttonIcon { transform:translateX(3px); } /* ACCORDION */ .accordion li:not(:first-child):not(li ul li) { border-top:3px solid #FFF; } .accordion .itemClose { right:20px; } .accordion .itemClose::before { font-size:25px; } .accordion li { outline:none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* FORM STYLING */ .form input::placeholder, .form textarea::placeholder { opacity:0.5; font-weight:normal; } select, textarea { padding-top:12px !important; padding-bottom:12px !important; } /* BUSINESS CARD */ .businesscard .divider:not(.divider1), .businesscard .textBlock1 div:not(:first-child), .businesscard .textBlock2, .businesscardshare, .businesscardLinks { display:none; } .businesscard img { height:140px; width:140px; object-fit:cover; border:2px solid #CCC; border-radius:100%; padding:5px; } /* REVIEWS */ .reviewDate, .reviewDate span { display:none; } /* PRICE LISTS */ .pricelist .itemnumber { position:relative; display:inline-block; font-weight:300; opacity:70%; width:15px; text-align:left; } .pricelist .itemdescription { padding-left:21px; } /* ======== FOOTER ======== */ .brandfooter { padding:10px; } .brandLogoContainer { width:100%; text-align:center !important; } .brandingText { color:#FFF; } .footertext a:hover { text-underline-offset: 1px; text-decoration-color:rgb(29 29 31 / 30%); } .openinghours2 { max-width:250px; } /* ============= MEDIA QUERIES ============= */ /*MOBILE*/ @media screen and (max-width:767px) { #m1573 { display:block; width:100%; max-width: 250px; box-shadow: 0 0 15px rgb(0 0 0 / 50%); border-radius: 100px; } } /*TABLET*/ @media screen and (min-width:786px) and (max-width:1199px) { } /*TABLET & DESKTOP*/ @media screen and (min-width:768px) { } /*DESKTOP*/ @media screen and (min-width:1200px) { #r5002 .row .container-fluid { max-width:1920px; margin:0 auto; } .container-fixed { max-width: 1400px; } #m1573 { position: absolute; max-width: 300px; bottom: 50px; rotate: 15deg; box-shadow: 0 0 15px rgb(0 0 0 / 50%); border-radius: 100px; right:-120px; } #m3011 { position: absolute; max-width: 450px; top: 50px; right:-120px; } } /*ULTRAWIDE*/ @media screen and (min-width:2000px) { .container-fixed { max-width:1920px; } } tr:nth-child(odd) { background: #dce6f1; } tr:nth-child(even) { background: #fff; } tr:first-child { background: #4f81bd; color: white; }