/*
 Theme Name:   Hestia Child
 Theme URI:    http://www.maddisoncreative.co.uk
 Description:  Hestia Child Theme
 Author:       Michael Maddison
 Author URI:   http://www.maddisoncreative.co.uk
 Template:     hestia
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hestia-child
*/

/* Base Typography */

.max_width_66{
width:100% !important;
max-width:66% !important;	
}

@media only screen and (max-width: 768px) {
.max_width_66{
max-width:100% !important;	
}
}

body, p, ul, li {
font-size:18px;
line-height:1.5em;
}

::placeholder {
color: rgba(0,0,0,0.5);
}

/* Headings */

h1{
font-family: "Raleway", Arial, Tahoma, sans-serif;
font-size:5em !important;
padding:0;
text-transform:uppercase;
color:#ffffff;
line-height:0.75em !important;
font-weight:800 !important;
}

.home h1, .largeh1 h1, .page-id-12169 h1{
font-size:6em !important;
}

.hero_h2 h2{
color: #3C4858 !important;
letter-spacing: -0.5px;
line-height: 1em !important;
}

h1,h2:not(.hero_section h2):not(.site-popup-inner h2){
letter-spacing:-5px !important;
}

h2, h3{
line-height:0.8em !important;
}

@media only screen and (max-width:768px){

h1,h2{
line-height:0.8em !important;
}

h1, .home h1, #hero h1, .largeh1 h1{
font-size:3em !important;
}
	
#hero h1{
margin:25px 0;
}
	
h2{
font-size:2.5em !important;
}
	
h1,h2:not(.hero_section h2){
letter-spacing:-2px !important;
}
	
.hero_h2 h2{
font-size:1.5em !important;
line-height:1.2em !important;
}

}

.subhead h3,
.maincontainer h3 span {
font-family:"Raleway", Arial, Tahoma, sans-serif;
font-size:25px;
padding:10px;
box-decoration-break:clone;
text-transform:uppercase;
letter-spacing:0;
line-height:2.2em !important;
}

.post-type-archive-product h3{
font-family:"Raleway", Arial, Tahoma, sans-serif;
text-transform:uppercase;
font-weight:800;
font-size:40px;
line-height:1em;
}

.subhead h3 span,
.maincontainer h3 span{
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
padding:10px;
font-weight:800 !important;
}

.maincontainer h3 span{
background-color: rgba(255,255,255,0.07);
}

h3.trade-title{
font-size:2em;
}

@media only screen and (max-width:768px){

.subhead h3,
.maincontainer h3 span{
font-size:18px;
line-height:2.2em !important;
}

.elementor-widget:not(:last-child){
margin-bottom:0;
}

#hero h3{
margin:25px 0;
font-size:1.6em;
line-height:1.5em;
}

}

@media only screen and (max-width:768px){
.services_blocks h3{
font-size:1.8em !important;
}
}

h4{
font-weight:700;
}

/* Navigation */

.navbar .navbar-nav > li > a{
font-weight:800;
font-family:"Raleway", Arial, sans-serif;
font-size:18px;
}

.dropdown-menu a{
font-family:"Raleway", Arial, sans-serif !important;
font-weight:800 !important;
font-size:16px !important;
text-transform:uppercase !important;
}

/* Layout */

.singleline{
width:80%;
}

/* Footer */

.footer-black{
background:linear-gradient(90deg, rgba(2,2,3,1) 0%, rgba(25,26,31,1) 100%);
}

.footer-black h5{
font-family:"Raleway", Arial, Tahoma, sans-serif;
font-weight:800;
text-transform:uppercase;
}

.footer-black .widget ul{
padding:0;
}

.footer-black .widget ul li{
line-height:1.5;
padding-top:5px;
}

.footer-black hr{
display:none;
}

.hestia-bottom-footer-content{
display:none;
}

.michaelfooter{
padding:20px;
background:#000;
color:#fff;
text-align:right;
}

.michaelfooter a{
color:#999;
}

/* Slider Typography */

div#n2-ss-3 .n2-font-7e0301548526a9c061b17dfc4121b2fa-hover,
div#n2-ss-3 .n2-font-7e0301548526a9c061b17dfc4121b2fa{
font-size:625%;
text-align:center;
}

/* Forms */

.elementor-widget-content_form_contact .form-control{
background:none;
}

