/*
Theme Name: Rank & Roll Child
Theme URI: https://rankandroll.agency
Description: CSS Rank & Roll Agency
Author: Iván Ruiz
Template: generatepress
Version: 1.0
*/
@import url('assets/css/custom.css');

/* 3. CSS CUSTOM FOOTER*/ .custom-footer {display: grid; grid-template-columns: 20%; grid-template-rows: 1fr; gap: 10px 10px; grid-template-areas: ". . . . ."; margin-top: 1em; background-color: #fff; color: #2a6a6a;padding: 20px;} .footer-top {grid-column-start: 1;grid-column-end: -1;align-items: center;} .footer-logo {max-width: 8em;} .footer-columns {display: grid;	grid-column-start: 1; grid-column-end: -1; grid-row-start: 2; gap: 20px;} .footer-column {display: grid; grid-row-start: 2;} .footer-column p{font-size: 0.9em;} .footer-column li {list-style: none;} .footer-column a {display: block; color: #2a6a6a; text-decoration: none; margin-bottom: 10px; font-size: 0.9em;}.footer-column a:hover {text-decoration: underline;} .social-media a {display: inline-block; margin-right: 10px;} .footer-imprint {margin-top: 2em;	grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; border-top: 1px solid #e1b673;} .footer-imprint ul {margin-top: 2em; display: flex; list-style-type: none;    padding: 0; margin: 2em 0 0 0;} .footer-imprint li {margin-right: 20px; font-size: 0.8em;} .footer-imprint li a{margin-right: 20px; text-decoration: none; color: #2a6a6a;} .footer-imprint li a:hover { color: #339999; font-weight: 400; text-decoration: none; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e63946;} .footer-imprint li:last-child {margin-right: 0;}.footer-column.social-media {text-align: center; /* Center the content */} .footer-column.social-media h6 {margin-bottom: 10px;} .social-icons {display: flex; justify-content: center; gap: 10px; margin-top: -25%;} .social-icons a {transition: transform 0.3s ease; transform: scale(1);} .social-icons a:hover {transform: scale(1.05);}



@media (max-width: 768px) {
/*CSS CUSTOM FOOTER*/ .custom-footer {display: grid; grid-template-columns: 100%; grid-template-rows: 1fr; gap: 10px 10px; grid-template-areas: "."; margin-top: 1em; background-color: #fff; color: #2a6a6a;padding: 20px;} .footer-top {grid-column-start: 1;grid-column-end: -1;align-items: center;} .footer-logo {max-width: 6em; rotate: -15deg;} .footer-columns {display: flex; flex-direction: column;} .footer-column {display: grid; grid-column-start: 1; grid-column-end: -1; grid-row-start: 3; } .footer-column p{font-size: 0.9em;} .footer-column li {list-style: none;} .footer-column a {display: block; color: #2a6a6a; text-decoration: none; margin-bottom: 10px; font-size: 0.9em;}.footer-column a:hover {text-decoration: underline;} .social-media a {display: inline-block; margin-right: 10px;} .footer-imprint {margin-top: 2em;	grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; border-top: 1px solid #e1b673;} .footer-imprint ul {margin-top: 2em; display: flex; list-style-type: none;    padding: 0; margin: 2em 0 0 0;} .footer-imprint li {margin-right: 20px; font-size: 0.8em;} .footer-imprint li a{margin-right: 20px; text-decoration: none; color: #2a6a6a;} .footer-imprint li a:hover { color: #339999; font-weight: 400; text-decoration: none; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e63946;} .footer-imprint li:last-child {margin-right: 0;}.footer-column.social-media {text-align: center;} .footer-column.social-media h6 {margin-bottom: 10px;} .social-icons {display: flex; justify-content: center; gap: 10px; margin-top: 0;}
}