/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme for Wireless PA
 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
*/

/* * * * * * * * * * * * * * * * * */
/* * *      1.VARIABLES        * * */
/* * * * * * * * * * * * * * * * * */

:root {
  --header-height: 80px;
  --color-primary: #f3e506;
  --color-secondary: #000816;  /* rgba(82,80,158,0.6) */
  --color-tertiary: #e6e7e8;
  --color-secondary80pc: rgba(0, 8, 22, 0.8);
  --color-text: #59595b;
  --color-midgrey: #6d6e71;
  --color-ltgrey: #8f9194;
  --color-white:#fff;
  --color-black:#000;
}
body, html {
  font-family: "Source Sans 3", sans-serif;
  font-size: 62.5%;
  height: 100%;
  width: 100%;
}
body.et_cover_background {
  background-color: white;
}

.child .white {
  color: var(--color-white);
}

/* * * * * * * * * * * * * * * * * */
/* * *    2.TYPOGRAPHY         * * */
/* * * * * * * * * * * * * * * * * */

.child h1, .child h2, .child h3, .child h4, .child h5 {
  color: var(--color-text);
  font-family: "carbon", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.child h6, .child p, .child body, .child a {
  color: var(--color-text);
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.child h1 { 
  color: var(--color-primary);
  font-size: clamp(4.5rem, 4.5vw, 7rem);
  font-weight: 900;
  letter-spacing: 1px;
}
.child h1 span {
  color: var(--color-white);
}
.child h2 {
  color: var(--color-secondary);
  font-size: clamp(3.5rem, 4.5vw, 5.8rem);
  font-weight: 900;
  line-height: 1.1em;
  padding-bottom: .4em;
  text-transform: capitalize;
}
.child .yellow h2 {
  color: var(--color-primary);
}
.child .white h2 {
  color: var(--color-white);
}
.child h3 {
  color: var(--color-secondary);
  font-size: clamp(2.7rem, 4.5vw, 5.6rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.1em;
  text-transform: capitalize;
}
.child .yellow h3, .child h3.yellow {
  color: var(--color-primary);
}
.child h4 {
  color: var(--color-secondary);
  font-size: clamp(2.55rem, 3.45vw, 4.4rem); 
  font-weight: 900;
  padding-top: 1em; 
  padding-bottom: .6em;
  text-transform: capitalize;
}
.child h5 {
  color: var(--color-secondary80pc);
  font-size: clamp(2.8rem, 3.8vw, 4.8rem); 
  font-style: italic !important;
  font-weight: 500;
  letter-spacing: .05em;
  padding-bottom: .6em;
  text-transform: uppercase;
}
.child .yellow h5, .child h5.yellow {
  color: var(--color-primary);
}
.child .blue h5, .child h5.blue {
  color: var(--color-secondary);
}
.child .white h5, .child h5.white {
  color: var(--color-white);
}
.child h6, .child h6.entry-title {
  color: var(--color-secondary);
  font-size: clamp(2.4rem, 2.6vw, 3.6rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4em;
}
.child h6.footer-tel, .child h6.footer-tel a, .child h6.footer-addy {
  font-size: clamp(3rem, 3.8vw, 4rem);
  font-weight: 300;
  letter-spacing: 0.05em;
  margin-bottom: .2em;
  text-shadow: 0px 0px 5px #000000;
  text-transform: none;
  transition: .2s;
}
.child h6.footer-tel a:hover {
  color: var(--color-accentyellow);
}
.child h6.footer-addy {
  font-size: clamp(1.6rem, 1.8vw, 2rem);
}
.child p, .et_pb_text p {
  font-size: clamp(1.8rem, 2vw, 2.5rem);
  font-weight: 400;
  line-height: 1.265em;
  cursor: default;  
}
.child p a {   
  border-bottom: 2px solid var(--color-secondary);
  color: var(--color-secondary);
  font-weight: 500;
  line-height: 1.6em;
  padding-bottom: 1px;
  transition: all .1s; 
}
.child p.white a {   
  border-bottom: 2px solid var(--color-white);
  color: var(--color-white);
}
.child p a:hover {   
  color: var(--color-primary);
}
.child p.white a:hover {   
  border-bottom: 2px solid var(--color-primary);
  color: var(--color-primary);
}
.child .intro p, .child p.intro {
  color: var(--color-text);
  font-size: clamp(1.9rem, 2.2vw, 2.8rem);
  letter-spacing: 0.01em;
  line-height: 1.5em;
}
.child .intro p span, .child p.intro span {
  color: var(--color-secondary);
  font-weight: 600;
}
.child p.large {
  color: var(--color-text);
  font-weight: 600;
}
.child p.small {
  font-size: clamp(1.6rem, 1.7vw, 2rem);
  line-height: 1.8em;
}
.child p strong {
  color: var(--color-secondary);
  font-weight: 700;
}
.child .white p, .child .white p.intro, .child .white p.large, .child .white p.small {
  color: var(--color-white);
}
.et-pb-contact-message p {
  color: var(--color-white);
}
.child ul, .child ol { 
  margin-top: 0px;
  margin-left: 3px;
  padding-bottom: 1.8em;
}
.child ul li, .child ol li {   
  color: var(--color-secondary);
  font-family: "source sans", sans-serif;
  font-size: clamp(1.8rem, 2.05vw, 2.3rem);
  font-weight: 400;
  line-height: 1.35; 
  padding-left: 12px;
  margin-bottom: 9px; 
}
.child ul li a, .child ol li a{ 
  border-bottom: 0 solid var(--color-secondary);
  color: var(--color-secondary); 
  transition: border-bottom .1s; 
}
.child ul li a:hover, .child ol li a:hover { 
  border-bottom: 0 solid var(--color-primary);
}
.child ul li::marker {
  color: var(--color-secondary);
}




/* * * * * * * * * * * * * * * * * */
/* * *       3.GENERAL         * * */
/* * * * * * * * * * * * * * * * * */

/* Cursor Styling       ----------- */


/* Buttons              ----------- */
.button-one, 
.button-two, 
.button-three, 
.ams-contact button, 
button.et_pb_contact_submit, 
a.et_pb_button, 
.et_pb_contact_submit, 
.et_pb_button {
  background-color: var(--color-primary);
  border: none !important;
  border-bottom: 3px solid var(--color-secondary) !important; 
  border-radius: 0;
  color: var(--color-secondary);
  cursor: pointer;
  font-family: "carbon", sans-serif;
  font-size: clamp(2.3rem, 2.3vh, 2.6rem);
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  padding-top: .35em !important;
  padding-right: 1.1em !important;
  padding-bottom: .35em !important;
  padding-left: 1.1em !important;
  margin-left: 0 !important; 
  position: relative;
  text-transform: uppercase;
  transition: all 0.3s;
  z-index: 100;
}
.button-one:hover, 
.button-two:hover, 
.button-three:hover, 
.ams-contact button:hover, 
button.et_pb_contact_submit:hover, 
a.et_pb_button_one:hover, 
.et_pb_contact_submit:hover, 
.et_pb_button:hover,
#menu-main-menu > li:last-child:hover > a {
  background-color: var(--color-secondary) !important;
  color: var(--color-primary);
  padding-top: .35em !important;
  padding-right: 1.1em !important;
  padding-bottom: .35em !important;
  padding-left: 1.1em !important;
  z-index: 100;
}
.button-one::before, .et_pb_button::before {
  /* font-size: 1.8em !important;
  margin-left: -1.2em !important; */
}
button.et_pb_contact_submit {
  background-color: var(--color-primary) !important;
  font-weight: 600;
  letter-spacing: 0.1em;
}
button.et_pb_contact_submit:hover {
  background-color: var(--color-tertiary) !important;
  color: var(--color-secondary) !important;
}
.button-two {
  background-color: var(--color-secondary) !important;
  color: var(--color-white);
}
.button-two:hover {
  background-color: var(--color-primary) !important;
}
.button-three {
  background-color: var(--color-primary) !important;
  color: var(--color-secondary);
}
.button-three:hover {
  background-color: var(--color-white) !important;
}

/* Underlines            ----------- */
hr {
  border-top: none;
  border-bottom: 1px solid var(--color-ltgrey);
  margin: 6px 0 0 0;
}
hr.fullwidth {
  border-top: none;
  border-bottom: 1px solid var(--color-ltgrey);
  margin: 6px 0 50px 0;
}
hr.col-cont-top {
  border-top: none;
  border-bottom: 1px solid var(--color-white);
  margin: 10px 0 20px 0;
}
hr.col-cont-bot {
  border-top: none;
  border-bottom: 1px solid var(--color-white);
  margin: 20px 0 20px 0;
}
hr.h2-underline {
  border-top: none;
  border-bottom: 6px solid var(--color-secondary);
  margin: 60px 0 0px 0;
  width: 66%;
}

/* * * * * * * * * * * * * * * * */
/* * *       4.HEADER        * * */
/* * * * * * * * * * * * * * * * */

/* Prevent Menu Jump */
#page-container {
  /* padding-top: 0px !important; */
}
#main-header {
  /* top: 0px !important; */
}


/*-----------------------------------------------------------------------------------*/

/* Burger Navigation */

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/* Mobile Menu */

/*-----------------------------------------------------------------------------------*/
/* Prevent Divi menu collapsing at 980px */
@media (max-width: 980px) {

  /* Show desktop menu */
  #top-menu {
    display: block !important;
  }

  /* Hide hamburger icon */
  .mobile_menu_bar {
    display: none !important;
  }

  /* Keep menu inline */
  .et_pb_menu__menu {
    display: flex !important;
  }

  .et_mobile_nav_menu {
    display: none !important;
  }

}
/* #main_nav .et_mobile_menu {
  height: 100dvh;
  width: 100dvw;
}
#main_nav .opened .mobile_menu_bar::before {
  content: '\4d';
}
#main_nav .et_mobile_menu {
  background: rgb(0,30,80);
  background: linear-gradient(180deg, rgba(82,80,158,0.97) 0%, rgba(82,80,158,0.94) 100%); 
  padding: 7vh 3% 10% 5%;
  z-index: 10 !important;
}
ul#mobile_menu2.et_mobile_menu {
  border-top: none !important;
  margin-top: 0px !important;
  margin-left: -29px !important;
}
#main_nav .et_mobile_menu li a {
  border-bottom: none;
  color: var(--color-white) !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  letter-spacing: .01em;
  padding-bottom: 0;
  padding-left: 0;
  text-transform: capitalize;
}
#main_nav .et_mobile_menu li:last-child {
  text-align: left;
}
#main_nav .et_mobile_menu li:last-child a {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  
  background-color: var(--color-primary);
  border: none !important; 
  border-radius: 50px;
  color: var(--color-white);
  cursor: pointer;
  font-family: "carbon", sans-serif;
  font-size: 2rem;
  font-weight: 500 !important;
  letter-spacing: 0em;
  padding-top: .35em !important;
  padding-right: .9em !important;
  padding-bottom: .35em !important;
  padding-left: 2.4em !important;
  margin-top: 20px !important;
  margin-left: -7px !important; 
  position: relative;
  text-transform: uppercase;
  transition: all 0.3s;
  z-index: 100;
} */