.elementor-widget-content_form_contact input{
color:#ffffff;
}

/* Accessibility improvement */
label{
position:absolute;
left:-9999px;
}

.woocommerce label{
position:static;
}

/* Inputs */

input{
transition:all 0.5s;
}

button{
box-shadow:none;
-webkit-box-shadow:none;
}

/* Blog */

.single-post h3{
font-family:"Raleway", Arial, Tahoma, sans-serif;
font-weight:800;
color:#ffffff;
}

.single-post .megainner{
color:#ffffff;
}

.text-center{
text-align:left;
}

/* Remove shadows */

.card,
.card-no-width,
.card .card-image,
.card .card-product,
.card-no-width .card-image,
.card .header,
.card-no-width .header,
.card-profile .card-avatar,
.card-testimonial .card-avatar img,
.card-raised,
.img-raised,
.iframe-container iframe,
.card-product > .card-image{
box-shadow:none;
-webkit-box-shadow:none;
}

/* WooCommerce */

.woocommerce.archive .main{
background-color:#ffffff;
}

.woocommerce input{
color:#4d4f53;
border:1px solid rgba(0,0,0,0.5);
}

/* Post Template */

.post-template .navbar{
background-color:#ffffff;
}

.post-template .maincontainer{
padding:0;
margin:0;
background:linear-gradient(130deg, rgba(81,83,100,1) 0%, rgba(76,78,96,1) 100%);
background-image: linear-gradient(270deg, #334762 0%, #2A394D 100%);
}

.post-template .maincontainer .inner{
width:100%;
min-height:50vh;
padding:50px 25px 75px;
display:flex;
align-items:center;
justify-content:center;
}

.post-template .maincontainer .inner .megainner{
margin:0 auto;
max-width:1170px;
}

.post-template .maincontainer h1,
body:not(.home) h1{
font-family:"Raleway", Arial, Tahoma, sans-serif;
letter-spacing:-2px;
font-size:85px;
font-weight:800;
color:#ffffff;
text-transform:uppercase;
line-height:0.8em;
}

.post-template .maincontainer h1 span{
font-weight:300;
}

.post-template .maincontainer p{
color:#ffffff;
}

.post-template .maincontainer h3 span{
color:#00F2C6;
}

.post-template .losenge{
margin-top:50px;
}

.post-template .losenge .elementor-button{
color:#f4a10e;
text-decoration:none;
}

.post-template .megainner{
padding:75px 0 0 0;
}
/*-------------------*/


/* Home Hero */

.mainh1home h1{
font-size:150px;
}

/* Circular button */

.circularbuttonhead a{
width:65px;
line-height:60px;
padding:0;
margin:0 auto;
display:flex;
align-items:center;
justify-content:center;
}

/* iMac animation */

.mac_container{
position:relative;
width:500px;
margin:0 auto;
}

.mac_container img{
z-index:9999;
}

.shine{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-image:url(/wp-content/uploads/2021/03/imac_shine.png);
z-index:9999;
}

@keyframes opacityin{
from{opacity:0;}
to{opacity:1;}
}

@keyframes animatedBackground{
from{background-position:0 0;}
to{background-position:0 100%;}
}

.screen{
position:absolute;
left:39px;
top:34px;
width:425px;
height:236px;
background-repeat:no-repeat;
background-size:100% auto;
animation:animatedBackground 4s ease-in-out 1s forwards;
z-index:999;
}



/* Style homepage blog post title links */
.home .obfx-grid-wrapper .inner a,
.home .obfx-grid-wrapper .inner a h3 {
    color: #02f2c7 !important;       /* custom link color */
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

/* Hover state */
.home .obfx-grid-wrapper .inner a:hover,
.home .obfx-grid-wrapper .inner a:hover h3 {
    color: #f4a10e !important;
}



/* Responsive */

@media only screen and (max-width:768px){

.elementor-widget:not(:last-child){
margin-bottom:0;
}

#hero{
padding:0 20px;
background:#f8f8f8;
}

}

@media only screen and (max-width:600px){

h1,
body:not(.home) h1{
font-size:4em;
}

.home h1{
font-size:3em;
color:#ffffff;
}

.post-template .maincontainer h1{
word-break:break-all;
font-size:3em;
}

.post-template .megainner{
padding:25px 0 0 0;
}

.elementor-image-box-title{
font-size:2em;
}

.mac_container{
width:280px;
margin:10px auto;
}

.screen{
left:19px;
top:18px;
width:241px;
height:136px;
}

.shine{
background-position:top right;
background-size:cover;
}

.news_hp .obfx-grid-container,
.news_hp .obfx-grid-container .obfx-grid-wrapper{
display:block;
}

.news_hp .obfx-grid-container .obfx-grid-wrapper{
width:100%;
}

}







/* Blog Links */



/* Blog post title links at the bottom */
#blogs .obfx-grid-col-content h3.entry-title a {
text-decoration:underline solid 5px #02f2c7 !important;
}

