/*
Theme Name:     Pixwell child
Template:      	pixwell
Theme URI:      https://tf01.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Pixwell in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, editor-style, featured-images, theme-options, custom-colors, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

/*Aumento fonte icons*/
.topbar-social a {
    font-size: 20px;
}

/*Estilização da data, tempo*/
.custom-weather, .custom-date {
    font-size: 16px; /* Tamanho da fonte discreto */
    margin-right: 20px; /* Espaçamento entre clima e data */
    color: #555; /* Cor de texto sutil */
}
.custom-weather, .custom-date  {
    margin-right: 5px; /* Espaçamento entre o ícone e o texto */
}


/*Estilização do mega menu */
.mega-holder
{
	margin-right:20px;
}

/*Ocultar compartilhar*/
.share-label
{
	display:none;
}

.custom-container {
    display: flex;
    justify-content: start;
    align-items: center; /* Alinhamento vertical no meio */
    width: 100%;
    max-width: 1200px; /* Largura máxima do container */
    margin: 0 auto; /* Centraliza o container */
    padding: 20px 0; /* Padding superior e inferior de 20px */
}

.custom-column {
    box-sizing: border-box;
    display: flex;
    align-items: center; /* Alinhamento vertical no meio */
}

.custom-column-70 {
    flex-basis: 70%;
    justify-content: flex-start; /* Conteúdo alinhado ao início */
}

.custom-column-30 {
    flex-basis: 30%;
    justify-content: flex-end; /* Conteúdo alinhado ao final */
}

.custom-ad img {
    width: 728px; /* Largura do anúncio */
    height: 90px; /* Altura do anúncio */
}

.custom-ad {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Centraliza o conteúdo verticalmente */
    width: 100%;
    height: 90px;
    margin-bottom: 20px; /* Espaçamento entre os anúncios */
}

/* Por padrão, ocultar o conteúdo em todos os dispositivos */
.desktop-only-content {
    display: none;
}

/* Mostrar o conteúdo apenas em telas grandes (desktops) */
@media (min-width: 992px) {
    .desktop-only-content {
        display: block;
    }
}