/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://editoradev.ufrrj.br/portal/storefront-child-theme
Author:       	Cotic
Author URI:     https://editora.ufrrj.br
Template:     	storefront
Description:  	Tema child para WooThemes StoreFront theme
Version:      	1.0.0
License:      	License v1
License URI:  	 https://editora.ufrrj.br
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
Images License: GNU General Public License v1 or later
*/
/*
 * Add your own custom css below this text.
 */
:root {
--cor-cinza-claro: #B3B3B3;
--cor-cinza-claro-hover: #F1F1F1;
--cor-azul-escuro: #0d1317;
--radius: 10px;
}
/* font lato padrão*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,900&display=swap');

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

body, html {  font-family: "Lato", sans-serif;
}

.hentry .entry-content a {text-decoration:none;}

.col-full, .woocommerce-shop .fb-container {
    max-width: 1600px;
}

selector .elementor-7609 .elementor-element.elementor-element-4005ba5 .foogallery.fg-image-viewer .fiv-ctrls {display:none;}

/*personalizar button sinpla page produto*/
button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
	border-radius:20px;
}

/*personalizar button page loja poduto*/
.button, .widget a.button {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #333333;
		border-radius:20px;

}

/*border-radius imagem produto*/

ul.products li.product img {border-radius:5px;}

/* WooCommerce Products Shortcode: bottom-align buttons  */
@media screen and (min-width: 768px) {  
  ul.products {
    display: flex;
    flex-wrap: wrap;
  }
   
  ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
   
  ul.products li.product .button {
    align-self: center;
  }
}

/*personalizar tabs page produto*/ 

.product .woocommerce-tabs ul.tabs {
	width: 100%;
	float: none;
	margin-right: 5.8823529412%;
	border: 0; 
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0 0 1.618em;
	overflow: hidden;
	position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	position: absolute;
	content: ' ';
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #d3ced2;
	z-index: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #d3ced2;
	background-color: #ebe9eb;
	display: inline-block;
	position: relative;
	z-index: 0;
	border-radius: 4px 4px 0 0;
	margin: 0 -5px;
	padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #fff;
	z-index: 2;
	border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border: 1px solid #d3ced2;
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
	content: ' ';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	left: -6px;
	border-bottom-right-radius: 4px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: 2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	right: -6px;
	border-bottom-left-radius: 4px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #ebe9eb;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: -2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: .5em 0;
	font-weight: 700;
	color: #515151;
	text-decoration: none;
	outline: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
}
.wc-tab { float: none !important; width: 100% !important;  }


/*not�«¿cias*/
.box{
        border-top: solid 1px #F4F4F4;
        background-color: #fff;
        border-radius: var(--radius);
        box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.02);
        color: #4a4a4a;
        display: block;
        padding: 1.25rem;
}
.noticia-box-archive{
        border-radius: var(--radius);
        padding:0;
        // padding-bottom:30px;
        margin-bottom: 50px;

        .box{
        border-top: solid 1px #F4F4F4;
        background-color: #fff;
        border-radius: $radius;
        box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.02);
        color: #4a4a4a;
        display: block;
        padding: 1.25rem;
}
       
        img{
        width:100%;
        max-width: 340px;
        height: 100%;
        height: 200px;
        margin-right: 50px;
        float:left;
        border-top-left-radius: var(--radius);
        border-bottom-left-radius: var(--radius);
		object-fit: fill;
		background: no-repeat center;
		aspect-ratio: 1.78;
        }
        .container{
                padding: 20px;
        }
        .data{
                font-size:0.8rem;
                //color: $cor-cinza-claro;
                margin-top: 0;
                margin-bottom: 20px;
        }
        .data  a{color: $tag-link!important;}
        .data  a:hover{color: $tag-hover;}
        .titulo{
                font-size:1.2rem;
                /*color:$cor-azul-escuro;*/
                margin-bottom: 10px;
                margin-top: 10px;
                font-weight: bold;
        }
   p {margin-bottom: 0px;}
      /*  .titulo a{
              / color:$cor-azul-escuro;
        }
        .titulo a:hover{
                color:$tag-hover;
        }
        .tag { 
                font-weight: 600;
        }
        .resumo{
                font-size:1rem;
                color: $cor-cinza-escuro;
        }
     
    
        &:hover{
               background-color: $cor-cinza-claro-hover;
                            color: $cor-azul-escuro;

       }*/
       
     
}

.noticia-box{
        min-height:480px;
        border-radius: var(--radius);
        padding:0;
        padding-bottom:30px;
        margin-bottom: 50px;
        img{
               width:100%;
               height: 100%;
               max-height: 200px;
               border-top-left-radius: var(--radius);
               border-top-right-radius: var(--radius);
               object-fit: cover;
               background: no-repeat center;
               aspect-ratio: 1.78;
        }
        .container{
                padding: 0 20px;
        }
       
        .data{
                font-size:0.9rem;
                //color: $cor-cinza-claro;
                margin-top: 30px;
                margin-bottom: 20px;
        }

       .data  a{color: $tag-link!important;}
       .data  a:hover{color: $tag-hover;}

       .tag { font-weight: 600;}
      
        .titulo{
                font-size:1.3rem;
                color: $cor-azul-escuro;
                margin-bottom: 30px;
                font-weight: 700;
        }

        .resumo{
                font-size:1rem;
                color: $cor-cinza-escuro;
        }
        &:hover{
                background-color: $cor-cinza-claro-hover;
                color: $tag-hover;
        }

}

.divisoria-noticia{
        background-color: #000;
        height:3px;
        margin-bottom:50px;
        width: 50px;

}

.section-espaco {margin-top:100px;}

/*pagina�«®�«ªo*/
./* Styling the main pagination container */
.pagination {
    text-align: center; /* Center the pagination */
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Styling individual page links */


.pagination a {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 4px;
}
.pagination  span {
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 4px;
}

/* Styling the current page */
.pagination .current,
.pagination a.active {
    background-color: #0073aa; /* WordPress blue */
    color: white;
    border-color: #0073aa;
}

/* Hover effect for page links */
.pagination a:hover:not(.current) {
    background-color: #e0e0e0;
    border-color: #999;
}

/* Styling disabled previous/next links */
.pagination .disabled {
    color: #aaa;
    cursor: not-allowed;
    pointer-events: none; /* Prevents clicking */
    background-color: #f5f5f5;
    border-color: #eee;
}