#blogs .obfx-grid-col-content h3.entry-title a:hover {
color: #02f2c7;        /* hover color */
}

.blocksheading{
color:#505263;
}




/* FROM HOMEPAGE */

h1 span{
font-weight:300 !important;
}


.elementor-element-740616f{
background-position: right bottom !Important;
}

@media only screen and (max-width: 700px) {
.elementor-element-740616f{
        background-position: center bottom !Important;
}
.elementor-section.elementor-section-items-bottom>.elementor-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-start;
}
}



fieldset{
width:100% !important;
}

.elementor-image-box-img{
text-align:center !important;
}

.elementor-image-box-img img{
height:80px !important;
width:auto !important;
margin:10px auto !important;
}

.megainner h1,
.megainner p{
width:80%;
}

.megainner p{
font-size:1.1em !important;
padding:10px 0 !important;
}

@media only screen and (max-width: 768px) {
.megainner p{
width:100%;
}
}

.megainner iframe{
margin:20px 0 !important;
}

.black_highlight span{
background-color:rgba(0,0,0,0.5 )!important;
}

/* REMOVE the visible gap under header */

/* Make the top bar and nav touch */
.hestia-top-bar {
    margin-bottom: 0 !important;
}

/* Remove any default navbar border underneath */
.navbar.navbar-default {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Ensure the hero/next section sits directly under the navbar */
header.header-with-topbar + .carousel,
header.header-with-topbar + section,
header.header-with-topbar + .site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.examples-wrapper {
margin: 0 auto;
}

.example-item {
margin:20px 0px !important;
}

.example-item:not(.example-item:first-of-type) {
margin-top:150px !important;
}

.example-item .single {
width: 100%;
height: auto;
display: block;
position:relative;
text-align: center;
}

.double {
margin:0px auto;
}

.smart-double {
display:flex;
width: 100%;
align-items: center; /* 👈 this is the key */
}

.smart-double img {
height: auto;
display: block;
margin:0px auto;
}

/* VIDEO */
.video-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    cursor: pointer;
    overflow: hidden;
}

.video-cover {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.video-overlay {
    position: absolute;
    inset: 0;
}

.video-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-play img {
    width: 100%;
    height: auto;
}

.video-element {
    width: 100%;
    height: 100%;
    display: none;
}

.example-item.is-limited-width {
	width: 700px;
    max-width: 80%;
    margin: 0 auto !important;
}

.site-popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}


.site-popup-inner {
    background: #ffffff;
    padding: 0;
    max-width: 600px;
    width: 90%;
    position: relative;
    border-radius: 35px;
}

.site-popup-inner h2{
font-weight: 800 !important;
color: #00F2C6 !important;
margin:40px 40px 0px 40px !important;
letter-spacing:-1px !important;
text-align:center;
font-family: 'Poppins', sans-serif !important;
}

.site-popup-inner p{
color:#4d4f70 !important;
}

.site-popup-inner input[type="text"],
.site-popup-inner input[type="email"]{
    background-color: #ffffff !important;
	color: #4d4f70 !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-family: "Raleway", Arial, Tahoma, sans-serif !important;
    height: auto !important;
    background-image: none !important;
}


.site-popup-inner .wpcf7-submit{
	background-color: #ffffff !important;
	color: #00F2C6 !important;
    border: 0 !important;
    border-radius: 0px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-family: "Raleway", Arial, Tahoma, sans-serif !important;
	font-size:20px !important;
}

.popup-close {
    position: absolute;
top: 30px;
    right: 20px;
    border: 0;
    background: none !important;
    font-size: 30px;
    cursor: pointer;
	padding:0px !important;
	margin:0 !important;
	box-shadow: none !important;
    -webkit-box-shadow: none !important;
	line-height:0em !important;
}



