:root { --accentColor: #c99e67; } :root { --secondColor: #c99e67; } #top .mod_login_top { display: none; } #top .offcanvas-trigger { display: none; } #top, #top a, #top .mod_socials a i { color: #3d3d3d; } html, body { font-family: Poppins; font-weight: 300; } body { color: #3d3d3d; } html, body { font-size: 16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline { font-family: Cinzel; font-weight: 400; } h1, .h1 { font-family: Cinzel; font-weight: 400; } h1, .h1, .h1 p { font-size: 45px; } h1, h1 a, .h1, .h1 a, .h1 p { color: #3d3d3d; } h2, .h2 { font-family: Cinzel; font-weight: 400; } h2, .h2, .h2 p { font-size: 35px; } h2, h2 a, .h2, .h2 a, .h2 p { color: #3d3d3d; } h3, .h3, .h3 p { font-size: 30px; } h3, h3 a, .h3, .h3 a, .h3 p { color: #3d3d3d; } h4, .h4, .h4 p { font-size: 25px; } h4, h4 a, .h4, .h4 a, .h4 p { color: #3d3d3d; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6 { color: rgba(0,0,0,0.5); } #footer, #footer a { color: rgba(0,0,0,0.5); } #footer li:after { border-color: rgba(0,0,0,0.5); } #footer { background-color: #f2f2f2; } #bottom .inside, #bottom .inside a { color: rgba(0,0,0,0.4); } #bottom { background-color: #ffffff; } #bottom { border-top: 1px solid #e5e5e5; } @media only screen and (min-width: 768px) { .smartmenu { display: block; } .mainmenu { display: none; } .smartmenu .smartmenu-trigger .line, .smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after { height: 2px; width: 20px; } .smartmenu .smartmenu-trigger .line { width: 15px; } .smartmenu .smartmenu-trigger .line:before { margin-top: 5px; } .smartmenu .smartmenu-trigger .line:after { margin-top: -7px; } #top .inside { background: none!important; } } .logo a { background-image: url(../uploads/logo_sould_and_heat_web.png); } .stickyheader .logo a { background-image: url(../uploads/logo_sould_and_heat_web_sticky.png); } @media only screen and (min-width: 768px) { .header.original .logo { width: 200px; } } @media only screen and (min-width: 768px) { .header.original .logo { height: 150px; } .header.original { line-height: 150px; } .smartmenu .smartmenu-trigger { height: 150px; } } @media only screen and (min-width: 768px) { .stickyheader .header .logo { width: 100px; } } @media only screen and (min-width: 768px) { .stickyheader .header .logo { height: 98px; } .stickyheader .header.cloned { line-height: 98px; } .header.cloned .smartmenu .smartmenu-trigger { height: 98px; } html { scroll-padding: 98px 0 0 0; } } @media only screen and (max-width: 767px) { .header .logo { width: 90px; } } .mainmenu ul li a { font-family: Poppins; } .mainmenu ul li a { font-weight: 300; } .mainmenu ul li a { font-size: 18px; } .smartmenu-content { background-color:#5B0804; } body { background-color:#5B0804; } @media only screen and (max-width: 767px) { #top { display: block!important; } } @media only screen and (max-width: 767px) { #top .mod_top_phone { display: none; } } @media only screen and (max-width: 767px) { #top .mod_top_mail { display: none; } } .mmenu_trigger .label { text-transform: uppercase; } .mmenu_trigger .label { font-size: 29px; } #mmenu { bottom: 0; } #mmenu .mod_navigation li a { font-size: 22px; } #mmenu .mod_navigation li.submenu .opener { width: calc(22px + 10px); } #mmenu .mod_navigation li a { line-height: 30px; } #mmenu .mod_navigation li.submenu .opener { height: calc(30px + 5px); } #mmenu .mod_navigation li ul li a { font-size: 16px; } #mmenu .mod_navigation .level_2 li.submenu .opener { width: calc(16px + 13px); } #mmenu .mod_navigation li ul li a { line-height: 25px; } #mmenu .mod_navigation .level_2 li.submenu .opener { height: calc(25px + 5px); } #mmenu .mod_navigation li a { text-transform: uppercase; } #mmenu .mod_navigation li a { text-align: center; padding: 4px 0; } #mmenu .mod_langswitcher { display: none; } #mmenu .mod_search { width: 100%; } #mmenu .mod_navigation li a.submenu:after { content: "+"; font-family: Arial, Verdana, sans-serif; } #mmenu .mod_mmenu_custom_nav { display: none; } #mmenu #mmenu_bottom { display: block; } #mmenu .mod_socials, #mmenu .mod_mmenu_custom_nav { text-align: center; } #mmenu .mod_socials { margin-right: 0; } #mmenu .mod_mmenu_custom_nav a { margin: 0 4px; }