Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
12286810 by Jeff Balicki
Options

link bock mobile menue 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 4bcd51d3
Inline Side-by-side
Showing 29 changed files with 1195 additions and 12 deletions
<?php
/**
* Carousel Block Template.
*
* @param array $block The block settings and attributes.
* @param string $content The block inner HTML (empty).
* @param bool $is_preview True during AJAX preview.
* @param (int|string) $post_id The post ID this block is saved to.
*/
// Create id attribute allowing for custom "anchor" value.
$id = 'carousel-' . $block['id'];
if( !empty($block['anchor']) ) {
$id = $block['anchor'];
}
// Create class attribute allowing for custom "className" and "align" values.
$className = 'carousel';
if( !empty($block['className']) ) {
$className .= ' ' . $block['className'];
}
if( !empty($block['align']) ) {
$className .= ' align' . $block['align'];
}
if( $is_preview ) {
$className .= ' is-admin';
}
$carousel_style = get_field('carousel_style');
?>
<div id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($className); ?> ">
<?php switch($carousel_style){
case 'count-up-infographic':
?>
<?php if( have_rows('count_up_infographic_items') ): ?>
<div class="count-info carousel-items <?php echo $size; ?>"><div class='swiper-wrapper'>
<?php while( the_repeater_field('count_up_infographic_items') ):
?>
<div class="swiper-slide">
<?php
ob_start();
include __DIR__."./../card/styles/count-up-infographic.php";
echo ob_get_clean();
?>
</div>
<?php endwhile; ?>
</div></div>
<div class="swiper-button-prev" data-id="<?= $id ?>"></div>
<div class="swiper-button-next" data-id="<?= $id ?>"></div>
<?php else: ?>
<p>Please add some slides.</p>
<?php endif; ?>
<?php break;
case 'testimonials': ?>
<?php if( have_rows('testimonials_items') ): ?>
<div class="testimonials-carousel carousel-items "><div class='swiper-wrapper'>
<?php while( the_repeater_field('testimonials_items') ):
?>
<div class="swiper-slide">
<?php
ob_start();
include __DIR__."./../card/styles/testimonials.php";
echo ob_get_clean();
?>
</div>
<?php endwhile; ?>
</div></div>
<div class="swiper-button-prev" data-id="<?= $id ?>"></div>
<div class="swiper-button-next" data-id="<?= $id ?>"></div>
<?php else: ?>
<p>Please add some slides.</p>
<?php endif; ?>
<?php break;
case 'story': ?>
<?php if( have_rows('story_items') ): ?>
<div class="stories carousel-items "><div class='swiper-wrapper'>
<?php while( the_repeater_field('story_items') ):
?>
<div class="swiper-slide">
<?php
ob_start();
include __DIR__."./../card/styles/story.php";
echo ob_get_clean();
?>
</div>
<?php endwhile; ?>
</div></div>
<div class="swiper-button-prev" data-id="<?= $id ?>"></div>
<div class="swiper-button-next" data-id="<?= $id ?>"></div>
<?php else: ?>
<p>Please add some slides.</p>
<?php endif; ?>
<?php break;
case 'download': ?>
<?php if( have_rows('download_items') ): ?>
<div class="download carousel-items <?php echo $size; ?>"><div class='swiper-wrapper'>
<?php while( the_repeater_field('download_items') ):
?>
<div class="swiper-slide">
<?php
ob_start();
include __DIR__."./../card/styles/download.php";
echo ob_get_clean();
?>
</div>
<?php endwhile; ?>
</div></div>
<div class="swiper-button-prev" data-id="<?= $id ?>"></div>
<div class="swiper-button-next" data-id="<?= $id ?>"></div>
<?php else: ?>
<p>Please add some slides.</p>
<?php endif; ?>
<?php break;
case 'staff-diaries': ?>
<?php if( have_rows('staff_diaries_items') ): ?>
<div class="staff carousel-items <?php echo $size; ?>"><div class='swiper-wrapper'>
<?php while( the_repeater_field('staff_diaries_items') ):
?>
<div class="swiper-slide">
<?php
ob_start();
include __DIR__."./../card/styles/staff-diaries.php";
echo ob_get_clean();
?>
</div>
<?php endwhile; ?>
</div> </div>
<div class="swiper-button-prev" data-id="<?= $id ?>"></div>
<div class="swiper-button-next" data-id="<?= $id ?>"></div>
<?php else: ?>
<p>Please add some slides.</p>
<?php endif; ?>
<?php break;
case 'book-club': ?>
<?php if( have_rows('book_club_items') ): ?>
<div class="books carousel-items"><div class='swiper-wrapper'>
<?php while( the_repeater_field('book_club_items') ):
?>
<div class="swiper-slide">
<?php
ob_start();
include __DIR__."./../card/styles/book-club.php";
echo ob_get_clean();
?>
</div>
<?php endwhile; ?>
</div> </div>
<div class="swiper-button-prev" data-id="<?= $id ?>"></div>
<div class="swiper-button-next" data-id="<?= $id ?>"></div>
<?php else: ?>
<p>Please add some slides.</p>
<?php endif; ?>
<?php break;
default: ?>
<p>Please select style.</p>
<?php }; ?>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="7" viewBox="0 0 29 7">
<g id="Group_985" data-name="Group 985" transform="translate(-672 105)">
<circle id="Ellipse_16" data-name="Ellipse 16" cx="3.5" cy="3.5" r="3.5" transform="translate(672 -105)" fill="#699"/>
<circle id="Ellipse_24" data-name="Ellipse 24" cx="3.5" cy="3.5" r="3.5" transform="translate(683 -105)" fill="#699"/>
<circle id="Ellipse_25" data-name="Ellipse 25" cx="3.5" cy="3.5" r="3.5" transform="translate(694 -105)" fill="#699"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="7" viewBox="0 0 29 7">
<g id="Group_985" data-name="Group 985" transform="translate(-672 105)">
<circle id="Ellipse_16" data-name="Ellipse 16" cx="3.5" cy="3.5" r="3.5" transform="translate(672 -105)" fill="#e00"/>
<circle id="Ellipse_24" data-name="Ellipse 24" cx="3.5" cy="3.5" r="3.5" transform="translate(683 -105)" fill="#e00"/>
<circle id="Ellipse_25" data-name="Ellipse 25" cx="3.5" cy="3.5" r="3.5" transform="translate(694 -105)" fill="#e00"/>
</g>
</svg>
<svg id="Group_1314" data-name="Group 1314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.935" height="20.915" viewBox="0 0 20.935 20.915">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_151" data-name="Rectangle 151" width="20.935" height="20.915" fill="#699"/>
</clipPath>
</defs>
<path id="Path_1277" data-name="Path 1277" d="M0,0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z" transform="translate(0 0)" fill="#699"/>
<g id="Group_1023" data-name="Group 1023" transform="translate(0 0)">
<g id="Group_1022" data-name="Group 1022" clip-path="url(#clip-path)">
<path id="Path_1278" data-name="Path 1278" d="M18.276,13.612,16.363,11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1,9.134" transform="translate(-8.975 -0.009)" fill="#699"/>
</g>
</g>
</svg>
<svg id="Group_1314" data-name="Group 1314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.935" height="20.915" viewBox="0 0 20.935 20.915">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_151" data-name="Rectangle 151" width="20.935" height="20.915" fill="none"/>
</clipPath>
</defs>
<path id="Path_1277" data-name="Path 1277" d="M0,0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z" transform="translate(0 0)" fill="#1a1818"/>
<g id="Group_1023" data-name="Group 1023" transform="translate(0 0)">
<g id="Group_1022" data-name="Group 1022" clip-path="url(#clip-path)">
<path id="Path_1278" data-name="Path 1278" d="M18.276,13.612,16.363,11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1,9.134" transform="translate(-8.975 -0.009)" fill="#1a1818"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.488" height="22" viewBox="0 0 19.488 22">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_217" data-name="Rectangle 217" width="19.488" height="22" fill="#fff"/>
</clipPath>
</defs>
<g id="Group_1435" data-name="Group 1435" clip-path="url(#clip-path)">
<path id="Path_1391" data-name="Path 1391" d="M16.973,22H2.529c-.034-.012-.067-.026-.1-.036a.858.858,0,0,1-.6-.545.918.918,0,0,1-.052-.333q0-2.112,0-4.225v-.122h-.1c-.15,0-.3,0-.449,0A1.233,1.233,0,0,1,.034,15.716.9.9,0,0,0,0,15.6V9a.689.689,0,0,0,.032-.1A1.231,1.231,0,0,1,1.267,7.864c.144,0,.287,0,.431,0,.024,0,.047,0,.08-.007V.982c0-.046,0-.092,0-.137A.867.867,0,0,1,2.332.053.986.986,0,0,1,2.7,0H13.056a.426.426,0,0,1,.333.146c.029.031.057.064.085.1Q15.52,2.58,17.568,4.916a.607.607,0,0,1,.167.43c0,.027,0,.055,0,.082V7.865h.1c.15,0,.3,0,.449,0a1.207,1.207,0,0,1,1.1.724,1.178,1.178,0,0,1,.1.534q0,1.851,0,3.7,0,1.315,0,2.63a1.577,1.577,0,0,1-.012.265,1.23,1.23,0,0,1-1.2,1.018h-.449c-.027,0-.053,0-.086,0v.125q0,2.08,0,4.16c0,.058,0,.116-.006.174a.862.862,0,0,1-.644.76c-.038.01-.075.024-.112.036M2.645.864v7H16.858c.021-.1.018-2.083,0-2.156h-3.7c-.034,0-.067,0-.1,0a.433.433,0,0,1-.418-.368A.867.867,0,0,1,12.63,5.2q0-2.108,0-4.215V.864Zm0,20.027H16.865V16.746H2.643Zm4.893-5.213c.037.006.067.013.1.016.249.021.5.047.749.06a10.291,10.291,0,0,0,1.611-.019,5.27,5.27,0,0,0,1.213-.262,2.8,2.8,0,0,0,1.8-1.774,4.044,4.044,0,0,0,.145-2.149,2.635,2.635,0,0,0-.525-1.166,2.867,2.867,0,0,0-1.453-.956,5.356,5.356,0,0,0-1.474-.2A14.208,14.208,0,0,0,7.943,9.3c-.135.014-.27.036-.407.054Zm-4.11-2.27a4.467,4.467,0,0,0,.86.014,3.354,3.354,0,0,0,1.057-.239,1.977,1.977,0,0,0,.889-.682,2.134,2.134,0,0,0,.349-1.553A1.784,1.784,0,0,0,5.391,9.442a3.378,3.378,0,0,0-1.137-.213,12.83,12.83,0,0,0-2.047.091c-.074.01-.148.025-.22.037V15.7h1.44ZM18.118,9.277c-.142-.02-3.864-.013-3.927.006V15.7c.121.018,1.381.013,1.456-.007v-1.71q0-.215,0-.431c0-.142,0-.285,0-.434H17.19c.128,0,.257,0,.385,0s.254.005.379,0v-1.18h-2.3c-.019-.173-.011-1.4.01-1.475h2.453Z" fill="#fff"/>
<path id="Path_1392" data-name="Path 1392" d="M162.156,186.269c.105-.013.207-.031.31-.038a3.028,3.028,0,0,1,1.028.069,1.655,1.655,0,0,1,1.265,1.3,2.968,2.968,0,0,1-.084,1.67,1.749,1.749,0,0,1-1.294,1.168,2.867,2.867,0,0,1-.772.08c-.149,0-.3-.01-.453-.015Z" transform="translate(-153.153 -175.879)" fill="#fff"/>
<path id="Path_1393" data-name="Path 1393" d="M61.758,187.832v-1.907c.038-.009.076-.02.114-.025a2.393,2.393,0,0,1,.945.025.994.994,0,0,1,.344.165.813.813,0,0,1,.315.53,1.123,1.123,0,0,1-.005.419.951.951,0,0,1-.716.754,1.939,1.939,0,0,1-.689.067c-.1-.006-.2-.018-.308-.027" transform="translate(-58.329 -175.546)" fill="#fff"/>
</g>
</svg>
(function($){
/**
* initializeBlock
*
* Adds custom JavaScript to the block HTML.
*
* @date 15/4/19
* @since 1.0.0
*
* @param object $block The block jQuery element.
* @param object attributes The block attributes (only available when editing).
* @return void
*/
var initializeBlock = function( $block ) {
// $block.find('.carousel-items:not(.large)').slick({
// dots: false,
// infinite: true,
// speed: 300,
// slidesToShow: 4,
// adaptiveHeight: false,
// arrows:true,
// variableWidth: true,
// responsive: [
// {
// breakpoint: 1024,
// settings: {
// slidesToShow: 3,
// slidesToScroll: 1,
// }
// },
// {
// breakpoint: 600,
// settings: {
// slidesToShow: 2,
// slidesToScroll: 1
// }
// },
// {
// breakpoint: 480,
// settings: {
// slidesToShow: 1,
// slidesToScroll: 1
// }
// }
// // You can unslick at a given breakpoint now by adding:
// // settings: "unslick"
// // instead of a settings object
// ]
// });
// $block.find('.carousel-items.large').slick({
// dots: false,
// centerMode:true,
// infinite: true,
// speed: 300,
// slidesToShow: 2,
// adaptiveHeight: false,
// arrows:true,
// variableWidth: true,
// responsive: [
// {
// breakpoint: 1024,
// settings: {
// slidesToShow: 2,
// slidesToScroll: 1,
// }
// },
// {
// breakpoint: 600,
// settings: {
// slidesToShow: 2,
// slidesToScroll: 1
// }
// },
// {
// breakpoint: 480,
// settings: {
// slidesToShow: 1,
// slidesToScroll: 1
// }
// }
// // You can unslick at a given breakpoint now by adding:
// // settings: "unslick"
// // instead of a settings object
// ]
// });
// $('.slick-list').css('margin-left', $('.entry-content').css('margin-left'));
$($block).css('margin-left',"-"+$('.entry-content').css('margin-left'));
}
// Initialize each block on page load (front end).
// $(document).ready(function(){
// $('.carousel').each(function(){
// initializeBlock( $(this) );
// });
// });
// Initialize dynamic block preview (editor).
if( window.acf ) {
window.acf.addAction( 'render_block_preview/type=quote', initializeBlock );
}
})(jQuery);
// (function( $ ) {
// // the sameHeight functions makes all the selected elements of the same height
// $.fn.sameHeight = function() {
// var selector = this;
// var heights = [];
// // Save the heights of every element into an array
// selector.each(function(){
// var height = $(this).height();
// heights.push(height);
// });
// // Get the biggest height
// var maxHeight = Math.max.apply(null, heights);
// // Show in the console to verify
// // console.log(heights,maxHeight);
// // Set the maxHeight to every selected element
// selector.each(function(){
// $(this).height(maxHeight);
// });
// };
// }( jQuery ));
\ No newline at end of file
.carousel:not(.is-admin){
background-color: transparent !important;
left: -20px;
width: 100vw;
margin-top: 30px;
margin-bottom: 30px;
}
.carousel-items{
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
background-color: transparent !important;
}
.slick-list{
margin: auto;
margin-right: -20vw;
}
.slick-next{
right: 15px;
z-index: 9999;
top: calc(50% - 17.5px);
}
.slick-prev {
left: 0px;
z-index: 9999;
top: calc(50% - 17.5px);
}
.slick-next:before{
content: " ";
background-image: url(next-arrow.png);
background-size: cover;
width: 35px !important;
height: 35px !important;
display: block;
background-repeat: no-repeat;
opacity: 1;
}
.slick-prev:before,.slick-prev:before{
content: " ";
background-image: url(previous-arrow.png);
background-size: cover;
width: 35px !important;
height: 35px !important;
display: block;
background-repeat: no-repeat;
opacity: 1;
}
.slick-prev:hover:before{
background-image: url(previous-arrow-hover.png);
}
.slick-next:hover:before{
background-image: url(next-arrow-hover.png);
}
.count-up-infographic-block {
clear: both;
margin-right: 5px;
}
.count-up-infographic-block.vertical {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.count-up-infographic-block .infographic{
text-align: center;
}
.count-up-infographic-block .infographic img{
margin: auto;
margin-top: 10px;
width: 50px;
}
.count-up-infographic-block.vertical .infographic img{
width: 100px;
}
.count-up-infographic-block p {
font-size: 16px;
line-height: 20px;
color:#4D4D4D;
}
.count-up-infographic-block .countup{
font-size:35px;
line-height: 42px;
font-weight: bold;
}
.count-up-infographic-block.vertical .countup{
display: block;
margin: 10px 0px;
}
.count-up-infographic-block.vertical .column{
width: 100% !important;
}
.carousel-items li .count-up-infographic-block{
background-color: #F0F0F0;
width: 342px;
height: 342px;
}
.testimonials{
background-color:#D6EAF9;
}
.testimonial-text{
padding: 30px 50px;
}
.container.testimonials .row {
margin-right: -15px !important;
margin-left: -15px !important;
}
.container.testimonials p{
font-size: 16px !important;
line-height:21px !important;
font-style: italic;
}
.testimonials_image{
width: 100%;
}
.carousel-items li .testimonials{
background-color: #F0F0F0;
width: 683px;
}
.story{
width: 342px;
margin-right:30px;
background-color: #F0F0F0;
display: flex;
align-items: baseline;
align-content: center;
justify-content: left;
flex-direction: column;
margin-right:20px;
}
.story .row {
overflow: hidden;
}
.story .story-image{
min-height: 181px;
background-size: cover;
background-position: center;
transition: transform 0.3s ease-in;
-moz-transition: transform 0.3s ease-in;
-ms-transition: transform 0.3s ease-in;
-o-transition: transform 0.3s ease-in;
-webkit-transition: transform 0.3s ease-in;
}
.story h3{
font-size: 20px;
line-height: 25px;
margin-bottom: 20px;
}
.story a:hover .story-image{
transform:scale(1.05);
filter:brightness(1.075);
}
.story a:hover h3{
text-decoration: underline;
}
.story .story-content{
padding: 30px 40px 0px 40px;
}
.story .story-content p{
font-size: 16px;
line-height: 20px;
color:#4D4D4D;
}
.story .more-link {
background-image: url("more.svg");
background-repeat: no-repeat;
text-indent: -999px;
text-align: left;
overflow: hidden;
display: block;
height: 10px;
width: 100%;
align-items: flex-end;
margin:0px 40px 30px 40px;
}
.story a {
text-decoration: none;
color: inherit;
}
.story a:hover{
color: inherit;
}
.story a:hover .more-link {
background-image: url("more-hover.svg");
}
.carousel-items li .download {
width:449px;
margin-right:20px;
}
.download a{
text-decoration:none;
}
.download .row {
overflow: hidden;
}
.download .download-image{
min-height: 235px;
background-size: cover;
background-position: center;
transition: transform 0.3s ease-in;
-moz-transition: transform 0.3s ease-in;
-ms-transition: transform 0.3s ease-in;
-o-transition: transform 0.3s ease-in;
-webkit-transition: transform 0.3s ease-in;
}
.download .download-bar{
background-color:#EE0000;
position: relative;
}
.download a:hover .download-bar{
background-color:#669999;
}
.download a:hover .download-image {
transform:scale(1.05);
filter:brightness(1.075);
}
.download .download-text{
text-align:center;
padding:15px;
color:#fff;
text-transform: uppercase;
margin:auto;
width: 200px;
}
.download .download-text:after{
display:inline-block;
content: "";
background: url("pdf-icon.svg") no-repeat;
width: 20px;
height: 22px;
margin-left:10px;
position: absolute;
}
.staff-diaries {
width: 200px;
margin-right:20px;
}
.staff-diaries .staff-image{
min-height: 200px;
background-size: cover;
background-position: center;
transition: transform 0.3s ease-in;
-moz-transition: transform 0.3s ease-in;
-ms-transition: transform 0.3s ease-in;
-o-transition: transform 0.3s ease-in;
-webkit-transition: transform 0.3s ease-in;
}
.staff-diaries .row {
overflow: hidden;
}
.staff-diaries a:hover .staff-image {
transform:scale(1.05);
filter:brightness(1.075);
}
.staff-diaries .staff-content{
margin-top:10px;
font-size: 16px;
line-height: 20px;
color:#4D4D4D;
}
.staff-diaries .staff-content strong{
color:#000;
}
.book-club {
width: 200px;
margin-right:20px;
}
.book-club a{
text-decoration: none;
color: inherit;
}
.book-club .book-image{
min-height: 200px;
background-size: cover;
background-position: center;
position: relative;
transition: transform 0.3s ease-in;
-moz-transition: transform 0.3s ease-in;
-ms-transition: transform 0.3s ease-in;
-o-transition: transform 0.3s ease-in;
-webkit-transition: transform 0.3s ease-in;
}
.book-club .book-content p:first-of-type {
position: relative;
}
.book-club .book-content p:first-of-type::before{
display: inline-block;
content: "";
background: url("new-window.svg") no-repeat;
width: 21px;
height: 22px;
margin-left: 10px;
position: absolute;
top: 0;
right: 1px;
}
.book-club .row {
overflow: hidden;
}
.book-club a:hover .book-image {
transform:scale(1.05);
filter:brightness(1.075);
}
.book-club a:hover .book-content p:first-of-type::before{
background: url("new-window-hover.svg") no-repeat;
}
.book-club .book-content{
margin-top:10px;
font-size: 16px;
line-height: 20px;
color:#4D4D4D;
}
.book-club .book-content strong{
color:#000;
}
.book-club a:hover .book-content strong{
text-decoration: underline;
}
\ No newline at end of file
<?php
/**
* Link Block Template.
*
* @param array $block The block settings and attributes.
* @param string $content The block inner HTML (empty).
* @param bool $is_preview True during AJAX preview.
* @param (int|string) $post_id The post ID this block is saved to.
*/
$fields = get_fields();
$style = get_field('style');
switch($style){
case 'image': ?>
<a class="block-link" href="<?php echo $fields['link']; ?>">
<div class="link-block image" style="background-image: url('<?php the_field('image'); ?>')">
<div class="link"><?php echo $fields['link_text']; ?> </div>
</div>
</a>
<?php
break;
case 'text': ?>
<a class="block-link" href="<?php echo $fields['link']; ?>">
<div class="link-block Text">
<?php echo $fields['text']; ?>
<div class="link"><?php echo $fields['link_text']; ?> </div>
</div>
</a>
<?php
break;
case 'image-text':?>
<a class="block-link" href="<?php echo $fields['link']; ?>">
<div class="link-block image-text">
<div class="row">
<div class="col-md-12 col-lg-6 text"><?php echo $fields['text']; ?></div>
<div class="col-md-12 col-lg-6 img" style="background-image: url('<?php the_field('image'); ?>')"> </div>
</div>
<div class="link"><?php echo $fields['link_text']; ?> </div>
</div>
</a>
<?php
break;
default: ?>
<p>Please select style.</p>
<?php };
\ No newline at end of file
......@@ -14207,12 +14207,33 @@ figure.woocommerce-product-gallery__wrapper {
width: calc(100% - 280px);
padding-top: 0px;
}
@media only screen and (max-width: 1260px) {
#page-wrapper {
width: 100%;
}
}
#page-wrapper #content {
position: relative;
}
.wrapper .container {
padding: 0 160px 40px 50px;
}
@media only screen and (max-width: 1260px) {
.wrapper .container {
padding: 0;
}
}
h2, .h2 {
color: #1A3668;
font-size: 28px;
line-height: 36px;
}
#wrapper-navbar {
position: relative;
z-index: 999;
display: inline-block;
width: 275px;
height: 768px;
......@@ -14221,6 +14242,55 @@ figure.woocommerce-product-gallery__wrapper {
padding: 41px 27px 41px 42px;
background-color: #F6F6F6;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
transition: 0.5s;
}
@media only screen and (max-width: 1260px) {
#wrapper-navbar {
position: absolute;
right: -275px;
}
}
#wrapper-navbar.show {
right: 0px;
}
.navbar-toggler {
display: none;
z-index: 999;
position: absolute;
right: 290px;
top: 20px;
height: 54px;
width: 54px;
background-color: #1A3668;
border-radius: 0px;
transition: 0s;
}
@media only screen and (max-width: 1260px) {
.navbar-toggler {
display: block !important;
}
}
.hamburger .line {
width: 30px;
height: 4px;
background-color: #fff;
border-radius: 4px;
display: block;
margin: 8px auto;
transition: all 0.3s ease-in-out;
}
#wrapper-navbar.show .hamburger .line:nth-child(2) {
opacity: 0;
}
#wrapper-navbar.show .hamburger .line:nth-child(1) {
transform: translateY(13px) rotate(45deg);
}
#wrapper-navbar.show .hamburger .line:nth-child(3) {
transform: translateY(-11px) rotate(-45deg);
}
#main-menu {
......@@ -14434,4 +14504,98 @@ figure.woocommerce-product-gallery__wrapper {
display: none;
}
.entry-content .is-layout-constrained.wp-block-group {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
padding: 40px 32px;
}
.js-accordion-item {
border-top: 1px solid #000;
padding: 20px 20px 15px 0px;
}
.js-accordion-controller {
color: #000;
font-size: 18px;
line-height: 24px;
}
.c-accordion__content {
padding: 20px 0px 10px 0px;
width: 80%;
}
.c-accordion__title:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10.636' viewBox='0 0 18 10.636'%3E%3Cpath id='Path_6' data-name='Path 6' d='M392.848 305.425a1.532 1.532 0 0 1-2.227 0l-7.443-7.386a1.572 1.572 0 0 1 0-2.268l7.443-7.386a1.532 1.532 0 0 1 2.227 0 1.5 1.5 0 0 1 0 2.21l-6.329 6.281 6.329 6.339A1.5 1.5 0 0 1 392.848 305.425Z' transform='translate(-287.905 393.331) rotate(-90)' fill='%23183668'/%3E%3C/svg%3E");
font-weight: 300;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.is-open > .c-accordion__title:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.183' height='10.949' viewBox='0 0 18.183 10.949'%3E%3Cpath id='Path_6' data-name='Path 6' d='M392.848 305.425a1.532 1.532 0 0 1-2.227 0l-7.443-7.386a1.572 1.572 0 0 1 0-2.268l7.443-7.386a1.532 1.532 0 0 1 2.227 0 1.5 1.5 0 0 1 0 2.21l-6.329 6.281 6.329 6.339A1.5 1.5 0 0 1 392.848 305.425Z' transform='matrix(-0.017 1 -1 -0.017 312.723 -377.298)' fill='%23183668'/%3E%3C/svg%3E");
}
h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
margin-top: 40px;
}
.block-link {
text-decoration: none;
}
.block-link .link-block {
color: #000;
height: 350px;
position: relative;
background-size: cover;
background-position: center;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
padding: 40px 32px 0px 32px;
transition: 0.5s;
}
.block-link .link-block .link {
padding-top: 18px;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 20px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
text-align: center;
background-size: cover;
background-position: top right;
background-image: url("../images/bottom-md-border.png");
}
.block-link:hover .link-block {
color: #000;
background-size: 105%;
background-position: center;
}
.link-block.image-text {
overflow: hidden;
padding: 0px;
height: auto;
}
.link-block.image-text .text {
padding: 25px 47px 60px 47px;
}
.link-block.image-text .img {
background-size: cover;
background-position: center;
}
.link-block.image-text .link {
padding-top: 17px;
height: 50px;
background-size: cover;
background-position: center;
background-image: url("../images/bottom-lg-border.png");
}
/*# sourceMappingURL=child-theme.css.map */
\ No newline at end of file
......
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.
......@@ -8,6 +8,7 @@
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
include 'inc/shortcodes.php';
include 'inc/blocks.php';
/**
......
......@@ -24,17 +24,7 @@ $container = get_theme_mod( 'understrap_container_type' );
<!-- Your site branding in the menu -->
<?php get_template_part( 'global-templates/navbar-branding' ); ?>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
>
<span class="navbar-toggler-icon"></span>
</button>
<!-- The WordPress Menu goes here -->
<?php
......
......@@ -32,7 +32,21 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
<a class="skip-link <?php echo understrap_get_screen_reader_class( true ); ?>" href="#content">
<?php esc_html_e( 'Skip to content', 'understrap' ); ?>
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#wrapper-navbar"
aria-controls="wrapper-navbar"
aria-expanded="false"
aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
>
<div class="hamburger">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</button>
<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
</header><!-- #wrapper-navbar -->
......
<?php
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
add_action('acf/init', 'my_acf_init_block_types');
function my_acf_init_block_types() {
// Check function exists.
if( function_exists('acf_register_block_type') ) {
acf_register_block_type( array(
'title' => __( 'Carousel', 'client_textdomain' ),
'name' => 'carousel',
'render_template' => 'blocks/carousel/carousel.php',
'mode' => 'edit',
'supports' => [
'align' => false,
'anchor' => true,
'customClassName' => true
]
));
acf_register_block_type( array(
'title' => __( 'Link Blocks', 'client_textdomain' ),
'name' => 'link-block',
'render_template' => 'blocks/link-block/link-block.php',
'mode' => 'edit',
'supports' => [
'align' => false,
'anchor' => true,
'customClassName' => true
]
));
}
}
// if( function_exists('acf_add_options_page') ) {
// acf_add_options_page(array(
// 'page_title' => 'Theme General Settings',
// 'menu_title' => 'Theme Settings',
// 'menu_slug' => 'theme-general-settings',
// 'capability' => 'edit_posts',
// 'redirect' => false
// ));
// }
......@@ -22,6 +22,7 @@ $container = get_theme_mod( 'understrap_container_type' );
<div class="wrapper" id="page-wrapper">
<div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);">
<div class="full-image">
<?php $hero_content = apply_filters('the_content', get_post_meta(get_the_id(), 'hero_content', true));
if (!empty($hero_content)) {?>
<div class="container">
......
......@@ -13,6 +13,8 @@
@import "theme/header";
@import "theme/footer";
@import "theme/login";
@import "theme/body";
@import "theme/link_block";
// @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
// @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
// @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
......
.entry-content{
.is-layout-constrained.wp-block-group{
box-shadow: 0px 3px 6px #00000029;
padding: 40px 32px;
}
}
.js-accordion-item{
border-top: 1px solid #000;
padding: 20px 20px 15px 0px;
}
.js-accordion-controller{
color: #000;
font-size: 18px;
line-height: 24px;
}
.c-accordion__content{
padding: 20px 0px 10px 0px;
width: 80%;
}
.c-accordion__title:after{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10.636' viewBox='0 0 18 10.636'%3E%3Cpath id='Path_6' data-name='Path 6' d='M392.848 305.425a1.532 1.532 0 0 1-2.227 0l-7.443-7.386a1.572 1.572 0 0 1 0-2.268l7.443-7.386a1.532 1.532 0 0 1 2.227 0 1.5 1.5 0 0 1 0 2.21l-6.329 6.281 6.329 6.339A1.5 1.5 0 0 1 392.848 305.425Z' transform='translate(-287.905 393.331) rotate(-90)' fill='%23183668'/%3E%3C/svg%3E");
font-weight: 300;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.is-open>.c-accordion__title:after{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.183' height='10.949' viewBox='0 0 18.183 10.949'%3E%3Cpath id='Path_6' data-name='Path 6' d='M392.848 305.425a1.532 1.532 0 0 1-2.227 0l-7.443-7.386a1.572 1.572 0 0 1 0-2.268l7.443-7.386a1.532 1.532 0 0 1 2.227 0 1.5 1.5 0 0 1 0 2.21l-6.329 6.281 6.329 6.339A1.5 1.5 0 0 1 392.848 305.425Z' transform='matrix(-0.017 1 -1 -0.017 312.723 -377.298)' fill='%23183668'/%3E%3C/svg%3E");
}
h2 + .wp-block-pb-accordion-item{
margin-top: 40px;
}
......@@ -14,7 +14,25 @@
vertical-align: top;
width: calc(100% - 280px);
padding-top: 0px;
@media only screen and (max-width: 1260px) {
width: 100%;
}
#content {
position: relative;
}
}
.wrapper .container{
padding:0 160px 40px 50px;
@media only screen and (max-width: 1260px) {
padding:0;
}
}
h2{
color: #1A3668;
font-size: 28px;
line-height: 36px;
}
\ No newline at end of file
......
.block-link{
text-decoration: none;
.link-block{
color: #000;
height:350px;
position: relative;
background-size: cover;
background-position:center;
box-shadow: 0px 3px 6px #00000029;
padding:40px 32px 0px 32px;
transition: 0.5s;
.link{
padding-top: 18px;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 20px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
text-align: center;
background-size: cover;
background-position: top right;
background-image: url("../images/bottom-md-border.png");
}
}
}
.block-link:hover{
.link-block{
color: #000;
background-size: 105%;
background-position:center;
}
}
.link-block.image-text{
overflow: hidden;
padding:0px;
height:auto;
.text{
padding:25px 47px 60px 47px;
}
.img{
background-size: cover;
background-position:center;
}
.link{
padding-top: 17px;
height: 50px;
background-size: cover;
background-position:center;
background-image: url("../images/bottom-lg-border.png");
}
}
\ No newline at end of file
#wrapper-navbar{
position: relative;
z-index: 999;
display: inline-block;
width: 275px;
height: 768px;
......@@ -8,7 +9,59 @@
padding: 41px 27px 41px 42px;
background-color: #F6F6F6;
box-shadow: 0px 3px 6px #00000029;
transition: 0.5s;
@media only screen and (max-width: 1260px) {
position: absolute;
right: -275px;
}
}
#wrapper-navbar.show{
right: 0px;
}
.navbar-toggler{
display: none;
z-index: 999;
position: absolute;
right: 290px;
top: 20px;
height: 54px;
width: 54px;
background-color: #1A3668;
border-radius: 0px;
transition: 0s;
@media only screen and (max-width: 1260px) {
display: block !important;
}
}
.hamburger .line{
width: 30px;
height: 4px;
background-color: #fff;
border-radius: 4px;
display: block;
margin: 8px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#wrapper-navbar.show{
.hamburger .line:nth-child(2){
opacity: 0;
}
.hamburger .line:nth-child(1){
transform: translateY(13px) rotate(45deg);
}
.hamburger .line:nth-child(3){
transform: translateY(-11px) rotate(-45deg);
}
}
#main-menu{
flex-direction: column;
}
......