diff --git a/cigaradvisor/blocks/imagecta/imagecta.css b/cigaradvisor/blocks/imagecta/imagecta.css index f22e77e1..a7a96267 100644 --- a/cigaradvisor/blocks/imagecta/imagecta.css +++ b/cigaradvisor/blocks/imagecta/imagecta.css @@ -20,3 +20,28 @@ object-fit: cover; object-position: center; } + +.section[data-layout="50/50"] .imagecta-wrapper{ + display: flex; + flex-basis: 100%; +} + +.section[data-layout="50/50"] .imagecta.block{ + display: flex; + flex-basis: 100%; +} + +.section[data-layout="50/50"] .imagecta.block > a{ + flex-basis: 100%; +} + +@media screen and (min-width: 1200px) { + .section[data-layout="50/50"] .imagecta.block>a img { + border: 1px solid #000; + } + + /* removing border for 2 column videos section */ + .two-column-section[data-layout="50/50"] .imagecta.block>a img { + border: none; + } +} diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css index 417382a2..3286a29d 100644 --- a/cigaradvisor/styles/styles.css +++ b/cigaradvisor/styles/styles.css @@ -113,27 +113,3 @@ main .section[data-layout="50/50"] .right-grid > div{ padding: 10px; } -main .section[data-layout="50/50"] .imagecta-wrapper{ - display: flex; - flex-basis: 100%; -} - -main .section[data-layout="50/50"] .imagecta.block{ - display: flex; - flex-basis: 100%; -} - -main .section[data-layout="50/50"] .imagecta.block > a{ - flex-basis: 100%; -} - -@media screen and (min-width: 1200px) { - main .section[data-layout="50/50"] .imagecta.block>a img { - border: 1px solid #000; - } - - /* removing border for 2 column videos section */ - main .two-column-section[data-layout="50/50"] .imagecta.block>a img { - border: none; - } -}