/*-----------------------------------------------------------------------------------*/

/* Fullscreen Menu */

/*-----------------------------------------------------------------------------------*/

.et_pb_menu ul li a {
  font-size: clamp(1.7rem, 2.3vw, 2.7rem) !important;
}
.et_pb_menu ul li a:hover {
  color: var(--color-primary) !important;
  opacity: 1 !important;
  text-decoration: underline;
}


/* * * * * * * * * * * * * * * * */
/* * *     5.CONTAINERS      * * */
/* * * * * * * * * * * * * * * * */

/*-----------------------------------------------------------------------------------*/

/* #scrolling_banner */
.scrolling-banner {
  width: 100%;
  overflow: hidden;
  background: #fff; /* Change background color */
  color: #fff; /* Text color */
  white-space: nowrap;
}

.scrolling-track {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 60s linear infinite;
}

.scrolling-track span {

  padding-right: 50px;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*-----------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------*/

/* #intro */
/* Add this class to your Divi section */
.speaking-bg {
  position: relative; /* required for absolute positioning */
  overflow: hidden;
}

/* The animated SVG background element */
.speaking-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;

  width: 38vw;   /* adjust size */
  height: 38vw;  /* adjust size */

  background: url('/wp-content/uploads/2026/02/logo-device-yellow.svg') 
              no-repeat top right;
  background-size: contain;

  animation: speakingPulse 1.4s ease-in-out infinite;
  transform-origin: top right;

  pointer-events: none;
  z-index: 0;
}