@media only screen and (max-width: 768px) {
	.hide_bkg_on_mobile *{
		background-image:none !important;
	}
}





/* =========================
   BASE INPUTS
========================= */
input[type="text"],
input[type="email"],
textarea{
	font-weight:800 !important;
	color:#ffffff !important;
    width: 100%;
    padding: 14px 16px;
    border: 2px solid rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0.05) !important;
    font-size: 16px !important;
    border-radius: 8px;
    outline: none;
}

/* =========================
   PLACEHOLDER
========================= */
input::placeholder,
textarea::placeholder {
color: rgba(0,0,0,0.2) !important;
transition: opacity 0.3s ease !important;
}

/* =========================
   FOCUS STATE
========================= */
input:focus,
textarea:focus{
background-color: #ffffff !important;
color:#2A3B57 !important;
opacity:1 !important;
}

/* =========================
   FILLED STATE
========================= */
input:not(:placeholder-shown),
textarea:not(:placeholder-shown){
    color: #ffffff;
    border-color: #ffffff !important;
}

/* =========================
   HOVER
========================= */
.wpcf7 input:hover,
.wpcf7 textarea:hover,
.elementor-form input:hover,
.elementor-form textarea:hover {
    border-color: #bbb;
}

/* =========================
   SELECT DROPDOWNS
========================= */
.wpcf7 select,
.elementor-form select {
    padding: 14px 16px;
    border-radius: 8px;
    border: 2px solid #e0e0e0;
    background: #f9f9f9;
}

#example-filter{
display: block;
margin-left:20px !important;
}

.bainclass .single:after{
z-index:-1;
content:"";
position:absolute;
right: 5%;
top: 7%;
bottom: 35%;
left: 5%;
background:url(https://www.maddisoncreative.co.uk/wp-content/uploads/2026/05/bain_bkg_3.jpg);
background-position:center top;
background-size:100% auto;
animation: scrollBg 25s ease-in-out infinite alternate;
}


.costcoclass .single:after{
z-index:-1;
content:"";
position:absolute;
right: 5%;
top: 7%;
bottom: 35%;
left: 5%;
background:url(https://www.maddisoncreative.co.uk/wp-content/uploads/2026/05/costco_visual-1-scaled.jpg);
background-position:center top;
background-size:100% auto;
animation: scrollBg 25s ease-in-out infinite alternate;
}

.double_inner_1,
.double_inner_2{
text-align: center;
position:relative;
}

.bosh_landing .double_inner_1:after{
z-index:-1;
content:"";
position:absolute;
right: 5%;
top: 7%;
bottom: 35%;
left: 5%;
background:url(https://www.maddisoncreative.co.uk/wp-content/uploads/2026/05/bosh_screenshot_homepage.jpg);
background-position:center top;
background-size:100% auto;
animation: scrollBg 25s ease-in-out infinite alternate;
}

@keyframes scrollBg {
  0%   { background-position: top; }
  5%  { background-position: top; }     /* pause */
  95%  { background-position: bottom; }  /* move */
  100% { background-position: bottom; }  /* pause */
}

.trade-slide{
text-align:center;
padding:20px;
}

.trade-slide h3{
font-family: "Raleway", Raleway;
font-size: 2em;
font-weight: 800;
text-transform: uppercase;
letter-spacing:-1px;
}

.trade-slide i{
font-family: 'dashicons';
font-style: normal;
line-height: 1em !important;
margin: 0px;
padding: 0px;
font-size:4em;
}

.slick-prev, .slick-next {
box-shadow: none !important;
}

.slick-prev:before, .slick-next:before {
color:#cccccc !important;
}

.menu-item .dropdown-menu a i:before{
display:none !important;
}

.white_button a{
background-color:#ffffff !important;
color:#4d4f70 !important;
font-family: "Raleway", Raleway !important;
font-size: 1.2em !important;
font-weight: 800 !important;
text-transform: uppercase !important;
border-radius: 100px !important;
padding: 18px 25px 18px 25px !important;
transition:0.5s all;
}

.white_button a:hover{
color:#ffffff !important;
background-color:#4d4f70 !important;
}

.white_button a i{
margin-left:10px !important;
}

.elementor-counter-title {
text-align: center;
}

.elementor-counter-number{
letter-spacing:-0.1em !important;
}

.elementor-counter-number-suffix{
font-size:0.70em !important;
font-weight:700 !important;
}

.toppest_bar{
background-color:#323437;
padding:10px;
color:#999999;
font-size:0.8em !important;
	display:none;
}

.toppest_bar p{
text-transform:uppercase;
font-family: "Raleway", Arial, Tahoma, sans-serif;
font-weight:800;
margin:0 !important;
}
	
.toppest_bar a{
color:#ffffff;
text-decoration:none;
}

.elementor-button{
border-radius:100px !important;
font-size: 1.2em !important;
transition:0.5s all;
}

@media only screen and (max-width: 768px) {
.buttonski, .elementor-button{
display:block !important;
}
}

.elementor-button:hover{
box-shadow: 0 20px 40px rgba(0,0,0,0.03);
transform: translateY(-2px);
background: #00F2C6 !important;
color:#ffffff !important;
}

.elementor-button i,
.elementor-button span{
transition:0.5s all;
}

.elementor-button:hover i{
transform: translateX(5px);	
}

a{
opacity: 1 !important;
}

.secondary_hero_block{
padding-top:75px !important;
padding-right:20px !important;
padding-bottom:75px !important;
padding-left:20px !important;
}

.secondary_hero_block h3{
padding:0 !important;
}

@media only screen and (max-width: 768px) {
.secondary_hero_block{
padding-top:20px !important;
padding-right:20px !important;
padding-bottom:0px !important;
padding-left:20px !important;
}
	
.maddison-cta-options{
display:none !important;
}
	
.maddison-cta-expand {
width: auto !important;
border-radius: 100px !important;
}

}









		
#slideButton{
background-color:#00F2C6;
text-transform:uppercase;
font-family: "Raleway", Raleway !important;
font-weight:800 !important;
	font-size:1.2em;
letter-spacing: 0;
color:#ffffff !important;
position:relative;
padding: 15px 55px 15px 35px !important;
border-radius: 999px !important;
}	
		
#slideButtonContainer {
    position: fixed;
    bottom: -80px; /* hidden initially */
    left: 50%;
    transform: translateX(-50%);
    transition: bottom 0.5s ease;
    z-index: 9999;
}
	


#slideButtonContainer.visible {
    bottom: 30px; /* visible position */
}
	
