/* 13-06-2016 */
body.sidebar1.single-tribe_events #sidebar{ margin-top:63px!important;}
body.sidebar1.single-tribe_events.tribe-is-past #sidebar{ margin-top:124px!important;}

/* 15-06-2016 */
body.page-20years{ background:#fff;}
.page-20years #viv_img_header{ text-align:center;}
.page-20years #viv_img_header h1{ padding:80px 0 35px;}
.page-20years .breadcrumbs{ display:none;}

/* TABS */
.page-20years .ui.module-tab .tab-nav{ float:none; margin:0 auto!important; width:1000px;}
body.full_width.page-20years #layout .themify_builder_row.module_row.row-wrap .row_inner{ margin:0 auto; max-width:100%; width:100%;}
.page-20years .ui.module-tab.minimal .tab-content{ margin:0 auto; padding:15px 10px; width:970px;}
.page-20years .ui.module-tab.minimal .tab-content.tab-content-wrap1{ padding:15px 0; width:100%;}
.page-20years div.module.ui{ border:none; box-shadow:none; padding:0;}
.page-20years div.ui.module-tab ul.tab-nav{ border-bottom:1px solid #b20044; padding:0; position:relative;}
.page-20years .ui.module-tab .tab-nav > li{ background:none; float:left; margin:0; width:25%;}
.page-20years .ui.module-tab .tab-nav > li a{ display:inline-block;}
.page-20years div.ui.module-tab ul.tab-nav li.current a{ border-bottom:2px solid #b20044; color:#a30045; cursor:pointer; display:block; font-weight:bold;}
.page-20years .ui.builder_button:active, .page-20years .ui.nav li:active, .page-20years .ui.module-tab .tab-nav li:active, .page-20years .ui.pressed.separate > li{ box-shadow:none;}
.page-20years .ui.module-tab .tab-nav li a{ padding:55px 5px 10px;}
.page-20years .ui.module-tab .tab-nav li a:hover, .page-20years .ui.module-tab .tab-nav li.current a{ color:#a30045;}
.page-20years .ui.module-tab.minimal .tab-content{ padding:15px 10px;}

.tab-nav li a{position:relative}
.tab1 a::before{content:""; display:block; width:45px; height:29px; background: url(images/timeline-icon-grey.png) no-repeat; position:absolute; top:17px; left:50%; margin-left:-25px; background-size:100% 100%!important}
.tab1 a:hover::before, .tab1.current a::before{ background: url(images/timeline-icon-color.png) no-repeat; background-size:100% 100%!important}
.tab2 a::before{content:""; display:block; width:32px; height:32px; background: url(images/play-icon-grey.png) no-repeat; position:absolute; top:17px; left:50%; margin-left:-16px; background-size:100% 100%!important}
.tab2 a:hover::before, .tab2.current a::before{ background: url(images/play-icon-color.png) no-repeat; background-size:100% 100%!important}
.tab3 a::before{content:""; display:block; width:50px; height:47px; background: url(images/serious-fun.png) no-repeat; position:absolute; top:3px; left:50%; margin-left:-25px; background-size:100% 100%!important}
.tab3 a:hover::before, .tab3.current a::before{ background: url(images/serious-fun-color.png) no-repeat; background-size:100% 100%!important}
.tab4 a::before{content:""; display:block; width:57px; height:47px; background: url(images/wateringcan-grey.png) no-repeat; position:absolute; top:3px; left:50%; margin-left:-28px; background-size:100% 100%!important}
.tab4 a:hover::before, .tab4.current a::before{ background: url(images/wateringcan-color.png) no-repeat; background-size:100% 100%!important}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx){ 

  /* Large screen, retina, stuff to override above media query */
.tab-nav .tab1 a::before{ background:url(images/timeline-icon-grey-2x.png) no-repeat!important; background-size:100% 100%!important}
.tab-nav .tab1 a:hover::before, .tab-nav .tab1.current a::before{background: url(images/timeline-icon-color-2x.png) no-repeat!important; background-size:100% 100%!important}
.tab-nav .tab2 a::before{ background:url(images/play-icon-grey-2x.png) no-repeat!important; background-size:100% 100%!important}
.tab-nav .tab2 a:hover::before, .tab-nav .tab2.current a::before{background: url(images/play-icon-color-2x.png) no-repeat!important; background-size:100% 100%!important}
.tab-nav .tab3 a::before{ background:url(images/serious-fun-2x.png) no-repeat!important; background-size:100% 100%!important}
.tab-nav .tab3 a:hover::before, .tab-nav .tab3.current a::before{background: url(images/serious-fun-color-2x.png) no-repeat!important; background-size:100% 100%!important}
.tab-nav .tab4 a::before{ background:url(images/wateringcan-grey-2x.png) no-repeat!important; background-size:100% 100%!important}
.tab-nav .tab4 a:hover::before, .tab-nav .tab4.current a::before{background: url(images/wateringcan-color-2x.png) no-repeat!important; background-size:100% 100%!important}
}

/* 27-05-2021 */
.half-width-block{ margin:0 auto; max-width:585px; width:100%;}

/* 12-08-2021 */
div.mg-row{ padding:20px 0 0;}
.mg-row > .row_inner > .col4-3{ padding-right:30px; max-width:65%; width:100%;}
.mg-row > .row_inner > .col4-1{ margin:0; max-width:35%; width:100%;}
.mg-row .module{ background:none; margin:0; padding:0;}
.mg-row .mg-form{ padding:20px 0 0;}
.module.mg-form > p{ margin:0;}
.mg-row .mg-info{ background:#fff; padding:20px;}
.mg-row .module p{ font-size:16px; line-height:1.4;}

/* 13-01-2022 */
.viv_block-newsletter_sign_up .ctct-form-embed.form_0 .ctct-form-defaults{ background:none; padding:0;}
.viv_block-newsletter_sign_up .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header{ font-family: 'Open Sans', sans-serif; font-size:22px; line-height:1.25; margin:0 0 20px;}
.viv_block-newsletter_sign_up .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text{ color: rgba(0, 0, 0, 0.8); font-family: 'Open Sans', sans-serif; font-size:14px; line-height:22px;}
.viv_block-newsletter_sign_up .ctct-form-embed.form_0 form.ctct-form-custom .ctct-form-label{ color:#878787; display:block!important; font-family: 'Open Sans', sans-serif; font-weight:normal; line-height:normal; margin:0 0 5px;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom input.ctct-form-element{ background:#f1f1f1; border:1px solid #e9e9e9;  box-shadow:none; border-radius:0; color:#878787; display:block; font-family: 'Open Sans', sans-serif; font-size:1em; height:auto; line-height:normal; margin:0!important; max-width:100%; outline:none; padding:15px 10px!important;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom input.ctct-form-element:focus{ outline:none;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom fieldset.ctct-form-lists{ padding:0;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom fieldset.ctct-form-lists legend.ctct-form-lists-legend{ color:#878787; font-family: 'Open Sans', sans-serif; font-weight:normal; left:0; line-height:normal; padding:0 0 10px;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom .ctct-form-required, .viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom fieldset.ctct-form-lists legend.ctct-form-required.ctct-form-lists-legend{ display:inline-block!important; padding-right:12px;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom .ctct-form-required:before{ left:auto; right:0;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom div.ctct-form-listitem label.ctct-form-checkbox-label{ color: rgba(0, 0, 0, 0.8); display:table-cell!important; font-size:14px; line-height:normal;}
.viv_block-newsletter_sign_up div.ctct-form-embed.form_0 form.ctct-form-custom div.ctct-form-listitem input[type="checkbox"].ctct-form-checkbox{ left:0;}
.viv_block-newsletter_sign_up div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text{ color: rgba(0, 0, 0, 0.8); font-family: 'Open Sans', sans-serif;}
.viv_block-newsletter_sign_up .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button{ border:1px solid #881033; border-radius:0; color:#881033; font-family: Oswald, sans-serif; letter-spacing:6px; line-height:normal; margin:0 0 16px; padding:20px 15px; text-align:center; text-transform:uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.viv_block-newsletter_sign_up .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover{ background:#660c26; color:#fff; letter-spacing:7px;}

/* 23-03-2022 */
.no-list-style{ list-style:none;}

/* RESPONSIVE */
@media (max-width:1010px) {

.page-20years div.ui.module-tab ul.tab-nav{ padding:0 10px; width:auto;}
.page-20years .ui.module-tab.minimal .tab-content{ width:auto;}
div.mg-row{ padding:10px 0 0;}
}

@media (max-width:935px) {

.page-20years .ui.module-tab .tab-nav li a{ font-size:15px; line-height:normal; padding:55px 0 10px;}
}

@media (max-width:771px) {

.page-20years .ui.module-tab .tab-nav li a{ padding:55px 0 30px;}
.page-20years .ui.module-tab .tab-nav li.tab3 a, .page-20years .ui.module-tab .tab-nav li.tab4 a{ padding-bottom:12px;}
}

@media (max-width:767px) {

.page-20years .ui.module-tab .tab-nav{ text-align:center;}
.page-20years .ui.module-tab .tab-nav > li{ display:inline-block; float:none; padding:0 5px; width:20%;}
.page-20years .ui.module-tab ul.tab-nav li.current{ margin-bottom:0;}
.page-20years .ui.module-tab .tab-nav li a{ display:inline-block; padding:0 0 10px; text-indent:-9999px;}
.page-20years div.ui.module-tab ul.tab-nav li.current a{ display:inline-block;}
.page-20years .ui.module-tab .tab-nav li.tab1 a{ height:50px; width:77px;}
.page-20years .ui.module-tab .tab-nav li.tab2 a{ height:50px; width:50px;}
.page-20years .ui.module-tab .tab-nav li.tab3 a{ height:50px; width:53px;}
.page-20years .ui.module-tab .tab-nav li.tab4 a{ height:50px; width:61px;}
div.mg-row{ padding:0;}
.mg-row > .row_inner > .col4-3, .mg-row > .row_inner > .col4-1{ max-width:100%; padding:0; width:100%;}
.mg-row .mg-info{ margin:35px 0 0;}
}



