/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme for Mansell Design
 Author:       Absolute Media
 Author URI: https://www.absolutemedia.com.au
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child
*/

/** VARIABLES **/

:root {
  --header-height: 80px; 
}
body,
html {
	font-family: proxima-nova-condensed, sans-serif;
    height: 100%;
    width: 100%;
}


/************************************/
/*** 1.GENERAL STYLES             ***/
/************************************/

/* Colours */
.dkblue{ color:rgba(0,69,112,1) /*#004570*/; }
.ltblue{ color:rgba(92,200,221,1) /*#5cc8dd;*/ }
.green{ color:rgba(43,182,115,1) /*#2bb673;*/ }
.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: 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; }


/***********************************/
/*** 2.TYPOGRAPHY                ***/
/***********************************/
.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; }
body, 
p { 
	color:#414042; 
	font-family:proxima-nova-condensed, sans-serif; 
	font-size: 19px; 
	font-weight:300; 
	letter-spacing: .5px; 
	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; }


/************************************/
/*** 3.HEADER AND MAIN NAVIGATION ***/
/************************************/

/* Header Background Animation */

.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;
 }

/***HEADER DROP DOWN***/
/* #mansell_header #mobile_menu1 > li a { font-size: 25px; padding: 16px 0; } */
/* #mansell_header #mobile_menu1 > li ul.sub-menu { background-color: rgba(18,20,38,0) !important; padding-top: 21px; } */
/* #mansell_header ul li ul.sub-menu { background-color: rgba(18,20,38,1)!important; border-top: 1px solid #4ecdc4 !important; width:280px; } */
/* #mansell_header ul li ul.sub-menu li { display: ruby; } */
/* #mansell_header ul li ul.sub-menu li:nth-child(4), #mansell_header ul li ul.sub-menu li:nth-child(5), #mansell_header ul li ul.sub-menu li:nth-child(6) { line-height: 1.3em !important; } */
/* #mansell_header ul li ul.sub-menu li:nth-child(4) a, #mansell_header ul li ul.sub-menu li:nth-child(5) a, #mansell_header ul li ul.sub-menu li:nth-child(6) a { font-size: 15px !important;padding: 6px 0 !important; } */
/* #mansell_header ul li ul.sub-menu li:nth-child(4) a:before, #mansell_header ul li ul.sub-menu li:nth-child(5) a:before, #mansell_header ul li ul.sub-menu li:nth-child(6) a:before { color: #4ecdc4 ; content:'-'; padding-left: 12px; } */


/* MOBILE NAV SETTINGS */

/* Menu Hamburger Icon */
/* #mansell_header .mobile_menu_bar:before { color: #5cc8dd; font-size: 38px; margin-top:-8px; } */

Menu Hamburger Change to X Icon
/* #mansell_header .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } */

Rotate the Divi Menu icon on click
/* #mansell_header .mobile_menu_bar:before { */
	/* transition: all .4s ease; */
	/* transform: rotate(0deg); */
	/* display: block; */
/* } */
Rotate the Divi Menu icon on click
/* #mansell_header .mobile_nav.opened .mobile_menu_bar::before { */
	/* transition: all .4s ease; */
	/* transform: rotate(90deg); */
	/* display: block; */
/* } */

.et_pb_menu, .et_mobile_nav_menu { 
        display: none !important; 
    }

/***********************************/
/*** 4.PANELS                    ***/
/***********************************/



/***********************************/
/*** 5.FOOTER                    ***/
/***********************************/

#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; opacity: 0; }
#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; }

/***Disable Mobile Burger Menu***/ 
#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; }


/***********************************/
/*** 6.MEDIA QUERIES             ***/
/***********************************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}

/* Divi ----------- */
@media only screen 
and (min-width : 480px)
and (max-width : 979px) {


	
}

/* Divi ----------- */
@media only screen 
and (min-width : 540px) {

}

/* Divi ----------- */
@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; }

}
	
/* Divi ----------- */
@media only screen 
and (min-width : 980px) {
	

	
}

/* Divi ----------- */
@media only screen 
and (min-width : 1155px) {

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}