@media (max-width: 768px) {
#slideButtonContainer.visible {
left: 20px !important;
right: 20px !important;
bottom:20px !important;
width: calc( 100% - 40px ) !important;
transform: translateX(0) !important;
}
#slideButton{
display:block !important;
width:100% !important;
text-align:center !important;
}
#slideButton::after {
top: 1em !important;
}
}

#slideButton::after{
content: '\f101'; /* Dashicons heart */
font-family: 'Dashicons';
display: inline-block;
font-size: 16px; /* adjust size */
opacity:1 !important;
position:absolute !important;
top: 0.8em;
right: 20px;
transform: scale(1);
transition:0.5s all;
}
	
.donate_nav a{
padding-right:35px !important;
}

.donate_nav a:after{
content: '\f487'; /* Dashicons heart */
font-family: 'Dashicons';
display: inline-block;
font-size: 16px; /* adjust size */
opacity:1 !important;
position:absolute !important;
top: 0.5em;
right: 12px;
transition:0.5s all;
}
	

#slideButton:hover:after,
.donate_nav a:hover:after{	
transform: scale(1.4);
transition:0.5s all;
}

@media (max-width: 768px) {
.full_size_shape_mobile .elementor-background-overlay{
background-size:cover !important;	
}
}

.elementor-element-64e76e0 *{
background-repeat:no-repeat !important;
}

.navbar .container,
.navbar.navbar-transparent > .container{
width: 100% !important;
padding-top:20px !important;
}

.pricing-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
	color:#ffffff;
	font-weight:800;
font-family: "Raleway", Raleway;
line-height:1em !important;
}

.pricing-table span{
font-size: 0.7em;
font-weight: 400;
display:block;
line-height:1em;
}

/* Header */
.pricing-table th {
  color: white !important;
  padding: 10px 15px;
  font-family: 'Raleway';
  font-weight:800;
  font-size:1.2em;
	display:none;
}

/* Body cells */
.pricing-table tbody td {
  padding: 14px 16px;
}

/* Alternating row colors */
.pricing-table tbody tr:nth-child(odd) {
  background: rgba(77,79,112,0.95);
}

