a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol,
ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption,
td,
th {
text-align: left;
font-weight: 400;
vertical-align: middle
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
a img {
border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
section.architect-content.icons.theme-color .items .item .icon svg,
section.areas-shortcuts ul.areas li .circle svg {
filter: invert(59%) sepia(87%) saturate(3100%) hue-rotate(326deg) brightness(104%) contrast(86%)
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon svg,
section.architect-content.icons .items .item .icon svg {
filter: invert(27%) sepia(1%) saturate(1899%) hue-rotate(170deg) brightness(88%) contrast(89%)
}
.contains-filter-header .contains-icon .circle svg,
section.architect-content.icons.theme-color.decoration-none .items .item .icon svg,
section.contains-custom-sections .custom-section.type-icons .items .item .icon svg,
section.contains-custom-sections .custom-section.type-topics .topics .topic .icon svg {
filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(313deg) brightness(105%) contrast(101%)
}
.shortcuts ul.items li .box.themes .icon-wrapper .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .topics .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .topics .contains-icon .circle .icon svg {
filter: invert(51%) sepia(5%) saturate(866%) hue-rotate(97deg) brightness(97%) contrast(88%)
}
.shortcuts ul.items li .box.users .icon-wrapper .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .profiles .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .profiles .contains-icon .circle .icon svg {
filter: invert(58%) sepia(49%) saturate(2148%) hue-rotate(15deg) brightness(104%) contrast(101%)
}
.shortcuts ul.items li .box.list .icon-wrapper .circle .icon img {
filter: invert(62%) sepia(12%) saturate(803%) hue-rotate(188deg) brightness(85%) contrast(94%)
}
.shortcuts ul.items li .box.wizard .icon-wrapper .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .wizard .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .wizard .contains-icon .circle .icon svg {
filter: invert(47%) sepia(12%) saturate(327%) hue-rotate(135deg) brightness(105%) contrast(91%)
}
section.contains-custom-sections .custom-section.type-icons .items {
margin-top: 10px
}
@media (min-width:768px) {
section.contains-custom-sections .custom-section.type-icons .items {
margin-top: 20px
}
}
section.areas-shortcuts .slider-nav,
section.calendar .section-content .slider-nav {
margin-top: 20px
}
@media (min-width:768px) {
section.areas-shortcuts .slider-nav,
section.calendar .section-content .slider-nav {
margin-top: 40px
}
}
.featured_logo,
section.contains-slider .slides .slide .contains-overlay .excerpt,
section.contains-slider .slides .slide .contains-overlay .title {
margin-bottom: 10px
}
@media (min-width:768px) {
.featured_logo,
section.contains-slider .slides .slide .contains-overlay .excerpt,
section.contains-slider .slides .slide .contains-overlay .title {
margin-top: 20px
}
}
header .main-nav-wrapper,
header .top-nav-wrapper,
section.contains-slider .contains-slide-nav {
display: none
}
@media (min-width:1200px) {
header .main-nav-wrapper,
header .top-nav-wrapper,
section.contains-slider .contains-slide-nav {
display: block
}
}
header .header-wrapper,
header .top-nav-wrapper .top-nav,
section.areas-shortcuts .section-content-wrapper,
section.contains-slider,
section.contains-slider .contains-slide-nav,
section.news .section-content-wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1580px
}
#cookie-notice .cookie-notice-container #cn-notice-text,
.contains-elements .element .contains-picture,
.highlights .highlights-grid.minor ul li,
.side-box .contains-icon,
.side-box .contains-text,
section.news .side-subtitle {
box-sizing: border-box
}
.contains-elements .element .contains-picture img,
.contains-magazines-by-years .magazines-by-year .magazines .magazine img,
.featured-image img,
.highlights .highlights-grid img,
.is-responsive,
section.architect-content.presentation .figure img,
section.banners .main-wrapper .banners-wrapper .banner img,
section.contains-custom-sections .custom-section.type-banners img,
section.contains-custom-sections .custom-section.type-events .elements .element img,
section.contains-custom-sections .custom-section.type-news .elements .element img,
section.contains-custom-sections .custom-section.type-news-events .elements .element img,
section.contains-custom-sections .custom-section.type-posts .elements .element img,
section.people ul.items li .box .picture-wrapper img.avatar,
ul.contains-articles li .contains-picture .picture img,
ul.contains-articles li.contains-periodic .contains-picture img {
height: inherit;
vertical-align: bottom;
width: 100%
}
.contains-associations ul.items .contains-icon .circle .icon,
.contains-associations ul.items .contains-icon .circle svg,
.contains-associations ul.items .contains-icon .square .icon,
.contains-cross-posts ul.items .contains-icon .circle .icon,
.contains-cross-posts ul.items .contains-icon .circle svg,
.contains-cross-posts ul.items .contains-icon .square .icon,
.contains-documents ul li .contains-icon .circle .icon,
.contains-documents ul li .contains-icon .circle svg,
.contains-filter-header .contains-icon .circle .icon,
.contains-filter-header .contains-icon .circle svg,
.contains-organisations ul.items .contains-icon .circle .icon,
.contains-organisations ul.items .contains-icon .circle svg,
.contains-organisations ul.items .contains-icon .square .icon,
.contains-products ul.items .contains-icon .circle .icon,
.contains-products ul.items .contains-icon .circle svg,
.contains-products ul.items .contains-icon .square .icon,
.contains-relations .relation .contains-icon .circle svg,
.products-additional-contents li .contains-picture img,
.products-additional-contents li .contains-picture svg,
.shortcuts ul.items li .box .icon-wrapper .circle svg,
.shortcuts ul.items li .box .icon-wrapper .icon,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle svg,
.side-box .contains-icon .circle .icon,
.side-box .contains-icon .circle svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .circle .icon,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .circle svg,
section.architect-content.icons .items .item .icon svg,
section.architect-content.icons.decoration-circle .items .item .icon .show-style .icon,
section.architect-content.icons.decoration-circle .items .item .icon .show-style svg,
section.areas-shortcuts ul.areas li .circle .icon,
section.areas-shortcuts ul.areas li .circle svg,
section.contains-custom-sections .custom-section.type-icons .items .item .icon svg,
section.contains-custom-sections .custom-section.type-icons.decoration-circle .items .item .icon .show-style .icon,
section.contains-custom-sections .custom-section.type-icons.decoration-circle .items .item .icon .show-style svg,
section.contains-custom-sections .custom-section.type-topics .topics .topic .icon svg,
section.contains-custom-sections .custom-section.type-topics.decoration-circle .topics .topic .icon .show-style .icon,
section.contains-custom-sections .custom-section.type-topics.decoration-circle .topics .topic .icon .show-style svg,
section.contains-single-area .contains-icon .icon,
section.contains-single-area .contains-icon svg,
section.contains-slider .slides .slide .contains-overlay {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%)
}
.contains-associations ul.items .contains-icon .circle,
.contains-cross-posts ul.items .contains-icon .circle,
.contains-documents ul li .contains-icon .circle,
.contains-filter-header .contains-icon .circle,
.contains-organisations ul.items .contains-icon .circle,
.contains-products ul.items .contains-icon .circle,
.shortcuts ul.items li .box .icon-wrapper .circle,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle,
.side-box .contains-icon .circle,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .circle,
section.architect-content.icons.decoration-circle .items .item .icon .show-style,
section.areas-shortcuts ul.areas li .circle,
section.contains-custom-sections .custom-section.type-icons.decoration-circle .items .item .icon .show-style,
section.contains-custom-sections .custom-section.type-topics.decoration-circle .topics .topic .icon .show-style,
section.contains-single-area .contains-icon {
position: relative;
border-radius: 50%;
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 100%;
background: #f5f5f5
}
.contains-associations ul.items .contains-icon .circle .icon,
.contains-associations ul.items .contains-icon .circle svg,
.contains-cross-posts ul.items .contains-icon .circle .icon,
.contains-cross-posts ul.items .contains-icon .circle svg,
.contains-documents ul li .contains-icon .circle .icon,
.contains-documents ul li .contains-icon .circle svg,
.contains-filter-header .contains-icon .circle .icon,
.contains-filter-header .contains-icon .circle svg,
.contains-organisations ul.items .contains-icon .circle .icon,
.contains-organisations ul.items .contains-icon .circle svg,
.contains-products ul.items .contains-icon .circle .icon,
.contains-products ul.items .contains-icon .circle svg,
.shortcuts ul.items li .box .icon-wrapper .circle .icon,
.shortcuts ul.items li .box .icon-wrapper .circle svg,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle svg,
.side-box .contains-icon .circle .icon,
.side-box .contains-icon .circle svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .circle .icon,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .circle svg,
section.architect-content.icons.decoration-circle .items .item .icon .show-style .icon,
section.architect-content.icons.decoration-circle .items .item .icon .show-style svg,
section.areas-shortcuts ul.areas li .circle .icon,
section.areas-shortcuts ul.areas li .circle svg,
section.contains-custom-sections .custom-section.type-icons.decoration-circle .items .item .icon .show-style .icon,
section.contains-custom-sections .custom-section.type-icons.decoration-circle .items .item .icon .show-style svg,
section.contains-custom-sections .custom-section.type-topics.decoration-circle .topics .topic .icon .show-style .icon,
section.contains-custom-sections .custom-section.type-topics.decoration-circle .topics .topic .icon .show-style svg,
section.contains-single-area .contains-icon .icon,
section.contains-single-area .contains-icon svg {
font-size: 1.1em
}
.slider-nav .arrow,
section.areas-shortcuts .slider-nav .arrow,
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-prev,
section.news .owl-nav .owl-next,
section.news .owl-nav .owl-prev,
section.news .slider-nav .arrow {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -258px;
background-repeat: repeat-y;
height: 20px;
width: 42px;
filter: invert(28%) sepia(7%) saturate(869%) hue-rotate(187deg) brightness(101%) contrast(86%)
}
@media (min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
.slider-nav .arrow,
section.areas-shortcuts .slider-nav .arrow,
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-prev,
section.news .owl-nav .owl-next,
section.news .owl-nav .owl-prev,
section.news .slider-nav .arrow {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -258px
}
}
.container {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
margin-left: 27px;
margin-right: 27px
}
.container:after {
content: " ";
display: block;
clear: both
}
@media (min-width:768px) {
.container {
margin-left: 40px;
margin-right: 40px
}
}
@media (min-width:970px) {
.container {
margin-left: 30px;
margin-right: 30px
}
}
@media (min-width:1400px) {
.container {
margin: 0 30px;
max-width: 1580px
}
}
@media (min-width:1600px) {
.container {
margin: 0 auto
}
}
@media (min-width:1400px) {
.container.smaller {
max-width: 1380px
}
}
footer {
background-color: #2155a0;
color: #fff;
font-size: 18px;
line-height: 24px;
padding: 20px 20px 70px 20px;
text-align: center
}
@media (min-width:1200px) {
footer {
padding: 40px 20px
}
}
footer a {
color: rgba(255,255,255,.8)
}
footer a:hover {
color: #fff
}
footer .footer-line:first-of-type {
border-bottom: 1px solid rgba(255,255,255,.3);
margin-bottom: 50px;
padding-bottom: 20px
}
footer .info,
footer .number {
margin-top: 30px
}
footer .info strong,
footer .number strong {
display: block;
font-size: 20px
}
footer .symbol {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -280px;
background-repeat: repeat-y;
height: 67px;
width: 60px;
margin: 0 auto
}
@media (min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
footer .symbol {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -280px
}
}
footer .nav-wrapper {
margin-top: 30px
}
footer .nav-wrapper ul.main-nav {
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase
}
footer .nav-wrapper ul.main-nav li {
margin: 10px 0
}
footer .nav-wrapper ul.top-nav li {
margin: 10px 0
}
footer .nav-wrapper ul.top-nav li.phone {
display: none
}
footer .additional-info .owner {
display: block
}
footer .additional-info a {
border-left: 1px solid rgba(255,255,255,.3);
margin-left: 5px;
padding-left: 7px
}
footer .additional-info a.reserved-area,
footer .additional-info a:first-of-type {
border-left: none;
margin-left: 0;
padding-left: 0
}
footer .additional-info a.reserved-area {
display: block;
margin-top: 30px
}
footer .additional-info a.reserved-area svg {
margin-right: 4px
}
footer .social {
margin-top: 30px
}
footer .social li {
display: inline;
font-size: 30px;
margin-left: 20px
}
footer .copy {
margin: 30px 0
}
@media (min-width:970px) {
footer {
padding: 100px 20px;
text-align: left
}
footer .info,
footer .nav-wrapper .main-nav,
footer .number {
margin-top: 0
}
footer .info,
footer .number,
footer .symbol {
display: inline-block;
vertical-align: middle
}
footer .info,
footer .number {
margin: 0 30px
}
footer .nav-wrapper {
margin-left: 110px
}
footer .nav-wrapper ul li {
display: inline
}
footer .nav-wrapper ul li:first-child {
margin-left: 0
}
footer .nav-wrapper ul.main-nav {
font-size: 16px;
margin-bottom: 10px
}
footer .nav-wrapper ul.main-nav li {
margin-right: 40px
}
footer .nav-wrapper ul.top-nav {
font-size: 14px
}
footer .nav-wrapper ul.top-nav li {
margin-right: 10px
}
footer .nav-wrapper ul.top-nav li.phone {
display: none
}
footer .nav-wrapper ul.top-nav li.facebook {
display: none
}
footer .nav-wrapper ul.top-nav li.youtube {
display: none
}
footer .additional-info {
float: left;
font-size: 14px;
margin-left: 110px
}
footer .additional-info .owner {
display: inline-block
}
footer .additional-info a.reserved-area,
footer .additional-info a:first-of-type {
border-left: 1px solid rgba(255,255,255,.3);
margin-left: 5px;
padding-left: 7px
}
footer .additional-info a.reserved-area {
border-left: none;
display: inline-block;
margin: 0 0 0 18px
}
footer .additional-info ul.privacy-nav {
display: flex;
flex-direction: row
}
footer .additional-info ul.privacy-nav li a {
cursor: pointer;
margin-left: 7px;
padding-left: 7px
}
footer .additional-info ul.privacy-nav li:first-of-type a {
border-left: none;
margin-left: 0!important;
padding-left: 0!important
}
footer .copy,
footer .social {
float: right
}
footer .copy {
font-size: 14px;
margin: 0
}
footer .social {
margin: 0 0 0 30px
}
footer .social li {
font-size: 30px;
margin-left: 10px
}
}
@media (min-width:1400px) {
footer .nav-wrapper {
float: right;
margin-top: 15px;
margin-left: 0
}
footer .nav-wrapper ul {
text-align: right
}
footer .nav-wrapper ul.main-nav li {
margin-left: 30px;
margin-right: 0
}
footer .nav-wrapper ul.top-nav li {
margin-left: 0;
margin-right: 10px
}
}
@media (min-width:1600px) {
footer .nav-wrapper ul.main-nav li {
margin-left: 40px
}
}
body > .kite-wrapper {
display: none
}
html {
padding-top: 84px
}
@media (min-width:1200px) {
html {
padding-top: 0
}
}
#wpadminbar {
position: fixed!important
}
header {
box-sizing: border-box;
overflow: hidden;
background: #fff;
border-bottom: 1px solid #ede9ee;
height: 84px;
left: 0;
padding: 15px;
position: fixed;
right: 0;
top: 0;
z-index: 10000
}
body.logged-in header {
top: 46px
}
@media (min-width:782px) {
body.logged-in header {
top: 32px
}
}
header.mobile {
display: block
}
header.default {
display: none
}
@media (min-width:1200px) {
header {
height: auto;
padding: 0;
position: relative
}
header.mobile {
display: none
}
header.default {
display: block;
top: 0!important
}
}
header.sticky {
display: none;
left: 0;
opacity: 0;
right: 0;
position: fixed;
transform: translateY(-100%);
z-index: 9999
}
body.logged-in header.sticky {
top: 46px
}
@media (min-width:782px) {
body.logged-in header.sticky {
top: 32px
}
}
@media (min-width:1200px) {
header.sticky {
transition-property: all;
transition-duration: .33s;
display: block;
top: 0
}
header.sticky.is-glued {
opacity: 1;
transform: translateY(0)
}
}
header .logo-wrapper .logo {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -91px;
background-repeat: repeat-y;
height: 50px;
width: 150px
}
@media (min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
header .logo-wrapper .logo {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -91px
}
}
@media (min-width:1200px) {
header .logo-wrapper .logo {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -143px;
background-repeat: repeat-y;
height: 79px;
width: 236px
}
}
@media (min-width:1200px) and (min-device-pixel-ratio:1.5),
(min-width:1200px) and (min-resolution:144dpi) {
header .logo-wrapper .logo {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -143px
}
}
@media (min-width:1200px) {
header .logo-wrapper {
float: left;
padding: 15px
}
}
header .mobile-triggers {
position: absolute;
top: 28px;
right: 20px;
display: flex;
flex-direction: row
}
header .mobile-triggers .menu,
header .mobile-triggers .search {
display: inline-block;
margin: 0 0 0 12px
}
header .mobile-triggers .search {
font-size: 24px;
position: relative;
top: 2px
}
header .mobile-triggers .menu {
filter: invert(11%) sepia(13%) saturate(0) hue-rotate(181deg) brightness(96%) contrast(83%);
z-index: 100
}
header .mobile-triggers .menu img {
height: 30px;
width: 50px
}
@media (min-width:1200px) {
header .mobile-triggers {
display: none
}
}
header .top-nav-wrapper {
background: #2155a0
}
header .top-nav-wrapper .top-nav {
text-align: right
}
header .top-nav-wrapper .top-nav li {
display: inline-block;
padding: 15px 10px
}
header .top-nav-wrapper .top-nav li:nth-child(2) {
padding-left: 20px
}
header .top-nav-wrapper .top-nav li:last-child {
padding-right: 20px
}
header .top-nav-wrapper .top-nav li.facebook {
vertical-align: middle
}
header .top-nav-wrapper .top-nav li.facebook a {
font-size: 0
}
header .top-nav-wrapper .top-nav li.facebook a:before {
font-family: 'Font Awesome 5 Brands';
display: inline-block;
color: #fff;
content: "\f39e";
font-size: 16px;
padding-top: 4px
}
header .top-nav-wrapper .top-nav li.youtube {
vertical-align: middle;
padding-left: 0
}
header .top-nav-wrapper .top-nav li.youtube a {
font-size: 0
}
header .top-nav-wrapper .top-nav li.youtube a:before {
font-family: 'Font Awesome 5 Brands';
display: inline-block;
color: #fff;
content: "\f167";
font-size: 16px;
padding-top: 4px
}
header .top-nav-wrapper .top-nav li.phone {
border-right: 1px solid rgba(255,255,255,.5);
font-size: 18px;
font-weight: 700;
padding: 15px 20px
}
header .top-nav-wrapper .top-nav li.phone a:before {
font-family: 'Font Awesome 5 Pro';
content: "\f879";
margin-right: 8px
}
header .top-nav-wrapper .top-nav li a {
color: #fff;
font-size: 15px
}
header .main-nav-wrapper {
align-items: center;
display: flex;
flex-direction: row;
padding: 38px 32px
}
header .main-nav-wrapper .main-nav {
display: inline
}
header .main-nav-wrapper .main-nav li {
box-sizing: border-box;
display: inline-block;
padding: 0 8px
}
header .main-nav-wrapper .main-nav li.current-page-ancestor a,
header .main-nav-wrapper .main-nav li.current_page_item a {
border-bottom: 2px solid #1d427d
}
header .main-nav-wrapper .main-nav li a {
border-bottom: 2px solid transparent;
color: #1d417b;
font-size: 18px;
font-weight: 700;
text-transform: uppercase
}
header .main-nav-wrapper .contains-search {
display: inline-block;
margin: 0 0 0 24px;
padding: 0
}
header .main-nav-wrapper .contains-search .fa-search {
font-size: 24px
}
@media (min-width:1200px) {
header .main-nav-wrapper {
float: right
}
}
@media (min-width:1400px) {
header .main-nav-wrapper .main-nav li {
padding: 0 16px
}
}
#mobile-nav-wrapper {
display: none
}
#mobile-nav-wrapper.is-visible {
display: block
}
#mobile-nav-wrapper .mm-navbar,
#mobile-nav-wrapper .mm-panel {
background-color: #2155a0;
border-color: rgba(255,255,255,.25);
color: #fff;
font-size: 18px;
line-height: 24px
}
#mobile-nav-wrapper .mm-navbar .mm-btn_prev:before,
#mobile-nav-wrapper .mm-panel .mm-btn_prev:before {
border-color: rgba(255,255,255,.25)
}
#mobile-nav-wrapper .mm-navbar ul.mm-listview li.mm-listitem,
#mobile-nav-wrapper .mm-panel ul.mm-listview li.mm-listitem {
border-color: rgba(255,255,255,.25)
}
#mobile-nav-wrapper .mm-navbar ul.mm-listview li.mm-listitem a,
#mobile-nav-wrapper .mm-panel ul.mm-listview li.mm-listitem a {
color: #fff
}
#mobile-nav-wrapper .mm-navbar ul.mm-listview li.mm-listitem .mm-btn_next,
#mobile-nav-wrapper .mm-panel ul.mm-listview li.mm-listitem .mm-btn_next {
border-left: 0
}
#mobile-nav-wrapper .mm-navbar ul.mm-listview li.mm-listitem .mm-btn_next:after,
#mobile-nav-wrapper .mm-panel ul.mm-listview li.mm-listitem .mm-btn_next:after {
border-color: rgba(255,255,255,.25)
}
#mobile-nav-wrapper .mm-navbar ul.mm-listview li.mm-listitem:after,
#mobile-nav-wrapper .mm-panel ul.mm-listview li.mm-listitem:after {
left: 0
}
#mobile-nav-wrapper .contains-logo {
padding: 32px 0
}
#mobile-nav-wrapper .contains-logo .logo {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -280px;
background-repeat: repeat-y;
height: 67px;
width: 60px
}
@media (min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
#mobile-nav-wrapper .contains-logo .logo {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -280px
}
}
body.logged-in #mobile-nav-wrapper {
padding-top: 46px
}
@media (min-width:782px) {
body.logged-in #mobile-nav-wrapper {
padding-top: 32px
}
}
.sidebar {
border-top: 1px solid #f5f5f5;
margin-top: 30px;
padding-top: 50px
}
.sidebar .sidebar-content {
margin-bottom: 20px
}
@media (min-width:1200px) {
.sidebar {
border-top: none;
padding-top: 0;
margin-top: 0
}
.sidebar .sidebar-content {
margin-bottom: 30px
}
}
@media (min-width:768px) {
.sidebar.contains-side-boxes {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
.sidebar.contains-side-boxes .side-box {
flex: 0 0 48%;
margin-left: 4%
}
.sidebar.contains-side-boxes .side-box:first-child,
.sidebar.contains-side-boxes .side-box:nth-child(2n+1) {
margin-left: 0
}
}
@media (min-width:1200px) {
.sidebar.contains-side-boxes {
display: inline;
flex-wrap: none;
flex-direction: none
}
.sidebar.contains-side-boxes .side-box {
flex: 0;
margin-left: 0
}
}
section.architect-content {
margin: 0;
padding: 20px 0
}
@media (min-width:768px) {
section.architect-content {
margin: 0;
padding: 40px 0
}
}
@media (min-width:1200px) {
section.architect-content {
margin: 0;
padding: 80px 0
}
}
section.architect-content.theme-white {
background: #fff
}
section.architect-content.theme-light {
background: #f5f5f5
}
section.architect-content.theme-color {
background: #ed6c5e;
color: #fff
}
section.architect-content.theme-color .btn {
background: #e52d1a
}
section.architect-content.theme-color .btn:hover {
background: #ce2917
}
section.architect-content.alignment-center,
section.architect-content.layout-center {
text-align: center
}
section.architect-content.alignment-center .text p,
section.architect-content.layout-center .text p {
max-width: 900px;
margin: 0 auto
}
section.architect-content.text.theme-color .heading-h2,
section.architect-content.text.theme-color h1,
section.architect-content.text.theme-color h2,
section.architect-content.text.theme-color h3,
section.architect-content.text.theme-color h4 {
color: #fff
}
section.architect-content.images .attachments .attachment img {
max-width: 100%
}
@media (min-width:1200px) {
section.architect-content.images .owl-item img {
transition-property: opacity;
transition-duration: .33s;
opacity: .5
}
section.architect-content.images .owl-item.active.center img {
opacity: 1
}
}
section.architect-content.images .owl-carousel .owl-nav button {
position: absolute;
top: 50%;
color: transparent;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
section.architect-content.images .owl-carousel .owl-nav button:focus {
outline: 1px solid transparent;
outline-offset: -4px
}
section.architect-content.images .owl-carousel .owl-nav button span:after {
font-family: 'Font Awesome 5 Pro';
color: #fff;
display: block;
font-size: 40px;
z-index: 100
}
section.architect-content.images .owl-carousel .owl-nav button.owl-prev {
left: 20px
}
section.architect-content.images .owl-carousel .owl-nav button.owl-prev span:after {
content: '\f053'
}
section.architect-content.images .owl-carousel .owl-nav button.owl-next {
right: 20px
}
section.architect-content.images .owl-carousel .owl-nav button.owl-next span:after {
content: '\f054'
}
section.architect-content.images .owl-dots {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
text-align: center;
z-index: 300
}
section.architect-content.images .owl-dots .owl-dot span {
transition-property: opacity;
transition-duration: .33s;
opacity: .5;
background: #fff;
border-radius: 32px;
display: block;
height: 16px;
margin: 5px 7px;
transition: opacity .2s ease;
width: 16px
}
section.architect-content.images .owl-dots .owl-dot.active span {
opacity: 1;
background: #ed6c5e
}
section.architect-content.presentation.layout-center .contains-contents {
margin: 0 auto;
position: relative;
z-index: 100
}
section.architect-content.presentation.layout-center .figure {
margin: 0 auto;
max-width: 600px;
position: relative;
z-index: 50
}
@media (min-width:970px) {
section.architect-content.presentation.layout-center .figure {
margin: -40px auto 0
}
}
section.architect-content.presentation.layout-left .figure,
section.architect-content.presentation.layout-right .figure {
margin: 0 auto;
max-width: 600px
}
section.architect-content.presentation.layout-left .contains-contents,
section.architect-content.presentation.layout-right .contains-contents {
position: relative
}
section.architect-content.presentation.layout-left .contains-contents .contents-wrapper,
section.architect-content.presentation.layout-right .contains-contents .contents-wrapper {
width: 100%
}
@media (min-width:1200px) {
section.architect-content.presentation.layout-left .contains-contents .contents-wrapper,
section.architect-content.presentation.layout-right .contains-contents .contents-wrapper {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%)
}
}
@media (min-width:970px) {
section.architect-content.presentation.layout-left .inner-content,
section.architect-content.presentation.layout-right .inner-content {
display: flex;
max-width: 1200px
}
section.architect-content.presentation.layout-left .figure,
section.architect-content.presentation.layout-right .figure {
max-width: auto;
width: 50%
}
section.architect-content.presentation.layout-left .contains-contents,
section.architect-content.presentation.layout-right .contains-contents {
width: 50%
}
}
@media (min-width:970px) {
section.architect-content.presentation.layout-right .figure {
margin-left: 40px
}
}
@media (min-width:970px) {
section.architect-content.presentation.layout-left .figure {
order: 1;
margin-right: 40px
}
section.architect-content.presentation.layout-left .contains-contents {
order: 2
}
}
section.architect-content.presentation a.btn {
margin-top: 20px
}
section.architect-content.icons.decoration-circle .items .item .icon {
margin: 0 auto 20px
}
section.architect-content.icons.decoration-circle .items .item .icon:before {
content: none
}
section.architect-content.icons.theme-color .heading-h2,
section.architect-content.icons.theme-color h2 {
color: #fff
}
section.architect-content.icons.theme-color .items .item a {
color: #fff
}
section.architect-content.icons.theme-light.decoration-circle .items .item .icon .show-style {
background: #fff
}
section.architect-content.icons.decoration-none .items .item .icon:before {
padding-bottom: 60%
}
section.architect-content.icons .items {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
section.architect-content.icons .items .item {
box-sizing: border-box;
font-size: 16px;
line-height: 20px;
margin: 0 auto;
padding: 15px 0;
width: 100%
}
@media (min-width:480px) {
section.architect-content.icons .items .item {
width: 50%
}
}
@media (min-width:768px) {
section.architect-content.icons .items .item {
padding: 30px 0;
width: 33%
}
}
@media (min-width:970px) {
section.architect-content.icons .items .item {
width: 15%
}
}
section.architect-content.icons .items .item .title {
font-weight: 700;
margin-bottom: 8px;
text-align: center;
text-transform: uppercase
}
section.architect-content.icons .items .item .icon {
margin: 0 auto;
position: relative;
text-align: center;
width: 50%
}
@media (min-width:768px) {
section.architect-content.icons .items .item .icon {
width: 70%
}
}
section.architect-content.icons .items .item .icon .show-style {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
section.architect-content.icons .items .item .icon:before {
content: "";
display: block;
padding-bottom: 100%
}
section.architect-content.icons .items .item .icon svg {
width: 30%
}
section.architect-content.icons .items .item a {
display: block;
font-size: 16px;
margin-top: 10px;
text-decoration: underline
}
section.architect-content.list.theme-color {
color: #fff
}
section.architect-content.list.theme-color .items .item:after {
color: #fff
}
section.architect-content.list .contains-items {
display: flex;
margin-top: 20px
}
section.architect-content.list .items {
width: 70%
}
section.architect-content.list .items .item .text {
margin: 5px 0
}
section.architect-content.list .items .item .text:before {
font-family: 'Font Awesome 5 Pro';
content: "\f138";
display: inline-block;
margin-right: 10px
}
section.architect-content.list .contains-call-to-action {
text-align: right;
width: 30%
}
section.architect-content.accordion.theme-color .items .item .title {
background: #fff;
color: #ed6c5e
}
section.architect-content.accordion.theme-color .items .item .contents {
background: #f5f5f5;
color: #4d515c
}
section.architect-content.accordion.theme-color .items .item:after {
color: #ed6c5e
}
.page-template-homepage section.intro h1 {
font-size: 30px;
line-height: 40px
}
.page-template-homepage section.intro h1 span.focus {
color: #ce202f
}
@media (min-width:1200px) {
.page-template-homepage section.intro h1 {
font-size: 50px;
line-height: 60px
}
}
.page-template-homepage section.magazines {
background: #f5f5f5
}
.page-template-homepage section.magazines .contains-magazines {
display: flex;
flex-direction: row;
margin: 0 auto;
max-width: 1280px
}
.page-template-homepage section.magazines .contains-magazines .magazine {
display: none;
margin: 32px 32px 32px 0
}
.page-template-homepage section.magazines .contains-magazines .magazine a {
display: block
}
.page-template-homepage section.magazines .contains-magazines .magazine a img {
max-width: 100%;
vertical-align: bottom
}
.page-template-homepage section.magazines .contains-magazines .magazine:nth-child(-n+2) {
display: block
}
.page-template-homepage section.magazines .contains-magazines .magazine:nth-child(2) {
margin-right: 0
}
@media (min-width:970px) {
.page-template-homepage section.magazines .contains-magazines .magazine {
display: block
}
.page-template-homepage section.magazines .contains-magazines .magazine:nth-child(2) {
margin-right: 32px
}
.page-template-homepage section.magazines .contains-magazines .magazine:last-of-type {
margin-right: 0
}
}
.page-template-homepage section.magazines .contains-action {
text-align: center
}
.page-template-homepage section.magazines .contains-action .arrow {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -224px;
background-repeat: repeat-y;
height: 15px;
width: 15px;
display: inline-block;
margin-left: 4px;
vertical-align: middle
}
@media (min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
.page-template-homepage section.magazines .contains-action .arrow {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -224px
}
}
main {
clear: both
}
main .page-content {
margin: 20px 0
}
@media (min-width:768px) {
main .page-content {
margin: 40px 0
}
}
@media (min-width:1200px) {
main .page-content {
margin: 80px 0
}
}
main .contents a {
transition-property: all;
transition-duration: .33s;
color: #2155a0;
text-decoration: none
}
main .contents a:hover {
text-decoration: underline
}
main .inner-content {
font-size: 16px;
line-height: 22px;
margin: 0 auto
}
main .inner-content .heading-h2,
main .inner-content .heading-h3,
main .inner-content h2,
main .inner-content h3 {
font-weight: 700;
margin-top: 20px;
margin-bottom: 20px
}
main .inner-content .heading-h2,
main .inner-content h2 {
font-size: 24px;
line-height: 28px
}
@media (min-width:1200px) {
main .inner-content .heading-h2,
main .inner-content h2 {
font-size: 30px;
line-height: 34px
}
}
main .inner-content .heading-h3,
main .inner-content h3 {
font-size: 20px;
line-height: 24px
}
@media (min-width:1200px) {
main .inner-content .heading-h3,
main .inner-content h3 {
font-size: 26px;
line-height: 30px
}
}
main .inner-content .heading-h2:first-of-type,
main .inner-content h2:first-of-type {
margin-top: 0
}
main .inner-content .sidebar a {
color: #ed6c5e
}
main .inner-content .sidebar a.btn {
color: #fff
}
main .inner-content .contains-sidebar .is-side-content {
overflow: hidden
}
main .inner-content .contains-sidebar .content-side {
overflow: hidden
}
main .inner-content .contains-sidebar .sidebar div,
main .inner-content .contains-sidebar .sidebar section {
box-sizing: border-box
}
@media (min-width:1200px) {
main .inner-content .contains-sidebar .content-side {
float: left;
width: 65%
}
main .inner-content .contains-sidebar .sidebar {
float: right;
width: 30%
}
}
@media (min-width:1400px) {
main .inner-content .contains-sidebar .content-side {
width: 65%
}
main .inner-content .contains-sidebar .sidebar {
width: 25%
}
}
@media (min-width:1200px) {
main .inner-content {
font-size: 18px;
line-height: 26px;
max-width: 960px
}
main .inner-content.has-sidebar,
main .inner-content.larger {
max-width: 1280px
}
main .inner-content.full {
max-width: 1580px
}
main .inner-content h1 {
font-size: 50px;
line-height: 54px
}
}
main.single-post .contains-video {
margin: 0 0 40px 0;
position: relative
}
main.single-post .contains-video:after {
content: '';
display: block;
padding-bottom: 62%
}
main.single-post .contains-video iframe {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
#posts-wrapper {
min-height: 320px;
padding: 1em 0;
position: relative
}
#posts-wrapper #posts-loader {
background-color: rgba(255,255,255,.75);
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1000
}
#posts-wrapper #posts-loader svg {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%)
}
#posts-wrapper.loading #posts-loader {
opacity: 1;
pointer-events: auto
}
#posts-wrapper #posts-query {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: .2em;
margin: 1em 0;
position: relative;
z-index: 500
}
@media (min-width:768px) {
#posts-wrapper #posts-query {
flex-wrap: wrap;
flex-direction: row;
gap: .5em
}
}
@media (min-width:1200px) {
#posts-wrapper #posts-query {
flex-wrap: nowrap;
gap: .5em
}
}
#posts-wrapper #posts-query .criteria {
width: 100%
}
@media (min-width:768px) {
#posts-wrapper #posts-query .criteria {
flex: 0 0 calc(50% - (.5em/2));
width: calc(50% - (.5em/2))
}
}
@media (min-width:1200px) {
#posts-wrapper #posts-query .criteria {
flex: 1;
width: 100%
}
}
#posts-wrapper #posts-query .criteria label {
color: #2155a0;
font-size: 10px;
font-weight: 700
}
#posts-wrapper #posts-query .criteria .select2,
#posts-wrapper #posts-query .criteria input[name=filter] {
width: 100%!important
}
#posts-wrapper #posts-query input[name=filter] {
border: 1px solid rgba(77,81,92,.5);
border-radius: 4px;
box-sizing: border-box;
font-size: 14px;
height: 40px;
line-height: 20px;
padding: 0 12px
}
@media (min-width:768px) {
#posts-wrapper #posts-query input[name=filter] {
font-size: 16px
}
}
#posts-wrapper #posts-query .select2 .select2-selection {
padding-right: 12px
}
#posts-wrapper #posts-query .select2 .select2-selection .select2-search textarea {
height: 28px;
font-size: 14px;
line-height: 28px;
margin-left: 12px
}
@media (min-width:768px) {
#posts-wrapper #posts-query .select2 .select2-selection .select2-search textarea {
font-size: 16px
}
}
#posts-wrapper #posts-query .select2 .select2-selection li.select2-selection__choice {
height: 26px
}
#posts-wrapper #posts-query .select2 .select2-selection li.select2-selection__choice button.select2-selection__choice__remove {
height: 26px;
font-weight: 400
}
#posts-wrapper #posts-query .select2 .select2-selection li.select2-selection__choice .select2-selection__choice__display {
font-size: 14px;
padding: 0 6px;
position: relative;
top: -2px
}
#posts-wrapper #posts-query .actions {
display: flex;
flex-direction: row;
gap: .5em;
width: 100%
}
@media (min-width:1200px) {
#posts-wrapper #posts-query .actions {
width: auto
}
}
#posts-wrapper #posts-query .actions .btn#posts-wizard,
#posts-wrapper #posts-query .actions button#posts-submit {
box-sizing: border-box;
border: none;
cursor: pointer;
display: inline-block;
flex: 1;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 600;
height: 40px;
line-height: 40px;
margin-top: 12px;
padding: 0 10px;
text-align: center;
white-space: nowrap
}
@media (min-width:1200px) {
#posts-wrapper #posts-query .actions .btn#posts-wizard,
#posts-wrapper #posts-query .actions button#posts-submit {
font-size: 16px;
margin-top: 29px;
padding: 0 20px
}
}
#posts-wrapper #posts-query .actions .btn#posts-wizard {
background-color: #d5e6e8;
color: #748485
}
#posts-wrapper #posts-query .actions .btn#posts-wizard svg {
margin-right: 4px
}
#posts-wrapper #posts-query .actions .btn#posts-wizard:hover {
background: #c5dcdf
}
.select2-container .select2-dropdown .select2-results__option {
box-sizing: border-box;
font-size: 14px;
line-height: 18px;
padding: 6px 12px
}
.select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3878d6
}
#products-wrapper {
min-height: 320px;
padding: 1em 0;
position: relative
}
#products-wrapper #products-loader {
background-color: rgba(255,255,255,.75);
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1000
}
#products-wrapper #products-loader svg {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%)
}
#products-wrapper.loading #products-loader {
opacity: 1;
pointer-events: auto
}
#products-wrapper #products-query {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: .2em;
margin: 1em 0;
position: relative;
z-index: 500
}
@media (min-width:768px) {
#products-wrapper #products-query {
flex-wrap: wrap;
flex-direction: row;
gap: .5em
}
}
@media (min-width:1200px) {
#products-wrapper #products-query {
flex-wrap: nowrap;
gap: .5em
}
}
#products-wrapper #products-query .criteria {
width: 100%
}
@media (min-width:768px) {
#products-wrapper #products-query .criteria {
flex: 0 0 calc(50% - (.5em/2));
width: calc(50% - (.5em/2))
}
}
@media (min-width:1200px) {
#products-wrapper #products-query .criteria {
flex: 1;
width: 100%
}
}
#products-wrapper #products-query .criteria label {
color: #2155a0;
font-size: 10px;
font-weight: 700
}
#products-wrapper #products-query .criteria .select2,
#products-wrapper #products-query .criteria input[name=filter] {
width: 100%!important
}
#products-wrapper #products-query input[name=filter] {
border: 1px solid rgba(77,81,92,.5);
border-radius: 4px;
box-sizing: border-box;
font-size: 14px;
height: 40px;
line-height: 20px;
padding: 0 12px
}
@media (min-width:768px) {
#products-wrapper #products-query input[name=filter] {
font-size: 16px
}
}
#products-wrapper #products-query .select2 .select2-selection {
padding-right: 12px
}
#products-wrapper #products-query .select2 .select2-selection .select2-search textarea {
height: 28px;
font-size: 14px;
line-height: 28px;
margin-left: 12px
}
@media (min-width:768px) {
#products-wrapper #products-query .select2 .select2-selection .select2-search textarea {
font-size: 16px
}
}
#products-wrapper #products-query .select2 .select2-selection li.select2-selection__choice {
height: 26px
}
#products-wrapper #products-query .select2 .select2-selection li.select2-selection__choice button.select2-selection__choice__remove {
height: 26px;
font-weight: 400
}
#products-wrapper #products-query .select2 .select2-selection li.select2-selection__choice .select2-selection__choice__display {
font-size: 14px;
padding: 0 6px;
position: relative;
top: -2px
}
#products-wrapper #products-query .actions {
display: flex;
flex-direction: row;
gap: .5em;
width: 100%
}
@media (min-width:1200px) {
#products-wrapper #products-query .actions {
width: auto
}
}
#products-wrapper #products-query .actions .btn#products-wizard,
#products-wrapper #products-query .actions button#products-submit {
box-sizing: border-box;
border: none;
cursor: pointer;
display: inline-block;
flex: 1;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 600;
height: 40px;
line-height: 40px;
margin-top: 12px;
padding: 0 10px;
text-align: center;
white-space: nowrap
}
@media (min-width:1200px) {
#products-wrapper #products-query .actions .btn#products-wizard,
#products-wrapper #products-query .actions button#products-submit {
font-size: 16px;
margin-top: 29px;
padding: 0 20px
}
}
#products-wrapper #products-query .actions .btn#products-wizard {
background-color: #d5e6e8;
color: #748485
}
#products-wrapper #products-query .actions .btn#products-wizard svg {
margin-right: 4px
}
#products-wrapper #products-query .actions .btn#products-wizard:hover {
background: #c5dcdf
}
.select2-container .select2-dropdown .select2-results__option {
box-sizing: border-box;
font-size: 14px;
line-height: 18px;
padding: 6px 12px
}
.select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3878d6
}
.btn {
box-sizing: border-box;
border-radius: 4px;
background: #2155a0;
color: #fff;
font-size: 16px;
display: inline-block;
font-weight: 600;
padding: 15px;
text-decoration: none
}
@media (min-width:768px) {
.btn {
font-size: 18px;
padding: 20px
}
}
.btn.centred {
display: table;
margin: 0 auto 20px
}
.btn.small {
font-size: 14px;
padding: 10px
}
.btn:hover {
background: #1d4a8b
}
.btn.has-t-margin {
margin-top: 30px
}
.btn.has-b-margin {
margin-bottom: 30px
}
.btn.has-both-margins {
margin: 30px 0
}
.btn.has-different-color {
background: #ed6c5e
}
.btn.has-different-color:hover {
background: #ea5747
}
@media (min-width:970px) {
.btn.is-full {
width: 100%
}
}
.sidebar .btn {
background: #ed6c5e
}
.contains-cta .btn,
.sidebar .btn {
display: table;
margin-left: auto;
margin-right: auto
}
@media (min-width:1200px) {
.contains-cta .btn,
.sidebar .btn {
display: inline-block
}
}
.datetime,
.publication-date {
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase
}
.featured-image img {
margin: 20px auto
}
@media (min-width:480px) {
.featured-image img {
float: right;
margin: 0 0 20px 20px;
width: auto
}
}
.featured_logo {
background: #fff;
margin-top: 20px;
padding: 20px 10px;
text-align: center
}
.featured_logo img {
max-width: 160px;
max-height: 100px;
width: inherit;
height: inherit
}
@media (min-width:480px) {
.featured_logo {
margin: 20px auto 0
}
}
div.wpforms-container h2,
div.wpforms-container-full h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 10px
}
div.wpforms-container .wpforms-field-label,
div.wpforms-container-full .wpforms-field-label {
margin-bottom: 8px!important
}
div.wpforms-container .wpforms-field,
div.wpforms-container-full .wpforms-field {
padding-bottom: 0!important
}
div.wpforms-container .privacy .wpforms-field-label,
div.wpforms-container-full .privacy .wpforms-field-label {
font-weight: 600;
font-size: 13px;
line-height: 18px;
margin-bottom: 15px
}
div.wpforms-container .privacy .wpforms-field-label-inline,
div.wpforms-container-full .privacy .wpforms-field-label-inline {
font-size: 14px;
line-height: 18px;
margin-bottom: 4px
}
div.wpforms-container .privacy .wpforms-field-description,
div.wpforms-container-full .privacy .wpforms-field-description {
color: #333;
margin-left: 30px
}
div.wpforms-container button.submit-button,
div.wpforms-container-full button.submit-button {
background-color: #ed6c5e!important;
font-size: 18px!important;
font-weight: 600!important
}
div.wpforms-container button.submit-button:hover,
div.wpforms-container-full button.submit-button:hover {
background-color: #ea5747!important;
color: #fff!important
}
.caldera-grid h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 10px
}
.caldera-grid .privacy_title {
font-weight: 600;
font-size: 14px;
line-height: 18px
}
.caldera-grid .privacy {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px
}
.caldera-grid .privacy label a {
color: #2155a0;
text-decoration: underline
}
.caldera-grid .checkbox input[type=checkbox],
.caldera-grid .checkbox-inline input[type=checkbox],
.caldera-grid .radio input[type=radio],
.caldera-grid .radio-inline input[type=radio] {
margin-left: -16px
}
.caldera-grid .btn {
transition-property: background;
transition-duration: .33s;
background: #ed6c5e
}
.caldera-grid .btn:hover {
background: #ea5747;
color: #fff!important
}
div.grid,
ul.grid {
overflow: hidden;
clear: both;
position: relative
}
div.grid > div,
div.grid li,
ul.grid > div,
ul.grid li {
box-sizing: border-box
}
div.grid > div .pict-wrapper,
div.grid li .pict-wrapper,
ul.grid > div .pict-wrapper,
ul.grid li .pict-wrapper {
margin-bottom: 20px
}
@media (min-width:480px) {
div.grid > div .pict-wrapper,
div.grid li .pict-wrapper,
ul.grid > div .pict-wrapper,
ul.grid li .pict-wrapper {
margin-bottom: 0
}
}
div.grid > div .pict-wrapper img,
div.grid li .pict-wrapper img,
ul.grid > div .pict-wrapper img,
ul.grid li .pict-wrapper img {
width: 100%;
height: auto;
vertical-align: bottom
}
div.grid.page-gallery li img,
ul.grid.page-gallery li img {
margin-bottom: 20px;
width: 100%;
height: auto
}
div.grid.grid-4,
ul.grid.grid-4 {
margin-bottom: 20px;
margin-top: 20px;
margin-left: -15px;
margin-right: -15px
}
@media (min-width:480px) {
div.grid.grid-4,
ul.grid.grid-4 {
margin-bottom: 0;
margin-top: 0;
display: flex;
flex-wrap: wrap
}
}
@media (min-width:480px) {
div.grid.grid-4 > div,
div.grid.grid-4 li,
ul.grid.grid-4 > div,
ul.grid.grid-4 li {
padding: 0 15px;
width: 50%
}
}
@media (min-width:768px) {
div.grid.grid-4 > div,
div.grid.grid-4 li,
ul.grid.grid-4 > div,
ul.grid.grid-4 li {
width: 25%
}
}
@media (min-width:480px) {
div.grid.grid-3 > div,
div.grid.grid-3 li,
ul.grid.grid-3 > div,
ul.grid.grid-3 li {
width: 48.14815%;
float: left;
margin-right: 3.7037%
}
div.grid.grid-3 > div:nth-child(2n),
div.grid.grid-3 li:nth-child(2n),
ul.grid.grid-3 > div:nth-child(2n),
ul.grid.grid-3 li:nth-child(2n) {
width: 48.14815%;
float: right;
margin-right: 0
}
}
@media (min-width:970px) {
div.grid.grid-3 > div,
div.grid.grid-3 li,
ul.grid.grid-3 > div,
ul.grid.grid-3 li {
width: 30.8642%;
float: left;
margin-right: 3.7037%
}
div.grid.grid-3 > div:nth-child(2n),
div.grid.grid-3 li:nth-child(2n),
ul.grid.grid-3 > div:nth-child(2n),
ul.grid.grid-3 li:nth-child(2n) {
width: 30.8642%;
float: left;
margin-right: 3.7037%
}
div.grid.grid-3 > div:nth-child(3n),
div.grid.grid-3 li:nth-child(3n),
ul.grid.grid-3 > div:nth-child(3n),
ul.grid.grid-3 li:nth-child(3n) {
width: 30.8642%;
float: right;
margin-right: 0
}
}
@media (min-width:970px) and (min-width:768px) {
div.grid.grid-2 > div,
div.grid.grid-2 li,
ul.grid.grid-2 > div,
ul.grid.grid-2 li {
width: 48.14815%;
float: left;
margin-right: 3.7037%;
clear: right
}
div.grid.grid-2 > div:nth-child(2n),
div.grid.grid-2 li:nth-child(2n),
ul.grid.grid-2 > div:nth-child(2n),
ul.grid.grid-2 li:nth-child(2n) {
width: 48.14815%;
float: right;
margin-right: 0
}
}
ul.circles {
overflow: hidden;
margin: 30px 0 0 0
}
@media (min-width:1200px) {
ul.circles {
margin: 30px -5% 0 -5%;
width: 110%
}
}
ul.circles li .circle {
margin-bottom: 20px
}
ul.circles li .circle .icon {
filter: invert(47%) sepia(62%) saturate(1544%) hue-rotate(328deg) brightness(110%) contrast(86%)
}
ul.circles li .title {
font-size: 24px;
text-transform: uppercase
}
ul.circles li .excerpt {
font-size: 18px;
font-weight: 300;
line-height: 22px
}
@media (min-width:970px) {
ul.circles {
margin-top: 60px
}
ul.circles li {
width: 13.58025%;
float: left;
margin-right: 3.7037%;
box-sizing: border-box;
display: inline-block;
float: left;
padding: 0 30px
}
ul.circles li:nth-child(6) {
width: 13.58025%;
float: right;
margin-right: 0
}
}
section {
overflow-x: hidden;
padding: 40px 0;
position: relative
}
section.avoid-padding,
section.contains-slider {
margin-bottom: 0;
padding: 0
}
section.has-light-bg {
background: #f5f5f5
}
section.has-color-bg {
background: #ed6c5e;
color: #fff
}
section.has-color-bg a {
color: #fff
}
section .section-intro {
font-size: 16px
}
section .section-intro .heading-h2,
section .section-intro h2 {
font-size: 24px;
line-height: 28px;
margin: 0 0 10px 0
}
@media (min-width:768px) {
section .section-intro {
font-size: 20px
}
section .section-intro .heading-h2,
section .section-intro h2 {
font-size: 30px;
line-height: 34px;
margin: 0 0 20px 0
}
}
body.home section .full-container {
overflow: hidden;
position: relative
}
@media (min-width:768px) {
body.home section .full-container .section-intro {
max-width: 100%
}
}
@media (min-width:1200px) {
body.home section .full-container .section-intro {
max-width: 100%
}
}
body.home section .full-container .section-content {
border-top: 1px solid #d5d5d5
}
@media (min-width:768px) {
section {
padding: 40px 0
}
}
@media (min-width:1200px) {
section {
padding: 80px 0
}
section .section-intro {
font-size: 24px
}
section .section-intro .heading-h2,
section .section-intro h2 {
font-size: 50px;
line-height: 54px
}
}
@media (min-width:768px) {
body.home section .section-intro {
margin: 0 auto;
max-width: 80%
}
}
@media (min-width:1200px) {
body.home section .section-intro {
max-width: 70%
}
}
body {
color: #4d515c;
font-family: "Open Sans",sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased
}
@media (min-width:1200px) {
body {
font-size: 24px;
line-height: 30px
}
}
body #root {
background-color: #fff
}
.heading-h2,
.heading-h3,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1d417b;
font-weight: 700
}
p {
margin: 8px 0
}
a {
transition-property: all;
transition-duration: .33s;
color: #4d515c;
text-decoration: none
}
b,
strong {
font-weight: 700
}
.sprite {
display: block
}
hr {
background: #e8e8e8;
height: 1px;
border: none;
margin: 20px 0;
clear: both
}
@media (min-width:970px) {
hr {
margin: 20px 0
}
}
.text-center {
text-align: center
}
.richcontent a {
color: #2155a0
}
.richcontent a.btn {
color: #fff
}
.richcontent a.btn:hover {
text-decoration: none
}
.richcontent a:hover {
text-decoration: underline
}
.richcontent ol,
.richcontent ul {
line-height: 20px;
margin: 30px 0 30px 40px
}
.richcontent ol li,
.richcontent ul li {
margin: 12px 0;
line-height: 24px
}
.richcontent ul {
list-style: disc
}
.richcontent ol {
list-style: decimal
}
.richcontent p {
margin: 8px 0
}
.richcontent em,
.richcontent i {
font-style: italic
}
.alignright {
margin: 0 auto;
max-width: 100%
}
@media (min-width:1200px) {
.alignright {
float: right;
margin: 0 0 10px 30px
}
}
.alignleft {
margin: 0 auto;
max-width: 100%
}
@media (min-width:1200px) {
.alignleft {
float: left;
margin: 0 30px 10px 0
}
}
.not-supported {
background: #e1d28f;
border-radius: 4px;
box-sizing: border-box;
padding: 24px;
margin: 20px 0
}
.not-supported a {
display: inline-block;
margin-top: 1em;
text-decoration: underline
}
a.anchor-space {
display: block;
position: relative;
top: -100px;
visibility: hidden
}
.page-heading {
background: #eeeff7;
padding: 20px 0;
text-align: center
}
.page-heading h1 {
font-size: 30px;
line-height: 34px;
margin: 0 0 15px 0
}
.page-heading h1:before {
font-family: 'Font Awesome 5 Pro';
color: #ce202f;
content: "\f86c";
display: block;
font-size: 20px
}
.page-heading .heading-wrapper {
margin: 0 auto;
max-width: 800px
}
@media (min-width:768px) {
.page-heading {
padding: 40px 0
}
.page-heading h1 {
font-size: 36px;
line-height: 40px;
margin: 0 0 20px 0
}
.page-heading h1:before {
font-size: 36px;
margin-bottom: 5px
}
}
@media (min-width:1200px) {
.page-heading {
margin-top: 0;
padding: 60px 0
}
.page-heading h1 {
font-size: 50px;
line-height: 56px;
margin: 0 0 30px 0
}
.page-heading h1:before {
margin-bottom: 10px
}
}
.accordion .items .item {
margin-bottom: 10px;
overflow: hidden;
position: relative
}
.accordion .items .item:after {
position: absolute;
top: 20px;
right: 20px;
font-family: 'Font Awesome 5 Pro';
color: #fff;
display: block;
content: "\f068";
pointer-events: none
}
.accordion .items .item:hover {
cursor: pointer
}
.accordion .items .item.is-collapsed .title {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px
}
.accordion .items .item.is-collapsed .contents {
display: none
}
.accordion .items .item.is-collapsed:after {
content: "\f067"
}
.accordion .items .item .title {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background: #2155a0;
color: #fff;
font-weight: 600;
padding: 20px 40px 20px 20px
}
.accordion .items .item .contents {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background: #e8e8e8;
display: block;
font-size: 16px;
line-height: 22px;
padding: 20px
}
.additional-info {
font-size: 16px;
line-height: 22px
}
.additional-info .info-line {
margin-top: 20px
}
.additional-info .info-line .title {
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 10px;
text-transform: uppercase
}
section.areas-shortcuts .section-content-wrapper .section-intro .heading-h2,
section.areas-shortcuts .section-content-wrapper .section-intro h2 {
color: #fff
}
section.areas-shortcuts ul.areas {
overflow: hidden;
margin: 20px 0 10px
}
section.areas-shortcuts ul.areas li {
margin: 10px 15px 10px 25px
}
section.areas-shortcuts ul.areas li .title {
padding: 0 20px
}
section.areas-shortcuts ul.areas li .title {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
text-transform: uppercase
}
section.areas-shortcuts ul.areas li .circle {
margin-bottom: 20px;
padding-top: 40%;
width: 40%
}
section.areas-shortcuts ul.areas li .circle svg {
width: 40%
}
@media (min-width:1200px) {
section.areas-shortcuts ul.areas {
margin-bottom: 0
}
section.areas-shortcuts ul.areas li {
margin: 20px 35px
}
section.areas-shortcuts ul.areas li .excerpt,
section.areas-shortcuts ul.areas li .title {
padding: 0
}
section.areas-shortcuts ul.areas li .title {
font-size: 18px;
line-height: 26px
}
section.areas-shortcuts ul.areas li .circle {
width: 50%;
margin-bottom: 20px;
padding-top: 50%;
background: #fff
}
}
@media (min-width:1600px) {
section.areas-shortcuts ul.areas li .circle {
width: 80%;
margin-bottom: 20px;
padding-top: 80%;
background: #fff
}
}
section.areas-shortcuts .slider-nav {
margin-left: auto;
margin-right: auto
}
section.areas-shortcuts .slider-nav .arrow {
filter: invert(100%) sepia(0) saturate(1%) hue-rotate(21deg) brightness(104%) contrast(101%)
}
body.page-template-page-templatesproducts-php ul.contains-articles .owl-item img {
position: absolute
}
ul.contains-articles {
margin: 30px auto 0;
max-width: 1600px
}
@media (min-width:1200px) {
ul.contains-articles {
margin: 60px auto 0
}
}
ul.contains-articles .owl-item {
box-sizing: border-box;
padding-right: 40px
}
ul.contains-articles li {
margin-bottom: 40px
}
@media (min-width:1200px) {
ul.contains-articles li {
margin-bottom: 0
}
}
ul.contains-articles li .contains-article-section {
padding-right: 40px;
position: relative
}
@media (min-width:768px) {
ul.contains-articles li .contains-article-section {
padding-right: 20px
}
}
@media (min-width:970px) {
ul.contains-articles li .contains-article-section {
padding-right: 20px
}
}
@media (min-width:1200px) {
ul.contains-articles li .contains-article-section {
padding-right: 50px
}
}
ul.contains-articles li .contains-article-section .section-name {
font-size: 18px;
margin-bottom: 10px
}
@media (min-width:768px) {
ul.contains-articles li .contains-article-section .section-name {
font-size: 17px;
line-height: 20px;
margin-bottom: 10px
}
}
@media (min-width:1200px) {
ul.contains-articles li .contains-article-section .section-name {
font-size: 23px
}
}
ul.contains-articles li .contains-article-section .section-link {
position: absolute;
top: 4px;
right: 0;
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -241px;
background-repeat: repeat-y;
height: 15px;
width: 32px;
filter: invert(28%) sepia(7%) saturate(869%) hue-rotate(187deg) brightness(101%) contrast(86%)
}
@media (min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
ul.contains-articles li .contains-article-section .section-link {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -241px
}
}
@media (min-width:768px) {
ul.contains-articles li .contains-article-section .section-link {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -224px;
background-repeat: repeat-y;
height: 15px;
width: 15px
}
}
@media (min-width:768px) and (min-device-pixel-ratio:1.5),
(min-width:768px) and (min-resolution:144dpi) {
ul.contains-articles li .contains-article-section .section-link {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -224px
}
}
@media (min-width:1200px) {
ul.contains-articles li .contains-article-section .section-link {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -241px;
background-repeat: repeat-y;
height: 15px;
width: 32px
}
}
@media (min-width:1200px) and (min-device-pixel-ratio:1.5),
(min-width:1200px) and (min-resolution:144dpi) {
ul.contains-articles li .contains-article-section .section-link {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -241px
}
}
@media (min-width:1400px) {
ul.contains-articles li .contains-article-section .section-link {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-s7584aafc67.png);
background-position: 0 -258px;
background-repeat: repeat-y;
height: 20px;
width: 42px
}
}
@media (min-width:1400px) and (min-device-pixel-ratio:1.5),
(min-width:1400px) and (min-resolution:144dpi) {
ul.contains-articles li .contains-article-section .section-link {
background-image: url(//www.aclitrentine.it/wp-content/themes/aclitrentine/images/elements-retina-scba17968bb.png);
background-size: 236px 347px;
background-position: 0 -258px
}
}
ul.contains-articles li .contains-icon,
ul.contains-articles li .contains-picture {
position: relative
}
ul.contains-articles li .contains-icon:after,
ul.contains-articles li .contains-picture:after {
content: '';
display: block;
padding-bottom: 75%
}
@media (min-width:768px) {
ul.contains-articles li .contains-icon:after,
ul.contains-articles li .contains-picture:after {
padding-bottom: 100%
}
}
ul.contains-articles li .contains-icon a,
ul.contains-articles li .contains-picture a {
display: block
}
ul.contains-articles li .contains-icon {
background: #e3e5f3;
margin-bottom: 20px
}
ul.contains-articles li .contains-icon .icon {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
padding: 2.5em
}
@media (min-width:970px) {
ul.contains-articles li .contains-icon .icon {
padding: 3em
}
}
@media (min-width:1200px) {
ul.contains-articles li .contains-icon .icon {
padding: 3.5em
}
}
@media (min-width:1400px) {
ul.contains-articles li .contains-icon .icon {
padding: 4em
}
}
ul.contains-articles li .contains-icon .icon img,
ul.contains-articles li .contains-icon .icon svg {
transition-property: all;
transition-duration: .33s;
max-height: 100%;
max-width: 100%;
opacity: .67;
width: 100%
}
ul.contains-articles li .contains-icon .icon svg path {
fill: #0062b0
}
ul.contains-articles li .contains-icon a:hover .icon img,
ul.contains-articles li .contains-icon a:hover .icon svg {
opacity: 1
}
ul.contains-articles li .contains-picture {
cursor: pointer;
margin-bottom: 20px;
overflow: hidden
}
ul.contains-articles li .contains-picture:before {
transition-property: all;
transition-duration: .33s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.2);
content: '';
cursor: pointer;
display: block;
pointer-events: none;
z-index: 75
}
ul.contains-articles li .contains-picture:hover:before {
background: 0 0
}
ul.contains-articles li .contains-picture .picture {
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
z-index: 50
}
ul.contains-articles li .contains-text .date,
ul.contains-articles li .contains-text .title {
text-align: center
}
ul.contains-articles li .contains-text .title {
font-size: 18px;
font-weight: 700;
line-height: 22px;
margin-bottom: 6px
}
ul.contains-articles li .contains-text .date {
font-size: 12px;
line-height: 14px;
text-transform: uppercase
}
@media (min-width:1200px) {
ul.contains-articles li .contains-text .date,
ul.contains-articles li .contains-text .title {
text-align: left
}
ul.contains-articles li .contains-text .date {
font-size: 14px;
letter-spacing: 1px
}
}
ul.contains-articles li.contains-periodic .contains-picture {
box-shadow: 0 0 12px #ede9ee
}
ul.contains-articles li.contains-periodic .contains-picture img {
vertical-align: bottom
}
.contains-asset .contains-asset-download {
clear: both;
display: none;
font-size: 18px;
font-weight: 700;
padding: 20px 0
}
.contains-asset .contains-viewer .not-supported {
display: none
}
.contains-asset .contains-viewer .contains-viewport {
background-color: #333;
padding: 16px
}
@media (min-width:1200px) {
.contains-asset .contains-viewer .contains-viewport {
padding: 32px
}
}
.contains-asset .contains-viewer .contains-viewport .navigation {
display: none;
margin: 0 0 16px 0;
text-align: center
}
@media (min-width:1200px) {
.contains-asset .contains-viewer .contains-viewport .navigation {
margin: 0 0 32px 0
}
}
.contains-asset .contains-viewer .contains-viewport .navigation .cursor,
.contains-asset .contains-viewer .contains-viewport .navigation a {
display: inline-block;
margin: 0 4px
}
@media (min-width:1200px) {
.contains-asset .contains-viewer .contains-viewport .navigation .cursor,
.contains-asset .contains-viewer .contains-viewport .navigation a {
margin: 0 8px
}
}
.contains-asset .contains-viewer .contains-viewport .navigation a {
background-color: #ede9ee;
cursor: pointer;
color: #2155a0;
min-width: 40px;
font-size: 20px;
padding: 8px
}
.contains-asset .contains-viewer .contains-viewport .navigation a span {
display: none
}
@media (min-width:1200px) {
.contains-asset .contains-viewer .contains-viewport .navigation a {
font-size: inherit;
padding: 8px 16px
}
.contains-asset .contains-viewer .contains-viewport .navigation a span {
display: inline-block;
margin: 0 0 0 8px
}
}
.contains-asset .contains-viewer .contains-viewport .navigation .cursor {
color: #fff;
font-size: 24px;
line-height: 24px;
vertical-align: text-bottom
}
.contains-asset .contains-viewer .contains-viewport .viewport .viewport-container {
margin: 0 auto;
max-width: 1024px
}
.contains-asset .contains-viewer .contains-viewport .loading-message {
color: #ede9ee;
display: block;
padding: 64px 16px;
text-align: center
}
.contains-asset .contains-viewer .contains-viewport.has-been-loaded .navigation {
display: block
}
.contains-asset .contains-viewer .contains-viewport.has-been-loaded .loading-message {
display: none
}
body.asset-viewer-is-unsupported .contains-asset .contains-viewer .contains-asset-download {
display: block
}
body.asset-viewer-is-unsupported .contains-asset .contains-viewer .not-supported {
display: block
}
body.asset-viewer-is-unsupported .contains-asset .contains-viewer .contains-viewport {
display: none
}
section.association-life .section-intro {
padding-bottom: 12px
}
section.association-life ul.contains-articles {
padding: 0 27px
}
@media (min-width:1600px) {
section.association-life ul.contains-articles {
padding: 0
}
}
section.banners .main-wrapper {
margin: 0 auto;
max-width: 1280px;
padding: 0 20px
}
@media (min-width:1600px) {
section.banners .main-wrapper {
padding-left: 0;
padding-right: 0
}
}
section.banners .main-wrapper .banners-wrapper .banner {
padding: 10px 0;
box-sizing: border-box
}
@media (min-width:768px) {
section.banners .main-wrapper .banners-wrapper {
margin: 0 -10px
}
section.banners .main-wrapper .banners-wrapper .banner {
padding: 10px 0
}
section.banners .main-wrapper .banners-wrapper .banner.half {
float: left;
width: 50%
}
section.banners .main-wrapper .banners-wrapper .banner.half:first-of-type {
padding-right: 20px
}
section.banners .main-wrapper .banners-wrapper .banner.half:last-of-type {
padding-left: 20px
}
}
section.calendar .section-content {
margin-top: 30px;
position: relative
}
section.calendar .section-content .loading-message {
font-size: 30px;
font-weight: 700;
padding: 120px 0;
text-align: center
}
section.calendar .section-content .contains-calendar {
margin-bottom: 30px
}
section.calendar .section-content .contains-calendar .datepicker {
width: 100%
}
section.calendar .section-content .contains-results .item {
font-size: 20px;
line-height: 24px
}
section.calendar .section-content .contains-results .item .date {
margin-bottom: 20px
}
section.calendar .section-content .contains-results .item .title {
color: #ed6c5e;
margin-bottom: 10px
}
section.calendar .section-content .contains-results .item a {
color: #ed6c5e;
display: block;
font-size: 20px;
margin-top: 10px;
text-decoration: underline
}
@media (min-width:970px) {
section.calendar .section-content {
overflow: hidden;
margin-top: 60px;
position: relative
}
section.calendar .section-content .contains-calendar {
float: left;
margin-bottom: 0;
width: 35%
}
section.calendar .section-content .contains-results {
float: left;
padding-left: 4%;
width: 61%
}
section.calendar .section-content .contains-results .item {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px
}
section.calendar .section-content .contains-results .item .date {
font-weight: 600;
margin-bottom: 10px
}
section.calendar .section-content .contains-results .item .title {
font-size: 18px;
font-weight: 600;
line-height: 22px;
margin-bottom: 10px
}
section.calendar .section-content .contains-results .item .title a {
font-size: 18px;
margin-top: 22px
}
}
@media (min-width:970px) and (min-width:768px) {
section.calendar .section-content .contains-results .item {
font-size: 20px;
line-height: 24px;
margin-bottom: 40px
}
section.calendar .section-content .contains-results .item .title {
font-size: 24px;
line-height: 28px
}
section.calendar .section-content .contains-results .item .title a {
font-size: 24px;
margin-top: 20px
}
}
@media (min-width:970px) {
section.calendar .section-content .slider-nav {
position: absolute;
right: 0;
bottom: 0
}
}
.contains-calendar .datepicker {
border-radius: 0;
background: #f5f5f5;
border-color: #f5f5f5;
font-family: "Open Sans",sans-serif;
font-size: 16px
}
.contains-calendar .datepicker .datepicker--body.active {
padding-bottom: 20px
}
.contains-calendar .datepicker .datepicker--nav {
min-height: 64px
}
.contains-calendar .datepicker .datepicker--nav-action {
width: 64px
}
.contains-calendar .datepicker .datepicker--nav-title,
.contains-calendar .datepicker .datepicker--nav-title i {
color: #4d515c;
font-size: 22px;
font-weight: 700
}
.contains-calendar .datepicker .datepicker--day-name {
color: #4d515c;
font-size: .8em;
font-weight: 700
}
.contains-calendar .datepicker .datepicker--cell.-disabled- {
background: 0 0;
color: #999;
font-weight: 300
}
.contains-calendar .datepicker .datepicker--cell {
background: #e8e8e8;
height: 60px;
font-weight: 600
}
.contains-calendar .datepicker .datepicker--cell.-selected-,
.contains-calendar .datepicker .datepicker--cell.-selected-.-current- {
background: #ed6c5e
}
@media (min-width:768px) {
.contains-calendar .datepicker {
font-size: 18px
}
.contains-calendar .datepicker .datepicker--nav-title,
.contains-calendar .datepicker .datepicker--nav-title i {
font-size: 28px
}
.contains-calendar .datepicker .datepicker--day-name {
font-size: 1em
}
}
#cookie-notice .cookie-notice-container {
position: relative;
z-index: 999999
}
#cookie-notice .cookie-notice-container .cn-close-icon {
top: 25px
}
#cookie-notice .cookie-notice-container #cn-notice-text {
display: block;
padding-left: 10px;
padding-right: 10px;
width: 100%
}
#cookie-notice .cookie-notice-container #cn-notice-buttons {
clear: both;
display: block;
margin-top: 20px
}
#cookie-notice .cookie-notice-container #cn-notice-buttons a#cn-more-info {
background: #ed6c5e
}
#cookie-notice .cookie-notice-container .btn {
font-size: 14px;
padding: 10px
}
section.contains-custom-sections {
clear: both;
margin: 20px 0;
padding: 10px 0
}
section.contains-custom-sections .custom-section {
overflow: hidden;
margin: 20px 0
}
section.contains-custom-sections .custom-section.type-text .title {
font-size: 24px;
font-weight: 700
}
section.contains-custom-sections .custom-section.type-images .owl-item img {
transition-property: opacity;
transition-duration: .33s;
opacity: .5
}
section.contains-custom-sections .custom-section.type-images .owl-item.active.center img {
opacity: 1
}
section.contains-custom-sections .custom-section.type-icons.decoration-circle .items .item .icon {
margin: 0 auto 20px
}
section.contains-custom-sections .custom-section.type-icons .items-title {
font-size: 24px;
font-weight: 600;
text-align: center
}
section.contains-custom-sections .custom-section.type-icons .items {
align-items: center;
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: center
}
section.contains-custom-sections .custom-section.type-icons .items .item {
font-size: 16px;
line-height: 20px;
padding: 20px 20px 0 20px;
text-align: center;
width: 20%
}
section.contains-custom-sections .custom-section.type-icons .items .item .title {
font-weight: 600;
text-transform: uppercase
}
section.contains-custom-sections .custom-section.type-icons .items .item .icon {
margin: 0 auto 20px;
position: relative;
text-align: center;
width: 80%
}
section.contains-custom-sections .custom-section.type-icons .items .item .icon .show-style {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
section.contains-custom-sections .custom-section.type-icons .items .item .icon:before {
background: #ed6c5e;
border-radius: 50%;
content: "";
display: block;
padding-bottom: 100%
}
section.contains-custom-sections .custom-section.type-icons .items .item .icon svg {
width: 50%
}
section.contains-custom-sections .custom-section.type-icons .items .item a {
display: block;
font-size: 16px;
margin-top: 10px;
text-decoration: underline
}
section.contains-custom-sections .custom-section.type-topics.decoration-circle .topics .topic .icon {
margin: 0 auto 20px
}
section.contains-custom-sections .custom-section.type-topics .items-title {
font-size: 24px;
font-weight: 600;
text-align: center
}
section.contains-custom-sections .custom-section.type-topics .topics {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: center
}
section.contains-custom-sections .custom-section.type-topics .topics .topic {
font-size: 16px;
line-height: 20px;
padding: 20px 8px 0 8px;
text-align: center;
width: 40%
}
section.contains-custom-sections .custom-section.type-topics .topics .topic .title {
font-weight: 600;
text-transform: uppercase
}
section.contains-custom-sections .custom-section.type-topics .topics .topic .icon {
margin: 0 auto 20px;
position: relative;
text-align: center;
width: 90%
}
section.contains-custom-sections .custom-section.type-topics .topics .topic .icon .show-style {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
section.contains-custom-sections .custom-section.type-topics .topics .topic .icon:before {
background: #ed6c5e;
border-radius: 50%;
content: "";
display: block;
padding-bottom: 100%
}
section.contains-custom-sections .custom-section.type-topics .topics .topic .icon svg {
width: 50%
}
section.contains-custom-sections .custom-section.type-topics .topics .topic a {
color: #4d515c;
display: block;
font-size: 16px;
margin-top: 10px
}
@media (min-width:480px) {
section.contains-custom-sections .custom-section.type-topics .topics .topic {
width: 20%
}
}
@media (min-width:768px) {
section.contains-custom-sections .custom-section.type-topics .topics .topic {
padding: 20px 20px 0 20px
}
section.contains-custom-sections .custom-section.type-topics .topics .topic .icon {
width: 80%
}
}
section.contains-custom-sections .custom-section.type-events .elements,
section.contains-custom-sections .custom-section.type-news .elements,
section.contains-custom-sections .custom-section.type-news-events .elements,
section.contains-custom-sections .custom-section.type-posts .elements {
margin-bottom: 30px
}
section.contains-custom-sections .custom-section.type-events .elements .element,
section.contains-custom-sections .custom-section.type-news .elements .element,
section.contains-custom-sections .custom-section.type-news-events .elements .element,
section.contains-custom-sections .custom-section.type-posts .elements .element {
box-sizing: border-box;
margin-bottom: 20px
}
section.contains-custom-sections .custom-section.type-events .elements .element .title,
section.contains-custom-sections .custom-section.type-news .elements .element .title,
section.contains-custom-sections .custom-section.type-news-events .elements .element .title,
section.contains-custom-sections .custom-section.type-posts .elements .element .title {
font-weight: 700;
font-size: 20px
}
section.contains-custom-sections .custom-section.type-events .elements .element img,
section.contains-custom-sections .custom-section.type-news .elements .element img,
section.contains-custom-sections .custom-section.type-news-events .elements .element img,
section.contains-custom-sections .custom-section.type-posts .elements .element img {
margin-bottom: 20px
}
section.contains-custom-sections .custom-section.type-events .elements .owl-nav,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav {
float: right
}
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-prev {
height: 20px;
width: 42px
}
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-next span,
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-prev span,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-next span,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-prev span,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-next span,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-prev span,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-next span,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-prev span {
color: transparent
}
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-next,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-next {
margin-left: 20px
}
section.contains-custom-sections .custom-section.type-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-news-events .elements .owl-nav .owl-prev,
section.contains-custom-sections .custom-section.type-posts .elements .owl-nav .owl-prev {
transform: rotate(180deg)
}
.mode {
background-color: #ed6c5e;
color: #fff;
display: inline-block;
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 10px;
padding: 2px 8px;
text-transform: uppercase
}
.datetime {
font-weight: 700;
font-size: 22px
}
.timetable {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0 30px
}
@media (min-width:970px) {
.timetable {
flex-direction: row
}
}
.timetable .day {
background-color: #ede9ee;
border-radius: 5px;
font-size: 14px;
line-height: normal;
padding: 5px 15px;
text-align: center
}
.timetable .day .date {
font-weight: 700
}
.timetable .day .times {
font-size: 12px
}
.contains-documents-filters {
margin-top: 30px
}
.contains-documents-filters .filters {
background: #f5f5f5;
display: flex;
flex-wrap: wrap;
padding: 10px
}
.contains-documents-filters .filters .filter {
font-weight: 600;
padding-right: 10px
}
.contains-documents ul {
margin-left: 0
}
.contains-documents ul li {
border-top: 1px solid #f5f5f5;
padding-top: 20px;
margin-top: 26px;
position: relative
}
.contains-documents ul li .title {
font-weight: 600
}
.contains-documents ul li:first-child {
border-top: none;
padding-top: 0
}
.contains-documents ul li .contains-icon {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
width: 7%
}
.contains-documents ul li .contains-text {
display: inline-block;
vertical-align: middle
}
section.contains-gallery {
clear: both;
margin: 40px -8px 0 -8px;
padding: 0
}
section.contains-gallery ul.gallery {
overflow: hidden
}
section.contains-gallery ul.gallery li {
display: block;
float: left;
margin: 16px 8px 0 8px
}
.highlights .highlights-grid.main .featured .title {
font-size: 20px;
line-height: 26px
}
.highlights .highlights-grid.minor ul li {
background: #f5f5f5;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
padding: 15px
}
.highlights .highlights-grid.minor ul li .title {
font-size: 18px;
margin-bottom: 8px
}
.highlights .highlights-grid.minor ul li a {
display: block;
font-weight: 600;
margin-top: 5px
}
@media (min-width:1200px) {
.highlights .highlights-grid.main .featured .title,
.highlights .highlights-grid.main .medium .title {
position: absolute;
right: 20px;
bottom: 20px;
left: 20px;
color: #fff;
font-weight: 700;
z-index: 20
}
.highlights .highlights-grid.main .featured .mask,
.highlights .highlights-grid.main .medium .mask {
transition-property: all;
transition-duration: .33s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.5);
cursor: pointer;
z-index: 10
}
.highlights .highlights-grid.main .featured:hover .mask,
.highlights .highlights-grid.main .medium:hover .mask {
background: rgba(0,0,0,.2)
}
.highlights .highlights-grid.main {
overflow: hidden
}
.highlights .highlights-grid.main .featured {
float: left;
position: relative;
width: 65.6%
}
.highlights .highlights-grid.main .featured .title {
font-size: 40px;
line-height: 46px
}
.highlights .highlights-grid.main .contains-medium {
float: right;
width: 31%
}
.highlights .highlights-grid.main .contains-medium .medium {
position: relative
}
.highlights .highlights-grid.main .contains-medium .medium:first-of-type {
margin-bottom: 20px
}
.highlights .highlights-grid.minor ul {
margin-top: 30px;
padding-top: 0
}
}
.contains-filter-header {
margin: 30px 0;
text-align: center
}
.contains-filter-header.left-positioned {
text-align: left
}
.contains-filter-header.left-positioned .contains-icon {
margin: 0
}
.contains-filter-header .title {
font-size: 20px;
font-weight: 700
}
.contains-filter-header .contains-icon {
display: inline-block;
margin: 0 auto 10px;
width: 50px
}
.contains-filter-header .contains-icon .circle {
background: #ed6c5e;
color: #000;
display: inline-block;
vertical-align: middle
}
.contains-filter-header .contains-icon .circle svg {
display: block;
width: 20px
}
@media (min-width:768px) {
.contains-filter-header .title {
display: inline-block;
font-size: 28px;
font-weight: 700;
padding-left: 10px
}
.contains-filter-header .contains-icon {
margin: 0 auto;
width: 100px
}
.contains-filter-header .contains-icon .circle svg {
width: 60px
}
}
.selections .selection {
margin: 0 0 30px 0
}
@media (min-width:768px) {
.selections {
text-align: center
}
.selections .selection {
display: inline-block;
margin: 0 20px
}
}
.contains-filter-header .selections .selection .contains-icon .circle svg {
width: 20px;
min-height: 26px
}
@media (min-width:768px) {
.contains-filter-header .selections .selection .contains-icon .circle svg {
width: 40px;
min-height: 36px
}
}
.contains-glossary {
margin-top: 30px
}
.contains-glossary ul.terms .term {
border-radius: 5px;
background: #f5f5f5;
display: block;
margin: 0 0 15px 0
}
.contains-glossary ul.terms .term a {
display: block;
font-size: 14px;
letter-spacing: 1px;
padding: 5px 18px;
text-transform: uppercase
}
.contains-glossary ul.terms .term:hover {
background: #e84230
}
.contains-glossary ul.terms .term:hover a {
color: #fff
}
@media (min-width:480px) {
.contains-glossary ul.terms {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2
}
.contains-glossary ul.terms .term {
margin: 0 0 10px 0;
text-align: center
}
}
@media (min-width:970px) {
.contains-glossary ul.terms {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3
}
}
.jobs-intro .contents.intro-with-image .richcontent {
display: flex;
flex-direction: column;
gap: 40px
}
.jobs-intro .contents.intro-with-image .richcontent .contains-illustration {
text-align: center
}
.jobs-intro .contents.intro-with-image .richcontent .contains-illustration img {
max-width: 60%
}
@media (min-width:768px) {
.jobs-intro .contents.intro-with-image .richcontent {
flex-direction: row
}
.jobs-intro .contents.intro-with-image .richcontent .contains-introduction {
width: 70%
}
.jobs-intro .contents.intro-with-image .richcontent .contains-illustration {
width: 30%
}
.jobs-intro .contents.intro-with-image .richcontent .contains-illustration img {
max-width: 100%
}
}
.shortcuts.contains-jobs-sections ul.items {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 20px
}
@media (min-width:768px) {
.shortcuts.contains-jobs-sections ul.items {
flex-direction: row
}
}
.shortcuts.contains-jobs-sections ul.items li {
float: none;
width: auto
}
@media (min-width:768px) {
.shortcuts.contains-jobs-sections ul.items li {
flex: 1
}
}
.shortcuts.contains-jobs-sections ul.items li .box.themes {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
margin: 0
}
.shortcuts.contains-jobs-sections ul.items li .box.themes .title {
flex: 1;
font-weight: 600
}
.shortcuts.contains-jobs-sections ul.items li .box.themes .icon-wrapper {
margin-bottom: 0;
max-width: 100px;
width: 40%
}
@media (min-width:1200px) {
.shortcuts.contains-jobs-sections ul.items li .box.themes .icon-wrapper {
max-width: 140px
}
}
.shortcuts.contains-jobs-sections ul.items li .box.themes .icon-wrapper .circle {
background-color: #ed6c5e
}
.shortcuts.contains-jobs-sections ul.items li .box.themes .icon-wrapper .circle .icon img {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(124deg) brightness(103%) contrast(100%)
}
.shortcuts.contains-jobs-sections ul.items li .box.themes .actions {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center
}
@media (min-width:480px) {
.shortcuts.contains-jobs-sections ul.items li .box.themes .actions {
flex-direction: row
}
}
.shortcuts.contains-jobs-sections ul.items li .box.themes .actions a.btn {
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 4px 10px
}
@media (min-width:480px) {
.shortcuts.contains-jobs-sections ul.items li .box.themes .actions a.btn {
font-size: 16px;
padding: 10px
}
}
@media (min-width:1200px) {
.shortcuts.contains-jobs-sections ul.items li .box.themes .actions a.btn {
font-size: 16px;
padding: 10px 12px
}
}
.shortcuts.contains-jobs-sections ul.items li .box.themes a.details {
font-size: 14px
}
.jobs-list .jobs-actions {
align-items: end;
display: flex;
flex-direction: column;
padding: 0 0 30px 0
}
.jobs-list .jobs-actions .btn .fa-solid {
font-family: 'Font Awesome 5 Pro';
margin-right: 4px
}
.jobs-list .jobs-columns {
display: flex;
flex-direction: row;
gap: 40px
}
.jobs-list .jobs-columns .column .column-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 30px
}
.jobs-list .jobs-columns .column.jobs-filters {
padding: 20px;
width: 15%
}
.jobs-list .jobs-columns .column.jobs-items {
width: 35%
}
.jobs-list .jobs-columns .column.jobs-detail {
width: 50%
}
.jobs-list .jobs-columns .jobs-filters {
background-color: #eeeff7;
width: 30%
}
.jobs-list .jobs-columns .jobs-filters .contains-filters {
display: flex;
flex-direction: column;
gap: 15px
}
.jobs-list .jobs-columns .jobs-filters .filter-wrapper {
border-top: 1px solid #d3d5e4;
padding-top: 15px
}
.jobs-list .jobs-columns .jobs-filters .filter-wrapper .filter-title {
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin-bottom: 10px
}
.jobs-list .jobs-columns .jobs-filters .filter-wrapper input,
.jobs-list .jobs-columns .jobs-filters .filter-wrapper label,
.jobs-list .jobs-columns .jobs-filters .filter-wrapper select {
font-size: 14px
}
.jobs-list .jobs-columns .jobs-filters .filter-wrapper.places {
display: flex;
flex-direction: column
}
.jobs-list .jobs-columns .jobs-filters .show-more {
background-color: #fff;
display: block;
font-size: 16px;
font-weight: 700;
margin-top: 30px;
padding: 10px;
text-align: center
}
.jobs-list .jobs-columns .jobs-items {
display: flex;
flex-direction: column;
gap: 10px
}
.jobs-list .jobs-columns .jobs-items .jobs-item {
border-radius: 6px;
border: 1px solid #fff;
font-size: 12px;
line-height: 12px;
padding: 20px;
position: relative
}
.jobs-list .jobs-columns .jobs-items .jobs-item:hover {
border: 1px solid #f3f3f7
}
.jobs-list .jobs-columns .jobs-items .jobs-item.active {
border: 1px solid #d3d5e4
}
.jobs-list .jobs-columns .jobs-items .jobs-item .job-title {
font-size: 16px;
line-height: 20px;
font-weight: 700;
margin-bottom: 10px;
padding-right: 60px
}
.jobs-list .jobs-columns .jobs-items .jobs-item .job-code {
background-color: #ede9ee;
border-radius: 3px;
font-size: 10px;
line-height: 14px;
padding: 4px;
position: absolute;
right: 20px;
top: 10px
}
.jobs-list .jobs-columns .jobs-items .jobs-item .job-abstract {
display: flex;
flex-direction: column;
gap: 10px
}
.jobs-list .jobs-columns .jobs-items .jobs-item .job-abstract .row {
display: flex;
flex-direction: row;
gap: 6px
}
.jobs-list .jobs-columns .jobs-items .jobs-item .job-abstract .row div {
border-left: 1px solid #d3d5e4;
padding-left: 5px
}
.jobs-list .jobs-columns .jobs-items .jobs-item .job-abstract .row div:first-of-type {
border-left: none;
padding-left: 0
}
.jobs-list .jobs-columns .jobs-detail {
border: 1px solid #dee0e3;
border-radius: 6px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section {
padding: 40px;
border-bottom: 1px solid #d3d5e4;
position: relative
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section:last-of-type {
border-bottom: none
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .job-title {
font-size: 32px;
line-height: 36px;
font-weight: 700;
margin-bottom: 40px;
padding-right: 60px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .job-code {
background-color: #ede9ee;
border-radius: 3px;
font-size: 10px;
line-height: 14px;
padding: 4px;
position: absolute;
right: 40px;
top: 40px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .contains-notes p {
font-size: 14px;
line-height: 20px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .contains-notes .title {
font-size: 16px;
font-weight: 700
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .contains-action {
text-align: center
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .contains-action .btn {
background-color: #ed6c5e;
color: #fff
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .contains-action .btn .fa-solid {
font-family: 'Font Awesome 5 Pro';
margin-right: 4px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .job-details-group {
display: flex;
font-size: 14px;
line-height: 14px;
flex-direction: column;
gap: 20px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .job-details-group .row {
display: flex;
flex-direction: row;
gap: 30px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .job-details-group .row .row-icon .fa-solid {
font-family: 'Font Awesome 5 Pro';
color: #2155a0
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .job-details-group .row .row-details {
display: flex;
flex-direction: column;
gap: 10px
}
.jobs-list .jobs-columns .jobs-detail .job-detail-section .job-details-group .row .row-details span {
font-weight: 600
}
.contains-elements {
margin-top: 40px
}
.contains-elements .element {
margin-bottom: 40px
}
.contains-elements .element .contains-icon,
.contains-elements .element .contains-picture {
margin: 0 0 16px 0;
max-width: 50%
}
.contains-elements .element .contains-picture img {
margin-bottom: 20px
}
.contains-elements .element .contains-icon {
background-color: #e3e5f3;
box-sizing: border-box;
position: relative
}
.contains-elements .element .contains-icon:after {
content: '';
display: block;
padding-bottom: 100%
}
.contains-elements .element .contains-icon .icon {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
padding: 1.5em
}
.contains-elements .element .contains-icon .icon svg {
transition-property: all;
transition-duration: .33s;
max-height: 100%;
max-width: 100%;
opacity: .67;
width: 100%
}
.contains-elements .element .contains-icon .icon svg path {
fill: #0062b0
}
.contains-elements .element .contains-icon a:hover .icon svg {
opacity: 1
}
.contains-elements .element .contains-text {
position: relative
}
.contains-elements .element .contains-text .category {
background-color: transparent;
border: 1px solid #70737c;
border-radius: 4px;
color: #70737c;
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 16px;
margin: 0 0 8px 0;
padding: 2px 8px;
text-transform: uppercase;
transition: all .25s ease-in-out
}
.contains-elements .element .contains-text .category:hover {
background-color: #70737c;
color: #fff
}
.contains-elements .element .contains-text .title {
font-size: 18px;
line-height: 22px;
font-weight: 700;
margin-bottom: 8px
}
.contains-elements .element .contains-text .date {
font-size: 14px;
margin: 0 0 16px 0;
text-transform: uppercase
}
.contains-elements .element .contains-text .excerpt {
margin: 0 0 16px 0
}
@media (min-width:480px) {
.contains-elements .element {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.contains-elements .element .contains-icon,
.contains-elements .element .contains-picture {
margin: 0 15px 0 0;
max-width: inherit;
width: 25%
}
.contains-elements .element .contains-icon img,
.contains-elements .element .contains-picture img {
margin-bottom: 0
}
.contains-elements .element .contains-text {
flex: 1
}
.contains-elements .element .contains-text .excerpt {
display: none
}
}
@media (min-width:768px) {
.contains-elements .element .contains-icon,
.contains-elements .element .contains-picture {
margin-right: 30px;
width: 240px
}
.contains-elements .element .contains-icon .icon {
padding: 2.5em
}
.contains-elements .element .contains-text .title {
font-size: 24px;
line-height: 28px
}
.contains-elements .element .contains-text .excerpt {
display: block
}
}
@media (min-width:970px) {
.contains-elements .element .contains-icon,
.contains-elements .element .contains-picture {
margin-right: 40px
}
.contains-elements .element .contains-icon .icon {
padding: 4em
}
}
.contains-magazines-by-years .magazines-by-year .magazines {
display: flex;
flex-wrap: wrap
}
.contains-magazines-by-years .magazines-by-year .magazines .magazine {
box-sizing: border-box;
background: #f5f5f5;
margin: 0 2% 30px;
text-align: center;
width: 100%
}
@media (min-width:480px) {
.contains-magazines-by-years .magazines-by-year .magazines .magazine {
width: 46%
}
}
@media (min-width:768px) {
.contains-magazines-by-years .magazines-by-year .magazines .magazine {
width: 29%
}
}
@media (min-width:970px) {
.contains-magazines-by-years .magazines-by-year .magazines .magazine {
width: 21%;
margin: 0 2% 40px
}
}
.contains-magazines-by-years .magazines-by-year .magazines .magazine .header {
border: 1px solid #f5f5f5;
color: #ed6c5e;
font-weight: 700;
font-size: 20px;
padding: 10px
}
@media (min-width:970px) {
.contains-magazines-by-years .magazines-by-year .magazines .magazine .header {
font-size: 18px
}
}
@media (min-width:1200px) {
.contains-magazines-by-years .magazines-by-year .magazines .magazine .header {
font-size: 20px
}
}
.contains-magazines-by-years .magazines-by-year .magazines .magazine .year {
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 10px
}
.contains-magazines-by-years .magazines-by-year .magazines .magazine img {
border: 1px solid #f5f5f5
}
section.news {
overflow: hidden;
padding-left: 27px;
padding-right: 27px;
position: relative
}
@media (min-width:1600px) {
section.news {
padding-left: 0;
padding-right: 0
}
}
section.news .owl-nav {
float: right;
margin: 20px 20px 0 0
}
section.news .owl-nav .owl-next,
section.news .owl-nav .owl-prev {
height: 20px;
outline: 0;
width: 42px
}
section.news .owl-nav .owl-next span,
section.news .owl-nav .owl-prev span {
color: transparent
}
section.news .owl-nav .owl-next {
margin-left: 20px
}
section.news .owl-nav .owl-prev {
transform: rotate(180deg)
}
section.news .side-subtitle {
padding: 30px 30px 0 0
}
section.news .side-articles {
padding: 0 0 30px 0
}
section.news .slider-nav {
position: absolute;
right: 0;
bottom: 0;
left: 0;
text-align: center
}
section.news .slider-nav .arrow {
display: inline-block
}
section.news .slider-nav .arrow.unsel {
opacity: .6
}
section.news .slider-nav .arrow.left {
transform: rotate(180deg)
}
section.news .slider-nav .arrow.right {
margin-left: 10px
}
@media (min-width:970px) {
section.news .slider-nav {
position: absolute;
right: auto;
bottom: 0;
left: 0
}
section.news .side-subtitle {
float: left;
font-size: 20px;
line-height: 24px;
padding-top: 60px;
width: 20%
}
section.news .side-articles {
float: left;
padding: 0;
width: 80%
}
}
.contains-pagination {
padding: 1em 0;
text-align: center
}
.contains-pagination a,
.contains-pagination span {
box-sizing: border-box;
display: inline-block;
font-size: .9em;
line-height: 22px;
padding: 2px 4px;
text-align: center;
text-transform: uppercase
}
.contains-pagination a.page-numbers {
background-color: #fff;
border: 1px solid #2155a0;
color: #2155a0
}
.contains-pagination a.page-numbers:hover {
background-color: #2155a0;
color: #fff
}
.contains-pagination .current {
border: 1px solid #2155a0;
background-color: #2155a0;
color: #fff
}
.contains-pagination .dots {
border: 1px solid #2155a0;
color: #2155a0
}
.contains-pagination .current,
.contains-pagination .dots,
.contains-pagination a.page-numbers {
height: 28px;
min-width: 28px
}
.contains-pagination .dots,
.contains-pagination .next,
.contains-pagination .prev {
color: #2155a0
}
.contains-pagination .next,
.contains-pagination .prev {
display: none;
padding-left: 12px;
padding-right: 12px
}
@media (min-width:768px) {
.contains-pagination .next,
.contains-pagination .prev {
display: inline-block
}
}
section.people ul.items li .box {
padding: 30px;
text-align: center
}
section.people ul.items li .box .picture-wrapper img.avatar {
border-radius: 50%
}
section.people ul.items li .box .name {
font-weight: 700;
margin: 10px 0 0 0
}
section.people ul.items li .box .role {
font-size: 14px;
letter-spacing: 1px;
line-height: 18px;
text-transform: uppercase
}
@media (min-width:480px) {
section.people ul.items {
align-items: center;
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: center
}
section.people ul.items li {
width: 50%
}
}
@media (min-width:768px) {
section.people ul.items li {
width: 33.33333%
}
}
@media (min-width:970px) {
section.people ul.items li {
width: 25%
}
}
.mfp-wrap .mfp-close {
right: 8px;
top: 4px
}
.mfp-wrap .popup {
background: #fff;
box-sizing: border-box;
padding: 48px 24px 24px 24px
}
html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
padding-right: 0!important
}
.popmake-overlay.pum-active {
z-index: 9999
}
.popmake-overlay.pum-theme-cutting-edge .pum-container,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container {
padding: 30px
}
@media (min-width:970px) {
.popmake-overlay.pum-theme-cutting-edge .pum-container,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container {
padding: 50px
}
}
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-content,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-content,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-content,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-content {
color: #4d515c;
font-size: 18px;
line-height: 26px;
font-family: "Open Sans",sans-serif!important;
font-weight: 400!important
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed {
padding: 10px
}
@media (min-width:970px) {
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed {
padding: 20px
}
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-content,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-content,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-content,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-content {
font-size: 16px;
line-height: 22px
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close {
font-size: 22px;
height: 26px;
width: 26px
}
@media (min-width:768px) {
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-theme-cutting-edge .pum-content + .pum-close {
font-size: 32px;
height: 36px;
width: 36px
}
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-title,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-title,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-title,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-title {
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 22px;
position: relative
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-title:after {
display: none
}
@media (min-width:768px) {
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-title,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed .pum-title,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed .pum-title,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed .pum-title {
font-size: 28px;
line-height: 32px
}
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed a.btn,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed a.btn,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed a.btn,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed a.btn {
background: 0 0;
border: none;
color: #fff;
text-decoration: underline;
margin: 0;
padding: 0
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed a.btn:hover,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container.pum-position-fixed a.btn:hover,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container.pum-position-fixed a.btn:hover,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container.pum-position-fixed a.btn:hover {
background: 0 0
}
.popmake-overlay.pum-theme-cutting-edge .pum-container a.btn,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container a.btn,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container a.btn,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container a.btn {
border-radius: 4px;
border-color: #2155a0;
background: #2155a0;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin: 20px 0 0 0;
padding: 8px 10px;
text-align: center;
text-transform: uppercase
}
.popmake-overlay.pum-theme-cutting-edge .pum-container a.btn:focus,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container a.btn:focus,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container a.btn:focus,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container a.btn:focus {
outline-style: none;
box-shadow: none;
border-color: transparent
}
.popmake-overlay.pum-theme-cutting-edge .pum-container a.btn:hover,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container a.btn:hover,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container a.btn:hover,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container a.btn:hover {
background: #183f76
}
@media (min-width:768px) {
.popmake-overlay.pum-theme-cutting-edge .pum-container a.btn,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container a.btn,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container a.btn,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container a.btn {
display: inline-block;
font-size: 18px;
height: auto;
line-height: 20px;
padding: 16px 20px
}
}
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-theme-cutting-edge .pum-content + .pum-close {
box-shadow: none;
background-color: #fff;
border: none;
color: #2155a0;
font-size: 42px;
font-weight: 700;
height: 36px;
text-shadow: none;
width: 36px
}
@media (min-width:768px) {
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-theme-cutting-edge .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-content + .pum-close,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-theme-cutting-edge .pum-content + .pum-close {
font-size: 62px;
height: 56px;
width: 56px
}
}
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-title {
color: #4d515c;
font-size: 30px;
font-weight: 700;
line-height: 34px;
position: relative
}
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-title:after {
background-color: #4d515c;
content: "";
display: block;
height: 3px;
margin-top: 12px;
width: 50px
}
@media (min-width:768px) {
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-title {
font-size: 42px;
line-height: 46px
}
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-title:after {
margin-top: 18px
}
}
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed a,
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed a.btn {
color: #4d515c
}
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-content,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-content,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-content {
color: #fff
}
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-title {
color: #fff
}
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-coral .pum-container .pum-title:after,
.popmake-overlay.pum-theme-cutting-edge-corallo .pum-container .pum-title:after {
background-color: #fff
}
.popmake-overlay.pum-theme-cutting-edge .pum-container .pum-title,
.popmake-overlay.pum-theme-cutting-edge .pum-container.pum-position-fixed .pum-title {
color: #4d515c
}
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container a.btn {
border-radius: 4px;
border-color: #ed6c5e;
background: #ed6c5e
}
.popmake-overlay.pum-theme-cutting-edge-blu .pum-container a.btn:hover {
background: #e84230
}
section.president-corner .video-embedd {
margin: 20px auto 0;
max-width: 800px
}
section.president-corner .video-embedd .responsive-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%
}
section.president-corner .video-embedd embed,
section.president-corner .video-embedd iframe,
section.president-corner .video-embedd object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.products-additional-contents li .contains-picture {
background: #f5f5f5;
position: relative
}
.products-additional-contents li .contains-picture:after {
content: "";
display: block;
padding-bottom: 100%
}
.products-additional-contents li .contains-picture svg {
font-size: 100px
}
section.contains-category,
section.contains-related-medias,
section.contains-related-posts {
margin-top: 40px;
padding: 0;
clear: both
}
section.contains-category .title,
section.contains-related-medias .title,
section.contains-related-posts .title {
border-top: 1px solid #f5f5f5;
color: #1d417b;
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
padding-top: 20px
}
@media (min-width:768px) {
section.contains-category,
section.contains-related-medias,
section.contains-related-posts {
padding: 0
}
}
@media (min-width:1200px) {
section.contains-category,
section.contains-related-medias,
section.contains-related-posts {
padding: 0
}
section.contains-category .title,
section.contains-related-medias .title,
section.contains-related-posts .title {
font-size: 24px;
line-height: 28px;
margin-bottom: 10px;
padding-top: 20px
}
}
section.contains-category ul,
section.contains-related-medias ul,
section.contains-related-posts ul {
clear: both;
display: flex;
flex-wrap: wrap;
margin: 0
}
section.contains-category ul li,
section.contains-related-medias ul li,
section.contains-related-posts ul li {
width: 100%
}
@media (min-width:768px) {
section.contains-category ul li,
section.contains-related-medias ul li,
section.contains-related-posts ul li {
width: 50%
}
}
.contains-relations {
overflow: hidden;
display: flex;
font-size: 16px;
font-weight: 600;
flex-wrap: wrap;
margin-top: 40px;
text-align: left
}
.contains-relations .relation {
box-sizing: border-box;
border-left: 3px solid #f5f5f5;
margin-bottom: 30px;
padding-left: 20px;
width: 50%
}
.contains-relations .relation .title {
font-size: 24px;
margin-bottom: 20px
}
.contains-relations .relation a {
display: flex;
align-items: center
}
.contains-relations .relation .contains-icon {
box-sizing: border-box;
color: #4d515c;
font-size: 22px;
margin-right: 8px;
position: relative;
width: 36px
}
.contains-relations .relation .contains-icon .circle {
border-radius: 50%;
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 100%;
background: #f5f5f5
}
.contains-relations .relation .item-name {
box-sizing: border-box;
width: 75%
}
.contains-relations .relation .description {
line-height: 22px
}
.contains-relations .relation .description ul li {
overflow: hidden;
display: block;
min-height: 40px;
padding: 10px 0
}
.contains-relations .relation .description ul li a {
color: #2155a0
}
.contains-relations .relation .description ul li a .icon {
color: #4d515c
}
.remodal-wrapper {
font-size: 16px;
line-height: 20px
}
.remodal-wrapper .remodal {
padding: 32px
}
.remodal-wrapper input.btn {
box-sizing: border-box;
border-radius: 4px;
background: #ed6c5e;
border: none;
color: #fff;
font-size: 16px;
display: inline-block;
float: right;
font-weight: 600;
padding: 8px;
text-decoration: none
}
@media (min-width:768px) {
.remodal-wrapper input.btn {
font-size: 18px;
padding: 15px
}
}
.contains-associations ul.items,
.contains-cross-posts ul.items,
.contains-organisations ul.items,
.contains-products ul.items {
padding: 20px 0
}
.contains-associations ul.items li,
.contains-cross-posts ul.items li,
.contains-organisations ul.items li,
.contains-products ul.items li {
display: flex;
align-items: center;
margin-top: 20px
}
.contains-associations ul.items li:first-child,
.contains-cross-posts ul.items li:first-child,
.contains-organisations ul.items li:first-child,
.contains-products ul.items li:first-child {
margin-top: 0
}
.contains-associations ul.items li a,
.contains-cross-posts ul.items li a,
.contains-organisations ul.items li a,
.contains-products ul.items li a {
color: #4d515c;
width: 100%
}
@media (min-width:768px) {
.contains-associations ul.items li,
.contains-cross-posts ul.items li,
.contains-organisations ul.items li,
.contains-products ul.items li {
margin-top: 0;
margin-bottom: 20px
}
}
.contains-associations ul.items .contains-text,
.contains-cross-posts ul.items .contains-text,
.contains-organisations ul.items .contains-text,
.contains-products ul.items .contains-text {
display: inline-block;
vertical-align: middle;
width: 90%
}
.contains-associations ul.items .contains-text .title,
.contains-cross-posts ul.items .contains-text .title,
.contains-organisations ul.items .contains-text .title,
.contains-products ul.items .contains-text .title {
font-weight: 700;
margin-bottom: 4px
}
.contains-associations ul.items .contains-icon,
.contains-cross-posts ul.items .contains-icon,
.contains-organisations ul.items .contains-icon,
.contains-products ul.items .contains-icon {
display: inline-block;
margin-right: 20px;
width: 40px;
vertical-align: middle
}
.contains-associations ul.items .contains-icon.bigger,
.contains-cross-posts ul.items .contains-icon.bigger,
.contains-organisations ul.items .contains-icon.bigger,
.contains-products ul.items .contains-icon.bigger {
width: 60px
}
.contains-associations ul.items .contains-icon.bigger img,
.contains-associations ul.items .contains-icon.bigger svg,
.contains-cross-posts ul.items .contains-icon.bigger img,
.contains-cross-posts ul.items .contains-icon.bigger svg,
.contains-organisations ul.items .contains-icon.bigger img,
.contains-organisations ul.items .contains-icon.bigger svg,
.contains-products ul.items .contains-icon.bigger img,
.contains-products ul.items .contains-icon.bigger svg {
color: #4d515c;
display: inline-block;
width: 40px
}
.contains-associations ul.items .contains-icon .circle,
.contains-cross-posts ul.items .contains-icon .circle,
.contains-organisations ul.items .contains-icon .circle,
.contains-products ul.items .contains-icon .circle {
background: #f5f5f5;
position: relative
}
.contains-associations ul.items .contains-icon .circle .icon img,
.contains-associations ul.items .contains-icon .circle .icon svg,
.contains-cross-posts ul.items .contains-icon .circle .icon img,
.contains-cross-posts ul.items .contains-icon .circle .icon svg,
.contains-organisations ul.items .contains-icon .circle .icon img,
.contains-organisations ul.items .contains-icon .circle .icon svg,
.contains-products ul.items .contains-icon .circle .icon img,
.contains-products ul.items .contains-icon .circle .icon svg {
filter: invert(31%) sepia(10%) saturate(591%) hue-rotate(187deg) brightness(95%) contrast(90%)
}
.contains-associations ul.items .contains-icon .square,
.contains-cross-posts ul.items .contains-icon .square,
.contains-organisations ul.items .contains-icon .square,
.contains-products ul.items .contains-icon .square {
background: #f5f5f5;
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 100%;
position: relative
}
.contains-associations ul.items .contains-icon .square .icon img,
.contains-associations ul.items .contains-icon .square .icon svg,
.contains-cross-posts ul.items .contains-icon .square .icon img,
.contains-cross-posts ul.items .contains-icon .square .icon svg,
.contains-organisations ul.items .contains-icon .square .icon img,
.contains-organisations ul.items .contains-icon .square .icon svg,
.contains-products ul.items .contains-icon .square .icon img,
.contains-products ul.items .contains-icon .square .icon svg {
filter: invert(31%) sepia(10%) saturate(591%) hue-rotate(187deg) brightness(95%) contrast(90%);
width: 100%
}
.contains-associations ul.items .excerpt,
.contains-cross-posts ul.items .excerpt,
.contains-organisations ul.items .excerpt,
.contains-products ul.items .excerpt {
font-size: 14px;
line-height: 18px
}
.contains-entities {
background-color: #f5f5f5;
display: flex;
flex-direction: column;
gap: 40px;
padding: 40px
}
.contains-entities .heading {
color: #1d417b;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
text-align: center
}
.contains-entities ul.items {
display: flex;
flex-direction: column;
gap: 20px
}
@media (min-width:768px) {
.contains-entities ul.items {
flex-direction: row;
flex-wrap: wrap;
justify-content: center
}
}
.contains-entities ul.items li {
align-items: center;
border-radius: 5px;
box-shadow: 0 0 12px #ede9ee;
box-sizing: border-box;
background: #fff;
border: 1px solid #ede9ee;
display: flex;
flex-direction: row;
gap: 20px;
padding: 20px
}
@media (min-width:768px) {
.contains-entities ul.items li {
flex: 0 0 calc(50% - 15px);
flex-direction: column;
gap: 0
}
}
@media (min-width:970px) {
.contains-entities ul.items li {
flex: 0 0 calc(33.33% - 15px)
}
}
@media (min-width:1200px) {
.contains-entities ul.items li {
flex: 0 0 calc(25% - 15px)
}
}
.contains-entities ul.items li .contains-icon,
.contains-entities ul.items li .contains-image {
align-items: center;
display: flex;
flex: 0 0 80px;
flex-direction: column;
justify-content: center;
min-height: 60px
}
@media (min-width:768px) {
.contains-entities ul.items li .contains-icon,
.contains-entities ul.items li .contains-image {
height: 120px;
flex: 0 0 auto
}
}
.contains-entities ul.items li .contains-icon .square {
align-items: center;
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px
}
.contains-entities ul.items li .contains-icon .square i,
.contains-entities ul.items li .contains-icon .square svg {
font-size: 24px
}
@media (min-width:768px) {
.contains-entities ul.items li .contains-icon .square i,
.contains-entities ul.items li .contains-icon .square svg {
font-size: 32px
}
}
.contains-entities ul.items li .contains-image img {
width: 100%
}
@media (min-width:768px) {
.contains-entities ul.items li .contains-image img {
max-height: 60px;
max-width: 120px;
width: auto
}
}
.contains-entities ul.items li .contains-text {
display: flex;
flex-direction: column;
gap: 5px
}
.contains-entities ul.items li .contains-text .title {
font-weight: 700;
text-align: left
}
@media (min-width:768px) {
.contains-entities ul.items li .contains-text .title {
text-align: center
}
}
.contains-entities ul.items li .contains-text .excerpt {
font-size: 14px;
line-height: 18px
}
.shortcuts ul.items {
overflow: auto
}
.shortcuts ul.items li {
margin-top: 10px
}
.shortcuts ul.items li:hover .box .icon-wrapper .icon img {
width: 100%
}
.shortcuts ul.items li:hover .box.list.selected .icon-wrapper .icon img {
width: 80%
}
.shortcuts ul.items li:first-child {
margin-top: 20px
}
.shortcuts ul.items li a {
color: #4d515c
}
.shortcuts ul.items li a:hover {
text-decoration: none
}
.shortcuts ul.items li .box {
border-radius: 5px;
box-shadow: 0 0 12px #ede9ee;
box-sizing: border-box;
background: #fff;
border: 1px solid #ede9ee;
margin: 10px 0;
padding: 20px
}
.shortcuts ul.items li .box.selected .icon-wrapper .icon img {
width: 100%
}
.shortcuts ul.items li .box.themes.selected {
background: #daefe3
}
.shortcuts ul.items li .box.themes .icon-wrapper .circle {
background: #daefe3
}
.shortcuts ul.items li .box.users.selected {
background: #fff8e7
}
.shortcuts ul.items li .box.users .icon-wrapper .circle {
background: #fff8e7
}
.shortcuts ul.items li .box.list.selected {
background: #dadfec
}
.shortcuts ul.items li .box.list .icon-wrapper .circle {
background: #dadfec
}
.shortcuts ul.items li .box.wizard.selected {
background: #d5e6e8
}
.shortcuts ul.items li .box.wizard .icon-wrapper .circle {
background: #d5e6e8
}
.shortcuts ul.items li .box .icon-wrapper {
width: 50%;
margin: 0 auto 10px
}
.shortcuts ul.items li .box .icon-wrapper .icon img {
transition-property: all;
transition-duration: .33s;
display: table;
height: inherit;
margin: 0 auto;
width: 100%
}
.shortcuts ul.items li .box .title {
font-size: 20px;
font-weight: 900
}
.shortcuts ul.items li .box .subtitle {
font-size: 18px;
line-height: 20px;
font-weight: 300;
text-align: center
}
.shortcuts ul.items li .box .subtitle .prefix {
display: block;
margin-bottom: 4px
}
.shortcuts ul.items li .box .subtitle .suffix {
font-weight: 700
}
@media (min-width:768px) {
.shortcuts ul.items li {
float: left;
margin: 0;
width: 25%
}
.shortcuts ul.items li:first-child {
margin-top: 0
}
.shortcuts ul.items li .box {
margin: 10px;
min-height: 220px;
padding: 20px
}
.shortcuts ul.items li .box .icon-wrapper {
width: 70%;
margin: 0 auto 20px
}
.shortcuts ul.items li .box .icon-wrapper .icon img {
width: 80%
}
.shortcuts ul.items li .box .title {
font-size: 18px
}
.shortcuts ul.items li .box .subtitle {
font-size: 16px;
line-height: 20px
}
}
@media (min-width:1200px) {
.shortcuts ul.items li .box {
margin: 20px;
min-height: 316px;
padding: 40px
}
.shortcuts ul.items li .box .title {
font-size: 24px
}
}
@media (min-width:768px) {
.shortcuts.approach ul.items li {
width: 33.3%
}
.shortcuts.approach ul.items li .box {
min-height: 200px
}
}
body.home .shortcuts ul.items {
padding-top: 0
}
@media (min-width:768px) {
body.home .shortcuts ul.items li {
width: 33%
}
}
@media (min-width:1200px) {
body.home .shortcuts ul.items {
padding-top: 60px
}
}
.vex-overlay {
z-index: 9999
}
.vex {
z-index: 99999
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-close:before {
background: #ed6c5e
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content {
margin: 100px 30px 0 30px;
max-width: 1200px;
padding: 2em;
text-align: center;
width: auto
}
@media (min-width:1200px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content {
margin: 80px auto 0
}
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle {
background: #f5f5f5;
margin-bottom: 12px
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon svg {
display: inline-block;
width: 80px
}
@media (min-width:480px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon svg {
width: 60px
}
}
@media (min-width:768px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon svg {
width: 40px
}
}
@media (min-width:970px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon img,
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-icon .circle .icon svg {
width: 50px
}
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-text {
font-size: 16px;
font-weight: 400;
line-height: 20px
}
@media (min-width:768px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-text {
font-size: 14px;
line-height: 20px
}
}
@media (min-width:768px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .contains-text {
font-size: 16px;
line-height: 20px
}
}
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics {
align-items: center;
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .topic,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .topic {
padding: 20px;
width: 100%
}
@media (min-width:480px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .topic,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .topic {
width: 50%
}
}
@media (min-width:768px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .topic,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .topic {
width: 25%
}
}
@media (min-width:970px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .topic,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .topic {
width: 20%
}
}
@media (min-width:1200px) {
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .profiles .topic,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .profile,
.shortcuts-dialog.vex.vex-theme-flat-attack .topics .topic {
width: 16.66667%
}
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .topics .contains-icon .circle {
background: #daefe3
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .profiles .contains-icon .circle {
background: #fff8e7
}
.shortcuts-dialog.vex.vex-theme-flat-attack .vex-content .wizard .contains-icon .circle {
background: #d5e6e8
}
.side-box {
background: #f5f5f5;
margin-bottom: 30px;
padding: 20px
}
.side-box a {
text-decoration: underline
}
.side-box a.btn {
text-decoration: none;
text-align: center
}
@media (min-width:1200px) {
.side-box a.btn {
width: 100%
}
}
.side-box a.btn.has-top-margin {
margin-top: 20px
}
.side-box .fa-ul,
.side-box .fal-ul {
margin-left: 1.5em
}
.side-box .fa-ul li,
.side-box .fal-ul li {
position: relative
}
.side-box .fa-ul li svg,
.side-box .fal-ul li svg {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.side-box .fal-ul li,
.side-box ul li {
line-height: 18px;
margin-top: 10px
}
.side-box .fal-ul li:first-child,
.side-box ul li:first-child {
margin-top: 0
}
.side-box ul.links {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
margin-left: 0
}
.side-box ul.links li {
margin-top: 10px
}
.side-box ul.links li:first-child {
margin-top: 0
}
.side-box ul.links li:before {
font-family: 'Font Awesome 5 Brands';
font-size: 24px;
margin-right: 8px;
vertical-align: middle
}
.side-box ul.links li.type-facebook:before {
content: "\f082"
}
.side-box ul.links li.type-instagram:before {
content: "\f955"
}
.side-box ul.links li.type-twitter:before {
content: "\f081"
}
.side-box ul.links li.type-linkedin:before {
content: "\f08c"
}
.side-box ul.links li.type-youtube:before {
content: "\f431"
}
.side-box ul.links li.type-vimeo:before {
content: "\f40a"
}
.side-box ul.links li.type-url:before {
font-family: 'Font Awesome 5 Pro';
content: "\f37e"
}
.side-box.is-notice {
background: #efecdf
}
.side-box.is-notice .contains-icon .circle .icon {
color: #d6ceac
}
.side-box.is-deadline {
background: #efecdf
}
.side-box.is-deadline .contains-icon .circle .icon {
color: #d6ceac
}
.side-box.is-deadline .deadline .date {
font-weight: 700
}
.side-box.is-partners .partners .partner {
margin: 24px 0 0 0
}
.side-box.is-partners .partners .partner .logo img {
display: block;
margin: 0 0 8px 0;
max-height: 40px;
max-width: 100%;
vertical-align: bottom
}
.side-box.is-partners .partners .partner div.name {
font-weight: 600
}
.side-box.is-partners .partners .partner a.name {
color: #4d515c;
font-weight: 600;
text-decoration: none
}
.side-box.is-partners .partners .partner a.name:hover {
text-decoration: underline
}
.side-box .box-header {
overflow: hidden;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 10px;
padding-bottom: 10px
}
.side-box .box-header .title {
font-size: 16px;
line-height: 20px
}
.side-box .contains-icon {
display: inline-block;
padding-left: 10px;
vertical-align: middle;
width: 20%
}
@media (min-width:480px) {
.side-box .contains-icon {
width: 13%
}
}
@media (min-width:768px) {
.side-box .contains-icon {
width: 20%
}
}
.side-box .contains-icon .circle {
background: #fff
}
.side-box .contains-icon .circle .icon img {
filter: invert(31%) sepia(10%) saturate(591%) hue-rotate(187deg) brightness(95%) contrast(90%);
width: 100%
}
.side-box .contains-text {
display: inline-block;
vertical-align: middle;
width: 78%
}
@media (min-width:480px) {
.side-box .contains-text {
width: 85%
}
}
@media (min-width:768px) {
.side-box .contains-text {
width: 78%
}
}
.side-box .contains-text .title {
font-size: 18px;
font-weight: 700
}
.side-box .excerpt {
clear: both;
font-size: 16px;
line-height: 22px;
padding-top: 10px
}
.side-box .excerpt ul.files-list {
margin: 0 0 0 24px
}
.side-box .excerpt ul.files-list li {
margin-top: 6px
}
.side-box .excerpt ul.files-list li:first-child {
margin-top: 0
}
.side-box .excerpt ul.files-list svg {
font-size: 12px;
margin-top: 5px
}
section.contains-slider {
overflow: hidden;
position: relative
}
section.contains-slider .slides .slide {
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
text-align: center;
display: none
}
@media (min-width:1200px) {
section.contains-slider .slides .slide {
background-size: contain;
text-align: left
}
}
section.contains-slider .slides .slide:before {
content: "";
display: block;
padding-bottom: 80%
}
section.contains-slider .slides .slide:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(90,87,87,.43);
content: "";
z-index: 150
}
@media (min-width:1200px) {
section.contains-slider .slides .slide:after {
background: 0 0;
background: linear-gradient(90deg,#fff 0,#fff 20%,rgba(255,255,255,.36038) 50%,rgba(255,255,255,0) 60%)
}
}
section.contains-slider .slides .slide .contains-overlay {
color: #fff;
width: 90%;
z-index: 200
}
section.contains-slider .slides .slide .contains-overlay .title {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 36px
}
section.contains-slider .slides .slide .contains-overlay .excerpt {
display: none
}
@media (min-width:480px) {
section.contains-slider .slides .slide:before {
padding-bottom: 60%
}
section.contains-slider .slides .slide .contains-overlay {
width: 90%
}
}
@media (min-width:768px) {
section.contains-slider .slides .slide:before {
padding-bottom: 50%
}
section.contains-slider .slides .slide .contains-overlay {
width: 70%
}
section.contains-slider .slides .slide .contains-overlay .title {
font-size: 40px;
line-height: 46px
}
section.contains-slider .slides .slide .contains-overlay .excerpt {
display: block;
font-size: 20px;
line-height: 30px
}
}
@media (min-width:970px) {
section.contains-slider .slides .slide:before {
padding-bottom: 43.75%
}
section.contains-slider .slides .slide .contains-overlay {
padding-left: 30px
}
section.contains-slider .slides .slide .contains-overlay .title {
font-size: 50px;
font-weight: 700;
line-height: 56px
}
section.contains-slider .slides .slide .contains-overlay .excerpt {
font-size: 24px;
line-height: 34px
}
section.contains-slider .slides .slide .contains-overlay .cta {
font-size: 22px
}
}
@media (min-width:1200px) {
section.contains-slider .slides .slide .contains-overlay {
color: #4d515c;
left: 0;
top: 30%;
transform: translate(0,-30%);
-webkit-transform: translate(0,-30%);
width: 40%
}
section.contains-slider .slides .slide .contains-overlay .title {
color: #1d417b
}
section.contains-slider .slides .slide .contains-overlay .excerpt {
font-size: 20px;
line-height: 26px
}
}
@media (min-width:1600px) {
section.contains-slider .slides .slide .contains-overlay {
padding-left: 0
}
section.contains-slider .slides .slide:before {
padding-bottom: 50%
}
}
section.contains-slider .slides .slide:first-of-type {
display: block
}
section.contains-slider .slides .owl-dots {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
text-align: center;
z-index: 300
}
section.contains-slider .slides .owl-dots .owl-dot span {
transition-property: opacity;
transition-duration: .33s;
opacity: .5;
background: #fff;
border-radius: 32px;
display: block;
height: 16px;
margin: 5px 7px;
transition: opacity .2s ease;
width: 16px
}
section.contains-slider .slides .owl-dots .owl-dot.active span {
opacity: 1;
background: #ed6c5e
}
section.contains-slider .contains-slide-nav {
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: rgba(255,255,255,.6);
display: none;
height: 190px;
pointer-events: none;
z-index: 1
}
@media (min-width:1200px) {
section.contains-slider .contains-slide-nav .intro {
float: right;
font-size: 20px;
font-weight: 600;
line-height: 190px;
text-align: right;
width: auto
}
section.contains-slider .contains-slide-nav .preview-thumbnails {
float: right;
margin-right: 36px;
width: auto
}
section.contains-slider .contains-slide-nav .preview-thumbnails ul {
margin-left: 6px
}
section.contains-slider .contains-slide-nav .preview-thumbnails ul li {
transition-property: all;
transition-duration: .33s;
display: inline-block;
margin: 36px 0 36px 30px;
pointer-events: auto;
position: relative
}
section.contains-slider .contains-slide-nav .preview-thumbnails ul li .thumbnail-label {
position: absolute;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
transition-property: all;
transition-duration: .33s;
background: #fff;
font-size: 13px;
line-height: 16px;
overflow: hidden;
padding: 5px 7px 7px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap
}
section.contains-slider .contains-slide-nav .preview-thumbnails ul li img {
vertical-align: bottom
}
section.contains-slider .contains-slide-nav .preview-thumbnails ul li.is-active .thumbnail-label {
background: #ed6c5e;
color: #fff
}
}
section.contains-slider.is-ready .slides .slide {
display: block
}
@media (min-width:1200px) {
section.contains-slider.is-ready .contains-slide-nav {
display: block
}
}
.slider-nav .arrow {
cursor: pointer;
display: inline-block
}
.slider-nav .arrow.unsel {
opacity: .6
}
.slider-nav .arrow.left {
transform: rotate(180deg)
}
.slider-nav .arrow.right {
margin-left: 10px
}
.contains-search {
overflow: hidden;
padding: 0
}
.contains-search .placeholder {
text-align: center
}
.contains-search .results .result {
border-top: 1px solid #f5f5f5;
padding-top: 20px;
margin-top: 26px
}
.contains-search .results .result:first-of-type {
border-top: none;
padding-top: 0;
margin-top: 0
}
.contains-search .results .result .type {
font-size: 14px;
letter-spacing: 1px;
margin: .5em 0 0 0;
text-transform: uppercase
}
.contains-search .results .result .title {
font-size: 22px;
font-weight: 700;
line-height: 26px
}
.contains-search .results .result .details {
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin: .5em 0 0 0
}
.search-overlay {
background-color: rgba(255,255,255,.95);
bottom: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 16px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 100000
}
@media (min-width:768px) {
.search-overlay {
padding: 32px
}
}
.search-overlay .contains-header {
align-items: center;
display: flex;
flex-direction: row;
margin: 0 0 16px 0
}
@media (min-width:768px) {
.search-overlay .contains-header {
margin: 0 0 32px 0
}
}
.search-overlay .contains-header .title {
flex: 1;
font-size: 30px;
line-height: 34px
}
@media (min-width:768px) {
.search-overlay .contains-header .title {
font-size: 36px;
line-height: 40px
}
}
@media (min-width:1200px) {
.search-overlay .contains-header .title {
font-size: 50px;
line-height: 56px
}
}
.search-overlay .contains-header .close {
cursor: pointer;
font-size: 34px
}
@media (min-width:768px) {
.search-overlay .contains-header .close {
font-size: 40px
}
}
@media (min-width:1200px) {
.search-overlay .contains-header .close {
font-size: 56px
}
}
.search-overlay .contains-field input {
background-color: #fff;
border: 1px solid #4d515c;
box-sizing: border-box;
color: #4d515c;
font-size: 24px;
padding: 12px 16px;
width: 100%
}
@media (min-width:768px) {
.search-overlay .contains-field input {
padding: 16px
}
}
.search-overlay .contains-top-results {
flex: 1;
margin: 24px 0;
overflow-y: scroll;
position: relative
}
@media (min-width:768px) {
.search-overlay .contains-top-results {
margin: 48px 0
}
}
.search-overlay .contains-top-results .top-results .result {
border-top: 1px solid #d5d5d5;
padding-bottom: 16px;
padding-top: 16px
}
.search-overlay .contains-top-results .top-results .result:first-of-type {
border: 0;
padding-top: 0
}
.search-overlay .contains-top-results .top-results .result a {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin: 0 0 6px 0;
text-decoration: none
}
.search-overlay .contains-top-results .top-results .result a:hover {
text-decoration: underline
}
.search-overlay .contains-top-results .top-results .result .type {
align-items: center;
display: flex;
flex-direction: row;
font-size: 14px;
margin: 0 0 6px 0
}
.search-overlay .contains-top-results .top-results .result .type i,
.search-overlay .contains-top-results .top-results .result .type svg {
margin: 0 6px 0 0
}
.search-overlay .contains-top-results .top-results .result .type span {
text-transform: uppercase
}
.search-overlay .contains-top-results .top-results .result .details {
font-size: 14px;
font-weight: 400;
line-height: 18px
}
.search-overlay .contains-top-results .empty-message,
.search-overlay .contains-top-results .loading-message {
display: none;
font-size: 20px;
line-height: 24px;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
position: absolute;
text-align: center
}
.search-overlay .contains-top-results.is-empty .top-results,
.search-overlay .contains-top-results.is-loading .top-results {
display: none
}
.search-overlay .contains-top-results.is-loading .loading-message {
display: block
}
.search-overlay .contains-top-results.is-empty .empty-message {
display: block
}
.search-overlay .contains-status {
font-size: 14px;
font-weight: 400;
margin: 0 0 16px 0;
line-height: 18px;
text-align: center
}
.search-overlay .contains-all-results {
margin: 0 auto
}
.search-overlay .contains-all-results .all.disabled {
background-color: #ede9ee;
color: #2e2e2e;
cursor: not-allowed
}
.contains-tooltip {
display: inline;
z-index: 999999
}
.contains-tooltip .trigger {
color: #ce202f;
cursor: pointer;
padding: 0 1px;
text-decoration: none
}
.contains-tooltip .trigger:hover {
text-decoration: underline
}
.contains-tooltip .trigger.tooltipstered {
background-color: #ed6c5e;
color: #f5f5f5
}
.contains-tooltip .tooltip {
display: none
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: #e84230
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #ed6c5e;
left: 0;
top: -3px
}
.tooltipster-base {
margin-top: -100px;
pointer-events: auto;
margin-top: -80px
}
@media (min-width:1200px) {
.tooltipster-base {
margin-top: 4px
}
}
body.logged-in .tooltipster-base {
margin-top: -126px
}
@media (min-width:782px) {
body.logged-in .tooltipster-base {
margin-top: -112px
}
}
@media (min-width:1200px) {
body.logged-in .tooltipster-base {
margin-top: -28px
}
}
.tooltipster-base .tooltipster-box {
background: #ed6c5e;
border: 2px solid #e84230
}
.tooltipster-base .tooltipster-box .tooltipster-content {
padding: 16px
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip {
display: block
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip .header {
display: flex;
padding: 0 0 8px 0;
width: 100%
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip .header .title {
font-size: 18px;
flex: 1;
font-weight: 700
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip .header .close {
cursor: pointer
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip .contents {
display: block;
font-size: 16px;
line-height: 18px
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip .contains-link {
display: block;
padding: 8px 0 0 0
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip .contains-link a {
font-size: 14px;
color: #fff;
letter-spacing: 1px;
margin-top: 20px;
text-transform: uppercase
}
.tooltipster-base .tooltipster-box .tooltipster-content .tooltip .contains-link a:hover {
text-decoration: underline
}
.vex.vex-theme-flat-attack .vex-close:before {
background: #ed6c5e
}
.vex.vex-theme-flat-attack .vex-content {
width: 1024px
}
.vex.vex-theme-flat-attack button {
box-sizing: border-box;
border-radius: 4px;
background: #2155a0;
border: none;
color: #fff;
font-size: 16px;
display: inline-block;
float: right;
font-weight: 600;
padding: 8px;
text-decoration: none
}
@media (min-width:768px) {
.vex.vex-theme-flat-attack button {
font-size: 18px;
padding: 15px
}
}
.contains-single-venue .contains-loading .loading,
.contains-venues .contains-loading .loading {
font-size: 30px;
font-weight: 700;
padding: 120px 0;
text-align: center
}
.contains-single-venue .header,
.contains-venues .header {
background: #f5f5f5;
width: 100%
}
@media (min-width:970px) {
.contains-single-venue .header,
.contains-venues .header {
display: flex;
align-items: center;
justify-content: center
}
}
.contains-single-venue .header .filters,
.contains-venues .header .filters {
padding: 10px
}
.contains-single-venue .header .filters .filter,
.contains-venues .header .filters .filter {
font-weight: 600;
padding-right: 10px
}
.contains-single-venue .header .filters .filter label,
.contains-venues .header .filters .filter label {
cursor: pointer;
font-size: 14px;
text-transform: uppercase
}
@media (min-width:480px) {
.contains-single-venue .header .filters,
.contains-venues .header .filters {
display: flex;
flex-wrap: wrap
}
}
.contains-single-venue .header .spacer,
.contains-venues .header .spacer {
flex: 1
}
.contains-single-venue .header .address-lookup,
.contains-venues .header .address-lookup {
min-width: 240px;
padding: 0 16px 16px 16px
}
.contains-single-venue .header .address-lookup input,
.contains-venues .header .address-lookup input {
box-shadow: none;
border: 1px solid #dcdcdc;
font-family: "Open Sans",sans-serif;
padding: 10px;
height: 100%;
width: 100%
}
@media (min-width:970px) {
.contains-single-venue .header .address-lookup,
.contains-venues .header .address-lookup {
padding: 16px
}
}
.contains-single-venue .footer,
.contains-venues .footer {
overflow: hidden;
background: #f5f5f5;
padding: 10px;
text-align: right
}
.contains-single-venue .footer .fullscreen,
.contains-single-venue .footer .locate-me,
.contains-venues .footer .fullscreen,
.contains-venues .footer .locate-me {
display: inline-block;
font-size: 14px;
margin-left: 20px;
text-transform: uppercase
}
.contains-single-venue .footer .fullscreen svg,
.contains-single-venue .footer .locate-me svg,
.contains-venues .footer .fullscreen svg,
.contains-venues .footer .locate-me svg {
color: #2155a0
}
.contains-single-venue .contains-map .leaflet-container .leaflet-pane,
.contains-venues .contains-map .leaflet-container .leaflet-pane {
z-index: 10
}
.contains-single-venue .contains-map .map,
.contains-venues .contains-map .map {
height: 640px
}
.contains-single-venue .contains-map .map .marker-cluster,
.contains-venues .contains-map .map .marker-cluster {
background-color: rgba(33,85,160,.6)
}
.contains-single-venue .contains-map .map .marker-cluster div,
.contains-venues .contains-map .map .marker-cluster div {
background-color: rgba(33,85,160,.6)
}
.contains-single-venue .contains-map .map .marker-cluster div span,
.contains-venues .contains-map .map .marker-cluster div span {
color: #fff;
font-family: "Open Sans",sans-serif;
font-weight: 600
}
.contains-single-venue .contains-map .map .leaflet-popup,
.contains-venues .contains-map .map .leaflet-popup {
width: 400px
}
.contains-single-venue .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper,
.contains-venues .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper {
border-radius: 0;
box-shadow: 0 2px 8px rgba(0,0,0,.4)
}
.contains-single-venue .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content,
.contains-venues .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
width: auto!important
}
.contains-single-venue .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h3,
.contains-venues .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 0
}
.contains-single-venue .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h3:after,
.contains-venues .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content h3:after {
font-family: 'Font Awesome 5 Pro';
color: #ce202f;
content: "\f86c";
display: block;
font-size: 20px
}
.contains-single-venue .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .actions,
.contains-venues .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .actions {
margin-top: 10px
}
.contains-single-venue .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .actions a,
.contains-venues .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .actions a {
transition-property: all;
transition-duration: .33s;
background: #ed6c5e;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-right: 8px;
padding: 10px;
text-transform: uppercase
}
.contains-single-venue .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .actions a:hover,
.contains-venues .contains-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .actions a:hover {
background: #e84230;
text-decoration: none
}
.contains-single-venue:fullscreen,
.contains-venues:fullscreen {
background-color: #fff;
display: flex;
flex-direction: column;
padding: 48px
}
.contains-single-venue:fullscreen .contains-map,
.contains-venues:fullscreen .contains-map {
flex: 1
}
.contains-single-venue:fullscreen .contains-map .map,
.contains-venues:fullscreen .contains-map .map {
height: 100%
}
.contains-single-venue .contains-map .map {
height: 640px
}
.mfp-wrap #venues-popup {
box-sizing: border-box
}
.mfp-wrap #venues-popup .contains-venues .contains-map .map {
height: 640px
}
.address-lookup-results ul {
margin: 30px 0
}
.address-lookup-results ul li {
font-size: 16px;
line-height: 20px;
margin-top: 10px;
padding-left: 25px;
position: relative
}
.address-lookup-results ul li input {
position: absolute;
top: 0;
left: 0;
margin: 0
}
.widgets {
align-items: center;
box-sizing: border-box;
bottom: 16px;
display: flex;
flex-direction: row;
left: 50%;
padding: 0 4px;
position: fixed;
transform: translateX(-50%);
z-index: 1000
}
.widgets.wpmm-force-bg {
background-color: transparent
}
@media (min-width:480px) {
.widgets {
padding: 0 8px
}
}
@media (min-width:1200px) {
.widgets {
bottom: 24px;
left: auto;
transform: translateX(0);
right: 0
}
}
.widgets .widget {
box-sizing: border-box;
margin-left: 8px
}
@media (min-width:480px) {
.widgets .widget {
margin-left: 16px
}
}
.widgets .widget-book a,
.widgets .widget-chat a,
.widgets .widget-reports a {
transition-property: background;
transition-duration: .33s;
align-items: center;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: flex;
flex-direction: row;
gap: 8px;
height: 40px;
padding: 8px 12px
}
@media (min-width:480px) {
.widgets .widget-book a,
.widgets .widget-chat a,
.widgets .widget-reports a {
height: 45px
}
}
.widgets .widget-book svg,
.widgets .widget-chat svg,
.widgets .widget-reports svg {
display: none;
vertical-align: middle
}
@media (min-width:480px) {
.widgets .widget-book svg,
.widgets .widget-chat svg,
.widgets .widget-reports svg {
display: inline
}
}
.widgets .widget-book .label,
.widgets .widget-chat .label,
.widgets .widget-reports .label {
display: inline;
font-size: 12px;
text-transform: uppercase;
vertical-align: middle
}
@media (min-width:1200px) {
.widgets .widget-book a,
.widgets .widget-chat a,
.widgets .widget-reports a {
padding: 4px 12px
}
}
.widgets .widget-book a {
background: #ce202f
}
.widgets .widget-book a:hover {
background: #de2a39
}
.widgets .widget-reports a {
background: #3878d6
}
.widgets .widget-reports a:hover {
background: #4d87da
}
.widgets .widget-chat a {
background: #2a6bca
}
.widgets .widget-chat a:hover {
background: #3878d6
}
.widgets .widget-totop {
transition-property: max-width;
transition-duration: .33s;
max-width: 0;
overflow: hidden
}
.widgets .widget-totop.is-visible {
max-width: 100px
}
.widgets .widget-totop a {
transition-duration: .25s;
transition-property: all;
background-color: #4d515c;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
box-sizing: border-box;
cursor: pointer;
display: block;
height: 40px;
line-height: 18px;
margin-right: 8px;
padding: 10px 12px;
text-align: center;
width: 45px
}
@media (min-width:480px) {
.widgets .widget-totop a {
height: 45px;
line-height: 26px;
margin-right: 16px
}
}
.widgets .widget-totop a svg {
color: #fff;
font-size: 22px;
height: .8em
}
@media (min-width:1200px) {
.widgets .widget-totop a {
padding: 6px 12px
}
}
.wx--bubble-holder {
display: none!important
}
.vex.vex-theme-flat-attack.wizard-dialog .vex-close:before {
background: #ed6c5e
}
.vex.vex-theme-flat-attack.wizard-dialog .vex-content {
width: 1024px
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles h3,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-tags h3,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics h3 {
flex: 0 0 100%;
padding: 16px 0
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .circle {
transition-property: background;
transition-duration: .33s
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile .circle {
background-color: #fff9ea
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile .circle .icon svg path {
fill: #dca600
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile:hover .circle {
background-color: #fff8e7
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .circle {
background-color: #dcf0e5
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .circle .icon svg path {
fill: #71847b
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .circle:hover {
background-color: #daefe3
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics {
display: flex;
flex-wrap: wrap
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic {
display: none;
padding: 20px;
position: relative;
flex: 0 0 20%
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile input,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic input,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile input,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic input {
position: absolute;
left: -9999px;
top: -9999px
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile label,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic label,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile label,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic label {
cursor: pointer;
font-size: 16px;
line-height: 20px
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile label .icon,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic label .icon,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile label .icon,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic label .icon {
width: 80px
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile label .icon svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic label .icon svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile label .icon svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic label .icon svg {
display: block;
margin: 0 auto;
max-height: 64px;
max-width: 64px
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic label .text {
font-weight: 400;
padding: 16px 0;
text-align: center
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile input:checked + label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic input:checked + label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile input:checked + label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic input:checked + label .text {
font-weight: 900
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile.enabled,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic.enabled,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile.enabled,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic.enabled {
display: inline-block
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile input:checked + label .icon svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic input:checked + label .icon svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile input:checked + label .icon svg,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic input:checked + label .icon svg {
filter: none
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .profile input:checked + label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .profile input:checked + label .text {
color: #dca600
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles .topic input:checked + label .text,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics .topic input:checked + label .text {
color: #71847b
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles.has-been-selected .profile,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles.has-been-selected .topic,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics.has-been-selected .profile,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics.has-been-selected .topic {
display: none
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles.has-been-selected .profile.selected,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-profiles.has-been-selected .topic.selected,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics.has-been-selected .profile.selected,
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-topics.has-been-selected .topic.selected {
display: inline-block
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-tags .tag label {
cursor: pointer;
font-size: 16px;
line-height: 20px
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-buttons {
display: flex;
padding: 32px 0 0 0
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-buttons .spacer {
flex: 1
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-buttons button {
border: 0;
color: #fff;
cursor: pointer;
font-size: 20px;
line-height: 24px;
padding: 16px 32px
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-buttons button[disabled] {
cursor: not-allowed;
opacity: .5
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-buttons button.reset {
background-color: grey
}
.vex.vex-theme-flat-attack.wizard-dialog .contains-wizard-dialog-contents .contains-buttons button.submit {
background-color: #2155a0
}