/* ------------------------------------------------------------------------------------- /* Font Import's /* ---------------------------------------------------------------------------------- */ @font-face { font-family: 'PT Root UI'; src: url('/assets/fonts/PT-Root-UI/pt-root-ui_light.woff2') format('woff2'), url('/assets/fonts/PT-Root-UI/pt-root-ui_light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'PT Root UI'; src: url('/assets/fonts/PT-Root-UI/pt-root-ui_regular.woff2') format('woff2'), url('/assets/fonts/PT-Root-UI/pt-root-ui_regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'PT Root UI'; src: url('/assets/fonts/PT-Root-UI/pt-root-ui_medium.woff2') format('woff2'), url('/assets/fonts/PT-Root-UI/pt-root-ui_medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'PT Root UI'; src: url('/assets/fonts/PT-Root-UI/pt-root-ui_bold.woff2') format('woff2'), url('/assets/fonts/PT-Root-UI/pt-root-ui_bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'PT Root UI'; src: url('/assets/fonts/PT-Root-UI/pt-root-ui_vf.woff2') format('woff2'), url('/assets/fonts/PT-Root-UI/pt-root-ui_vf.woff') format('woff'); font-weight: 100 900; font-style: normal; font-display: swap; } /* ------------------------------------------------------------------------------------- /* Root /* ---------------------------------------------------------------------------------- */ :root { --glp-navbar-desktop-height: 80px; --glp-navbar-desktop-logo: 40px; --glp-navbar-mobile-height: 70px; --glp-navbar-mobile-logo: 40px; --glp-navitem-charity-mobile: 60px; --glp-navitem-charity-desktop: 70px; --glp-white: #fff; --glp-red: #be1518; --glp-blue: #38506c; --glp-lightblack: #232323; --glp-easygrey: #d0d0d0; --glp-lightgrey: #f9f9f9; --glp-secondarygrey: #f7f7f7; --glp-charitygrey: #f0f0f0; --glp-footertext: #e2e2e2; --glp-fontsize-navbar-tags: 16px; --glp-fontsize-navbar-item: 18px; --glp-fontsize-navbar-icon: 18px; --glp-fontsize-navbar-lang-item: 18px; --glp-fontsize-navbar-lang-badge: 14px; --glp-fontsize-offcanvass-lang-home: 30px; --glp-fontsize-offcanvass-lang-title: 30px; --glp-fontsize-offcanvass-lang-item: 20px; --glp-awards-timeline-size:150px; } @media (min-width: 992px) { .container { max-width: 992px !important; } } @media (min-width: 1200px) { .container { max-width: 1000px !important; } } @media (min-width: 1400px) { .container { max-width: 1200px !important; } } @media (min-width: 1600px) { .container { max-width: 1400px !important; } } @media (max-width: 1000px) { :root { --glp-awards-timeline-size:136px; } } /* ------------------------------------------------------------------------------------- /* Override Bootstrap Classes /* ---------------------------------------------------------------------------------- */ h1 { color: var(--glp-red); font-weight:bold; font-size:64px; } h2 { color: var(--glp-red); font-size:56px; } @media (max-width: 768px) { h1 { font-size:44px; } h2 { font-size:34px; } } .btn-primary{ --bs-btn-bg:#be1518; --bs-btn-border-color: #be1518; --bs-btn-color: #fff; --bs-btn-hover-bg: #9d1114; --bs-btn-hover-border-color:#9d1114; --bs-btn-active-bg: #7d0e11; --bs-btn-active-border-color:#7d0e11; --bs-btn-focus-shadow-rgb: 190,21,24; --bs-btn-disabled-bg: #fefefe; --bs-btn-disabled-border-color: #fefefe; --bs-btn-disabled-color: #38506c; --bs-btn-disabled-opacity: 1; } .btn-outline-primary{ --bs-btn-color: #be1518; --bs-btn-border-color: #be1518; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #be1518; --bs-btn-hover-border-color: #be1518; --bs-btn-active-color: #fff; --bs-btn-active-bg: #7d0e11; --bs-btn-active-border-color:#7d0e11; --bs-btn-focus-shadow-rgb: 190,21,24; } .btn-secondary{ --bs-btn-bg: #38506c; --bs-btn-border-color: #38506c; --bs-btn-color: #fff; --bs-btn-hover-bg: #324861; --bs-btn-hover-border-color:#324861; --bs-btn-active-bg: #2c4056; --bs-btn-active-border-color:#2c4056; --bs-btn-focus-shadow-rgb: 56,80,108; --bs-btn-disabled-bg: #fefefe; --bs-btn-disabled-border-color: #fefefe; --bs-btn-disabled-color: #be1518; --bs-btn-disabled-opacity: 1; } .btn-outline-secondary{ --bs-btn-color: #38506c; --bs-btn-border-color: #38506c; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #38506c; --bs-btn-hover-border-color: #38506c; --bs-btn-active-color: #fff; --bs-btn-active-bg: #2c4056; --bs-btn-active-border-color:#2c4056; --bs-btn-focus-shadow-rgb: 56,80,108; /* rgb di #38506c */ } /* ------------------------------------------------------------------------------------- /* Update & Create New Bootstrap Classes /* ---------------------------------------------------------------------------------- */ body.modal-open { overflow: hidden; } .col-5-1 { flex: 0 0 20%; max-width: 20%; } @media (min-width: 576px) { .col-sm-5-1 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 768px) { .col-md-5-1 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .col-lg-5-1 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .col-xl-5-1 { flex: 0 0 20%; max-width: 20%; } } /* ------------------------------------------------------------------------------------- /* General Style's /* ---------------------------------------------------------------------------------- */ * { font-family: 'PT Root UI', sans-serif; font-weight: 400; } body { overflow-x: hidden; } .h-nav { height: var(--glp-navbar-desktop-height); } .h-navDiff { height: calc(100vh - var(--glp-navbar-desktop-height)); } @media screen and (max-width: 992px) { .h-nav { height: var(--glp-navbar-mobile-height); } .h-navDiff { height: calc(100vh - var(--glp-navbar-mobile-height)); } } /* ------------------------------------------------------------------------------------- /* Desktop Navbar - Main /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-desktop { padding:0; z-index: 1040; } #glpweb-navbar-desktop .navbar-brand img { height:var(--glp-navbar-desktop-logo); } #glpweb-navbar-desktop .container-fluid { height:100%; } #glpweb-navbar-desktop .container-fluid .navbar-collapse { height:100px; } .glpweb-navbar-desktop-space { height:var(--glp-navbar-desktop-height); } .nav-item.dropdown:hover > .dropdown-menu { display: block; } .nav-item.dropdown:hover > .anchorlateral-menu { display: block; } /* ------------------------------------------------------------------------------------- /* Desktop Navbar - Nav & Items /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-desktop .container-fluid .navbar-collapse .navbar-nav { height:100%; align-items:center; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item { height:100px; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .nav-link { height:100px; font-size:var(--glp-fontsize-navbar-item); font-weight:500; color:var(--glp-lightblack); } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .nav-link.active, #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .nav-link:hover { color: var(--glp-red); } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu { border-radius:0 !important; min-height:160px; background-color:var(--glp-lightgrey); width: 100vw; left: 50%; transform: translateX(-50%); margin-top: 0; } /* ------------------------------------------------------------------------------------- /* Desktop Navbar - Lateral Anchor Menu /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu { position:fixed; top:var(--glp-navbar-desktop-height); right:0; border-radius:0 !important; background-color:var(--glp-easygrey); width: 100vw; margin-top:0; /* height: calc(100% - var(--glp-navbar-desktop-height)); */ } .anchorlateral-menu { display:none; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu .submenu-title { background-color:var(--glp-blue); color:var(--glp-white); } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu .submenu-content { border-top:2px solid var(--glp-fff); } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu .submenu-content a { text-decoration:none; font-size:var(--glp-fontsize-navbar-item); color:var(--glp-lightblack); font-weight:500; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu .submenu-content a.tags { text-decoration:none; font-size:var(--glp-fontsize-navbar-tags); color:var(--glp-lightblack); font-weight:500 !important; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu .submenu-content a.active, #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu .submenu-content a:hover { color: var(--glp-red) !important; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .anchorlateral-menu .submenu-content .colsx { border-bottom:2px solid var(--glp-white); } /* ------------------------------------------------------------------------------------- /* Desktop Navbar - Sub Menu's /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-title { background-color:var(--glp-white); color:var(--glp-lightblack); } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-content a { text-decoration:none; font-size:var(--glp-fontsize-navbar-item); color:var(--glp-lightblack); font-weight:500; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-content a.tags { text-decoration:none; font-size:var(--glp-fontsize-navbar-tags); color:var(--glp-lightblack); font-weight:500 !important; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-content a.active, #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-content a:hover { color: var(--glp-red) !important; } /* ------------------------------------------------------------------------------------- /* Desktop Navbar - Sub Menu's - Quick Contacts /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-content .quick-contacts .title { color:var(--glp-blue); font-size:var(--glp-fontsize-navbar-item); font-weight:500; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-content .quick-contacts .tags { color:var(--glp-lightblack); position:relative; padding-left:28px; } #glpweb-navbar-desktop .container-fluid .navbar-collapse .nav-item .dropdown-menu .submenu-content .quick-contacts .tags svg { position: absolute; top:2px; left:0; } /* ------------------------------------------------------------------------------------- /* Desktop Navbar - Lang Selector /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-desktop .glpweb-lang-selector::before { content:''; position:absolute; top:30%; left:0; width:1px; height:40%; background-color: var(--glp-blue); } #glpweb-navbar-desktop .glpweb-lang-selector .dropdown-menu { transform: none !important; top:calc(var(--glp-navbar-desktop-height)-1px); left:0 !important; min-height:auto !important; width:500px !important; background-color:var(--glp-blue) !important; border-radius:0 !important; } #glpweb-navbar-desktop .glpweb-lang-selector .nav-link { height:var(--glp-navbar-desktop-height) !important; } #glpweb-navbar-desktop .glpweb-lang-selector .nav-link, #glpweb-navbar-desktop .glpweb-lang-selector .nav-link a { font-size:var(--glp-fontsize-navbar-lang-item) !important; font-weight: 500; color:var(--glp-blue) !important; } #glpweb-navbar-desktop .glpweb-lang-selector .nav-link:hover a { color:var(--glp-blue) !important; } #glpweb-navbar-desktop .glpweb-lang-selector .lang-badge { text-align:center; width:42px; height:26px; font-size:var(--glp-fontsize-navbar-lang-badge); font-weight:500; margin:0; padding:0; line-height:0; display:flex; align-items:center; justify-content:center; color:var(--glp-white); background-color:var(--glp-blue); } #glpweb-navbar-desktop .glpweb-lang-selector .dropdown-menu .lang-badge { background-color:var(--glp-white); } /* ------------------------------------------------------------------------------------- /* Desktop Navbar - Others Button's /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-desktop .glpweb-others-btns a { width:40px; height:40px; transition:.3s; background-color:var(--glp-red); color:var(--glp-white); margin:0; padding:0; font-size:var(--glp-fontsize-navbar-icon); line-height:0; } #glpweb-navbar-desktop .glpweb-others-btns a:hover { background-color:var(--glp-blue) !important; } /* ------------------------------------------------------------------------------------- /* Mobile Navbar - Main /* ---------------------------------------------------------------------------------- */ #glpweb-navbar-mobile { z-index: 1050; } #glpweb-navbar-mobile .navbar-brand img { height:var(--glp-navbar-mobile-logo); } #glpweb-navbar-mobile .navtoggle-menu svg { height:36px; color:var(--glp-easygrey); } #glpweb-navbar-mobile .navtoggle-menu:hover svg, #glpweb-navbar-mobile .navtoggle-menu.active svg { color:var(--glp-red); } #glpweb-navbar-mobile .navtoggle-languages { height:32px; width:50px; background-color:var(--glp-easygrey); font-weight:bold; font-size:var(--glp-fontsize-navbar-lang-item); color:var(--glp-white);line-height:0;display:flex; align-items:center; justify-content:center; } #glpweb-navbar-mobile .navtoggle-languages:hover, #glpweb-navbar-mobile .navtoggle-languages.active { color:var(--glp-white); background-color:var(--glp-blue); } .glpweb-navbar-mobile-space { height:var(--glp-navbar-mobile-height); } /* ------------------------------------------------------------------------------------- /* Mobile Navbar - Offcanvas Mobile Main /* ---------------------------------------------------------------------------------- */ #glpweb-offcanvas-mobile { overflow:hidden; --bs-offcanvas-width: 100vh; background-color:var(--glp-lightgrey); color:var(--glp-lightblack); top:var(--glp-navbar-mobile-height); } #glpweb-offcanvas-mobile .submenu-panel { transition: transform .25s ease-in-out; transform: translateX(100%); background-color:var(--glp-secondarygrey); color:var(--glp-lightblack); z-index: 1200; } #glpweb-offcanvas-mobile .submenu-panel.show { transform: translateX(0); } /* ------------------------------------------------------------------------------------- /* Mobile Navbar - Offcanvas Mobile Content /* ---------------------------------------------------------------------------------- */ #glpweb-offcanvas-mobile .offcanvas-body { overflow-x: hidden; } #glpweb-offcanvas-mobile .offcanvas-body .bo-bo { border-bottom: 2px solid var(--glp-easygrey); } #glpweb-offcanvas-mobile .offcanvas-body .bo-to { border-top: 2px solid var(--glp-easygrey); } #glpweb-offcanvas-mobile .offcanvas-body .title { font-size:var(--glp-fontsize-offcanvass-lang-title); color:var(--glp-red); } #glpweb-offcanvas-mobile .offcanvas-body .list-group-item { display:flex; align-items:center; transition:.3s; font-size:var(--glp-fontsize-offcanvass-lang-item); color:var(--glp-lightblack); font-weight:500; border:0 !important; background:transparent !important; } #glpweb-offcanvas-mobile .offcanvas-body .list-group-item:hover, #glpweb-offcanvas-mobile .offcanvas-body .list-group-item.current, #glpweb-offcanvas-mobile .offcanvas-body .list-group-item.active { color: var(--glp-red); font-weight:bold; } #glpweb-offcanvas-mobile .offcanvas-body .list-group-item .fa-arrow-left { height:16px; margin-right:8px; color:var(--glp-easygrey); } #glpweb-offcanvas-mobile .offcanvas-body .list-group-item .fa-arrow-right { height:16px; margin-left:8px; color:var(--glp-blue); } #glpweb-offcanvas-mobile .offcanvas-body .home { color:var(--glp-easygrey); } #glpweb-offcanvas-mobile .offcanvas-body .home:hover { color:var(--glp-red); } #glpweb-offcanvas-mobile .offcanvas-body .home svg { height:var(--glp-fontsize-offcanvass-lang-home); } #glpweb-offcanvas-mobile .offcanvas-body .back { color:var(--glp-easygrey); } /* ------------------------------------------------------------------------------------- /* Mobile Navbar - Offcanvas Mobile QuickContacts /* ---------------------------------------------------------------------------------- */ #glpweb-offcanvas-mobile .offcanvas-body .quick-contacts .title { font-size:var(--glp-fontsize-offcanvass-lang-item); color:var(--glp-blue); font-weight:bold; } #glpweb-offcanvas-mobile .offcanvas-body .quick-contacts .list-group-item { display:flex; align-items:center; position:relative; font-size:var(--glp-fontsize-navbar-item); font-weight:500; height:30px; padding-left:36px !important; } #glpweb-offcanvas-mobile .offcanvas-body .quick-contacts .list-group-item svg { position:absolute; top:2px; left:0; height:24px; } /* ------------------------------------------------------------------------------------- /* Mobile Navbar - Offcanvas Language Selector /* ---------------------------------------------------------------------------------- */ #glpweb-offcanvas-languages { height:195px; width:100%; min-height:auto !important; background-color:var(--glp-blue); color:var(--glp-lightgrey); top:var(--glp-navbar-mobile-height); } #glpweb-offcanvas-languages .lang-row { font-size:var(--glp-fontsize-offcanvass-lang-item); font-weight:500; } #glpweb-offcanvas-languages .active { color:var(--glp-white) !important; } #glpweb-offcanvas-languages .lang-row .lang-badge { height:36px; width:60px; background-color:var(--glp-easygrey); font-weight:bold; font-size:var(--glp-fontsize-navbar-item); color:var(--glp-lightgrey); line-height:0;display:flex; align-items:center; justify-content:center; } #glpweb-offcanvas-languages .lang-row .lang-badge:hover, #glpweb-offcanvas-languages .active .lang-badge { background-color:var(--glp-white) !important; } @media screen and (max-width: 768px) { #glpweb-offcanvas-languages .lang-row .lang-badge { height:32px; width:60px; } } /* ------------------------------------------------------------------------------------- /* Swiper Sliders - General CSS Classes /* ---------------------------------------------------------------------------------- */ .swiper-nav-btn { width: 40px; height: 40px; display: flex; justify-content: center; font-size:20px; align-items: center; border-radius: 50%; } .swiper .swiper-slide img { max-height: 100px; } .swiper { touch-action: auto; pointer-events: auto; } @media screen and (max-width: 768px) { .swiper-nav-btn { width: 36px; height: 36px; font-size:18px; } } /* ------------------------------------------------------------------------------------- /* SEARCHES Component /* ---------------------------------------------------------------------------------- */ .glpweb-components-search-noresults.lightgrey { color:var(--glp-lightblack); background-color:var(--glp-easygrey); } .glpweb-components-search-noresults.white { color:var(--glp-lightblack); background-color:var(--glp-white); } .glpweb-components-search label { font-size:24px; font-weight:500; } .glpweb-components-search .input-value { width:calc(100% - 38px - 16px); height:38px; } .glpweb-components-search .btn-value { margin-left:10px; width:36px; height:36px; border-radius:50%; overflow:hidden; } .glpweb-components-search .swiper .swiper-slide { width:auto !important; } .glpweb-components-search .swiper-btn { width:36px; height:36px; top:0; } .glpweb-components-search .swiper-next { right:0; } .glpweb-components-search .swiper-prev { right:42px; } .glpweb-components-search-letters .letters-box { border:1px solid var(--glp-blue); } .glpweb-components-search-letters .letters-box div::-webkit-scrollbar { border-top:1px solid var(--glp-blue); background-color:var(--glp-white); height:6px; } .glpweb-components-search-letters .letters-box div::-webkit-scrollbar-thumb { background-color:var(--glp-blue); } .glpweb-components-search-letters .letters-box .btn { border-left:1px solid var(--glp-blue); color:var(--glp-blue); padding-top:5px !important; min-width:20px; width:50px; display:flex; align-items:center; justify-content:center; } .glpweb-components-search-letters .letters-box .btn:hover { background-color:var(--glp-blue);color:var(--glp-white); } .glpweb-components-search-letters .letters-box .btn.active { background-color:var(--glp-blue); color:var(--glp-white); border:0; border-left:1px solid var(--glp-blue); } .glpweb-components-search-letters .letters-box .btn:nth-child(1) { border-left:0; } .glpweb-components-search-reports label { font-weight:bold; color:var(--glp-red) !important; } /* .glpweb-components-search-reports .btn { font-weight:bold; } */ .glpweb-components-search-reports .btn svg { font-size:20px; } @media screen and (max-width: 768px) { .glpweb-components-search label { font-size:20px; } .glpweb-components-search .input-value { width:calc(100% - 38px - 16px); height:40px; } } /* Theme: search */ .glpweb-components-search .search-theme-search label { color:var(--glp-white) !important; } .glpweb-components-search .search-theme-search .btn-search{ --bs-btn-color: var(--glp-white); --bs-btn-bg: transparent; --bs-btn-border-color:var(--glp-white); --bs-btn-border-radius:.5rem; --bs-btn-padding-x:.50rem; --bs-btn-padding-y:.25rem; --bs-btn-hover-bg:var(--glp-red); --bs-btn-hover-border-color:var(--glp-red); --bs-btn-hover-color:var(--glp-white); --bs-btn-active-bg:var(--glp-red); --bs-btn-active-border-color:var(--glp-red); --bs-btn-active-color:var(--glp-white); } .glpweb-components-search .search-theme-search .btn-value{ --bs-btn-color: var(--glp-white); --bs-btn-bg: transparent; --bs-btn-border-color:var(--glp-white); --bs-btn-border-radius:.5rem; --bs-btn-padding-x:.50rem; --bs-btn-padding-y:.25rem; --bs-btn-hover-bg:var(--glp-red); --bs-btn-hover-border-color:var(--glp-red); --bs-btn-hover-color:var(--glp-white); --bs-btn-active-bg:var(--glp-red); --bs-btn-active-border-color:var(--glp-red); --bs-btn-active-color:var(--glp-white); width:40px; height:40px; } /* Theme: default */ .glpweb-components-search .search-theme-default label { color:var(--glp-blue); } .glpweb-components-search .search-theme-default .btn-search{ --bs-btn-color: var(--glp-blue); --bs-btn-bg: transparent; --bs-btn-border-color:var(--glp-blue); --bs-btn-border-radius:.5rem; --bs-btn-padding-x:.50rem; --bs-btn-padding-y:.25rem; --bs-btn-hover-bg:var(--glp-blue); --bs-btn-hover-border-color:var(--glp-blue); --bs-btn-hover-color:var(--glp-white); --bs-btn-active-bg:var(--glp-blue); --bs-btn-active-border-color:var(--glp-blue); --bs-btn-active-color:var(--glp-white); } .glpweb-components-search .search-theme-default .btn-value{ --bs-btn-color: var(--glp-blue); --bs-btn-bg: transparent; --bs-btn-border-color:var(--glp-blue); --bs-btn-border-radius:.5rem; --bs-btn-padding-x:.50rem; --bs-btn-padding-y:.25rem; --bs-btn-hover-bg:var(--glp-red); --bs-btn-hover-border-color:var(--glp-red); --bs-btn-hover-color:var(--glp-white); --bs-btn-active-bg:var(--glp-red); --bs-btn-active-border-color:var(--glp-red); --bs-btn-active-color:var(--glp-white); } /* ------------------------------------------------------------------------------------- /* PAGINATION Component /* ---------------------------------------------------------------------------------- */ #glpweb-components-pagination { background-color: var(--glp-blue) !important; } #glpweb-components-pagination .more { color: var(--glp-white); text-decoration:none; } #glpweb-components-pagination .more:hover { text-decoration:underline; } #glpweb-components-pagination .pagination { --bs-pagination-color:#fff; --bs-pagination-bg:transparent; --bs-pagination-border-color:#fff; --bs-pagination-border-radius:50%; --bs-pagination-hover-bg:#fff; --bs-pagination-hover-color:#38506c; --bs-pagination-active-bg:#fff; --bs-pagination-active-color:#38506c; --bs-pagination-disabled-color:#fff; margin:0; } #glpweb-components-pagination .pagination .page-item { width:40px; height:40px; padding:0; margin:0; text-align:center; } #glpweb-components-pagination .pagination .page-item .page-link { height:40px; font-size:20px; font-weight:bold !important; } #glpweb-components-pagination .pagination .page-item.active .page-link { background-color:var(--glp-white); border-color:var(--glp-white); } #glpweb-components-pagination .pagination .page-item.first .page-link { border-top-left-radius:10px; border-bottom-left-radius:10px; } #glpweb-components-pagination .pagination .page-item.last .page-link { border-top-right-radius:10px; border-bottom-right-radius:10px; } #glpweb-components-pagination .pagination .page-item-fake, #glpweb-components-pagination .pagination .page-item-prev, #glpweb-components-pagination .pagination .page-item-next { margin: 0 12px; } #glpweb-components-pagination .pagination .page-item-prev > .page-link, #glpweb-components-pagination .pagination .page-item-next > .page-link { width:40px; height:40px; border-radius:50% !important; display:flex; justify-content:center; align-items:center; padding:0; } #glpweb-components-pagination .pagination .page-item-fake div { width:40px; height:40px; background:transparent; } @media screen and (max-width: 768px) { #glpweb-components-pagination .pagination .page-item { width:34px; height:34px; } #glpweb-components-pagination .pagination .page-item .page-link { height:34px; font-size:16px; } #glpweb-components-pagination .pagination .page-item-prev > .page-link, #glpweb-components-pagination .pagination .page-item-next > .page-link { width:34px; height:34px; } #glpweb-components-pagination .pagination .page-item-fake div { width:34px; height:34px; } } /* ------------------------------------------------------------------------------------- /* NEWS & EVENTS Component /* ---------------------------------------------------------------------------------- */ #glpweb-news-temp-archive .card-news .card-body, .swiper .card-news .card-body { height:190px; } #glpweb-news-temp-archive .card-news, .swiper .card-news { border:0 !important; } #glpweb-news-temp-archive .card-news .card-img-bg, .swiper .card-news .card-img-bg { background-repeat:no-repeat; background-size:cover; background-position:center center; height:150px; width:100%; } #glpweb-news-temp-archive .card-news .card-body .date, .swiper .card-news .card-body .date { font-size: 20px; color:var(--glp-blue); } #glpweb-news-temp-archive .card-news .card-body .title, #glpweb-events-temp-archive .card-events .card-body .title, .swiper .card-news .card-body .title, .swiper .card-news .card-body .title a, #glpweb-news-temp-archive .card-news .card-body .title a, .swiper .card-events .card-body .title, .swiper .card-events .card-body .title a { font-weight:600; color:var(--glp-blue); text-decoration:none; } #glpweb-news-temp-archive .card-news .card-body .tags, .swiper .card-news .card-body .tags { font-size: 16px; width:calc(100% - 50px - 20px); height:50px; display:flex; align-items:end; position:absolute; bottom:0;left:0; } #glpweb-news-temp-archive .card-news .card-body .tags .tag-item, .swiper .card-news .card-body .tags .tag-item { text-decoration:none; background:#38506c10; color:var(--glp-blue); display:inline-block; padding:2px 6px; margin-right:6px; border-radius:4px; } #glpweb-news-temp-archive .card-news .card-body .tags .tag-item:hover, .swiper .card-news .card-body .tags .tag-item:hover { background-color:var(--glp-blue); color:var(--glp-white); } #glpweb-news-temp-archive .card-news .btn, .swiper .card-news .btn { width:40px; height:40px; line-height:0; font-size:20px; } #glpweb-components-news.invert { background-color:var(--glp-charitygrey); } #glpweb-components-news .latest-mode .btn { --bs-btn-disabled-bg:var(--glp-charitygrey); --bs-btn-disabled-border-color:var(--glp-charitygrey); } #glpweb-components-news .latest-mode .card { background-color:var(--glp-charitygrey); } #glpweb-components-news .latest-mode-invert .btn { --bs-btn-disabled-bg:var(--glp-white) !important; --bs-btn-disabled-border-color:var(--glp-white) !important; } #glpweb-components-news .latest-mode-invert .card { background-color:var(--glp-white); } @media screen and (max-width: 768px) { .swiper .card-news .card-body { height:200px; } .swiper .card-news .card-img-bg { height:150px; } #glpweb-news-temp-archive .card-news .card-body .tags, .swiper .card-news .card-body .tags { font-size: 14px; width:calc(100% - 40px - 14px); height:auto; padding-top:14px; } #glpweb-news-temp-archive .card-news .card-body .tags .tag-item, .swiper .card-news .card-body .tags .tag-item { font-size: 14px; padding:0 6px; margin-right:6px; border-radius:4px; } #glpweb-news-temp-archive .card-news .btn, .swiper .card-news .btn { width:40px; height:40px; font-size:20px; } #glpweb-news-temp-archive .card-news .card-img-bg { width:26%; height:100%; position:absolute; top:0; left:0; } #glpweb-news-temp-archive .card-news .card-body { min-height:205px; padding-left:calc(26% + 14px); } #glpweb-news-temp-archive .card-news .btn { width:36px; height:36px; top:0; right:0; font-size:16px !important; } #glpweb-news-temp-archive .card-news .card-body .date { padding-right: 42px; height:40px; } #glpweb-news-temp-archive .card-news .card-body .tags { position:initial; bottom:initial; left:initial; } } /* ------------------------------------------------------------------------------------- /* Only EVENTS Component /* ---------------------------------------------------------------------------------- */ .swiper .card-events { border:0 !important; } .swiper .card-events .card-img-bg { background-repeat:no-repeat; background-size:cover; background-position:center center; height:150px; width:100%; } .swiper .card-events .card-body { height:290px; } .swiper .card-events .card-body .date { font-size: 20px; color:var(--glp-blue); } .swiper .card-events .card-body .title { font-size: 26px; font-weight:600; color:var(--glp-red); } .swiper .card-events .card-body .desc { font-size: 16px; width:calc(100% - 40px - 20px); } .swiper .card-events .card-body .desc p { color:var(--glp-lightblack); } .swiper .card-events .card-body .desc a { color:var(--glp-lightblack) !important; } .swiper .card-events .card-body .desc a:hover { text-decoration:none; } .swiper .card-events .btn { width:40px; height:40px; line-height:0; font-size:20px; } @media screen and (max-width: 768px) { .swiper .card-events .card-img-bg { height:160px; } .swiper .card-events .card-body { min-height:250px; } .swiper .card-events .card-body .date { font-size: 17px; } .swiper .card-events .card-body .title { font-size: 22px; } .swiper .card-events .card-body .desc { font-size: 14px; width:calc(100% - 36px - 14px); } .swiper .card-events .card-body .desc p { font-size:14px; } .swiper .card-events .btn { width:36px; height:36px; font-size:18px; } } /* ------------------------------------------------------------------------------------- /* NEWSLETTER Component /* ---------------------------------------------------------------------------------- */ #glpweb-components-newsletter .newsletter-box { background-color:var(--glp-red); border-top-right-radius:20px; border-bottom-left-radius:20px; } #glpweb-components-newsletter .newsletter-box .title { font-size:40px; font-weight:bold; color:var(--glp-white); line-height:40px; } #glpweb-components-newsletter .newsletter-box .texts { font-size:18px; line-height:22px; font-weight:500; color:var(--glp-white); } #glpweb-components-newsletter .newsletter-box .recaptcha-wrap{ height:56px; transform: scale(.7); transform-origin: 0 0; } @media screen and (max-width: 768px) { #glpweb-components-newsletter .newsletter-box .title { font-size:30px; line-height:30px; } #glpweb-components-newsletter .newsletter-box .texts { font-size:18px; line-height:22px; } #glpweb-components-newsletter .newsletter-box .recaptcha-wrap{ height:80px; } } /* ------------------------------------------------------------------------------------- /* QUICK LINKS Component /* ---------------------------------------------------------------------------------- */ #glpweb-components-quicklinks .title { font-size:20px; font-weight:bold; color:var(--glp-red); line-height:20px; } #glpweb-components-quicklinks .quick-item .subtitle { color:var(--glp-footertext); font-weight:bold; } #glpweb-components-quicklinks .quick-item .link { padding-bottom:3px; color:var(--glp-footertext); text-decoration:none; transition:.3s; font-size:14px; font-weight:500; } #glpweb-components-quicklinks .quick-item .link:hover, #glpweb-components-quicklinks .quick-item .link.active { color:var(--glp-white); border-bottom:1px solid #fff; } @media screen and (max-width: 768px) { #glpweb-components-quicklinks .title { font-size:30px; line-height:30px; } #glpweb-components-quicklinks .quick-item .subtitle { font-size:14px; } #glpweb-components-quicklinks .quick-item .link { padding-bottom:2px; font-size:14px; } } /* ------------------------------------------------------------------------------------- /* PROFESSIONALS Component /* ---------------------------------------------------------------------------------- */ #glpweb-professionals-cards .card { border:0; background-color:var(--glp-white); } #glpweb-professionals-cards .prfs-img, #glpweb-components-professionals .prfs-img { transition:.5s; background-position:center center; background-size:cover; background-repeat: no-repeat; } #glpweb-professionals-cards .prfs-title, #glpweb-components-professionals .prfs-title, #glpweb-professionals-cards .prfs-title a, #glpweb-components-professionals .prfs-title a { text-decoration:none; color:var(--glp-red); } #glpweb-professionals-cards .prfs-desc, #glpweb-components-professionals .prfs-desc, #glpweb-professionals-cards .prfs-desc a, #glpweb-components-professionals .prfs-desc a { text-decoration:none; color:var(--glp-blue); /* height:28px; */ } #glpweb-components-professionals a { text-decoration:none; } #glpweb-components-professionals .btn { --bs-btn-disabled-bg:var(--glp-charitygrey); --bs-btn-disabled-border-color:var(--glp-charitygrey); } #glpweb-professionals-cards .prfs-btns { min-height:34px; } #glpweb-professionals-cards .prfs-btns a { width:34px; height:34px; } #glpweb-professionals-cards .prfs-btns a.long { width:auto; height:34px !important; } #glpweb-components-professionals .swiper-prof-col { position:inherit; } #glpweb-components-professionals .swiper-prof-div { position:relative; } #glpweb-components-professionals.find-mode { background-color:var(--glp-blue); } #glpweb-components-professionals.find-mode h2 { color:var(--glp-white); } #glpweb-components-professionals .prof-title { text-align:left; } #glpweb-professionals-cards .prfs-cont { min-height:55px; } @media screen and (max-width: 768px) { #glpweb-components-professionals .prof-title { text-align:center; font-size:30px; } #glpweb-components-professionals .title { font-size:30px;font-weight:bold; } #glpweb-components-professionals .swiper-prof-col { position:relative; } #glpweb-components-professionals .swiper-prof-div { position:absolute; z-index: 250; width:100%; top:0; left:0; } #glpweb-components-professionals .swiper-prof-div .swiper-prev { position:absolute; left:12px; } #glpweb-components-professionals .swiper-prof-div .swiper-next { position:absolute; right:12px; } #glpweb-professionals-cards .card-cont { padding-left:40% !important; min-height:150px; } #glpweb-professionals-cards .prfs-img { position:absolute; top:0; left:0; width:34%; } #glpweb-components-professionals .prfs-title { font-size:28px; } #glpweb-components-professionals .prfs-desc { font-size:20px; min-height:30px; } #glpweb-professionals-cards .prfs-desc, #glpweb-components-professionals .prfs-desc { height:auto; } */ #glpweb-professionals-cards .prfs-btns { min-height:30px; } #glpweb-professionals-cards .prfs-btns { bottom:0; right:0; } #glpweb-professionals-cards .prfs-btns a { width:30px; height:30px; font-size:18px; } #glpweb-professionals-cards .prfs-cont { min-height:78px; } } /* ------------------------------------------------------------------------------------- /* OTHERS Component /* ---------------------------------------------------------------------------------- */ .glpweb-components-others .title { color:var(--glp-blue); font-size:22px; font-weight:bold; } .glpweb-components-others .title span { color:var(--glp-red); font-weight:bold; } .glpweb-components-others .list { color:var(--glp-lightblack); font-size:18px; } .glpweb-components-others .list li a { color:var(--glp-lightblack); text-decoration:none; } .glpweb-components-others .list li a:hover { color:var(--glp-red); text-decoration:underline; } .glpweb-components-others .list li a.active { color:var(--glp-red); text-decoration:underline; } .glpweb-components-others .file { font-size:16px; } .glpweb-components-others .file svg { height:20px; } .glpweb-components-others .file a { color:var(--glp-lightblack); text-decoration:none; } .glpweb-components-others .file a:hover { color:var(--glp-red); } .glpweb-components-others.invert .title, .glpweb-components-others.invert .list, .glpweb-components-others.invert .file a { color:var(--glp-white); } .glpweb-components-others .btn-back { color:var(--glp-blue); font-size:20px; font-weight:500; text-decoration:none; } .glpweb-components-others .btn-back:hover { text-decoration:underline; } .glpweb-components-others .btn-back span { width:30px; height:30px; font-size:16px; display:inline-flex; background-color:var(--glp-red); border-radius:50%; color:var(--glp-white); } @media screen and (max-width: 768px) { .glpweb-components-others .btn-back { font-size:18px; justify-content:flex-start; } } /* ------------------------------------------------------------------------------------- /* SHARES Component /* ---------------------------------------------------------------------------------- */ .glpweb-components-shares .title { color:var(--glp-blue); font-size:22px; font-weight:bold; } .glpweb-components-shares .share-btn { color:var(--glp-blue); font-size:22px; cursor:pointer; } .glpweb-components-shares .share-btn:hover { color:var(--glp-red); } .glpweb-components-shares .share-btn:hover { color:var(--glp-red); } .glpweb-components-shares .shares-extended-bar { top:0; left:0; width:100%; height:100%; background-color:var(--glp-lightgrey); } .invert .glpweb-components-shares .title, .invert .glpweb-components-shares .share-btn { color:var(--glp-white); } .invert .glpweb-components-shares .share-btn:hover { color:var(--glp-red); } @media screen and (max-width: 768px) { .glpweb-components-shares * { z-index:10; } .invert .glpweb-components-shares .title, .invert .glpweb-components-shares .share-btn { color:var(--glp-blue); } /* .glpweb-components-shares::after { position:absolute; z-index:1; top:0; left:0; height:65px; width:100%; background-color:var(--glp-lightgrey); content:''; } */ /* .glpweb-components-shares.extend::after { position:absolute; z-index:1; top:0; left:-24px; height:65px; width:calc(100% + 40px); background-color:var(--glp-lightgrey); content:''; } */ } /* ------------------------------------------------------------------------------------- /* ERROR 404 Component /* ---------------------------------------------------------------------------------- */ .glpweb-error-404 { background-color:var(--glp-blue); } .glpweb-error-404 h1, .glpweb-error-404 h3 { color:var(--glp-white); } @media screen and (max-width: 768px) { .glpweb-error-404 { height:calc(100vh - var(--glp-navbar-mobile-height)); } } /* ------------------------------------------------------------------------------------- /* NAVIGATION "PREV" & "NEXT" Component /* ---------------------------------------------------------------------------------- */ .glpweb-components-navprevnext .btn-back { color:var(--glp-blue); font-size:20px; font-weight:500; text-decoration:none; } .glpweb-components-navprevnext .btn-back:hover { text-decoration:underline; } .glpweb-components-navprevnext .btn-back span { width:30px; height:30px; font-size:16px; display:inline-flex; background-color:var(--glp-red); border-radius:50%; color:var(--glp-white); } @media screen and (max-width: 768px) { .glpweb-components-navprevnext .btn-back { font-size:18px; justify-content:flex-start; } } /* ------------------------------------------------------------------------------------- /* OFFICES Component /* ---------------------------------------------------------------------------------- */ #glpweb-components-office { background-color:var(--glp-easygrey); } #glpweb-components-office .main-title { color:var(--glp-red); font-size:40px; } #glpweb-components-office .office-card { background-color:var(--glp-white); min-height:200px; } #glpweb-components-office .office-card-title, #glpweb-components-office .office-card-title a { /* font-size:30px; */ color:var(--glp-blue); font-weight:500; text-decoration:none; } #glpweb-components-office .office-card-texts { font-size:18px; color:var(--glp-lightblack); /* padding-right:50px !important; */ } #glpweb-components-office .office-card-btn { top:25px; right:25px; border-radius:50%; font-size:20px; overflow:hidden; width:40px; height:40px; transition:.3s; --bs-btn-color: var(--glp-white); --bs-btn-bg: var(--glp-blue); --bs-btn-border-color:var(--glp-blue); --bs-btn-border-radius:.5rem; --bs-btn-padding-x:.50rem; --bs-btn-padding-y:.25rem; --bs-btn-hover-bg:var(--glp-red); --bs-btn-hover-border-color:var(--glp-red); --bs-btn-hover-color:var(--glp-white); --bs-btn-active-bg:var(--glp-red); --bs-btn-active-border-color:var(--glp-red); --bs-btn-active-color:var(--glp-white); } #glpweb-components-office .office-card:hover { background-color:var(--glp-blue); } #glpweb-components-office .office-card:hover .office-card-title, #glpweb-components-office .office-card:hover .office-card-title a { color:var(--glp-white); } #glpweb-components-office .office-card:hover .office-card-texts { color:var(--glp-white); } #glpweb-components-office .office-card:hover .office-card-btn { --bs-btn-color: var(--glp-blue); --bs-btn-bg: var(--glp-white); --bs-btn-border-color:var(--glp-white); } @media screen and (max-width: 768px) { #glpweb-components-office .office-card { min-height:initial; } #glpweb-components-office .office-card-title { font-size:26px; } #glpweb-components-office .office-card-btn { bottom:initial; right:20px; top:20px; width:38px; height:38px; } #glpweb-components-office .office-card-texts { font-size:16px; } } /* ------------------------------------------------------------------------------------- /* WECHAT QRCODE Component /* ---------------------------------------------------------------------------------- */ .wechat-target-main { bottom:0; left:0; z-index:100; background-color:#38506c50; } .wechat-target-main #qr-target img { width:100%; max-width:200px; } /* ------------------------------------------------------------------------------------- /* AWARDS ROW Component /* ---------------------------------------------------------------------------------- */ @media screen and (max-width: 578px) { #glpweb-components-awards-row .swiper-wrapper { height:inherit !important; display:flex; align-items:center; height:100%; } #glpweb-components-awards-row .swiper-wrapper .swiper-slide img { max-height:90px; } } /* ------------------------------------------------------------------------------------- /* FOOTER - Top (Left & Right) /* ---------------------------------------------------------------------------------- */ #glpweb-footer .footer-top { background:var(--glp-lightgrey); overflow:hidden; } #glpweb-footer .footer-top .col-info .title { font-size:24px; font-weight:500; color:var(--glp-blue); } #glpweb-footer .footer-top .col-info .subtitle { font-size:18px; font-weight:500; color:var(--glp-blue); } #glpweb-footer .footer-top .col-info .hr-title { height:2px; background:var(--glp-blue); } #glpweb-footer .footer-top .col-info .sect:nth-child(2) { width:calc(100% - 13px); } #glpweb-footer .footer-top .col-info .ra-cont a { font-size:18px; font-weight:500; color:var(--glp-red); text-decoration:none; } #glpweb-footer .footer-top .col-info .ra-cont a:hover { text-decoration:underline; } #glpweb-footer .footer-top .col-info .ra-cont a span { width:30px; height:30px; background-color:var(--glp-red); color:var(--glp-white); display:inline-flex; line-height:0; } #glpweb-footer .footer-top .col-info .ra-cont a span svg { height:16px; } #glpweb-footer .footer-top .col-info .social-icons .social-item { color:var(--glp-white); transition:.3s; width:50px; height:50px; display:inline-flex; border-radius:8px; } #glpweb-footer .footer-top .col-info .social-icons .social-item:nth-child(1){ background-color:#0077B5; } #glpweb-footer .footer-top .col-info .social-icons .social-item:nth-child(2){ background-color:#2DC100; } #glpweb-footer .footer-top .col-info .social-icons .social-item:nth-child(3){ background-color:#F78422; } #glpweb-footer .footer-top .col-info .social-icons .social-item:hover { opacity:.8; } #glpweb-footer .footer-top .col-info .social-icons .social-item svg { height:30px; } #glpweb-footer .footer-top .col-apps .title { font-size:40px; font-weight:bold; color:var(--glp-red); } #glpweb-footer .footer-top .col-apps .texts { font-size:18px; color:var(--glp-blue); } #glpweb-footer .footer-top .col-apps .pretitle { font-size:18px; font-weight:bold; color:var(--glp-easygrey); } #glpweb-footer .footer-top .col-apps .prelinks { font-size:14px; color:var(--glp-lightblack); } #glpweb-footer .footer-top .col-apps .phone-img { position:absolute; top:25px;left:25px; width:35%; } #glpweb-footer .footer-top .col-apps .phone-cont { padding-left:calc(20px + 36% + 20px); height:100%; width:100%; box-sizing:border-box; } #glpweb-footer .footer-top .col-apps .buttons a img { height:34px; } #glpweb-footer .footer-top .col-apps { position:relative; background:var(--glp-charitygrey); } #glpweb-footer .footer-top .col-apps::before{ content:""; position:absolute; top:0; left:-50px; width:50px; height:100%; background:inherit; clip-path:polygon(100% 0, 0 100%, 100% 100%); } @media screen and (max-width: 768px) { #glpweb-footer .footer-top .col-info .title { font-size:20px; } #glpweb-footer .footer-top .col-info .sect:nth-child(2) { width:100%; } #glpweb-footer .footer-top .col-info .social-icons .social-item { width:40px; height:40px; } #glpweb-footer .footer-top .col-info .social-icons .social-item svg { height:22px; } #glpweb-footer .footer-top .col-apps .title { font-size:21px; font-weight:bold; color:var(--glp-red); } #glpweb-footer .footer-top .col-apps .pretitle { font-size:17px; } #glpweb-footer .footer-top .col-apps .texts { font-size:14px; color:var(--glp-blue); } #glpweb-footer .footer-top .col-apps .phone-img { display:none; } #glpweb-footer .footer-top .col-apps .buttons a { width:100%; } #glpweb-footer .footer-top .col-apps .buttons a img { height:28px; } #glpweb-footer .footer-top .col-apps::before{ display:none; } #glpweb-footer .footer-top .col-apps .phone-cont { padding-left:0; } } /* ------------------------------------------------------------------------------------- /* FOOTER - Older (4 columns like older website!) /* ---------------------------------------------------------------------------------- */ #glpweb-footer .footer-older { background:var(--glp-lightgrey); overflow:hidden; } #glpweb-footer .footer-older .col-info .title { font-size:24px; font-weight:500; color:var(--glp-blue); } #glpweb-footer .footer-older .col-info .subtitle { font-size:18px; font-weight:500; color:var(--glp-blue); } #glpweb-footer .footer-older .col-info .hr-title { height:2px; background:var(--glp-blue); display:none; } #glpweb-footer .footer-older .col-info .ra-cont a { font-size:18px; font-weight:500; color:var(--glp-red); text-decoration:none; } #glpweb-footer .footer-older .col-info .ra-cont a:hover { text-decoration:underline; } #glpweb-footer .footer-older .col-info .ra-cont a span { width:36px; height:36px; background-color:var(--glp-red); color:var(--glp-white); display:inline-flex; line-height:0; } #glpweb-footer .footer-older .col-info .ra-cont a span svg { height:16px; } #glpweb-footer .footer-older .col-info .social-icons .social-item { color:var(--glp-white); background-color:var(--glp-blue); transition:.3s; width:36px; height:36px; display:inline-flex; border-radius:8px; } /* #glpweb-footer .footer-older .col-info .social-icons .social-item:nth-child(1){ background-color:#0077B5; } #glpweb-footer .footer-older .col-info .social-icons .social-item:nth-child(2){ background-color:#2DC100; } #glpweb-footer .footer-older .col-info .social-icons .social-item:nth-child(3){ background-color:#F78422; } */ #glpweb-footer .footer-older .col-info .social-icons .social-item:hover { opacity:.8; } #glpweb-footer .footer-older .col-info .social-icons .social-item svg { height:22px; } #glpweb-footer .footer-older .col-apps .title { font-size:40px; font-weight:bold; color:var(--glp-red); } #glpweb-footer .footer-older .col-apps .texts { font-size:18px; color:var(--glp-blue); } #glpweb-footer .footer-older .col-apps .pretitle { font-size:18px; font-weight:bold; color:var(--glp-easygrey); } #glpweb-footer .footer-older .col-apps .prelinks { font-size:14px; color:var(--glp-lightblack); } #glpweb-footer .footer-older .col-apps .phone-img { position:absolute; top:25px; left:10px; width:calc(100% - 26px); } #glpweb-footer .footer-older .col-apps .phone-cont { height:100%; width:100%; box-sizing:border-box; } #glpweb-footer .footer-older .col-apps .buttons a img { height:34px; } @media screen and (max-width: 768px) { #glpweb-footer .footer-older .col-info .title { font-size:20px; } #glpweb-footer .footer-older .col-info .social-icons .social-item { width:34px; height:34px; } #glpweb-footer .footer-older .col-info .social-icons .social-item svg { font-size:12px; } #glpweb-footer .footer-older .col-apps .title { font-size:21px; font-weight:bold; color:var(--glp-red); } #glpweb-footer .footer-older .col-apps .phone-img { top:14px; width:calc(100% - 20px); } #glpweb-footer .footer-older .col-apps .buttons a { width:100%; } #glpweb-footer .footer-older .col-apps .buttons a img { height:32px; } } /* ------------------------------------------------------------------------------------- /* FOOTER - Bottom /* ---------------------------------------------------------------------------------- */ #glpweb-footer .footer-bottom { background-color:var(--glp-red); color:var(--glp-white); font-size:12px; font-weight:bold; } #glpweb-footer .footer-bottom .phrase { color:var(--glp-footertext); } #glpweb-footer .footer-bottom a { color:var(--glp-white); } /* ------------------------------------------------------------------------------------- /* SEARCH - Main & Results /* ---------------------------------------------------------------------------------- */ #glpweb-search-main.glpweb-search-view-start { position:relative; background-image:url('/img/hero-vertical.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; } #glpweb-search-main.glpweb-search-view-start::before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:#000; opacity:.4; } #glpweb-search-main.glpweb-search-view-start .container{ z-index: 10; } #glpweb-search-main.glpweb-search-view-results { background-color:var(--glp-blue); } #glpweb-search-results .title { font-size:56px; color:var(--glp-blue); } #glpweb-search-results .sum { font-size:26px; font-weight:500; color:var(--glp-blue); } #glpweb-search-results .searchresult-item { border-bottom:2px solid var(--glp-easygrey); } #glpweb-search-results .searchresult-item .category, #glpweb-search-results .searchresult-item .category a { font-size:20px; font-weight:bold; color:var(--glp-blue); text-decoration:none; } #glpweb-search-results .searchresult-item .title, #glpweb-search-results .searchresult-item .title a { font-size:26px; font-weight:bold; color:var(--glp-red); text-decoration:none; } #glpweb-search-results .searchresult-item .content, #glpweb-search-results .searchresult-item .content a { font-size:18px; line-height:24px; color:var(--glp-lightblack); text-decoration:none; } #glpweb-search-results .searchresult-item .btn { width:40px; font-size:20px; height:40px; border-radius:50%; } #glpweb-search-results .searchresult-item .searchresult-share-box { background-color: var(--glp-easygrey); } #glpweb-search-results .searchresult-item .searchresult-share-box h4 { font-size:20px; color:var(--glp-white); font-weight:bold; } #glpweb-search-results .searchresult-item .searchresult-share-box .share-btn { font-size:24px; transition:.3s; color:var(--glp-white); font-weight:bold; } #glpweb-search-results .searchresult-item .searchresult-share-box .share-btn:hover { color:var(--glp-blue); } @media screen and (max-width: 768px) { #glpweb-search-results .title { font-size:40px; } #glpweb-search-results .sum { font-size:20px; } #glpweb-search-results .searchresult-item .category { font-size:17px; } #glpweb-search-results .searchresult-item .title { font-size:22px; } #glpweb-search-results .searchresult-item .content { font-size:14px; line-height:18px; } #glpweb-search-results .searchresult-item .btn { width:34px; font-size:18px; height:34px; } #glpweb-search-results .searchresult-item .searchresult-share-box h4 { position:absolute; left:0; transform:translateX(calc(50% + 8px)); font-size:16px; color:var(--glp-white); font-weight:bold; } #glpweb-search-results .searchresult-item .searchresult-share-box .share-btn { font-size:20px; } } /* ------------------------------------------------------------------------------------- /* SEARCH - Pagination /* ---------------------------------------------------------------------------------- #glpweb-search-pagination { background-color: var(--glp-blue); } #glpweb-search-pagination .more { color: var(--glp-white); text-decoration:none; } #glpweb-search-pagination .more:hover { text-decoration:underline; } #glpweb-search-pagination .pagination { --bs-pagination-color:#fff; --bs-pagination-bg:transparent; --bs-pagination-border-color:#fff; --bs-pagination-border-radius:50%; --bs-pagination-hover-bg:#fff; --bs-pagination-hover-color:#38506c; --bs-pagination-active-bg:#fff; --bs-pagination-active-color:#38506c; --bs-pagination-disabled-color:#fff; margin:0; } #glpweb-search-pagination .pagination .page-item { width:40px; height:40px; padding:0; margin:0; text-align:center; } #glpweb-search-pagination .pagination .page-item .page-link { height:40px; font-size:20px !important; font-weight:bold !important; } #glpweb-search-pagination .pagination .page-item.active .page-link { background-color:var(--glp-white); border-color:var(--glp-white); } #glpweb-search-pagination .pagination .page-item.first .page-link { border-top-left-radius:12px; border-bottom-left-radius:12px; } #glpweb-search-pagination .pagination .page-item.last .page-link { border-top-right-radius:12px; border-bottom-right-radius:12px; } #glpweb-search-pagination .pagination .page-item-prev, #glpweb-search-pagination .pagination .page-item-next { margin: 0 12px; } #glpweb-search-pagination .pagination .page-item-prev > .page-link, #glpweb-search-pagination .pagination .page-item-next > .page-link { width:40px; height:40px; border-radius:50% !important; display:flex; justify-content:center; align-items:center; padding:0; } */ /* ------------------------------------------------------------------------------------- /* HOME PAGE - Contents /* ---------------------------------------------------------------------------------- */ .glpweb-home-video { background-color:#000; } .glpweb-home-video * { position:relative; z-index:5; } .glpweb-home-video video { position:absolute; top:0; left:25%; width:50%; height:100%; object-fit:cover; z-index:1; } @media screen and (max-width: 768px) { .glpweb-home-video video { top:25%; left:0; width:100%; height:50%; } } /* ------------------------------------------------------------------------------------- /* ABOUT US - About GLP /* ---------------------------------------------------------------------------------- */ .glpweb-aboutus-headmobile { border-top:6px solid var(--glp-lightgrey); } #glpweb-aboutus-head { border-bottom:6px solid var(--glp-red); border-top:6px solid var(--glp-blue); } #glpweb-aboutus-head .btn { font-size:26px; } #glpweb-aboutus-intro p { font-size:20px; line-height:28px; } #glpweb-aboutus-commitments::before{ background-image:url('/img/about-us/preview-commitments.png'); } #glpweb-aboutus-awards::before { background-image:url('/img/about-us/preview-awards.png'); } .glpweb-aboutus-featureblock::before{ width:calc(50vw - 8px); content:""; position:absolute; top:0; bottom:0; background-size:cover; background-position:center; background-repeat:no-repeat; } .glpweb-aboutus-featureblock.bg-left::before { left:0; } .glpweb-aboutus-featureblock.bg-right::before { right:0; } .glpweb-aboutus-featureblock h2::before { content:''; width:130px; height:3px; background-color: var(--glp-blue); position:absolute; bottom:0; left:0; } .glpweb-aboutus-featureblock p { font-size:20px; line-height:28px; } .glpweb-aboutus-featureblock .link { text-decoration:none; color:var(--glp-red); font-size:26px; display:flex; align-items:center; } .glpweb-aboutus-featureblock .link svg { font-size:20px; } .glpweb-aboutus-featureblock .link:hover { text-decoration:underline; } @media screen and (max-width: 768px) { #glpweb-aboutus-head { border-top:0px !important; border-bottom:0px !important; background-color:var(--glp-lightgrey); } #glpweb-aboutus-head .btn { font-weight:500;font-size:20px; } #glpweb-aboutus-head .title-mobile::before{ width:50px; height:4px; content:""; position:absolute; left:0; bottom:0; background-color:var(--glp-blue); } #glpweb-aboutus-intro { font-size:18px; line-height:26px; background-color:var(--glp-lightgrey); } .glpweb-aboutus-featureblock::before { display:none; } #glpweb-aboutus-commitments { font-size:18px; line-height:26px; background-color:var(--glp-white); } .glpweb-aboutus-featureblock .link { font-size:20px; } .glpweb-aboutus-featureblock .link svg { font-size:16px; } #glpweb-aboutus-awards { font-size:18px; line-height:26px; background-color:var(--glp-lightgrey); } } /* ------------------------------------------------------------------------------------- /* ABOUT US - Commitments /* ---------------------------------------------------------------------------------- */ #glpweb-commitments-navbar { background-color:var(--glp-blue); height:var(--glp-navitem-charity-desktop); z-index:100; } #glpweb-commitments-navbar-mobile { background-color:var(--glp-blue); height:var(--glp-navitem-charity-mobile); z-index:100; } /* #glpweb-commitments-navbar .btn, #glpweb-commitments-navbar-mobile .btn { font-weight:500; } */ #glpweb-commitments-slider { height:calc(100vh - var(--glp-navbar-desktop-height) - var(--glp-navitem-charity-desktop)); } #glpweb-commitments-slider .glpweb-commitments-slider-main { height:100%; width:100%; padding:0 !important; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .title { color:var(--glp-red); font-weight:bold; font-size:50px; line-height:26px; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .title .subtitle { color:var(--glp-blue) !important; font-weight:bold; font-size:26px; } #glpweb-commitments-slider .glpweb-commitments-slider-inside p { font-size:20px; line-height:28px; } #glpweb-commitments-slider .glpweb-commitments-slider-inside, #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-wrapper, #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-wrapper .container-fluid, #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-wrapper .container-fluid .row, #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-wrapper .container-fluid .row .col-inside { height:100%; z-index: 30; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-wrapper .container-fluid .row .col-inside:nth-child(1) { border-top: 6px solid var(--glp-charitygrey); } #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-wrapper .container-fluid .row .col-inside:nth-child(2) { background-repeat:no-repeat; background-size:cover; background-position:center center; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-pagination { position:fixed; bottom:50px; right:50px; z-index:50; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-pagination .swiper-pagination-bullet { width:26px; height:26px; display:inline-block; margin:0 4px; background-color:transparent; border:3px solid #fff; border-radius:50%; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-pagination .swiper-pagination-bullet:hover, #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-pagination .swiper-pagination-bullet-active { background-color:#fff; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-pagination .swiper-arrow { width:50px; height:50px; font-size:24px; } .glpweb-commitments-content-mobile .section-title { background-color:var(--glp-lightgrey); } .glpweb-commitments-content-mobile .section-cont h4 { color:var(--glp-blue); font-size:22px; font-weight:600; } .glpweb-commitments-content-mobile .section-cont p { color:var(--glp-lightblack); font-size:17px; line-height:22px; } .glpweb-commitments-content-mobile .section-images .col-mgrs { /* background-image:url('/img/commitments/default.jpg'); */ background-repeat:no-repeat; background-size:cover; background-position:center center; } @media screen and (max-width: 768px) { #glpweb-commitments-slider { height:calc(100vh - var(--glp-navbar-mobile-height) - var(--glp-navitem-charity-mobile)); } #glpweb-commitments-navbar-mobile .btn { font-size:14px; } #glpweb-commitments-slider .glpweb-commitments-slider-inside .swiper-pagination .swiper-arrow { width:36px; height:36px; font-size:18px; } } /* ------------------------------------------------------------------------------------- /* ABOUT US - Awards - Timeline /* ---------------------------------------------------------------------------------- */ #glpweb-awards-slider .glpweb-awards-slider-main .main-title { padding-left:calc(var(--glp-awards-timeline-size) + calc(calc(var(--glp-awards-timeline-size) / 3) * 1)) !important; } #glpweb-awards-slider .glpweb-awards-slider-main .col-timeline { width: var(--glp-awards-timeline-size); } #glpweb-awards-slider .glpweb-awards-slider-main .col-timeline .award-year { width:var(--glp-awards-timeline-size); height:var(--glp-awards-timeline-size); z-index:230; position:relative; font-size:42px; line-height:0; font-weight:bold; color:var(--glp-red); background-color:var(--glp-white); } #glpweb-awards-slider .glpweb-awards-slider-main .col-timeline .award-year-line { position:absolute; margin-left:-5px; /* top:calc(calc(var(--glp-awards-timeline-size) * 3) * -1); */ top:calc(calc(var(--glp-awards-timeline-size) * 2) * -1); transform:translateX(calc(var(--glp-awards-timeline-size) / 2)); width:10px; height:100vh; background:var(--glp-blue); z-index:200; } #glpweb-awards-slider .glpweb-awards-slider-main .swiper-slide { display:flex; align-items:center; overflow:hidden; } #glpweb-awards-slider .glpweb-awards-slider-main .col-timeline .award-year-line.first { top:0 !important; } /* #glpweb-awards-slider .glpweb-awards-slider-main .col-timeline .award-year-line.last { height:calc(var(--glp-awards-timeline-size) * 2) !important; } */ #glpweb-awards-slider .glpweb-awards-slider-main .col-timeline .award-year-line.last { height:calc(var(--glp-awards-timeline-size) * 4) !important; top:calc(calc(var(--glp-awards-timeline-size) * 4) * -1); } #glpweb-awards-mobile { background-color:var(--glp-secondarygrey); } #glpweb-awards-mobile .awards-timeline .timeline-line { position: absolute; left: 50%; top: 50px; transform: translateX(-50%); width: 8px; height: 0; transition:5s; transition-delay:1s; background-color: var(--glp-blue); z-index: 100; } #glpweb-awards-mobile .awards-rows:nth-child(even) { background-color:var(--glp-white); } #glpweb-awards-mobile .awards-rows:nth-child(odd) { background-color:var(--glp-lightgrey); } #glpweb-awards-mobile .awards-rows .awards-col-left .awards-year { position:relative; z-index:230; position:relative; font-size:26px; line-height:0; font-weight:bold; color:var(--glp-red); background-color:var(--glp-white); } #glpweb-awards-mobile .awards-rows:nth-child(even) .awards-year { background-color:var(--glp-secondarygrey); } /* ------------------------------------------------------------------------------------- /* ABOUT US - Awards - Content /* ---------------------------------------------------------------------------------- */ #glpweb-awards-mobile .award-info-desc, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-desc { font-size:16px; color:var(--glp-lightblack); } #glpweb-awards-mobile .award-info-box, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-box { position:relative; transition:.3s; background:var(--glp-white) } #glpweb-awards-mobile .awards-rows:nth-child(even) .award-info-box { background:var(--glp-lightgrey) } #glpweb-awards-mobile .award-info-box .award-info-img, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-box .award-info-img { text-align:center; } #glpweb-awards-mobile .award-info-box .award-info-img img { max-height:50px; } #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-box .award-info-img img { max-height:70px; } #glpweb-awards-mobile .award-info-box .award-info-text, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-text { display:none; overflow:auto; padding:16px; } #glpweb-awards-mobile .award-info-box.active, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-box.active { background-color: var(--glp-easygrey) !important; } #glpweb-awards-mobile .award-info-box.active .award-info-text, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-box.active .award-info-text { display:block; font-size:20px; line-height:24px; } #glpweb-awards-mobile .award-info-box .award-info-text .title, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-text .title { font-size:18px; font-weight:bold; color:var(--glp-blue); } #glpweb-awards-mobile .award-info-box .award-info-text .texts, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-text .texts { font-size:16px; line-height:22px; color:var(--glp-lightblack); } #glpweb-swiper-awards .swiper-slide img { max-width:100%; max-height:100%; } #glpweb-awards-mobile .award-info-box-toggle, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-box-toggle { cursor:pointer; } #glpweb-awards-mobile .award-info-box-toggle:hover, #glpweb-awards-slider .glpweb-awards-slider-main .col-info .award-info-box-toggle:hover { background-color:var(--glp-charitygrey); } /* ------------------------------------------------------------------------------------- /* ABOUT US - Awards - General & Pagination /* ---------------------------------------------------------------------------------- */ #glpweb-awards-slider { background-color:var(--glp-white); } #glpweb-awards-slider .swiper .swiper-slide:nth-child(odd) { background-color:var(--glp-charitygrey); } #glpweb-awards-slider .swiper .swiper-slide:nth-child(even) .award-year { background-color:var(--glp-charitygrey); } #glpweb-awards-slider .swiper .swiper-slide:nth-child(even) .award-info-box { background:var(--glp-charitygrey) } #glpweb-awards-slider .swiper-pagination{ right:50px; display:flex; flex-direction:column; align-items:center; gap:6px; z-index:300; color:var(--glp-blue); font-size:30px; line-height:1; } /* #glpweb-awards-slider .swiper-pagination::before{ content:"\2191"; } #glpweb-awards-slider .swiper-pagination::after{ content:"\2193"; } */ #glpweb-awards-slider .swiper-pagination-bullet { width:26px;height:26px; border:3px solid var(--glp-blue); border-radius:50%; background:transparent; opacity:1; } #glpweb-awards-slider .swiper-pagination-bullet:hover, #glpweb-awards-slider .swiper-pagination-bullet-active { background:var(--glp-blue); } /* ------------------------------------------------------------------------------------- /* PRACTICE - Template /* ---------------------------------------------------------------------------------- */ #glpweb-practice-temp-navbar { height:70px; background-color:var(--glp-blue); z-index:999; border-top:2px solid var(--glp-white); overflow:hidden; } #glpweb-practice-temp-navbar .first { background-color:var(--glp-red); height:100%; position:relative; } #glpweb-practice-temp-navbar .first::after { content:''; position:absolute; top:-1px; right:-2px; width:30px; height:calc(100% + 6px); background:var(--glp-blue); clip-path:polygon( 0 50%, 100% 0, 100% 100% ); } /* #glpweb-practice-temp-navbar .btn { font-weight:500; } */ #glpweb-practice-temp-navbar .first, #glpweb-practice-temp-navbar .second { justify-content:flex-start; } .glpweb-practice-temp-head { height:40vh; /* background-image: url('/img/practice/demo.png'); */ background-repeat:no-repeat; background-size:cover; background-position:center center; } .glpweb-practice-temp-intro, .glpweb-practice-temp-services, .glpweb-practice-temp-focus { background-color:var(--glp-secondarygrey); transition:1s; } .glpweb-practice-temp-intro .subtitle, .glpweb-practice-temp-services .subtitle, .glpweb-practice-temp-focus .subtitle { font-size:30px; color:var(--glp-blue); font-weight:bold; } .glpweb-practice-temp-intro p, .glpweb-practice-temp-services p, .glpweb-practice-temp-focus p { /* font-size:20px; */ color:var(--glp-blue); } .glpweb-practice-temp-services .btn, .glpweb-practice-temp-focus .btn { /* font-size:26px; font-weight:500; */ text-align:left !important; } .glpweb-practice-temp-services .btn svg, .glpweb-practice-temp-focus .btn svg { top:10px; right:12px !important; } .glpweb-practice-temp-services .title { color:var(--glp-blue); font-size:32px; font-weight:500; } .glpweb-practice-temp-services.active .title { color:var(--glp-red); } .glpweb-practice-temp-services .col-back { display:none; } .glpweb-practice-temp-services.active .col-back { display:block; } .glpweb-practice-temp-services .list { font-size:20px; } .glpweb-practice-temp-services .col-back { text-align:right; } .glpweb-practice-temp-services .btn-back { color:var(--glp-red); cursor:pointer; font-weight:bold; } .glpweb-practice-temp-services .btn-back .back-icon { width:30px; height:30px; background-color:var(--glp-red); color:var(--glp-white); border-radius:50%; } .glpweb-practice-temp-services .btn-back:hover { color:var(--glp-blue); } .glpweb-practice-temp-services .btn-back:hover .back-icon { background-color:var(--glp-blue); } @media screen and (max-width: 768px) { #glpweb-practice-temp-navbar { height:140px; } #glpweb-practice-temp-navbar .first::after { display:none; } #glpweb-practice-temp-navbar .btn { font-size:16px; } #glpweb-practice-temp-navbar .first, #glpweb-practice-temp-navbar .second { justify-content:center; height:50%; } .glpweb-practice-temp-head { height:20vh; } .glpweb-practice-temp-head h2 { font-size:40px; font-weight:bold; } .glpweb-practice-temp-intro .subtitle, .glpweb-practice-temp-services .subtitle, .glpweb-practice-temp-focus .subtitle { font-size:26px; color:var(--glp-red); } /* .glpweb-practice-temp-intro p, .glpweb-practice-temp-services p, .glpweb-practice-temp-focus p { font-size:18px; line-height:22px; } */ .glpweb-practice-temp-services .btn, .glpweb-practice-temp-focus .btn { font-size:20px; } .glpweb-practice-temp-services .btn svg, .glpweb-practice-temp-focus .btn svg { top:5px; right:10px !important; } .glpweb-practice-temp-services .title { font-size:24px; } .glpweb-practice-temp-services .list { font-size:18px; line-height:22px; } } /* ------------------------------------------------------------------------------------- /* FOCUS - Template /* ---------------------------------------------------------------------------------- */ .glpweb-focus-temp-head { height:30vh; /* background-image: url('/img/focus/default.jpg'); */ background-repeat:no-repeat; background-size:cover; background-position:center center; } .glpweb-focus-temp-main { background-color:var(--glp-secondarygrey); } .glpweb-focus-temp-main .back-col { justify-content:flex-end; } .glpweb-focus-temp-main .title { color:var(--glp-red); font-size:40px; } .glpweb-focus-temp-main .btn-back { color:var(--glp-blue); font-size:20px; font-weight:500; text-decoration:none; } .glpweb-focus-temp-main .btn-back:hover { text-decoration:underline; } .glpweb-focus-temp-main .btn-back span { width:30px; height:30px; font-size:16px; display:inline-flex; background-color:var(--glp-red); border-radius:50%; color:var(--glp-white); } .glpweb-focus-temp-cont .content { color:var(--glp-lightblack); font-size:20px; } .glpweb-focus-temp-cont .content * { max-width:100%; } @media screen and (max-width: 768px) { .glpweb-focus-temp-head { height:20vh; } .glpweb-focus-temp-head h2 { font-size:40px; font-weight:bold; } .glpweb-focus-temp-main .title { font-size:30px; font-weight:bold; } .glpweb-focus-temp-main .back-col { justify-content:flex-start; } .glpweb-focus-temp-main .btn-back { font-size:18px; font-weight:500; } .glpweb-focus-temp-main .btn-back span { width:22px; height:22px; font-size:14px; } .glpweb-focus-temp-cont .content { font-size:18px; line-height:22px; } .glpweb-practice-temp-services .list { font-size:22px; line-height:30px; } } /* ------------------------------------------------------------------------------------- /* NEWS - Archive /* ---------------------------------------------------------------------------------- */ #glpweb-news-temp-archive { background-color:var(--glp-secondarygrey); } #glpweb-news-temp-archive form label { color:var(--glp-lightblack); font-size:22px; font-weight:500; } /* ------------------------------------------------------------------------------------- /* NEWS - Single Article /* ---------------------------------------------------------------------------------- */ #glpweb-news-temp-article-head { height:60vh; background-image: url('/img/news/article.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; } #glpweb-news-temp-article-head .head-cont .date { font-size:26px; color:var(--glp-white); font-weight:500; z-index:60; } #glpweb-news-temp-article-head .head-cont .title { font-size:40px; color:var(--glp-white); font-weight:bold; z-index:60; } #glpweb-news-temp-article-head .head-cont .desc { font-size:18px; color:var(--glp-easygrey); z-index:60; } #glpweb-news-temp-article-head .head-cont::after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:var(--glp-blue); opacity:.8; z-index:50; } #glpweb-news-temp-article-cont .btn-back { color:var(--glp-blue); font-size:20px; font-weight:500; text-decoration:none; } #glpweb-news-temp-article-cont .btn-back:hover { text-decoration:underline; color:var(--glp-red); } #glpweb-news-temp-article-cont .btn-back span { width:30px; height:30px; font-size:16px; display:inline-flex; background-color:var(--glp-red); border-radius:50%; color:var(--glp-white); } .glpweb-news-temp-article-head-mobile { background-color:var(--glp-secondarygrey); } .glpweb-news-temp-article-head-mobile .head-cont .date { font-size:20px; } .glpweb-news-temp-article-head-mobile .head-cont .title { font-size:30px; line-height:36px; } .glpweb-news-temp-article-head-mobile .head-cont .desc { font-size:16px; } @media screen and (max-width: 768px) { #glpweb-news-temp-article-cont .btn-back { font-size:16px; } #glpweb-news-temp-article-cont .btn-back span { width:22px; height:22px; font-size:14px; } #glpweb-news-temp-article-head { height:25vh; position: inherit; } #glpweb-news-temp-article-head .head-cont::after { display:none; } } /* ------------------------------------------------------------------------------------- /* EVENTS - Archive /* ---------------------------------------------------------------------------------- */ #glpweb-events-temp-archive { background-image:url('/img/events/background.png'); background-size:cover; background-repeat:no-repeat; background-position:center center; } #glpweb-events-temp-archive form label { color:var(--glp-lightblack); font-size:22px; font-weight:500; } #glpweb-events-temp-archive .card-events { border:0 !important; } #glpweb-events-temp-archive .card-events .card-img-bg { background-repeat:no-repeat; background-size:cover; background-position:center center; height:150px; width:100%; } #glpweb-events-temp-archive .card-events .card-body { height:290px; } #glpweb-events-temp-archive .card-events .card-body .date { font-size: 20px; color:var(--glp-blue); } #glpweb-events-temp-archive .card-events .card-body .title, #glpweb-events-temp-archive .card-events .card-body .title a { font-size: 26px; font-weight:600; color:var(--glp-blue); text-decoration:none; } #glpweb-events-temp-archive .card-events .card-body .desc { font-size: 18px; color:var(--glp-lightblack); padding-right: 60px; } #glpweb-events-temp-archive .card-events .card-body .desc a { color:var(--glp-lightblack) !important; } #glpweb-events-temp-archive .card-events .card-body .desc a:hover { text-decoration:none; } #glpweb-events-temp-archive .card-events .btn { width:40px; height:40px; line-height:0; font-size:20px; } @media screen and (max-width: 768px) { #glpweb-events-temp-archive .card-events .card-img-bg { display:none; } #glpweb-events-temp-archive .card-events .btn { width:36px !important; height:36px !important; top:0; right:0; font-size:18px !important; } #glpweb-events-temp-archive .card-events .card-body .date { padding-right:42px; height:42px; } #glpweb-events-temp-archive .card-events .card-body .title { font-size:20px !important; } #glpweb-events-temp-archive .card-events .card-body .desc { font-size:16px; } } /* ------------------------------------------------------------------------------------- /* EVENTS - Single Article /* ---------------------------------------------------------------------------------- */ #glpweb-events-temp-article-head { height:40vh; background-repeat:no-repeat; background-size:cover; background-position:center center; } #glpweb-events-temp-article-head .head-cont { height:120px; background-color:var(--glp-white); border:4px solid var(--glp-blue); } #glpweb-events-temp-article-head .head-cont .top { top:0;left:0; padding-top:2px !important; width:100%; height:50%; font-size:28px; font-weight:bold; color:var(--glp-red); } #glpweb-events-temp-article-head .head-cont .bot { bottom:0;left:0; padding-top:4px !important; width:100%; height:50%; font-size:30px; font-weight:bold; color:var(--glp-red); } #glpweb-events-temp-article-head .head-cont .bot::after { content:'';position:absolute;top:calc(50% - 3px);left:0; width:100%; height:5px; background-color:var(--glp-blue); } .glpweb-events-temp-article-main { background-color:var(--glp-secondarygrey); } .glpweb-events-temp-article-main .date { color:var(--glp-blue); font-size:26px; } .glpweb-events-temp-article-main .title { color:var(--glp-red); font-size:32px; font-weight:bold; } .glpweb-events-temp-article-main .desc { color:var(--glp-lightblack); font-size:20px; } .glpweb-events-temp-article-main .desc a { color:var(--glp-lightblack) !important; } .glpweb-events-temp-article-main .desc a:hover { text-decoration:none; } .glpweb-events-temp-article-main .btn-back { color:var(--glp-blue); font-size:20px; font-weight:500; text-decoration:none; } .glpweb-events-temp-article-main .btn-back:hover { text-decoration:underline; } .glpweb-events-temp-article-main .btn-back span { width:30px; height:30px; font-size:16px; display:inline-flex; background-color:var(--glp-red); border-radius:50%; color:var(--glp-white); } #glpweb-events-temp-article-cont .content * { max-width:100%; } #glpweb-events-temp-article-cont .content a { color:var(--glp-lightblack) !important; } #glpweb-events-temp-article-cont .content a:hover { text-decoration:none; } #glpweb-events-temp-article-cont .btn-back { color:var(--glp-blue); font-size:20px; font-weight:500; text-decoration:none; } #glpweb-events-temp-article-cont .btn-back:hover { text-decoration:underline; color:var(--glp-red); } #glpweb-events-temp-article-cont .btn-back span { width:30px; height:30px; font-size:16px; display:inline-flex; background-color:var(--glp-red); border-radius:50%; color:var(--glp-white); } @media screen and (max-width: 768px) { #glpweb-events-temp-article-cont .btn-back { font-size:16px; } #glpweb-events-temp-article-cont .btn-back span { width:22px; height:22px; font-size:14px; } #glpweb-events-temp-article-head { height:25vh; position: inherit; } #glpweb-events-temp-article-head .head-cont { height:90px; border:3px solid var(--glp-blue); } #glpweb-events-temp-article-head .head-cont .top { font-size:20px; font-weight:bold; padding-top:0px !important; } #glpweb-events-temp-article-head .head-cont .bot { font-size:22px; font-weight:bold; padding-top:2px !important; } #glpweb-events-temp-article-head .head-cont .bot::after { top:calc(50% - 1.5px); height:3px; } .glpweb-events-temp-article-main .date { font-size:20px; } .glpweb-events-temp-article-main .title { font-size:30px; line-height:36px; } .glpweb-events-temp-article-main .desc { font-size:16px; } .glpweb-events-temp-article-main .btn-back { font-size:16px; } .glpweb-events-temp-article-main .btn-back span { width:22px; height:22px; font-size:14px; } } /* ------------------------------------------------------------------------------------- /* PUBLICATIONS - Content & Modal /* ---------------------------------------------------------------------------------- */ #glpweb-publications-cont { background-color:var(--glp-secondarygrey); } #glpweb-publications-cont .otpbtt { color:var(--glp-blue); } #glpweb-publications-cont .publ-cont .refs { color:var(--glp-lightblack); font-size:20px; font-weight:normal; } #glpweb-publications-cont .publ-cont .title { color:var(--glp-blue); font-size:20px; font-weight:bold; } #glpweb-publications-cont .publ-cont .date { color:var(--glp-lightblack); font-size:20px; font-weight:normal; } #glpweb-publications-cont .publ-cont .btn { font-weight:500; } #glpweb-publications-cont .publ-cont .btn-link { margin:0; padding:0; color:var(--glp-red); text-decoration:none; cursor:pointer; font-size:18px; } #glpweb-publications-cont .publ-cont .btn-link:hover { color:var(--glp-blue) !important; } #glpweb-publications-cont .publ-cont .btn-link svg { font-size:15px; } #glpweb-publications-cont .publ-cont .btn-light{ --bs-btn-bg:#38506c10; --bs-btn-border-color: transparent; --bs-btn-color: #38506c; --bs-btn-hover-bg: #38506c; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color:transparent; --bs-btn-active-bg: #38506c; --bs-btn-active-border-color:transparent; --bs-btn-disabled-bg: #fefefe; } #glpweb-publications-modal .modal-content .btn-close { top:25px; right:25px; z-index:1; } #glpweb-publications-modal .modal-body .title { font-size:20px; color:var(--glp-red); font-weight:500; } #glpweb-publications-modal .modal-body .form-control { background-color:var(--glp-secondarygrey); border:0; font-size:18px; } #glpweb-publications-modal .modal-body .form-check-input { background-color:var(--glp-secondarygrey); border-radius:50%; width:18px; height:18px; margin-right:12px; } #glpweb-publications-modal .modal-body .form-check-input:checked { background-color:var(--glp-red); } #glpweb-publications-modal .modal-body .form-check-label { font-size:18px; color:var(--glp-lightblack); } #glpweb-publications-modal .modal-body .form-check-label a { color:var(--glp-lightblack); } #glpweb-publications-modal .modal-body .form-check-label a:hover { color:var(--glp-red); } #glpweb-publications-modal .modal-body .btn { width:50px; height:50px; font-size:30px; bottom:25px; right:25px; } #glpweb-publications-modal .modal-prevbox img { max-height:150px; } #glpweb-publications-modal .modal-prevbox .desc { color:var(--glp-blue); font-weight:500; font-size:20px; } #glpweb-publications-modal .modal-prevbox .title { color:var(--glp-blue); font-weight:bold; font-size:22px; } #glpweb-publications-modal .modal-prevbox .date { color:var(--glp-blue); font-size:20px; } #glpweb-publications-modal .modal-prevbox { background-color:var(--glp-secondarygrey); } #glpweb-publications-cont .btns-toggler { line-height:0; font-size:30px; overflow:hidden; width:30px; height:30px; cursor:pointer; color:var(--glp-blue); } #glpweb-publications-cont .btns-toggler.red { color:var(--glp-red) !important; } #glpweb-publications-cont .btns-toggler .fa-minus { display:block; } #glpweb-publications-cont .btns-toggler .fa-plus { display:none; } #glpweb-publications-cont .btns-toggler.hiding .fa-minus { display:none; } #glpweb-publications-cont .btns-toggler.hiding .fa-plus { display:block; } #glpweb-publications-cont .toggler-hide { display:none !important; } @media screen and (max-width: 768px) { #glpweb-publications-cont h1 { font-size:40px; font-weight:bold; } #glpweb-publications-cont .publ-cont { background-color:var(--glp-white); padding-left:35% !important; } #glpweb-publications-cont .publ-cont .pimg { position:absolute; top:18px; left:18px; width:26% !important; } #glpweb-publications-cont .publ-cont .refs { font-size:18px; } #glpweb-publications-cont .publ-cont .title { font-size:20px; } #glpweb-publications-cont .publ-cont .date { font-size:18px; } #glpweb-publications-modal .modal-prevbox .d-flex { align-items:flex-start !important; } #glpweb-publications-modal .modal-prevbox img { max-height:auto; max-width:80px; margin-right:14px; } #glpweb-publications-modal .modal-prevbox .desc { font-size:18px; } #glpweb-publications-modal .modal-prevbox .title { font-size:20px; } #glpweb-publications-modal .modal-prevbox .date { font-size:18px; } #glpweb-publications-modal .modal-body .form-check-label { font-size:16px; } #glpweb-publications-modal .modal-body .form-check-input { margin-right:0 !important; } #glpweb-publications-modal .modal-body { padding-bottom:100px !important; } #glpweb-publications-modal .modal-body .btn { left:25px; right:auto; } } /* ------------------------------------------------------------------------------------- /* CASELAW - Head & Content /* ---------------------------------------------------------------------------------- */ #glpweb-caselaw-head { height:30vh; background-image: url('/img/caselaw-headimage.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; } /* #glpweb-caselaw-search-form label { color:var(--glp-blue); font-size:20px; font-weight:500; } #glpweb-caselaw-search-form input { background-color:var(--glp-secondarygrey); border:0; } */ #glpweb-caselaw-content { background-color:var(--glp-secondarygrey); } #glpweb-caselaw-content.inverted { background-color:var(--glp-white); border-top:5px solid var(--glp-secondarygrey); } /* #glpweb-caselaw-content .caselaw-box { min-height: 110px; } */ #glpweb-caselaw-content .caselaw-box .title { font-size:22px; color:var(--glp-blue); font-weight:bold; padding-right:56px !important; } #glpweb-caselaw-content .caselaw-box .date { font-size:16px; color:var(--glp-lightblack); } #glpweb-caselaw-content .caselaw-box .btn { top:50%;right:22px; width:40px; height:40px; font-size:22px; transform:translateY(-50%); } #glpweb-caselaw-content .caselaw-box .btn-secondary { --bs-btn-bg:var(--glp-charitygrey); --bs-btn-border-color:var(--glp-charitygrey); --bs-btn-color:var(--glp-blue); } #glpweb-caselaw-content .caselaw-preview .title { font-size:32px; color:var(--glp-red); font-weight:bold; } #glpweb-caselaw-content .caselaw-preview .date { font-size:22px; color:var(--glp-blue); } #glpweb-caselaw-content .caselaw-preview .desc { font-size:18px; color:var(--glp-lightblack); height:calc(100vh - var(--glp-navbar-desktop-height)); overflow-x: hidden; overflow-y: auto; } #glpweb-caselaw-content .caselaw-preview .desc::-webkit-scrollbar { width: 5px; background-color:var(--glp-white); height:6px; } #glpweb-caselaw-content .caselaw-preview .desc::-webkit-scrollbar-thumb { background-color:var(--glp-easygrey); } #glpweb-caselaw-content .caselaw-preview .file { font-size:16px; } #glpweb-caselaw-content .caselaw-preview .file svg { height:22px; } #glpweb-caselaw-content .caselaw-preview .file a { color:var(--glp-lightblack); text-decoration:none; } #glpweb-caselaw-content .caselaw-preview .file a:hover { color:var(--glp-red); } @media screen and (max-width: 768px) { #glpweb-caselaw-head { height:25vh; } #glpweb-caselaw-head h2 { font-size:40px; font-weight:bold; } #glpweb-caselaw-content .caselaw-box .title { font-size:20px; line-height:24px; } #glpweb-caselaw-content .caselaw-box .date { font-size:16px; } #glpweb-caselaw-content .caselaw-box .btn { right:18px; width:36px; height:36px; } #glpweb-caselaw-content.h-navDiff { height:auto !important; } #glpweb-caselaw-content .caselaw-preview .title { font-size:30px; } #glpweb-caselaw-content .caselaw-preview .date { font-size:22px; } #glpweb-caselaw-content .caselaw-preview .desc { font-size:18px; height:initial; } } /* ------------------------------------------------------------------------------------- /* PROFESSIONALS - Head & Content /* ---------------------------------------------------------------------------------- */ .glpweb-professionals-head { position:relative; height:50vh; background-image: url('/img/professionals-headimage.png'); background-repeat:no-repeat; background-size:cover; background-position:center center; } .glpweb-professionals-head::before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:#000; opacity:.4; } .glpweb-professionals-head h2 { z-index: 2; } #glpweb-professionals-cont { background-color:var(--glp-charitygrey); } @media screen and (max-width: 768px) { .glpweb-professionals-head { height:30vh; } /* .glpweb-professionals-head h2, .glpweb-professionals-subhead h2 { font-size:30px; font-weight:bold; } */ .glpweb-professionals-subhead { background-color:var(--glp-red); } .glpweb-professionals-subhead h2 { color:var(--glp-white) !important; } /* .glpweb-professionals-head::before { content: ""; position: absolute; top: calc(100% - 49px); left: 0; width: 100%; height: 50px; background: var(--glp-red); opacity:1; clip-path: polygon(0 100%, 50% 0%, 100% 100%); z-index: 10; } */ } /* ------------------------------------------------------------------------------------- /* PROFILE - Head, Columns, Content /* ---------------------------------------------------------------------------------- */ #glpweb-profile-cont { background-color:var(--glp-charitygrey); width:100%; } #glpweb-profile-cont::before { position:absolute; content:''; top:0; right:0; height:10px; width:100%; background-color:var(--glp-blue); z-index: 1; } #glpweb-profile-cont::after { position:absolute; content:''; top:0; left:0; height:10px; width:67%; background-color:var(--glp-red); z-index: 1; } #glpweb-profile-cont .col-profile-left { background-color:var(--glp-white); height:100%; } #glpweb-profile-cont .profile-name { color:var(--glp-red); font-weight:500; font-size:25 } #glpweb-profile-cont .profile-surname, #glpweb-profile-cont .profile-title { color:var(--glp-red); font-weight:bold; font-size:30px; } #glpweb-profile-cont .profile-role { color:var(--glp-blue); font-size:20px; } #glpweb-profile-cont .profile-contacts a { height:24px; padding-left:26px; font-size:15px; font-weight:500; color:var(--glp-blue); text-decoration:none; } #glpweb-profile-cont .profile-contacts a:hover { color:var(--glp-red); } #glpweb-profile-cont .profile-contacts a svg { height:18px; top:3px; left:0; } #glpweb-profile-cont .profile-contacts { position:absolute; bottom:0; left:0; opacity:1; } #glpweb-profile-cont .profile-contacts-hide { opacity:0 !important; } #glpweb-profile-cont .profile-texts { font-size: 18px; line-height:24px; cursor:all-scroll; overflow-x:hidden; overflow-y:scroll; } #glpweb-profile-cont .profile-texts span { font-size:14px; color:var(--glp-blue); } #glpweb-profile-cont .profile-texts::-webkit-scrollbar { width: 5px; background-color:var(--glp-white); height:6px; } #glpweb-profile-cont .profile-texts::-webkit-scrollbar-thumb { background-color:var(--glp-easygrey); } #glpweb-profile-cont .profile-img { bottom:0; left:0; opacity:1; } #glpweb-profile-cont .profile-img-hide { opacity:0 !important; } #glpweb-profile-cont .profile-share .title { color:var(--glp-blue); font-size:20px; } #glpweb-profile-cont .profile-share .title span { color:var(--glp-red); font-weight:bold; } #glpweb-profile-cont .profile-share .list { color:var(--glp-lightblack); font-size:18px; } #glpweb-profile-cont .profile-share .list li a { color:var(--glp-lightblack); text-decoration:none; } #glpweb-profile-cont .profile-share .list li a:hover { color:var(--glp-red); text-decoration:underline; } #glpweb-profile-cont .profile-share .share-btn { color:var(--glp-blue); font-size:22px; } #glpweb-profile-cont .profile-share .share-btn:hover { color:var(--glp-red); } @media screen and (max-width: 768px) { #glpweb-profile-cont.h-navDiff { height:auto !important; } #glpweb-profile-cont .profile-img { position:relative; } #glpweb-profile-cont .profile-contacts { position:relative; bottom:initial; left:initial; } #glpweb-profile-cont::before { height:6px; } #glpweb-profile-cont::after { height:6px; } #glpweb-profile-cont .profile-texts::-webkit-scrollbar { display:none; } #glpweb-profile-cont .col-profile-center::before { content:''; position:absolute; top:-49px; left:0; width:100%; height:50px; background:var(--glp-charitygrey); clip-path: polygon(50% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%); } } /* ------------------------------------------------------------------------------------- /* LOCATIONS - Head & Content /* ---------------------------------------------------------------------------------- */ .glpweb-locations-head { display:none; height:60vh; background-image: url('/img/locations-headimage.png'); background-repeat:no-repeat; background-size:cover; background-position:bottom center; } .glpweb-locations-head h2 { color:var(--glp-blue); font-weight:500; } .glpweb-locations-head h2 span { color:var(--glp-red); font-weight:bold; } #glpweb-locations-cont { background-color:var(--glp-blue); } #glpweb-locations-cont .main-title { color:var(--glp-white); font-size:40px; } #glpweb-locations-cont .main-info { font-size:14px; color:var(--glp-easygrey); } #glpweb-locations-cont .location-cont .location-item { background-color:var(--glp-white); transition:.3s; } #glpweb-locations-cont .location-cont .location-item:hover { background-color:var(--glp-red); } #glpweb-locations-cont .location-cont h4, #glpweb-locations-cont .location-cont h4 a { color:var(--glp-red); text-decoration:none; } #glpweb-locations-cont .location-cont { height: calc(100% - 20px); } #glpweb-locations-cont .location-cont::-webkit-scrollbar { display: none; } #glpweb-locations-cont .location-cont .location-item:hover h4, #glpweb-locations-cont .location-cont .location-item:hover h4 a { color:var(--glp-white); } #glpweb-locations-cont .location-cont .location-item .btn-location { transition:.3s; background:var(--glp-red); color:var(--glp-white); margin:0; top:12px; right:14px; width:36px; height:36px; font-size:20px; border-radius:50%; } #glpweb-locations-cont .location-cont .location-item:hover .btn-location { background:var(--glp-white); color:var(--glp-red); } #glpweb-locations-cont .location-cont .location-item .btn-location:hover { background:var(--glp-blue); color:var(--glp-white); } #glpweb-locations-cont .location-preview { background-image: url('/img/locations-headimage.png'); background-repeat:no-repeat; background-size:cover; background-position:center center; } #glpweb-locations-cont .location-cont .location-contacts-item { color:var(--glp-lightblack); text-decoration:none; font-size:15px; font-weight:400; min-height:24px; padding-left:32px; } #glpweb-locations-cont .location-cont .location-contacts-item .location-contacts-icon { background-color:var(--glp-red); color:var(--glp-white); font-size:12px; width:24px; height:24px; border-radius:50%; overflow:hidden; border-radius:50%; top:0; left:0; } #glpweb-locations-cont .location-cont .location-contacts-item:hover { font-weight:bold; text-decoration:underline; } #glpweb-locations-cont .location-cont .location-contacts-item:hover .location-contacts-icon { background-color:var(--glp-blue); color:var(--glp-white) } #glpweb-locations-cont .location-cont .toggle-onhover { display:none; } /* #glpweb-locations-cont .location-cont .location-item:hover .toggle-onhover { display:block; } */ #glpweb-locations-cont .location-cont .location-item:hover .location-contacts-item { color:var(--glp-white); } #glpweb-locations-cont .location-cont .location-item:hover .location-contacts-item .location-contacts-icon { background-color:var(--glp-white); color:var(--glp-red); } @media screen and (max-width: 768px) { .glpweb-locations-head { height:30vh; } #glpweb-locations-cont.h-navDiff { height:auto !important; } #glpweb-locations-cont .location-cont .toggle-onhover { display:block !important; } #glpweb-locations-cont .location-cont h4 { font-size:30px; } } /* ------------------------------------------------------------------------------------- /* OFFICE - Head & Content /* ---------------------------------------------------------------------------------- */ #glpweb-office-navbar { background-color:var(--glp-easygrey); } #glpweb-office-navbar .btn-officenav { padding:0 12px; min-height:42px; text-align:left; --bs-btn-color: var(--glp-blue); --bs-btn-bg: var(--glp-white); --bs-btn-border-color:var(--glp-white); --bs-btn-border-radius:.5rem; --bs-btn-padding-x:.50rem; --bs-btn-padding-y:.25rem; --bs-btn-hover-bg:var(--glp-blue); --bs-btn-hover-border-color:var(--glp-blue); --bs-btn-hover-color:var(--glp-white); --bs-btn-active-bg:var(--glp-blue); --bs-btn-active-border-color:var(--glp-blue); --bs-btn-active-color:var(--glp-white); } #glpweb-office-navbar .ico-officenav { width:30px; height:30px; top:50%; transform:translateY(-50%); right:12px; background-color:var(--glp-easygrey); color:var(--glp-blue); border-radius:50%; font-size:18px; margin:0;padding:0; } #glpweb-office-navbar .btn-officenav.active .ico-officenav, #glpweb-office-navbar .btn-officenav:hover .ico-officenav { background-color:var(--glp-white); } #glpweb-office-headmobile { background-color:var(--glp-secondarygrey); } #glpweb-office-head { height:70vh; background-repeat:no-repeat; background-size:cover; background-position:bottom center; } #glpweb-office-head .office-cont * { position:relative; z-index:560; } #glpweb-office-head .office-cont::after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:var(--glp-white); opacity:.9; z-index:50; } #glpweb-office-headmobile .main-title, #glpweb-office-head .main-title, #glpweb-office-cont .main-title { color:var(--glp-red); font-size:40px; } #glpweb-office-headmobile .office-contacts-item, #glpweb-office-head .office-contacts-item { color:var(--glp-lightblack); text-decoration:none; font-size:20px; font-weight:500; min-height:26px; padding-left:40px; } #glpweb-office-headmobile .office-contacts-item .office-contacts-icon, #glpweb-office-head .office-contacts-item .office-contacts-icon { color:var(--glp-lightblack); background-color:var(--glp-secondarygrey); font-size:14px; width:26px; height:26px; border-radius:50%; overflow:hidden; border-radius:50%; top:0; left:0; } #glpweb-office-headmobile .office-contacts-item:hover, #glpweb-office-head .office-contacts-item:hover { text-decoration:underline; color:var(--glp-red) } #glpweb-office-headmobile .office-contacts-item:hover .office-contacts-icon, #glpweb-office-head .office-contacts-item:hover .office-contacts-icon { background-color:var(--glp-red); color:var(--glp-white) } #glpweb-office-cont .office-contacts-dirs, #glpweb-office-head .office-contacts-dirs, #glpweb-office-headmobile .office-contacts-dirs { color:var(--glp-blue); font-size:18px; font-weight:500; text-decoration:none; } #glpweb-office-cont .office-contacts-dirs:hover, #glpweb-office-head .office-contacts-dirs:hover, #glpweb-office-headmobile .office-contacts-dirs:hover { text-decoration:underline; } #glpweb-office-cont .office-contacts-dirs span, #glpweb-office-head .office-contacts-dirs span, #glpweb-office-headmobile .office-contacts-dirs span { width:30px; height:30px; font-size:14px; display:inline-flex; background-color:var(--glp-red); border-radius:50%; color:var(--glp-white); } #glpweb-office-cont .office-iframe { min-height:300px; } #glpweb-office-cont .office-share .title { color:var(--glp-blue); font-size:20px; } #glpweb-office-cont .office-share .title span { color:var(--glp-red); font-weight:bold; } #glpweb-office-cont .office-share .list { color:var(--glp-lightblack); font-size:18px; } #glpweb-office-cont .office-share .list li a { color:var(--glp-lightblack); text-decoration:none; } #glpweb-office-cont .office-share .list li a:hover { color:var(--glp-red); text-decoration:underline; } #glpweb-office-cont .office-share .share-btn { color:var(--glp-blue); font-size:22px; } #glpweb-office-cont .office-share .share-btn:hover { color:var(--glp-red); } @media screen and (max-width: 768px) { /* #glpweb-office-headmobile .main-title { font-size:32px; font-weight:bold; } */ #glpweb-office-headmobile .office-contacts-item { font-size:16px; padding-left:30px; } #glpweb-office-headmobile .office-contacts-item .office-contacts-icon { font-size:16px; width:26px; height:26px; } #glpweb-office-head { height:25vh; } } /* ------------------------------------------------------------------------------------- /* CAREERS & RECRUITING - Head & Content /* ---------------------------------------------------------------------------------- */ .glpweb-recruiting-head { background-color:var(--glp-lightgrey); } .glpweb-recruiting-headmobile { height:25vh; background-image:url('/img/professionals-headimage.png'); background-size:cover; background-repeat:no-repeat; background-position:center center;} .glpweb-recruiting-head .main-title { color:var(--glp-red); } .glpweb-recruiting-head .main-title::after { content:''; position:absolute; bottom:0; left:0; width:40px; height:4px; background-color:var(--glp-blue); } .glpweb-recruiting-head .main-texts { font-size:20px; line-height:28px; color:var(--glp-lightblack); } .glpweb-recruiting-head .main-row { position:relative; z-index:60; } /* .glpweb-recruiting-head .main-col .btn { font-weight:bold; } */ .glpweb-recruiting-head .main-image { z-index:50; top:0; right:0; height:100%; width:40px; background-image:url('/img/professionals-headimage.png'); background-size:cover; background-repeat:no-repeat; background-position:center center;} .glpweb-recruiting-lookingfor h2 { font-size:40px; color:var(--glp-red); } .glpweb-recruiting-lookingfor p { font-size:20px; line-height:28px; color:var(--glp-lightblack); } .glpweb-recruiting-jobs { background-color:var(--glp-easygrey); } .glpweb-recruiting-jobs .jobs-card .jobs-card-head { border-left:3px solid var(--glp-blue); } .glpweb-recruiting-jobs .jobs-card .jobs-title, .glpweb-recruiting-jobs .jobs-card .jobs-title a { color:var(--glp-blue); text-decoration:none; } .glpweb-recruiting-jobs .jobs-card .jobs-texts, .glpweb-recruiting-jobs .jobs-card .jobs-texts a { color:var(--glp-lightblack); text-decoration:none; } .glpweb-recruiting-jobs .jobs-card .jobs-description { font-size:13px; color:#515151; } .glpweb-recruiting-jobs .jobs-card .btn-light { --bs-btn-bg:#38506c10; --bs-btn-border-color: transparent; --bs-btn-color: #38506c; --bs-btn-hover-bg: #38506c; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color:transparent; --bs-btn-active-bg: #38506c; --bs-btn-active-border-color:transparent; --bs-btn-disabled-bg: #fefefe; } .glpweb-recruiting-jobs.first { background-color:var(--glp-red); } .glpweb-recruiting-jobs.first h2 { font-size:40px; color:var(--glp-red); } @media screen and (max-width: 768px) { .glpweb-recruiting-head.h-navDiff { height:auto !important; } .glpweb-recruiting-head .main-title::after { width:30px; height:3px; } .glpweb-recruiting-head .main-title, .glpweb-recruiting-lookingfor h2, .glpweb-recruiting-jobs.first h2 { font-size:30px; font-weight:bold; } .glpweb-recruiting-head .main-texts, .glpweb-recruiting-lookingfor p { font-size:18px; line-height:24px; } .glpweb-recruiting-jobs .jobs-card .jobs-title { font-size:18px; } .glpweb-recruiting-jobs .jobs-card .jobs-texts { font-size:16px; } .glpweb-recruiting-jobs .jobs-card .jobs-description { display:none; } .glpweb-recruiting-jobs .jobs-card .jobs-card-head { border-left:2px solid var(--glp-blue); } } /* ------------------------------------------------------------------------------------- /* CAREERS & RECRUITING - Single Job Pages /* ---------------------------------------------------------------------------------- */ #glpweb-jobs-head { background-color:var(--glp-blue); } #glpweb-jobs-head .main-title { font-size:36px; color:var(--glp-white); } #glpweb-jobs-head .main-texts { font-size:20px; line-height:28px; color:var(--glp-lightgrey); } #glpweb-jobs-head .main-back { color:var(--glp-charitygrey); font-size:14px; font-weight:500; text-decoration:none; } #glpweb-jobs-head .main-back:hover { text-decoration:underline; } #glpweb-jobs-head .main-back span { width:30px; height:30px; font-size:14px; display:inline-flex; border-radius:50%; color:var(--glp-white); } #glpweb-jobs-head .jobs-share .title { color:var(--glp-white); font-size:20px; } #glpweb-jobs-head .jobs-share .title span { color:var(--glp-white); font-weight:bold; } #glpweb-jobs-head .jobs-share .list { color:var(--glp-lightgrey); font-size:18px; } #glpweb-jobs-head .jobs-share .list li a { color:var(--glp-lightgrey); text-decoration:none; } #glpweb-jobs-head .jobs-share .list li a:hover { color:var(--glp-white); text-decoration:underline; } #glpweb-jobs-head .jobs-share .share-btn { color:var(--glp-lightgrey); font-size:22px; } #glpweb-jobs-head .jobs-share .share-btn:hover { color:var(--glp-white); } #glpweb-jobs-cont .jobs-info { background-color:var(--glp-white); } #glpweb-jobs-cont .jobs-info-title { color:var(--glp-red); font-size:30px; } #glpweb-jobs-cont .jobs-info-texts { color:var(--glp-lightblack); font-size:18px; line-height:24px; } #glpweb-jobs-cont .jobs-contacts-item { color:var(--glp-lightblack); text-decoration:none; font-size:18px; font-weight:500; min-height:28px; padding-left:36px; } #glpweb-jobs-cont .jobs-contacts-item .jobs-contacts-icon { color:var(--glp-lightblack); font-size:18px; width:28px; height:28px; border-radius:50%; overflow:hidden; border-radius:50%; top:0; left:0; } #glpweb-jobs-cont .jobs-contacts-item:hover { text-decoration:underline; color:var(--glp-red) } #glpweb-jobs-cont .jobs-contacts-item:hover .jobs-contacts-icon { background-color:var(--glp-red); color:var(--glp-white) } #glpweb-jobs-cont .jobs-form { background-color:var(--glp-charitygrey); } #glpweb-jobs-cont .jobs-form::after { position:absolute; top:0; left:0; background-color:var(--glp-charitygrey); width:300%; height:100%; z-index:-1; content:''; } #glpweb-jobs-cont .jobs-form .title { font-size:18px; color:var(--glp-blue); font-weight:500; } #glpweb-jobs-cont .jobs-form .form-control { background-color:var(--glp-white); border:0; font-size:18px; } #glpweb-jobs-cont .jobs-form .form-check-input { background-color:var(--glp-white); border-radius:50%; width:18px; height:18px; } #glpweb-jobs-cont .jobs-form .form-check-input:checked { background-color:var(--glp-red); } #glpweb-jobs-cont .jobs-form .form-check-label { font-size:15px; color:var(--glp-lightblack); } #glpweb-jobs-cont .jobs-form .form-check-label a { color:var(--glp-lightblack); } #glpweb-jobs-cont .jobs-form .form-check-label a:hover { color:var(--glp-red); } #glpweb-jobs-cont .jobs-form .form-control-upload { border:1px solid var(--glp-blue); } #glpweb-jobs-cont .jobs-form .form-control-upload .btn { --bs-btn-bg:#fff; --bs-btn-border-color: transparent; --bs-btn-color: #38506c; --bs-btn-hover-bg: #38506c; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color:transparent; --bs-btn-active-bg: #38506c; --bs-btn-active-border-color:transparent; --bs-btn-disabled-bg: #fefefe; border-right:1px solid var(--glp-blue); } #glpweb-jobs-cont .jobs-form .form-control-upload input[type="text"]{ cursor:none; } @media screen and (max-width: 768px) { #glpweb-jobs-head .main-title { font-size:30px; } #glpweb-jobs-head .main-texts { font-size:18px; } #glpweb-jobs-head .main-back { font-size:16px; } #glpweb-jobs-cont .jobs-info-title { font-size:26px; } #glpweb-jobs-cont .jobs-info-texts { font-size:18px; } #glpweb-jobs-cont .jobs-form .form-control { background-color:var(--glp-white); } #glpweb-jobs-cont .jobs-form .form-check-input { margin-right:0; } #glpweb-jobs-cont .jobs-form::after { left:-50%; } } /* ------------------------------------------------------------------------------------- /* WEBKIT - Mobile Scroll Margin Top Anchors /* ---------------------------------------------------------------------------------- */ @supports (scroll-padding-top: 1px) { html { scroll-padding-top: calc(var(--glp-navbar-desktop-height, 200px)); scroll-behavior: smooth; } @media (max-width: 768px) { html { scroll-padding-top: calc(var(--glp-navbar-mobile-height, 120px)); } } } /* ------------------------------------------------------------------------------------- /* WEBKIT - Custom Line Clamp (cut text after rows) /* ---------------------------------------------------------------------------------- */ .lineClamp-1, .lineClamp-2, .lineClamp-3, .lineClamp-4, .lineClamp-5, .lineClamp-6, .lineClamp-7, .lineClamp-8, .lineClamp-9, .lineClamp-10 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; box-orient: vertical; /* min-height: calc(1.5em * 3); line-height: 1.5em; */ } .lineClamp-1 { -webkit-line-clamp: 1; line-clamp: 1; } .lineClamp-2 { -webkit-line-clamp: 2; line-clamp: 2; } .lineClamp-3 { -webkit-line-clamp: 3; line-clamp: 3; } .lineClamp-4 { -webkit-line-clamp: 4; line-clamp: 4; } .lineClamp-5 { -webkit-line-clamp: 5; line-clamp: 5; } .lineClamp-6 { -webkit-line-clamp: 6; line-clamp: 6; } .lineClamp-7 { -webkit-line-clamp: 7; line-clamp: 7; } .lineClamp-8 { -webkit-line-clamp: 8; line-clamp: 8; } .lineClamp-9 { -webkit-line-clamp: 9; line-clamp: 9; } .lineClamp-10 { -webkit-line-clamp: 10; line-clamp: 10; } /* ------------------------------------------------------------------------------------- /* Fonts Classes Override /* ---------------------------------------------------------------------------------- */ .ft-a, .ft-a * { font-size:40px !important; line-height:46px !important; } .ft-b, .ft-b * { font-size:28px !important; line-height:34px !important; } .ft-c, .ft-c * { font-size:24px !important; line-height:30px !important; } .ft-c.ft-bmh3 { min-height:calc(30px * 3); } .ft-c.ft-bmh4 { min-height:calc(30px * 4); } .ft-t, .ft-t * { font-size:20px !important; line-height:26px !important; } .ft-s, .ft-s * { font-size:16px !important; line-height:22px !important; } .ft-f, .ft-f * { font-size:14px !important; line-height:20px !important; } @media (min-width: 768px) { /* Ho invertito l'ordine da ABCTSF in FSTCBA! */ .ft-a { font-size:32px !important; line-height:38px !important; font-weight:500 !important; } .ft-b { font-size:24px !important; line-height:30px !important; } .ft-c { font-size:20px !important; line-height:26px !important; } .ft-c.ft-bmh3 { min-height:calc(26px * 3); } .ft-c.ft-bmh4 { min-height:calc(26px * 4); } .ft-t, .ft-t * { font-size:16px !important; line-height:22px !important; } .ft-s, .ft-s * { font-size:14px !important; line-height:20px !important; } .ft-f, .ft-f * { font-size:12px !important; line-height:18px !important; } } /* ------------------------------------------------------------------------------------- /* Fonts Classes Single/Unique Cases /* ---------------------------------------------------------------------------------- */ /* .ft-a { color:pink !important; } .ft-b { color:blue !important; } .ft-c { color:green !important; } .ft-t { color:orangered !important; } .ft-s { color:orange !important; } .ft-f { color:yellow !important; } */ /* ------------------------------------------------------------------------------------- /* Archive /* ---------------------------------------------------------------------------------- */ /* Vecchio stile CSS utilizzato inizialmente per il Navbar .dropdown-menu { border: none; box-shadow: none; } .nav-item:hover .dropdown-menu { display: block; margin-top: 0; } .dropdown-menu { background-color: #f9f9f9; } .dropdown-item:focus, .dropdown-item:hover { background-color: transparent; } */