.pricing-table tbody tr:nth-child(even) {
  background: #4d4f70;
}

.pricing-table tr td:nth-of-type(2) {
text-align:center;
}

/* Remove border from last row */
.pricing-table tbody tr:last-child td {
  border-bottom: none;
}

/* Rounded corners 
.pricing-table thead tr th:first-child {
  border-top-left-radius: 15px;
}

.pricing-table thead tr th:last-child {
  border-top-right-radius: 15px;
}

.pricing-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}

.pricing-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}*/


.pricing_number .elementor-counter-number{
font-weight:800 !important;
margin-top:-15px !important;
}

.pricing_number .elementor-counter-number-prefix{
font-size: 0.5em !important;
margin-top: -5px !important;
}

.pricing_number .elementor-counter-title{
font-size:14px !important;
color: #4D4F70 !important;
margin-top:-5px !important;
margin-bottom:-10px !important;
}

@media (max-width: 768px) {
.toppest_bar{
display:none !important;
}
.header-with-topbar {
top: 0 !important;
position: fixed !important;
}
	
.home .navbar,
.home .navbar-scroll-point{
background-color: rgba(255,255,255,0) !important;
}
	
.title-logo-wrapper{
display:none !important;
}
	
.navbar-toggle{
background-color:#ffffff !important;
border-radius:100% !important;
height:45px !important;
width:45px !important;
}
	
.home .navbar .navbar-toggle .icon-bar {
margin: 4px auto;
}
}

.nopadding{
padding:0 !important;
}

.nomargin{
margin:0 !important;
}

.nomargininner div{
margin:0 !important;
}

.nomarginpadding{
padding:0 !important;
margin:0 !important;
}

.nomarginpadding_h3 h3{
padding:0 !important;
margin:0 !important;
}

.nomarginpaddinginner div{
padding:0 !important;
margin:0 !important;
}

.padding_top_10{
padding-top:10px !important;
}

.padding_bottom_10{
padding-bottom:10px !important;
}

.padding_top_20{
padding-top:20px !important;
}

.padding_bottom_20{
padding-bottom:20px !important;
}

.padding_top_25{
padding-top:25px !important;
}

.padding_bottom_25{
padding-bottom:25px !important;
}

.padding_top_35{
padding-top:35px !important;
}

.padding_bottom_35{
padding-bottom:35px !important;
}

.padding_top_50{
padding-top:50px !important;
}

.padding_bottom_50{
padding-bottom:50px !important;
}

@media (max-width: 768px) {
.padding_top_25,
.padding_top_35,
.padding_top_50{
padding-top:20px !important;
}

.padding_bottom_25,
.padding_bottom_35,
.padding_bottom_50{
padding-bottom:20px !important;
}
}

.padding_20{
padding:20px !important;
}

.padding_50{
padding:50px !important;
}

.margin_top_10{
margin-top:10px !important;
}

.margin_bottom_10{
margin-bottom:10px !important;
}

.padding_50{
padding:50px;
}

.padding_top_75{
padding-top:75px !important;
}

.padding_top_100{
padding-top:100px !important;
}

.padding_20_desktop{
padding:20px !important;
}

@media (max-width: 768px) {
.padding_20_desktop, .padding_20_desktop *{
padding:0 !important;
}
}

@media (max-width: 768px) {
.padding_50{
padding:20px !important;
}
}

h1, .maddison-cta-expand{
position:relative !important;
z-index:1;
}

#pitch {
position: relative;
overflow: hidden;
}

#football {
	z-index:0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    transform: none;
	 filter: brightness(85%);
}

.word-rotator {
height: 0.75em;
overflow: hidden;
display: block;
color:#4D4F70;
}

.word-rotator span {
  display: block;
  animation: scrollWords 8s infinite;
}

