0184fabd by Jeff Balicki

sss

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent b4f6f780
...@@ -20,15 +20,17 @@ if($fields['new_window']){ ...@@ -20,15 +20,17 @@ if($fields['new_window']){
20 switch($style){ 20 switch($style){
21 case 'image': ?> 21 case 'image': ?>
22 <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> 22 <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>">
23 <div class="link-block image" style="background-image: url('<?php the_field('image'); ?>')"> 23 <div class="link-block single">
24 <div class="link"><?php echo $fields['link_text']; ?> </div> 24 <div class="link-block image" style="background-image: url('<?php the_field('image'); ?>')">
25 </div> 25 </div>
26 <div class="link"><?php echo $fields['link_text']; ?> </div>
27 </div>
26 </a> 28 </a>
27 <?php 29 <?php
28 break; 30 break;
29 case 'text': ?> 31 case 'text': ?>
30 <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> 32 <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>">
31 <div class="link-block Text"> 33 <div class="link-block text">
32 <?php echo $fields['text']; ?> 34 <?php echo $fields['text']; ?>
33 <div class="link"><?php echo $fields['link_text']; ?> </div> 35 <div class="link"><?php echo $fields['link_text']; ?> </div>
34 </div> 36 </div>
......
...@@ -14874,10 +14874,12 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { ...@@ -14874,10 +14874,12 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
14874 color: #000; 14874 color: #000;
14875 height: 350px; 14875 height: 350px;
14876 position: relative; 14876 position: relative;
14877 overflow: hidden;
14878 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
14879 }
14880 .block-link .link-block .image {
14877 background-size: cover; 14881 background-size: cover;
14878 background-position: center; 14882 background-position: center;
14879 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
14880 padding: 40px 32px 0px 32px;
14881 transition: 0.5s; 14883 transition: 0.5s;
14882 } 14884 }
14883 .block-link .link-block .link { 14885 .block-link .link-block .link {
...@@ -14896,10 +14898,15 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { ...@@ -14896,10 +14898,15 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
14896 background-position: top right; 14898 background-position: top right;
14897 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); 14899 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
14898 } 14900 }
14901 .block-link .link-block.text {
14902 padding: 40px 32px 0px 32px;
14903 }
14899 14904
14900 .block-link:hover .link-block { 14905 .block-link:hover .link-block {
14901 color: #000; 14906 color: #000;
14902 background-size: 101%; 14907 }
14908 .block-link:hover .link-block .image {
14909 transform: scale(1.1) !important;
14903 background-position: center; 14910 background-position: center;
14904 transition: 0.3s; 14911 transition: 0.3s;
14905 } 14912 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 .block-link{ 1 .block-link{
2 text-decoration: none; 2 text-decoration: none;
3
3 .link-block{ 4 .link-block{
4 color: #000; 5 color: #000;
5 height:350px; 6 height:350px;
6 position: relative; 7 position: relative;
8 overflow: hidden;
9 box-shadow: 0px 3px 6px #00000029;
10 .image{
7 background-size: cover; 11 background-size: cover;
8 background-position:center; 12 background-position:center;
9 box-shadow: 0px 3px 6px #00000029;
10 padding:40px 32px 0px 32px;
11 transition: 0.5s; 13 transition: 0.5s;
14 }
12 .link{ 15 .link{
13 padding-top: 18px; 16 padding-top: 18px;
14 text-transform: uppercase; 17 text-transform: uppercase;
...@@ -27,14 +30,20 @@ ...@@ -27,14 +30,20 @@
27 30
28 } 31 }
29 } 32 }
33 .link-block.text{
34 padding:40px 32px 0px 32px;
35 }
30 } 36 }
31 37
38
32 .block-link:hover{ 39 .block-link:hover{
33 .link-block{ 40 .link-block{
34 color: #000; 41 color: #000;
35 background-size: 101%; 42 .image{
36 background-position:center; 43 transform: scale(1.1) !important;
37 transition: .3s; 44 background-position:center;
45 transition: .3s;
46 }
38 .link{ 47 .link{
39 font-weight: 700; 48 font-weight: 700;
40 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); 49 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
......