.bfastmag-nav-tabs { margin-bottom: 0; border-bottom: 1px solid #bfbfbf; } .bfastmag-nav-tabs:after { display: table; clear: both; content: " "; } .bfastmag-nav-tabs > li { display: block; float: left; margin-bottom: -1px; } .bfastmag-nav-tabs > li > a { display: block; padding: 10px 15px; border: 1px solid rgb(191, 191, 191); border-radius: 1px 1px 0 0; text-decoration: none; outline: 0; border-bottom: 0; background-image: none; outline: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 5px; background: #e5e5e5; color: #555; font-weight: 700; } .bfastmag-nav-tabs > li.active > a, .bfastmag-nav-tabs > li.active > a:focus, .bfastmag-nav-tabs > li.active > a:hover { border: 1px solid #ccc; border-bottom-color: #f1f1f1; border-bottom: 1px solid #f1f1f1; background: #f1f1f1; color: #000; } .bfastmag-nav-tabs > li.bfastmag-req-red-tab > a { color: red; font-weight: bold; } .bfastmag-tab-content { float: left; min-width: 800px; } .bfastmag-tab-content hr { border-top: 1px solid #f88c00; } .bfastmag-tab-content > .tab-pane { display: none; } .bfastmag-tab-content > .active { display: block; } .bfastmag-tab-pane { padding: 30px; } .bfastmag-tab-pane { display: none; } .bfastmag-tab-pane.active { display: block; } #bfastmag-theme-version { padding: 10px; background: #ccc; font-size: 50%; } #bfastmag-w-screenshot { margin-top: 30px; border: 1px solid #ccc; } .bfastmag-w-activated { cursor: not-allowed !important; } .bfastmag-tab-pane-half { float: left; width: 45%; margin-top: 15px; margin-bottom: 15px; padding-right: 20px; padding-left: 20px; border-left: 1px solid #f88c00; } .bfastmag-tab-content img { max-width: 100%; } .bfastmag-tab-pane-first-half { border-left: none; } .bfastmag-tab-pane-center { margin-top: 30px; margin-bottom: 30px; text-align: center; } .bfastmag-clear { clear: both; } .bfastmag-actions-count { display: inline-block; z-index: 26; margin: 1px 0 0 2px; padding: 0 6px; border-radius: 10px; color: #fff; background-color: #d54e21; font-size: 9px; font-weight: 600; line-height: 17px; vertical-align: top; } .bfastmag-action-required-box { position: relative; } .bfastmag-dismiss-required-action { position: absolute; top: 0; right: 0; border-radius: 50%; color: #fff; background-color: #d24a4a; font-size: 14px; line-height: 20px; cursor: pointer; } .bfastmag-dismiss-required-action:hover { background-color: #cc8c8c; } #bfastmag_contri.bfastmag-tab-pane { text-align: center; } #bfastmag_contri.bfastmag-tab-pane .bfastmag-tab-pane-half { min-height: 160px; } #bfastmag_contri.bfastmag-tab-pane .translate-button, #bfastmag_contri .bfastmag_contri-button { margin-top: 20px; } #bfastmag_contri.bfastmag-tab-pane .dashicons { width: auto; color: #0073aa; font-size: 12px; } #bfastmag_contri.bfastmag-tab-pane h4 { margin: 10px; ; } #bfastmag_contri.bfastmag-tab-pane p.review-link { margin: 0; } #bfastmag_contri.bfastmag-tab-pane .bfastmag-tab-pane-half hr { display: none; } /*Breakpoints*/ @media (max-width: 1200px) { .bfastmag-tab-content { width: 98%; } .bfastmag-tab-pane-half { width: 43%; } } @media (max-width: 782px) { #bfastmag_contri.bfastmag-tab-pane .bfastmag-tab-pane-half hr { display: block; } .bfastmag-tab-pane-half { float: none; width: auto; border-left: none; } .bfastmag-tab-content h1 { line-height: 30px; } }