@keyframes scrollWords {
  0%, 16% {
    transform: translateY(0);
  }
  20%, 36% {
    transform: translateY(-0.75em);
  }
  40%, 56% {
    transform: translateY(-1.5em);
  }
  60%, 76% {
    transform: translateY(-2.25em);
  }
  80%, 96% {
    transform: translateY(-3em);
  }
  100% {
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
	@keyframes scrollWords {
  0%, 16% {
    transform: translateY(0);
  }
  20%, 36% {
    transform: translateY(-0.8em);
  }
  40%, 56% {
    transform: translateY(-1.6em);
  }
  60%, 76% {
    transform: translateY(-2.4em);
  }
  80%, 96% {
    transform: translateY(-3.2em);
  }
  100% {
    transform: translateY(0);
  }
}
}

.pagebuilder-section:not(.home .pagebuilder-section) {
padding-top: 0px !important;
}

.home .pagebuilder-section {
padding-top: 0px !important;
}

@media (max-width: 768px) {
	
.client_logo{
padding:0 !important;
margin:0 !important;
}
	
.client_logo img{
max-height:150px !important;
width:auto !important;
}

}

blockquote {
position:relative;
padding: 0;
margin: 0;
border:none;
font-family: "Raleway", Arial, Tahoma, sans-serif;
font-size:3em !important;
text-transform:uppercase;
color:#ffffff;
line-height:0.8em !important;
font-weight:800 !important;
letter-spacing:-3px !important;
}

.random-quote blockquote::before {
color:#4D4F70;
content: "“";
position: absolute;
left: -50px;
top: -20px;
font-size: 1.75em;
line-height:1em;
}

.angel_icon{
margin-block-end: 10px !important;
}

.angel_icon img{
height:50px !important;
width:auto !important;
}

#services-quiz,
#website-quiz{
max-width:700px;
margin:auto;
font-family: 'Poppins', sans-serif;
}

#services-quiz h3,
#website-quiz h3{
font-family: 'Poppins', sans-serif;
font-weight:800;
}

.progress{
    height:8px;
    background:#eee;
    border-radius:20px;
    overflow:hidden;
	margin-bottom:35px;
}

.progress_bar{
    width:0%;
    height:100%;
    background:#00F2C6;
    transition:.4s;
}

.quiz_card{
    background:#fff;
    padding:50px 50px 50px 50px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.question{
	font-family: 'Poppins', sans-serif;
	font-weight:800;
    margin-bottom:25px;
    line-height:1.2;
}

.answers{
	font-family: 'Poppins', sans-serif;
    display:grid;
    gap:20px;
}

.answer{
    padding:22px 30px;
    border:2px solid #ddd;
    border-radius:12px;
    cursor:pointer;
    transition:.3s;
    font-size:20px;
}

.answer:hover{
    border-color:#00F2C6;
    transform:translateY(-4px);
}

.back{
	display:none !important;
    margin-top:30px;
    background:none;
    border:0;
    cursor:pointer;
    font-size:16px;
}

.answer.selected{
    border-color:#00F2C6;
}

.answer {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.answer::after {
    content:"\f344";
    font-family:"dashicons";
    font-size:24px;
    transition:transform .3s ease;
}

.answer:hover::after {
    transform:translateX(6px);
}

.quiz_card .button, .quiz_card button:not(.back){
display:inline-block !important;
margin-top:10px !important;
border-radius: 100px !important;
font-size: 1.2em !important;
background-color: #00F2C6 !important;
color: #fff !important;
text-align: center !important; 
transition: all .3s !important;
font-weight: 800 !important;
text-transform: uppercase !important;
padding: 18px 25px 18px 25px !important;
}

.quiz_card .button:hover{
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.03);
transform: translateY(-2px);
}

.site-popup-inner .quiz_card {
padding: 20px 50px 50px 50px !important;
box-shadow: none !important;
}

.form_thanks{
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #00F2C6;
    margin-top: 35px;
    display: block;
}

.quiz-form input{
	margin-bottom:10px;
}

@media (max-width: 768px) {

#site-popup{
padding:0px !important;
}
	
.site-popup-inner h2 {
margin: 40px 20px 0px 20px !important;
}

.site-popup-inner .quiz_card,
.quiz_card{
padding:25px !important;
}
	
.answer {
padding: 12px !important;
font-size: inherit !important;
line-height: 1em !important;
}
	
.progress {
margin-bottom: 5px !important;
}
	
}

.navbar-header{
display:none;
}

.header{
margin:0 !important;
}

.header .navbar {
background-color: rgba(255, 255, 255, 0) !important;
}

.header #main-navigation .shape_container{
transition: opacity 0.5s !important;
}

@media (min-width: 768px) {
.home .header #main-navigation .shape_container{
opacity:0 !important;
}
}

.header .navbar-scroll-point #main-navigation .shape_container{
opacity:1 !important;
}

.header #main-navigation.collapse{
padding: 5px 12px 5px 12px;
border-radius: 100px;
}

