Merge branch 'develop'

midianinja · Mar 25, 2024 · 895227a · 895227a
2 parents 7960528 + 77962ff
commit 895227a
Showing 1 changed file with 127 additions and 67 deletions.
diff --git a/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss b/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss
@@ -2,86 +2,146 @@
 @import "./../2-atoms/a-mixins";
 
 .page-videos-midia-ninja{
-    .newsletter-desktop{
-        background-color: #111;
-        margin-top: 2rem;
-        @media(max-width: 992px){
-            margin-top: 3.6rem;
-
-        }
-        .wp-block-columns{
-            gap: 100px;
+    #app{
+        .anuncio-desktop{
+            margin-top : 2rem;
+            margin-bottom : 2rem;
+            display: flex;
+            justify-content: center;
             @media(max-width: 992px){
-                display: block;  
+                display: none;
             }
         }
-        p.newsletter-title{
-            color: #FFF;
-            font-family: "MidiaNinja", serif;
-            font-size: 42px;
-            font-style: normal;
-            font-weight: 400;
-            line-height: 100%; 
-            letter-spacing: normal;
-            @media(max-width: 782px){
-                font-size: 32px;
-                text-align: center;
+        .anuncio-doritos-mobile{
+            margin-top : 2rem;
+            margin-bottom : 2rem;
+            display: flex;
+            justify-content: center;
+            @media(min-width: 993px){
+                display: none;
             }
         }
-        p{
-            font-family: 'Manrope', serif;
-            font-size: 13px;
-            font-style: normal;
-            font-weight: 500;
-            line-height: 145%;
+        .anuncio-ninja-mobile{
+            margin-bottom : 0;
+            display: flex;
+            justify-content: center;
+            img{
+                max-width: 315px;
+                width: 100%;
+            }
+        }    
+        .videos-desktop{
+            padding: 0 0;
+            margin-bottom: 0;
+
+            h2 {
+                font-family: "MidiaNinja", sans-serif;
+                font-size: 54px;
+                font-weight: 400;
+                margin-bottom: 0;
+                letter-spacing: normal;
+            }
+            .container{
+                padding: 55px 0 25px 76px !important;
+            }
+            .latest-horizontal-posts-block__slides{
+                flex-basis: 100% !important;
+                &::before {
+                    display: none;
+                }
+                .slick-track{
+                    display: flex;
+                    flex-wrap: nowrap;
+                    margin-left: 90px;
+                }
+                .slick-slide{
+                    width: 325px !important;
+                    height: 182px;
+                    margin: 0 18px 0 15px;
+                }
+            }
+            @media(max-width: 992px){
+                display: none;
+            }
         }
-        form{
-            .mc4wp-form-fields{
-                input[type=name],
-                input[type=email]{
-                    width: 572px;
-                    padding: 1rem;
-                    border-radius: 8px;
-                    border: none;
-                    margin-bottom: 1rem;
-                    color: #111;
-                    &::placeholder{
-                        font-size: 16px;
-                        color: #595D62;
+        .newsletter-desktop{
+            background-color: #111;
+            margin-top: 0;
+            .wp-block-columns{
+                gap: 100px;
+                @media(max-width: 992px){
+                    display: block;  
+                }
+            }
+            p.newsletter-title{
+                color: #FFF;
+                font-family: "MidiaNinja", serif;
+                font-size: 42px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: 100%; 
+                letter-spacing: normal;
+                @media(max-width: 782px){
+                    font-size: 32px;
+                    text-align: center;
+                }
+            }
+            p{
+                font-family: 'Manrope', serif;
+                font-size: 13px;
+                font-style: normal;
+                font-weight: 500;
+                line-height: 145%;
+            }
+            form{
+                .mc4wp-form-fields{
+                    input[type=name],
+                    input[type=email]{
+                        width: 572px;
+                        padding: 1rem;
+                        border-radius: 8px;
+                        border: none;
+                        margin-bottom: 1rem;
+                        color: #111;
+                        &::placeholder{
+                            font-size: 16px;
+                            color: #595D62;
+                            @media(max-width: 782px){
+                                color: #f5f5f5;
+                            }
+                        }
                         @media(max-width: 782px){
+                            background-color: transparent;
+                            border: 1px solid #d9d9d9;
                             color: #f5f5f5;
+
                         }
+                        @media(max-width: 600px){
+                            width: 326px;
+                        }
+                        @media(max-width: 359px){
+                            width: 306px;
+                        }
+
                     }
-                    @media(max-width: 782px){
-                        background-color: transparent;
-                        border: 1px solid #d9d9d9;
-                        color: #f5f5f5;
-
-                    }
-                    @media(max-width: 600px){
-                        width: 326px;
-                    }
-                    @media(max-width: 359px){
-                        width: 306px;
-                    }
-
-                }
-                input[type=submit]{
-                    background-color: #FBF36E;
-                    border: none;
-                    color: #333;
-                    font-family: 'Manrope', serif;
-                    font-size: 14px;
-                    font-weight: 800;
-                    text-transform: uppercase;
-                    padding: 1rem 3.8rem;
-                    border-radius: 8px;
-                    @media(max-width: 600px){
-                        max-width: 326px;
-                        width: 100%;
+                    input[type=submit]{
+                        background-color: #FBF36E;
+                        border: none;
+                        color: #333;
+                        font-family: 'Manrope', serif;
+                        font-size: 14px;
+                        font-weight: 800;
+                        text-transform: uppercase;
+                        padding: 1rem 3.8rem;
+                        border-radius: 8px;
+                        @media(max-width: 600px){
+                            max-width: 326px;
+                            width: 100%;
+                        }
                     }
                 }
             }
         }
     }
+
 }