balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

style.css (4752B)


      1 .redux-templates-two-sections {
      2   position: absolute;
      3   width: 85.9375%;
      4   height: 89.537037%;
      5   max-width: 1650px;
      6   max-height: 967px;
      7   top: 0;
      8   right: 0;
      9   bottom: 0;
     10   left: 0;
     11   margin: auto;
     12   border-radius: 5px;
     13   overflow: hidden;
     14   -webkit-box-shadow: 0 45px 10px rgba(3, 8, 15, 0.2);
     15   box-shadow: 0 0 45px 10px rgba(3, 8, 15, 0.2); }
     16 
     17 .redux-templates-two-sections__grid {
     18   width: 100%;
     19   height: 100%;
     20   padding: 40px 22.5px;
     21   position: relative;
     22   display: -webkit-box;
     23   display: -ms-flexbox;
     24   display: flex; }
     25 
     26 .redux-templates-two-sections__grid__column {
     27   width: 100%; }
     28 
     29 .redux-templates-two-sections__grid-clear {
     30   -webkit-box-orient: vertical;
     31   -webkit-box-direction: normal;
     32   -ms-flex-direction: column;
     33   flex-direction: column;
     34   -webkit-box-align: center;
     35   -ms-flex-align: center;
     36   align-items: center;
     37   -webkit-box-pack: center;
     38   -ms-flex-pack: center;
     39   justify-content: center;
     40   height: 100%; }
     41 
     42 .redux-templates-two-sections__grid-clear-text {
     43   opacity: 0.9;
     44   color: #818a91;
     45   font-family: pn, "Open Sans", Arial, sans-serif;
     46   font-size: 14px;
     47   font-weight: 600;
     48   line-height: 17px;
     49   margin: 0 0 20px; }
     50 
     51 .redux-templates-two-sections__grid-clear-image-saved {
     52   width: 322px;
     53   height: 145px;
     54   margin-top: -21px;
     55   pointer-events: none; }
     56 
     57 .redux-templates-two-sections__grid-clear-image-global {
     58   width: 524px;
     59   height: 207px;
     60   margin-top: -28px;
     61   pointer-events: none; }
     62 
     63 .redux-templates-two-section {
     64   position: relative;
     65   margin: 0 17.5px 35px;
     66   cursor: pointer;
     67   outline: 3px solid transparent;
     68   -webkit-transition: outline 0.3s ease-in-out;
     69   transition: outline 0.3s ease-in-out;
     70   -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
     71   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
     72   border-radius: 3px; }
     73   .redux-templates-two-section:last-child {
     74     margin-bottom: 0; }
     75   .redux-templates-two-section .redux-templates-two-section-remove {
     76     position: absolute;
     77     z-index: 4;
     78     top: -7px;
     79     right: -7px;
     80     opacity: 0;
     81     -webkit-transform: scale(0.7);
     82     transform: scale(0.7);
     83     -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     84     transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     85     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     86     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     87     width: 28px;
     88     height: 28px;
     89     display: -webkit-box;
     90     display: -ms-flexbox;
     91     display: flex;
     92     -webkit-box-align: center;
     93     -ms-flex-align: center;
     94     align-items: center;
     95     -webkit-box-pack: center;
     96     -ms-flex-pack: center;
     97     justify-content: center;
     98     font-size: 12px;
     99     border-radius: 28px;
    100     background-color: #fff;
    101     color: #03080f;
    102     -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
    103     box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
    104     cursor: pointer; }
    105   .redux-templates-two-section:hover .redux-templates-two-section-remove {
    106     opacity: 1;
    107     -webkit-transform: scale(1);
    108     transform: scale(1);
    109     -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    110     transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    111     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    112     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
    113     .redux-templates-two-section:hover .redux-templates-two-section-remove:hover {
    114       color: #f00; }
    115   .redux-templates-two-section:hover .redux-templates-two-section-item::before {
    116     border-color: #3dbfe8; }
    117   .redux-templates-two-section:hover .redux-templates-two-section-item::after {
    118     border-color: #ececec; }
    119 
    120 .redux-templates-two-section .preview-image-wrapper {
    121   transition: all 0.05s ease-in-out;
    122   width: 100%;
    123   min-height: 130px;
    124   max-height: 300px;
    125   overflow: hidden; }
    126   .redux-templates-two-section .preview-image-wrapper img {
    127     animation-name: fadeIn;
    128     animation-fill-mode: both;
    129     animation-delay: 200ms;
    130     animation-duration: 200ms;
    131     width: 100%;
    132     height: auto; }
    133 .redux-templates-two-section .saved-section-title {
    134   border-top: 1px solid #f2f4f7;
    135   background: rgba(255, 255, 255, 0.9);
    136   position: absolute;
    137   bottom: 0;
    138   width: 100%;
    139   margin: 0;
    140   color: #23282d;
    141   padding: 13px 15px;
    142   font-size: 15px;
    143   text-align: center;
    144   display: flex;
    145   justify-content: center;
    146   align-items: center; }
    147 
    148 .no-section {
    149   display: flex;
    150   width: 100%;
    151   align-items: center;
    152   justify-content: center;
    153   font-size: 16px; }
    154 
    155 .preview-image-wrapper .block-editor-block-preview__container {
    156   transition: all 0.05s ease-in-out;
    157   background: #fff;
    158   margin: 0 auto;
    159   min-height: 130px; }
    160 
    161 /*# sourceMappingURL=style.css.map */