/*
 Theme Name:   ROC Abogados
 Theme URI:    pixonit.com
 Description:  pixonit
 Author:       pixonit
 Author URI:   https://www.pixonit.com
 Template:     Divi
 Version:      1.0.0
 Tags:         
 Text Domain:  
*/
@import url("../Divi/style.css");


/*menu*/

@font-face {
	font-family: 'Helvetica';
	src: url('fonts/helvetica.woff') format('woff'),
		 url('fonts/helvetica.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica-Bold';
	src: url('fonts/helvetica-bold.woff') format('woff'),
		 url('fonts/helvetica-bold.ttf') format('ttf');
	font-weight: 400;
	font-style: bold;
}


h1,h2 {
    font-family: 'Helvetica', sans-serif !important;
}

#header-menu , #menu-pie{
    font-family: 'Helvetica', sans-serif !important;
}


.et_pb_scroll_top.et-pb-icon{
    right: 20px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 1px solid #797f87 !important;
    color: #022539 !important;
}

.blog-button{
    border: 1px solid #022539 !important;
    border-radius: 20px !important;
    padding: 5px 15px !important;
    margin-top: 1px !important;
}

.blog-button a{
    padding-bottom: 0px !important;
} 

.beneficios-button{
    border: 1px solid #022539 !important;
    border-radius: 20px !important;
    padding: 5px 15px !important;
    margin-top: 1px !important;
    margin-left: 10px !important;
    background-color: #022539 !important;
}

.beneficios-button a{
    padding-bottom: 0px !important;
    color: #FFFFFF;
} 

/*Custom modification for slider*/

.et_pb_slider_0.et_pb_slider>.et_pb_background_pattern, .et_pb_slider .et_pb_background_pattern {
    background-image: url(http://rocabogados.ar/wp-content/uploads/2023/04/trama-slider-1.png) !important;
    background-position: center !important;
    background-size: cover !important;
}

.et_pb_section_2.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
    transform: scale(-7,3) !important;
}

/**/


#menu-menu-principal .current-menu-item a::before,
#menu-menu-principal .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}

#menu-menu-principal li:not(:nth-last-child(-n+2)) a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 1%;
 background: #022539; /*** COLOR OF THE LINE ***/
 top: 40px;
 height: 2px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.2s;
 transition-duration: 0.2s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}

#menu-menu-principal>li{
    padding-right: 10px;
    padding-left: 10px;
}

#menu-menu-principal li a{
	font-weight: 500 !important;
}

#menu-menu-principal li a:hover {
 opacity: 1 !important;
}
#menu-menu-principal li a:hover:before {
 right: 0;
 z-index: 2;
}
#menu-menu-principal li li a:before {
 bottom: 10%;
}

#menu-menu-principal .divider a{
	cursor: none !important;
}

#menu-menu-principal .divider a:before{
	background: transparent !important; 
}

.et-pb-slider-arrows a {

    border: 2px solid;
    border-radius: 50%;
}

#et-main-area{
    padding-top: 100px !important;
}


@media (max-width: 1170px){

    #menu-menu-principal>li{
        padding-right: 4px;
        padding-left: 4px;
    }


}

@media (max-width: 980px){
    #et-main-area{
        padding-top: 85px !important;
    }

    .blog-button{
        width: 60px !important;
    }

    .blog-button a {
        padding: 0px !important;
    }

    .beneficios-button{
        width: 96px !important;
        margin-left: 0px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .beneficios-button a {
        padding: 0px !important;
        color:#FFFFFF !important;
    }

    .divider_menu{
        display: none !important;
    }

}

.nav li li {
    padding: 10px 20px !important; 
}

.nav li ul {
    width: 340px !important; 
}

.et-menu li li a {
    width: 300px !important; 
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% + 1px) !important; 
}

.sub-menu{
    border: none !important;
}

#menu-menu-principal .sub-menu li a::before{
    background: transparent; /*** COLOR OF THE LINE ***/
}

#mobile_menu2{
    min-width: 200px !important;
}

.post-categories-roc a{
    padding: 8px !important;
    background-color: #cedede !important;
    border-radius: 5px !important;
}

.selector_cat_roc{
    border: none;
    width: 95%;
    border-bottom: 1px solid;
    font-size: 20px;
    padding-bottom: 5px;
    border-radius: 0px !important;
}

.wp-block-search__button{
    display:none;
}

#buscador-roc{
    border: none !important;
    padding: 0px !important;
}

#buscador-roc #block-3{
    margin-bottom: 3px !important;
}

#buscador-roc input{
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px !important;
    background-color: #FFFFFF !important;
}

.blog-roc .post-meta {
    margin-top: 20px !important;
}

.blog-roc .post-meta a{
   
    padding: 8px !important;
    background-color: #cedede !important;
    border-radius: 5px !important;
}


 .et_pb_ajax_pagination_container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


.blog-roc .et_pb_ajax_pagination_container article{
    max-width: 48%;
}

.blog-roc .et_pb_ajax_pagination_container div{
    width: 100% !important;
    text-align: center !important;
}

@media (max-width: 980px){

    .blog-roc .et_pb_ajax_pagination_container article{
        max-width: 100% !important;
        margin-bottom: 50px !important;
    }

    .selector_cat_roc{
        width: 98%;
    }
}



/*Estilo de wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #cedede;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;
}


/*Estilo de wp-pagenavi numero de pagina activo*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #022539 !important;
	border-radius: 100px;
}


/*Estilo de wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #022539!important;
}


/*Estilo de wp-pagenavi textos de paginas*/

.wp-pagenavi .pages {
	background: none;
}


/*remover borde y centrar el wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}


.share-roc #block-4{
    display: none !important;
}