/* Speaking animation */
@keyframes speakingPulse {
  0%   { opacity: 0.45; transform: scale(1); }
  25%  { opacity: 1;    transform: scale(1.05); }
  50%  { opacity: 0.65; transform: scale(1.02); }
  75%  { opacity: 1;    transform: scale(1.06); }
  100% { opacity: 0.45; transform: scale(1); }
}

/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/

/* #contact_form */

/*-----------------------------------------------------------------------------------*/

/* Align the submit button */
.et_contact_bottom_container{
display: flex;
align-items: left;
justify-content: left;
width: 100% !important;
}


/*-----------------------------------------------------------------------------------*/

/* #services_list */

/*-----------------------------------------------------------------------------------*/


/* * * * * * * * * * * * * * * * */
/* * *      6. PAGES         * * */
/* * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * */
/* * *   7. GLOBAL STYLES    * * */
/* * * * * * * * * * * * * * * * */

/*-----------------------------------------------------------------------------------*/
  .two-columns .et_pb_row {
    display: flex;
    flex-wrap: wrap;
  }
  .two-columns .et_pb_column {
    width: 47% !important;
  }

/*-----------------------------------------------------------------------------------*/



/* * * * * * * * * * * * * * * * */
/* * *      8. FOOTER        * * */
/* * * * * * * * * * * * * * * * */
#wpa_footer {
  z-index: 10;
}

