:root {
--header-height: 80px; 
}
body,
html {
height: 100%;
width: 100%;
}     .dkblue{ color:rgba(0,69,112,1) ; }
.ltblue{ color:rgba(92,200,221,1) }
.green{ ccolor:rgba(43,182,115,1) }
.dkgrey{ color:#414042; }
.ltgrey{ color:#a7a9aa; }
.white{ color:#fff; }
.black{ color:#000; }
hr { 
background: linear-gradient(90deg, rgba(43,182,115,1) 0%, rgba(92,200,221,1) 100%);
border: none; 
height: 7px; margin-left: 0; margin-bottom: 40px; width:40%; 
}
.button-one {
background-color:#2bb673;
border:none;
border-radius:4px;
color:#fff;
cursor: pointer;
font-family: font-family:proxima-nova-condensed, sans-serif;
font-size: 19px !important;
font-weight: 500;
letter-spacing: 0.1em!important;
text-transform: uppercase;
transition: 0.3s;
z-index: 100;
}
.button-one:hover { background-color:#5cc8dd!important; border:none !important; }   @font-face{ 
font-family: abolition-soft, sans-serif;
font-weight: 400;
font-style: normal; 
}
@font-face{ font-family: proxima-nova-condensed, sans-serif; } .child h1{ color:#fff; font-family:abolition-soft, sans-serif; font-size: 19vw; font-weight:400; line-height: .9em; }
.child h2{ color:#004570; font-family:abolition-soft, sans-serif; font-size: 68px; font-weight:400; line-height: .9em; }
.child h3{ color:#004570; font-family:abolition-soft, sans-serif; font-size: 39px; font-weight:400; line-height: .9em; }
.child h4{  }
.child h5{  }
.child h6{  }
body, p{ color:#414042; font-family:proxima-nova-condensed, sans-serif; font-size: 19px; font-weight:300; letter-spacing:1px; line-height: 1.4em; }
body a, p a{ color:#a7a9aa; padding-bottom: 4px; transition: color .25s  }
body a:hover, p a:hover{ color:#414042; }
body strong, p strong{ color:#004570; font-weight:500; }
p.white, p.white-cta { color:#fff;  }
p.white-cta { color:#fff; font-size:25px; font-weight:300; letter-spacing:0; line-height: 1.4em; }
p.white-cta strong { color:#fff; }
.caption p{ color:#a7a9aa; font-family:proxima-nova-condensed, sans-serif; font-size: 17px; font-weight:300; letter-spacing:1px; line-height: 1.3em; font-style: italic; }
p.clients { color:#414042; font-size: 20px; font-weight:500; }
p.post-noms { color:#004570; font-size: 17px; font-weight:500; }
p.quals { font-size: 21px; }
.child ul{ font-size: 24px; padding-top: 0px; }
.child ul li{ color:#414042; font-size: 20px; font-weight: 500; line-height: 1.1em; list-style: none; margin: 8px 0 0 1.1225em; padding: 0; position: relative; }
.child ul li::before{ color: #5cc8dd; content: "\25AA"; font-size: 23px; left: -1.1225em; position: absolute; top: 0em; }
.child ul li a{  }
.child ul li a:hover{  }
.child ul li a::before{  }    .header {
position: relative;
overflow: hidden;
}
.header::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(https://www.manselldesign.com.au/wp-content/uploads/2024/01/mesh-header-01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 1; 
animation: squeezeStretch 3s infinite alternate; 
}
@keyframes squeezeStretch {
0% {
transform: scaleX(1.8) scaleY(1);
}
50% {
transform: scaleX(1.3) scaleY(1.1);
}
100% {
transform: scaleX(1) scaleY(1.2);
}
}
.et-menu-nav ul li a { border-bottom: none; color:#fff; font-size: 20px; font-weight: 500; line-height: 1.1em; list-style: none;  padding: 0; position: relative;}
.et-menu-nav ul li:first-child,.et-menu-nav ul li:last-child  { position: relative; }
.et-menu-nav ul li:first-child { padding-right: 41px; }
.et-menu-nav ul li:first-child::before {
content:"";
position: absolute;
top: 33px;
right: 0;
bottom: 0;
left: -26px;	
background-image: url(https://www.manselldesign.com.au/wp-content/uploads/2024/01/icon-email-01.svg);
background-repeat: no-repeat;
background-position: center;
height: 19px;
width: 21px;
}
.et-menu-nav ul li:last-child::before {
content:"";
position: absolute;
top: 33px;
right: 0;
bottom: 0;
left: -15px;	
background-image: url(https://www.manselldesign.com.au/wp-content/uploads/2024/01/icon-tel-01.svg);
background-repeat: no-repeat;
background-position: center;
height: 19px;
width: 21px;
}           Menu Hamburger Change to X Icon Rotate the Divi Menu icon on click     Rotate the Divi Menu icon on click     .et_pb_menu, .et_mobile_nav_menu { 
display: none !important; 
}      #mansell_footer p, #mansell_footer p.tel, #mansell_footer p a, #mansell_footer p.tel a{ border-bottom: 0; color:white; line-height: 1em; text-decoration: none; }
#mansell_footer p { font-size:22px; font-weight: 300; line-height:2em; }
#mansell_footer p.tel { font-size:24px; font-weight: 600; padding-top: 30px; padding-bottom: 8px; }
#mansell_footer p.email { font-size:20px; font-weight: 300; line-height:1.4em; padding-bottom: 10px; }
#mansell_footer p.addy { font-size:14px; font-weight: 300; line-height:1.4em; padding-top: 10px; }
#mansell_footer p.list { font-size:16px; font-weight: 300; line-height:1.2em; text-transform: uppercase; }
#mansell_footer p.disclaimer, #mansell_footer p.disclaimer a { color:rgba(255,255,255,0.6);  font-size:14px!important; font-weight:300!important; letter-spacing: 0.05em; line-height:1.3em !important; transition: 0.25s; }
#mansell_footer p.disclaimer a{ border-bottom: 1px solid rgba(255,255,255,0); padding-bottom: 1px; }
#mansell_footer p.disclaimer a:hover{ border-bottom: 1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); }
#mansell_footer p.absolute-media, #mansell_footer p.absolute-media a, #mansell_footer p.absolute-media a span { border-bottom: 0; color:rgba(255,255,255,0.6); font-size:14px!important; font-weight:300; letter-spacing: .05em; line-height:1.3em !important;  transition: .25s; }
#mansell_footer p.absolute-media a span { color:rgba(255,255,255,0.6); font-weight: 500; }
#mansell_footer p.absolute-media a:hover { border-bottom: 0; }
#mansell_footer p.absolute-media a:hover span{ border-bottom: 0; color:#ff5400; } #mansell_footer .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu { display: flex!important; } 
#mansell_footer .lwp-hide-mobile-menu .et_mobile_nav_menu { display: none; }    @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { } @media only screen 
and (min-width : 321px) { } @media only screen 
and (max-width : 320px) {
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { } @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
} @media only screen 
and (min-width : 480px)
and (max-width : 979px) {
} @media only screen 
and (min-width : 540px) {
} @media only screen 
and (min-width : 768px) {
hr { margin-bottom: 50px; width:60%;  }
.child h1{ font-size: 9vw;  }
body, p{  font-size: 25px; line-height: 1.7em; }
p.white-cta { font-size:35px; }
p.clients { font-size: 29px; }
.child ul li{ font-size: 24px; line-height: 1.4em;  }
.caption p{ font-size: 21px;  line-height: 1.7em;  }
#mansell_footer p.tel { font-size:28px; padding-bottom: 8px; }
#mansell_footer p.email { font-size:24px; padding-bottom: 16px; }
#mansell_footer p.addy { font-size:17px; padding-top: 10px; }
#mansell_footer p.list { font-size:16px; line-height:1.4em; }
} @media only screen 
and (min-width : 980px) {
} @media only screen 
and (min-width : 1155px) {
} @media only screen 
and (min-width : 1224px) {
} @media only screen 
and (min-width : 1824px) {
} @media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { }