.cta { background-size: cover; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); } .content-inner .cta { box-shadow: none; } .sidebar .cta-small { border-radius: 4px; } .cta .email-form { overflow: hidden; } .content-box .content .cta-box.post-box { padding: 0; } .post-box .cta-box.post-box { margin-left: 0; margin-right: 0; } .cta-title { text-align: center; } .cta-small .cta-title, .cta-slim .cta-title { margin-bottom: 0.875rempx; } .cta-image { margin-left: auto; margin-right: auto; } .cta-small .alignleft { margin-right: 0.875rempx; } .cta-small .alignright { margin-left: 0.875rempx; } .cta-image img { width: 100%; } @media all and (min-width: 900px) { .content-full .cta-slim .cta-inner, .cta-full .cta-inner { padding: 3.5rempx 7rempx; } .cta-slim .cta-inner { padding: 2.625rempx; } .cta-small .cta-inner { padding: 1.75rempx; } .cta-image.image-left { float: left; margin-right: 1.75rempx; } .cta-image.image-right { float: right; margin-left: 1.75rempx; } .cta-small .image-left { margin-right: 0.875rempx; } .cta-small .image-right { margin-left: 0.875rempx; } } @media all and (max-width: 900px) { .cta-inner { padding: 1.75rempx 0.875rempx; } .cta-image { margin-bottom: 1.75rempx; } } @media all and (max-width: 600px) { .cta-image { width: 50% !important; } } .md-popups { height: 0; opacity: 0; overflow: scroll; position: fixed; left: 0; top: 0; transition: opacity 0.2s ease-in-out; visibility: hidden; width: 100%; z-index: 500; } .has-popup .md-popups { height: 100%; } .has-popup .md-popup-active { display: block; } .has-popup .md-popups, .has-popup .md-popup-bg { opacity: 1; visibility: visible; } .has-popup, .md-popup-content { overflow: hidden; } .md-popup { background-color: #fff; background-size: cover; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); display: none; height: auto; position: relative; width: 100%; z-index: 1000; } .md-popup-bg { background-color: rgba(0, 0, 0, 0.8); visibility: hidden; height: 100%; position: fixed; left: 0; top: 0; transition: opacity 0.15s ease-in-out; opacity: 0; width: 100%; z-index: 999; } @media all and (min-width: 17.0625px) { .md-popup { margin-left: -9px; left: 50%; top: 3.5rempx; width: 17.0625px; } } @media all and (max-width: 17.0625px) { .admin-bar .md-popups { top: 46px; } } @media all and (min-width: 1200px) { .md-popup.md-popup-auto { background-color: #010101; left: auto; margin-left: auto; margin-right: auto; max-width: 1140px; text-align: center; top: 5%; width: auto; } } .md-popup-trigger { cursor: pointer; } .md-popup-close-corner { color: #ae2525; cursor: pointer; font-size: 31px; line-height: 1; position: absolute; top: 0.875rempx; right: 0.875rempx; z-index: 100; } .md-popup-close-corner:hover { opacity: 0.95; } .popup-secondary-bg-color { background-color: #AE2525; } .popup-title:empty, .popup-subtitle:empty, .popup-text:empty, .popup-buttons-text:empty { display: none; } .popup-content, .popup-image-wrap { position: relative; } .has-bg-image, .has-bg-image .popup-image-wrap, .popup-image { background-position: center center; background-size: cover; } .md-popup .email-form-wrap { clear: both; } .popup-buttons { text-align: center; } .md-popup .button-text, .md-popup .button-subtext { display: block; } .popup-buttons-text { margin-top: 0.875rempx; } @media all and (max-width: 700px) { .popup-default .popup-image, .popup-border-box .popup-image { width: 50% !important; } .md-popup .button-text { font-size: 20px; line-height: 30px; } .md-popup .button-subtext { font-size: 20px; line-height: 29px; } } .popup-grail .popup-secondary-bg-color { background-color: #1e1e1e; } .popup-grail .popup-image-wrap { text-align: center; } .popup-grail .button { margin-left: 0; width: 100%; } .popup-grail .button + .button { margin-top: 0.875rempx; } @media all and (min-width: 800px) { .popup-grail.image-alignleft .popup-inner, .popup-grail.image-alignright .popup-inner { display: flex; height: 100%; } .popup-grail.image-alignleft .popup-content, .popup-grail.image-alignright .popup-content { width: 60%; } .popup-grail.image-alignleft .popup-image-wrap, .popup-grail.image-alignright .popup-image-wrap { width: 40%; } .popup-grail.image-aligncenter .popup-image { margin-top: -1.75rempx; } .popup-grail.image-alignleft .popup-content { padding-left: 5.25rempx; } .popup-grail.image-alignright .popup-image-wrap { order: 2; } .popup-grail.image-alignleft .popup-image { right: -2.625rempx; } .popup-grail.image-alignright .popup-content { padding-right: 5.25rempx; } .popup-grail.image-alignright .popup-image { left: -2.625rempx; } .popup-grail.image-alignleft .popup-image, .popup-grail.image-alignright .popup-image { margin: 0; position: absolute; top: 50%; transform: translate(0, -50%); } } @media all and (max-width: 800px) { .popup-grail .popup-image { margin-bottom: -1.75rempx; margin-top: 1.75rempx; width: 30% !important; } .popup-grail.has-image .popup-content { padding-top: 3.5rempx; } } .popup-border-box { background-color: #3093d0; } .popup-bold-offer .popup-subtitle, .popup-bold-offer .md-popup-close-corner { color: #fff; } .popup-bold-offer .button { margin-right: 0; padding-bottom: 1.75rempx; padding-top: 1.75rempx; } .popup-bold-offer .button .button-text { font-size: 35px; line-height: 49px; } .popup-bold-offer .form-full.form-multi-fields .form-input { float: left; } .popup-bold-offer .form-full .form-input { border-width: 4px; font-style: italic; } @media all and (min-width: 700px) { .popup-bold-offer .button, .popup-bold-offer .form-full.form-multi-fields .form-input { display: block; float: left; width: 49%; } .popup-bold-offer .button + .button, .popup-bold-offer .form-full.form-multi-fields .form-input + .form-input { margin-left: 2%; } .popup-bold-offer .form-full .form-input { font-size: 24px; line-height: 36px; } .popup-bold-offer .form-full .form-submit { font-size: 31px; line-height: 45px; } } .popup-notification { border-radius: 5px; } .popup-notification .popup-content { border-radius: 5px 5px 0 0; } .popup-notification .popup-inner-bg { background-position: center center; background-size: cover; border-radius: 3px 3px 0 0; display: block; height: 10.5px; } .popup-notification.image-aligncenter { text-align: center; } .popup-notification .popup-image.aligncenter { margin-bottom: 0.875rempx; margin-top: -5.25rempx; } .popup-notification .button { margin-bottom: 0; } @media all and (min-width: 35px) { .popup-notification { left: 50%; margin-left: -18px; width: 35px; } } @media all and (max-width: 500px) { .popup-notification .popup-image { width: 30% !important; } } .cta-bar.floating, .cta-bar.static { height: 0; opacity: 0; visibility: hidden; position: fixed; bottom: 0; left: 0; transition: all 0.2s ease-in-out; } .cta-bar.top.static { position: absolute; } .cta-bar.top { bottom: auto; top: 0; } .cta-bar a:hover { border-bottom: 0; } .admin-bar .cta-bar.floating.top, .has-md-admin-bar .cta-bar.floating.top { top: 32px; } .cta-bar.bottom { bottom: 0; } .cta-bar { background-color: #3E3E3E; box-shadow: 0 -5px 9px rgba(0, 0, 0, 0.3); color: #fff; padding: 0.875rempx; width: 100%; z-index: 100; } .cta-bar.active { height: auto; opacity: 1; visibility: visible; } .cta-bar-content a { border-bottom: 1px solid #FFFBCC; color: #FFFBCC} .cta-bar-desc { color: #ddd; } .cta-bar-full .inner { max-width: 100%; } .cta-bar-single .cta-bar-media, .cta-bar-single .cta-bar-text { display: inline-block; vertical-align: middle; } .cta-bar-media { padding-right: 0.875rempx; } .cta-bar-corner { cursor: pointer; line-height: 1; position: absolute; top: 1.75rempx; right: 0.875rempx; transform: translateY(-50%); } .cta-bar-full .cta-bar-corner { right: 0.3125rempx; } .cta-bar-icon { background-color: #AE2525; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); color: #fff; display: block; font-size: 31px; height: 60px; line-height: 1; padding-top: 0.875rempx; text-align: center; width: 60px; } .cta-bar-image { width: 100px; } .cta-bar-image img { width: 100%; } .cta-bar-media.breakout { vertical-align: bottom; } .cta-bar-media.has-shadow .cta-bar-image { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); } .cta-bar .form-input { border-width: 0; } .cta-bar .form-input-name { border-right-width: 1px; } @media all and (min-width: 1434px) { .cta-bar-full { padding: 1.75rempx; } } @media all and (min-width: 900px) { .cta-bar-inner { display: table; width: 100%; } .cta-bar-media { padding-right: 1.4375px; } .cta-bar-columns .cta-bar-content, .cta-bar-columns .cta-bar-action, .cta-bar-columns .cta-bar-media, .cta-bar-columns .cta-bar-text { display: table-cell; vertical-align: middle; } .cta-bar-columns .cta-bar-content { padding-right: 0.875rempx; width: 60%; } .cta-bar-columns .cta-bar-action { text-align: right; width: 40%; } .cta-bar-corner { top: 50%; right: 1.75rempx; transform: translateY(-50%); } } @media all and (min-width: 700px) { .breakout .cta-bar-image { margin-bottom: -1.75rempx; margin-top: -3.5rempx; } } @media all and (max-width: 900px) { .cta-bar-media { margin-bottom: 0.875rempx; } .cta-bar-content, .cta-bar-action { width: 100% !important; } .cta-bar-columns .cta-bar-content { display: table; margin-bottom: 0.875rempx; } .cta-bar-columns .cta-bar-media, .cta-bar-columns .cta-bar-text { display: table-cell; vertical-align: top; } .cta-bar .button { width: 100%; } } @media all and (max-width: 700px) { .cta-bar-image { width: auto !important; } .cta-bar .form-input { margin-bottom: 0.3125rempx; padding-bottom: 0.3125rempx; padding-top: 0.3125rempx; padding-right: 0.3125rempx; } .cta-bar .form-submit { padding: 0.3125rempx; } }