/*
Theme Name: Hello Elementor Child – Diamond Lock
Template: hello-elementor
Version: 1.0.0
Description: A Hello Elementor gyermeksablona. A Simple Portfolio típuslistáját (márkák, márkaoldalak) jeleníti meg; minden más Elementorból jön.
Text Domain: hello-elementor-child
*/

/* Alapbetűk és -színek: a régi sablon testreszabott Bootstrapjából (diamondlock-valtozar-2015/css/bootstrap.css). */
body{font-family:"Open Sans",sans-serif;font-size:14px;line-height:1.42857143;color:#333}
a{color:#890707;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}
p{margin:0 0 10px}
.btn{border-radius:0;font-size:16px;font-weight:800;text-transform:uppercase}
.btn-danger{color:#fff;background-color:#890707;border-color:#710606}

.dl-container{max-width:1140px;margin:0 auto;padding:30px 15px}
.dl-container h1{margin:0 0 25px}
.dl-markak{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dl-markak a{display:block;text-align:center;border:1px solid #f7f7f7;padding:10px;color:#000;text-decoration:none}
.dl-markak a:hover{background:#f9f9f9}
.dl-markak img{width:100%;height:auto;display:block}
.dl-markak span{display:block;margin-top:6px;font-weight:600}
.dl-marka-fej{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}
.dl-marka-fej img{width:100%;height:auto;border:1px solid #f7f7f7}
.dl-gombok{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.dl-gomb{display:inline-block;padding:10px 18px;border:1px solid #890707;color:#890707;text-decoration:none;font-weight:600}
.dl-gomb--fo{background:#890707;color:#fff}
.dl-tipusok{list-style:none;margin:25px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dl-tipusok img{width:100%;height:auto;display:block}
.dl-tipusok h3{font-size:15px;margin:8px 0 0}
@media(max-width:1024px){.dl-markak,.dl-tipusok{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.dl-markak,.dl-tipusok{grid-template-columns:repeat(2,1fr)}.dl-marka-fej{grid-template-columns:1fr}}

/* Oldalcím: ugyanúgy néz ki, mint a régi sablon h2.page-title-je, de H1 maradt. */
.page-header .entry-title,.dl-container h1{font-weight:800;color:#176889;text-transform:uppercase;font-size:26px;line-height:1.1;margin:0 0 20px;padding-bottom:15px;border-bottom:3px dashed #d8d8d8}
@media(min-width:768px){.page-header .entry-title,.dl-container h1{font-size:32px;margin-bottom:35px}}
@media(min-width:1200px){.page-header .entry-title,.dl-container h1{font-size:40px}}

/* A Hello reset.css a link nélküli <a> elemeknek örökölt színt ad; a link nélküli Elementor-gombok maradjanak fehérek, mint a régi sablonban. */
a.elementor-button:not([href]):not([tabindex]){color:#fff}