/* Theme Name: Divi Child Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Elegant Themes Author URI: https://www.elegantthemes.com Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ /* GENERAL */ .mymenufeatured, .myheadersocial .et-pb-icon, .myhomeredbar1 a, .et_pb_scroll_top.et-pb-icon, .myhomesergrid { -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; } ::selection { background: #00B9E8; color:#fff; } ::-moz-selection { background: #00B9E8; color:#fff; } /* HEADER */ /* header .logo_container img#logo { height:70px; width:auto; max-height:70px !important; } header, header .et_menu_container, header .et_header_style_left .logo_container { height:125px !important; } header .et-fixed-header { } */ .myheaderleft { display:flex; /*margin-right:20px !important;*/ flex-direction: column; } .myheaderleft .et_pb_text_inner p { padding-top:5px !important; } @media only screen and (max-width: 986px) { .myheaderleft { flex-direction: column; margin-bottom:0px !important; } .myheaderlogo .et_pb_row_0_tb_header.et_pb_row { padding-top:20px !important; padding-left:20px !important; margin:0px !important; } .myheadertit p { padding-top:10px !important; } /*.myheaderlogo .et_pb_row--with-menu { display:flex !important; flex-direction:column-reverse !important; }*/ .myheadermenumob { display:flex; height:70px !important; padding:20px 8px 10px 8px !important; margin-top:10px !important; } .myheadermenumob .et_pb_column--with-menu { margin-bottom:0px !important; height:45px !important; padding-top:20px; } .myheadermenu .et_pb_menu__wrap { justify-content: flex-end !important; } .myheadermenumob .myheaderright { display:flex !important; flex-direction:row !important; justify-content: flex-end !important; height:45px !important; padding-top:25px !important; padding-right:5px !important; } .myheadermenu .et_mobile_menu { width:300px; border: 0px !important; margin-top: 18px !important; } .myheadermenu .et_mobile_menu li a { padding: 20px 0px !important; font-size:23px !important; line-height:26px !important; } .myheadermenu .mymenufeatured { height:65px !important; margin-left:0px !important; border-radius:0px !important; margin-right:0px !important; padding-left:10px !important; } .myheadermenu .mymenufeatured a { padding: 20px 20px !important; font-size:23px !important; line-height:26px !important; height:65px !important; } .myheadermenu .et_mobile_menu li a { border-color:rgb(0,0,0,.2) !important; } .current-menu-item a:not(.mymenufeatured a) { color:#00B9E8 !important; } .mymenufeatured a { color:#fff !important; } } .myheadertit { display: flex; align-items: center; } .myheadertit p { padding-top: 25px; } .myheaderright { /*display: flex; align-items: center;*/ display: flex; align-items: center; justify-content: flex-end; } .myheadermenu .menu-item:not(.mymenufeatured) { margin-top:0px !important; } .myheadermenu .menu-item a:hover { color:#00B9E8; opacity:1 !important; } .current-menu-item:not(.mymenufeatured) { color:#00B9E8; } .mymenufeatured { background-color:#00B9E8; color:#fff !important; border-radius:30px; height: 30px !important; margin-top:7px !important; margin-left:10px !important; margin-right:5px !important; } .mymenufeatured a { color:#fff !important; margin-bottom:0px !important; padding: 2px 4px !important; line-height: 23px !important; } .menu-item a:not(.mymenufeatured a) { color:#000; padding: 10px 0px; } .mymenufeatured:hover { background-color:#000 !important; color:#fff !important; } .mymenufeatured a:hover { color:#fff !important; } .myheadersocial li, .myheadersocial li a { margin:0px !important; } .myheadersocial { padding:5px; } .myheadersocial .et-pb-icon:hover { color:#000 !important; } .myheaderlogo { } .myheadersocial2 .et-pb-icon { padding-bottom:10px !important; } .menu-item { padding-left:15px !important; padding-right:15px !important; } .current-menu-item a:not(.mymenufeatured a) { color:#00B9E8 !important; } .wpml-ls-current-language a { padding-right:15px !important; } .wpml-ls-current-language a:after { padding-top: 10px !important; } .sub-menu { border-top:0px !important; padding:0px !important; width:250px !important; } .sub-menu li/*:not(.wpml-ls-item .sub-menu li)*/ { padding:0px !important; width:250px !important; } .sub-menu li a { padding:10px 15px !important; width:250px !important; } .wpml-ls-item .sub-menu { border-top:0px !important; padding:0px !important; width:60px !important; } /*.wpml-ls-item .sub-menu li { padding:0px 14px !important; }*/ .wpml-ls-item .sub-menu a { width:auto !important; } .wpml-ls-item .sub-menu a:hover { background-color:#fff !important; } @media only screen and (max-width: 430px) { .wpml-ls-item .sub-menu li { padding:0px 0px !important; } .wpml-ls-item .sub-menu { width:100% !important; } } .mysubmenu1 a:after { display:none !important; } .mysubmenu1 a:not(.mysubmenu1 .sub-menu li a) { padding-right:0px !important; cursor:default !important; } .current-menu-parent a:not(.mysubmenu1 .sub-menu li a) { color:#00B9E8 !important; } .sub-menu-uem { display: flex; align-items: center; } .sub-menu-uem .et_pb_column_0_tb_header { display: flex; flex-direction: row; align-content: center; align-items: baseline; } .sub-menu-uem .et_pb_column_1_tb_header { display: flex; align-content: center; align-items: flex-end; margin: 0; padding: 0; } .associat-btn a { color: black; font-size: 15px; background-color: white; border-radius: 29px; padding: 5px 20px !important; } .associat-btn a:hover { background-color: #005072; color: white ; } .llista-submenu { display: flex; align-content: center; align-items: center; margin: 0; padding: 0 !important; gap: 15px; } .llista-submenu .contacte { color: white; } .llista-submenu .contacte:hover { color: #005072; } /* FOOTER */ .myfooterleft { display:flex; } .myfooterlogo img { width:120px; height:auto; } .myfootertit { display: flex; align-items: center; } .myfootertit p { padding-top: 16px; font-size:12px; line-height:12px; font-weight:600 !important; } .myfooterleft { } .myfootermid p { text-align:center !important; line-height:20px !important; } .myfootermidbig { margin-bottom:10px !important; } .myfootermidbig p { text-transform:uppercase !important; } .myfootermid { margin-right:0px !important; } .myfootermid a { color:#fff !important; } .myfootermid a:hover { text-decoration:underline !important; } .myfooterright { } .myfooterlogo .et_pb_row_0_tb_footer { display:flex !important; align-items: center !important; } .myfooterright { display: flex; align-items: center; justify-content: flex-end; } .et_pb_scroll_top.et-pb-icon { border-radius:0px; } .et_pb_scroll_top.et-pb-icon:hover { background:rgba(0,0,0,1) !important; } .myfooterkitgrid { display:flex; margin-right:0px !important; } .myfooterkit img { height:46px; width:auto; margin-right:10px !important; } .myfootermidkit { margin-right:0px !important; margin-bottom:0px !important; } .myfootermidkit a { color:#fff !important; } .myfootermidkit a:hover { text-decoration:underline !important; } @media only screen and (max-width: 430px) { .myfooterleft, .myfootermid, .myfooterright { width:100% !important; } .myfooterlogo .et_pb_row_0_tb_footer { flex-direction: column !important; } .myfooterleft { display: flex; flex-direction: column; } .myfooterlogo { padding-left: 20px; padding-right: 20px; } .myfooterleft div, .myfooterleft p, .myfootertit p { text-align:center !important; justify-content: center; } .myfooterright { justify-content: center; } .myfooterlogo .et-pb-icon { font-size:28px !important; margin-left:10px; } .myfootermid { margin-bottom:10px !important; } .myfootertit p { font-size:14px !important; } .myfooterlogo img { width:120px !important; width:auto; } .myfooterkitgrid { display:flex; flex-direction:column; padding:10px; } .myfooterkitgrid img { margin-bottom:20px; } .myfooterkitgrid .et_pb_text { width:100% !important; } } /* HOME */ .titleslider h1 { font-size: 70px !important; color: #fff !important; font-weight: 900 !important; line-height: 70px !important; text-align: left; } .subtitslider p { line-height:33px !important; } .myhomeredbar1 a { color:#fff !important; text-decoration:underline !important; font-weight:900 !important; } .myhomeredbar1 a:hover { text-decoration-color:#000 !important; } .myhometith2 h2 { font-family:'Assistant', sans-serif !important; color:#00B9E8 !important; font-size:36px !important; line-height:46px !important; font-weight:700 !important; } @media only screen and (max-width: 430px) { .titleslider h1 { font-size: 50px !important; line-height:50px !important; } .subtitslider { width:100% !important; } .myhometith2 h2 { padding:0px 40px !important; } .myhomesergrid { width:100% !important; } .myhomeicons1 { padding-left:20px !important; padding-right:20px !important; } .myhomelogos img { height:80px; width:auto; } } .myhomeicons1 h3 { font-weight:700 !important; font-size:22px !important; line-height:28px !important; } .myhomebut1:hover { background-color:#000 !important; } /*.myhomebut2 { color:#00B9E8 !important; }*/ /*.myhomebut2:hover { background-color:#00B9E8 !important; color:#fff !important; }*/ .myhomesergrid { display: flex; align-items: center; } .myhomesergrid .et_pb_image { margin-right:20px !important; margin-bottom:0px !important; } .myhomesergrid:not(.et-last-child) { margin-right:2%; } .myhomesergrid .et_pb_text, .myhomesergrid h3 { padding-bottom:0px !important; margin-bottom:0px !important; } @media only screen and (min-width: 431px) { .myhomesergrid { width:32% !important; } } .myhomesergrid:hover { -webkit-box-shadow: 0px 0px 14px 0px rgba(153,153,153,1); -moz-box-shadow: 0px 0px 14px 0px rgba(153,153,153,1); box-shadow: 0px 0px 14px 0px rgba(153,153,153,1); } .myhomeservitit h2 { padding-left:0px !important; padding-right:0px !important; } .myhomelogos img { height:80px; width:auto; } /* ASSOCIAT */ .mypageinh1tit { margin-left:0px !important; margin-right:0px !important; } .mypageinh1tit { max-width:100% !important; } .mypageinh1tit h1 { font-size:36px !important; font-weight:700 !important; line-height:46px !important; color:#00B9E8 !important; padding-left:0px !important; padding-right:0px !important; } .myassociarow { display: flex !important; align-items: center !important; } .myassociaimg1 { margin-left:-350px !important; } .myassociaimggo { width:950px; height:auto; } .myassociarow { background-position: 80px !important; } .myassobut1:hover { background-color:#fff !important; /*color:#fff !important;*/ } @media only screen and (max-width: 430px) { .mypageinh1tit h1 { margin-left:20px !important; } .myassociarow { margin-left:0px !important; margin-right:0px !important; } .myassociarow .et_pb_column_1 { margin-bottom:0px !important; } } /* LEGAL */ .mylegaltxt h2 { margin-top:20px !important; } .mylegaltxt p { margin-bottom:12px; padding-bottom:0px; line-height:25px !important; } .mylegaltxt a { color:#000 !important; text-decoration:underline !important; } #cmplz-document { min-width:100%; } #cmplz-document p, #cmplz-document li, #cmplz-document .cmplz-categories, #cmplz-cookies-overview div, #cmplz-cookies-overview h4, #cmplz-cookies-overview h5, #cmplz-cookies-overview div, #cmplz-cookies-overview a { font-size:18px !important; font-weight:500; line-height:28px; color:#000; } #cmplz-document h2 { font-size: 26px !important; line-height: 30px !important; font-weight: 700 !important; margin-top: 20px; margin-bottom: 10px; padding-bottom:0px !important; } #cmplz-document h3 { font-weight:500 !important; } #cmplz-document ul { margin-left:20px; } #cmplz-document ul li { margin-bottom:10px; } .cmplz-cookiebanner .cmplz-btn { font-size:18px !important; } .cmplz-cookiebanner .cmplz-btn:hover { background-color:#000 !important; border-color:#000 !important; } .mylegaltxt1 ul { margin-bottom:20px !important; } /* END */ /* --- ACTUALITAT --- */ .grid-categoria .et_pb_ajax_pagination_container { display: grid; grid-template-rows: 1fr; gap: 30px; grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(200px, auto); } /* Estilo para el primer artículo */ .grid-categoria .et_pb_ajax_pagination_container > :nth-child(1) { grid-row: span 2; /* Ocupa 2 filas */ } .grid-categoria .et_pb_ajax_pagination_container > :nth-child(-n+3) { grid-column: span 3; margin: 0; } /* .grid-categoria .et_pb_ajax_pagination_container article:nth-child(1) a { position: absolute; } */ .grid-categoria .et_pb_ajax_pagination_container article:nth-child(1) a, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(2) a, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(3) a { z-index: -1; margin: 0; } .grid-categoria .et_pb_ajax_pagination_container article:nth-child(1) img, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(2) img, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(3) img { object-fit: cover; } .grid-categoria .et_pb_ajax_pagination_container article:nth-child(1) img { min-height: 410px; } .grid-categoria .et_pb_ajax_pagination_container article:nth-child(2) img, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(3) img { height: 190px; } .grid-categoria .et_pb_ajax_pagination_container article:nth-child(1) .entry-title, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(2) .entry-title, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(3) .entry-title { position: absolute; bottom: 0; padding: 25px; background: linear-gradient(0deg,rgba(0,0,0,.8) 25%,rgba(0,0,0,0) 100%); /* display: flex; */ margin-bottom: 10px; width: 100%; color: #ffff; } .grid-categoria .et_pb_ajax_pagination_container article:nth-child(2) .entry-title { margin-bottom:0px; } .grid-categoria .et_pb_ajax_pagination_container article:nth-child(1) .entry-title:hover, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(2) .entry-title:hover, .grid-categoria .et_pb_ajax_pagination_container article:nth-child(3) .entry-title:hover { background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%); } .grid-categoria .et_pb_ajax_pagination_container > :not(:nth-child(-n+3)) { grid-column: span 2; /* Ocupa 2 columnas */ } .et-menu .menu-item-has-children>a:first-child:after { top: auto !important; right: -6px; bottom: 9px; }