/***   1of2: Keep regular menu displaying   ***/
#wpa_footer .vertical-menu .et_pb_menu__menu { 
  display: block;
  flex: 0 1 auto;
  
} 
/***   2of2: Prevent mobile menu   ***/
#wpa_footer .vertical-menu .mobile_menu_bar {
  display: none;
}

#wpa_footer .vertical-menu .et-menu {
  margin-left: 0;
}

/*remove default 11px padding on each side of list items*/
#wpa_footer .vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;

}
/*make the menu items fullwidth and add space between them*/
#wpa_footer .vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	margin: 2px 0;
  width: 100%;
}
/*style the menu items*/
#wpa_footer .vertical-menu .et_pb_menu__menu nav ul li a {
	padding-bottom: 4px !important;
}

#wpa_footer p, #wpa_footer p a, #wpa_footer p a:hover { color: var(--color-secondary); font-weight: 600; opacity: 1; transition: all .25s; }
#wpa_footer p a:hover { opacity: .7; }
#wpa_footer p.disclaimer, #wpa_footer p.disclaimer a, #wpa_footer p.absolute, #wpa_footer p.absolute a { font-size:1.5rem; font-weight:400; line-height:1.3rem !important;}
#wpa_footer p.disclaimer, #wpa_footer p.disclaimer a { color: var(--color-text); letter-spacing: 0em; transition: 0.25s; }
#wpa_footer p.disclaimer a { border-bottom: 1px solid rgba(255,255,255,0); padding-bottom: 1px; }
#wpa_footer p.disclaimer a:hover { border-bottom: 1px solid rgba(255,255,255,0); color:rgba(255,255,255,1); }
#wpa_footer p.disclaimer span.separator { color: #3f3f3f; padding-right: 9px; padding-left: 9px; }

#wpa_footer p.absolute, #wpa_footer p.absolute a { border-bottom: 0; color: var(--color-text); font-size:1.3rem; font-weight: 400; letter-spacing: .02em; padding-top: 2px; text-transform: uppercase; transition: .25s; }
#wpa_footer p.absolute a span { border-bottom: 0; color: var(--color-text); font-weight: 900; text-transform: none; transition: .25s; }
#wpa_footer p.absolute a:hover { border-bottom: 0; }
#wpa_footer p.absolute a:hover span { border-bottom: 0; color:#ff5400; }



/* * * * * * * * * * * * * * * * */
/* * *       9. BLOG         * * */
/* * * * * * * * * * * * * * * * */

/*-----------------------------------------------------------------------------------*/

/* Widgets */

/*-----------------------------------------------------------------------------------*/



/* * * * * * * * * * * * * * * * * */
/* * *       10.WP-LOGIN        * * */
/* * * * * * * * * * * * * * * * * */

.login #nav a:hover {
  color: var(--color-primary) !important;
}



/* * * * * * * * * * * * * * * * * */
/* * *    11.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) {
  

  

}
	
/* Divi ----------- */
@media only screen 
and (min-width : 980px) {
  .child .intro p, .child p.intro {
    line-height: 1.6em;
  }
	.speaking-bg::before {
    width: 28vw;   /* adjust size */
    height: 28vw;  /* adjust size */
  }
  .child ul, .child ol { 
    margin-left: 20px;
  }
  #wpa_footer p.disclaimer, #wpa_footer p.disclaimer a, #wpa_footer p.absolute, #wpa_footer p.absolute a {    font-size:1.7rem;
    letter-spacing: .05em;
  }
  #wpa_footer p.absolute, #wpa_footer p.absolute a {
    font-size:1.5rem;
    letter-spacing: .07em;
  }
}


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

}

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



}

@media only screen 
and (min-width : 1524px) {



}

/* 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) {

}