/* BASIC CONFIGURATION */ .elementor-pymac-image-box-wrapper { position: relative; } .elementor-widget-pymac-image-box .overlay { position: absolute; top: 0; width: 100%; height: 100%; background: #000; z-index: 1; } .elementor-pymac-image-box-wrapper:hover .overlay, .elementor-pymac-image-box-wrapper:active .overlay, .elementor-pymac-image-box-wrapper:focus .overlay { opacity: 0.1 !important; transition: linear 150ms; } /* FIGURE / IMG SECTION */ .elementor-pymac-image-box-img, .elementor-pymac-image-box-img a { display: block; height: 100%; position: relative; } .elementor-pymac-image-box-img img { vertical-align: top; width: 100%; } /* CONTENT SECTION */ .elementor-pymac-image-box-content { position: absolute; bottom: 0; z-index: 2; width: 100%; height: 100%; text-align: left; } .elementor-pymac-image-box-content.center { text-align: center; } .elementor-pymac-image-box-content.right { text-align: right; } .elementor-pymac-image-box-title { margin: 0; font-weight: 200; font-size: 1.5rem; width: 100%; height: 100%; } @media (min-width: 1025px) { .elementor-pymac-image-box-title { font-size: 1.75rem; } } @media (min-width: 1025px) { .elementor-pymac-image-box-title { font-size: 1.6vw; } } .elementor-pymac-image-box-title:not(.with-link), .elementor-pymac-image-box-title.with-link a { text-transform: uppercase; display: block; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; } .elementor-pymac-image-box-title .title-1, .elementor-pymac-image-box-title .title-2 { display: block; line-height: 1em; } .elementor-pymac-image-box-title .title-2 { text-transform: none; font-weight: bold; }