.header #main-navigation.collapsing{
margin-top: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}

@media (max-width: 768px) {
	
.shape1{
    animation: spin 12s linear infinite;
}

.shape2{
    animation: spin 18s linear infinite;
}

.shape3{
    animation: spin 26s linear infinite;
}

@keyframes spin{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
	
.header #main-navigation .shape_container {
margin-bottom:20px;
margin-left:10px;
}
	
.header #main-navigation{
padding: 25px !important;
transition: all .5s ease;
}
	
.header #main-navigation[aria-expanded="true"] {
transition: height .5s ease, max-height .5s ease;
border-radius: 0 !important;
height: 100vh !important;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0 !important;
max-height: 100vh !important;
z-index: -1;
}	

body.admin-bar .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse, body.admin-bar .navbar.navbar-scroll-point.header-with-topbar.navbar-fixed-top .navbar-collapse {
margin-top: 0px;
margin:20px 10px 10px 10px;
max-width: calc(100% - 20px);
z-index: -1;
}
}

#main-navigation{
background-color: rgba(255, 255, 255, 1) !important;
}

@media (min-width: 768px) {
.home #main-navigation{
background-color: rgba(255, 255, 255, 0) !important;
}
}

.header .navbar-scroll-point #main-navigation{
background-color: rgba(255, 255, 255, 1) !important;
}

body:not(.home) .header #main-navigation,
.home .header .navbar-scroll-point #main-navigation{
box-shadow: 0 4px 20px rgba(8, 18, 36, 0.08);
}

.menu-logo{
    display: flex !important;
    justify-content: left;
    align-items: center !important;
}

.shape_container{
		position:relative;
		width:30px;
		height:30px;
		margin-left:10px;
	margin-right:15px;
	padding:0 !important;
	}

.shape1,.shape2,.shape3{
background-size: 100% 100%;
background-position:center center;
width:30px;
height:30px;
		position:absolute;
		top:0px;
		left:0px;
		
	}
	
	.shape2{
		mix-blend-mode: hard-light;
		opacity:0.9;
	}
	
	.shape3{
		mix-blend-mode: multiply;
		opacity:0.9;
	}

.shape1{
background-image:url(https://www.maddisoncreative.co.uk/wp-content/uploads/2026/07/shape_1-1.svg);
	    --start: 0;
    --speed: 0.1;
}
	
	.shape2{
background-image:url(https://www.maddisoncreative.co.uk/wp-content/uploads/2026/07/shape_2-1.svg);
		    --start: 120;
    --speed: 0.05;
}
	
	.shape3{
background-image:url(https://www.maddisoncreative.co.uk/wp-content/uploads/2026/07/shape_3-1.svg);
		 --start: 240;
    --speed: 0.15;
}
	
	.shapem{
		position:relative;
		z-index:9;
		width:30px !important;
		height:30px !important;
	}

.elementor > .elementor-section:first-of-type {
padding-top:150px !important;
}

.home .elementor > .elementor-section:first-of-type {
padding-top:100px !important;
}

@media (max-width: 768px) {
.home .elementor > .elementor-section:first-of-type,
.elementor > .elementor-section:first-of-type {
padding-top:50px !important;
}
}

#main-navigation > ul > li:last-child {
	margin-right:-7px !important;
	border-radius:100px;
	background-color: #00f2c6;
	box-shadow: inset 0 0 0 3px #fff;
	transition:all 0.5s;
}

#main-navigation > ul > li:last-child a{
color:#ffffff !important;
}

#main-navigation > ul > li:last-child:hover {
background-color: #4D4F70;
}

.brief_form {
font-family: "Raleway", Raleway !important;
font-weight: 800 !important;
}

.brief_form label {
position: relative;
left: auto;
}

.brief_form input,
.brief_form textarea{
padding: 7px 10px 7px 10px;
border-radius: 10px 10px 10px 10px !important;
text-transform:uppercase !important;
border:none !important;
font-family: "Raleway", Raleway !important;
font-weight: 800 !important;
}

.brief_form input:user-valid {
border:2px solid #ffffff !important;
}

.brief_form h3{
color:#ffffff;
font-family: "Raleway", Raleway !important;
font-weight: 800 !important;
}

.brief_form label{
color:#4D4F70;
font-family: "Raleway", Raleway !important;
font-weight: 800 !important;
}