/* 
 Theme Name:     TDN Child for Divi New
 Author:         The Digital Navigator LLC
 Author URI:     https://thedigitalnavigator.com 
 Template:       Divi
 Version:        13.10.3
*/ 
/*
 * 
 * TABLE OF CONTENT
 * 
 * 1.0 Html and Body style start  line:25 to 55
 * 2.0 UI kit styles (Typography)  line:66 to 255
 * 2.1 Button Styles (UI Kit)  line:257 to 489
*/ 


/*
 * 
 * 
 * Section 1.0 Html and Body style
 * 
 * 
*/
/*---------- [Html and Body style start] ----------*/

html, body {
    max-width: 100%;
    overflow-x: hidden;
    font-size:17px;
} 
body, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p {
    font-size:17px !important;
}

figcaption {
    text-align: center !important; 
    font-style: italic !important; 
    margin-bottom: 30px !important;
    margin-top:10px !important;
}
figure {
    display:block;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    margin: 20px;
    text-align: center;
}
blockquote {
    border-left:2px solid  !important;
    border-color:#166bfc !important;
}

        /*---------- [Html and Body style end] ----------*/


/*
 * 
 * 
 * Section 2.0 UI kit styles
 * 
 * 
*/

        /*---------- [UI KIT style Start] ----------*/
 /* Mont Typography Define Css Start */

            @font-face {
    font-family: 'Roboto Mono';
    src: url('./fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('./fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('./fonts/RobotoMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



                /* Typography Css Start */
  h1, h2.large {
        font-size: 250%;
    	font-family: 'Roboto Mono'!important;
        font-weight: 700 !important; 
    }
	@media(max-width: 1024px){h1{font-size: 187.5% !important}}
    @media(max-width: 767px){h1{font-size: 137.5% !important}}
	@media(max-width: 1024px){h2.large{font-size: 187.5% !important}}
    @media(max-width: 767px){h2.large{font-size: 137.5% !important}}

    h2, h1.small {
        font-size: 200% !important;
    	font-family: 'Roboto Mono'!important;
        font-weight: 300 !important;
        line-height:1.25em !important;
        letter-spacing: 1px;
    }
	@media(max-width: 1024px){h2{font-size: 156.25% !important}}
    @media(max-width: 767px){h2{font-size: 125% !important}}
	@media(max-width: 1024px){h1.small{font-size: 156.25% !important}}
    @media(max-width: 767px){h1.small{font-size: 125% !important}}

	h2.swish {
	color: #A119F9 !important;
	}

	h2.swish::after {
    content: "";
    display: block;
    background-image: url(https://polcousineau.digitalnavigator.net/wp-content/uploads/2025/09/h2swish.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 50px;
    margin-top: 10px;
	}

    h3 {
        font-size: 147% !important;
    	font-family: 'Roboto Mono'!important;
        font-weight: 300 !important;
		 line-height:1.25em !important;
        letter-spacing: 1px;
    }
    @media(max-width: 1024px){h3{font-size: 125% !important}}
    @media(max-width: 767px){h3{font-size: 112.25% !important}}

    h4 {
    	font-family: 'Roboto Mono'!important;
        font-weight: 300 !important; 
    	font-size: 130% !important;
		 line-height:1.25em !important;
        letter-spacing: 1px;
    }
    @media(max-width: 1024px){h4{font-size: 112.5% !important}}
    @media(max-width: 767px){h4{font-size: 107.5% !important}}

    h5 {
        font-family: 'Roboto Mono' !important;
    	font-weight: 200 !important;
        font-size: 117.25% !important;
		 line-height:1.25em !important;
        letter-spacing: 1px;
    }
    @media(max-width: 1024px){h5{font-size: 106.25% !important}}
    @media(max-width: 767px){h5{font-size: 100% !important}}

    h6 {
        font-family: 'Roboto Mono'!important;
        font-weight: 700 !important; 
        font-size: 88% !important;
		 line-height:1.25em !important;
        letter-spacing: 1px;
		text-transform: uppercase;
		
    }
    @media(max-width: 1024px){h6{font-size: 88% !important}}
    @media(max-width: 767px){h6{font-size: 88% !important}}
  
    p.small-body-text  {
        line-height: 1.5em !important;
        font-size:90% !important;
    }

   .et_pb_text_inner, p, body, li {
    font-family: 'Roboto Mono'!important;
    font-weight: 400;
    font-size: 100%!important;
    letter-spacing: 1px;
}
    @media(max-width: 767px){
        p, body, li{font-size: 90% !important} 
    }
    ol li, ul li{
        padding-top: 5px;
        padding-bottom: 5px;
    }
	
ul.lower-alpha {
	list-style: lower-alpha;
}
ul.lower-roman {
	list-style: lower-roman;
}

/* Cookie Control Notification Bar Typography */
.ccc-notify-text h1 {
	font-size: 125% !important;
}

                /* Typography CSS End */

        /* ------- Button - Styling START ----- */

/*
 * 
 * 
 * Section 3.1 Button Styles (UI Kit)
 * 
 * 
*/

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-cta-figma,
body div#et-main-area .et_pb_section .et_pb_row .et_pb_column .et_pb_button.button-cta-figma{
	display: inline-block;
    font-size: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-shadow: 2px 2px 8px 0px #00000030;
    background: #A119F9;
    color: #fff !important;
    font-family: Roboto Mono !important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 8px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none !important;
    height: auto;
    min-width: 210px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-cta-figma:hover{
	background: #121212 !important;
	color: #FFFFFF !important;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-primary-figma {
    display: inline-block;
    font-size: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-shadow: 2px 2px 8px 0px #00000052 !important;
    background: #C6A77E;
    color: #fff !important;
    font-family: 'Roboto Mono' !important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 8px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    height: auto;
    border: none !important;
    min-width: 210px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-primary-figma:hover{
	background: #121212 !important;
	color: #FFFFFF;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-primary-figma.disable{
	opacity: 0.5;
}


body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-secondary-figma,body div#et-main-area .et_pb_section .caseStudy .button-secondary-figma, .pagination a
{
	    display: inline-block;
    font-size: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-shadow: 2px 2px 8px 0px #00000052 !important;
    background: #C1C8C3 !important;
    color: #FFFFFF !important;
    font-family: 'Roboto Mono' !important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 8px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    height: auto;
    border: none !important;
    min-width: 210px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-secondary-figma.disable{
	opacity: 0.5;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-secondary-figma:hover{
	background: #121212 !important;
	color: #FFFFFF;
}


.button-tertiary-figma, 
body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-figma
{
	display: inline-block;
	font-size: 20px;
	padding-top: 15px!important;
    padding-bottom: 15px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	background: #F5F5F5 !important;
    color: #A119F9 !important;
	font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: bold !important;
    border-radius: 8px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none !important;
	border-color: #F5F5F5 !important;
    min-width: 210px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-figma.disable{
	opacity: 0.5;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-figma:hover{
	background: #121212 !important;
	color: #FFFFFF !important;
}


.services-card .button-primary-figma
{
	width:100%;
}


section#comment-wrap .et_pb_button {
    padding: 21px 45px!important;
}

	
	div.et_pb_button_module_wrapper {
		margin-bottom: 32px !important;
	}

    /*Figma cta button style start*/

     .master-banner-double-button .et_pb_button_one , .et_pb_button.et_pb_pricing_table_button , .form-submit .et_pb_button {
        background: #D71439 !important;
        color: #fff !important;
		padding: 21px 45px !important;
    }


.et_pb_button.et_pb_pricing_table_button:hover {
        background:#DB3555 !important;
        color: #fff !important;
        box-shadow:none !important;
    }

    .et_pb_button.et_pb_pricing_table_button:hover {
        padding: 21px 45px !important;
        border:none !important;
    }
.form-submit .et_pb_button:hover{
    color:#fff !important;
    border:none !important;
    box-shadow: 0px 5px 30px 5px rgba(215, 20, 57, 0.3) !important;
}
    .et_pb_button.button-cta-figma.disable , .et_pb_button.button-cta-figma.disable:hover{
        background:#A119F9 !important;
        color: #FFFFFF !important;
        box-shadow:none !important;
		opacity: 0.5;
    }


/* .et_pb_button.button-cta-figma,*/
.master-banner-double-button .et_pb_button_one{
		box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%) !important;
    }

   /* .et_pb_button.button-cta-figma:hover,*/
.master-banner-double-button .et_pb_button_one:hover {
        background: #D71439 !important;
		box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%) !important;
        border-radius: 10px;
        border:none !important;
    }
    /*Figma cta button style end*/


    /*Figma Secondry button style start*/
    .et_pb_button.button-secondary-figma, .master-banner-double-button .et_pb_button_two, .pagination a {
        background: rgba(39,112,236,0.2) !important;
        color: #2770EC !important;
        border: 2px solid transparent !important;
		padding: 21px 45px !important;
    }

    .et_pb_button.button-secondary-figma:hover, .master-banner-double-button .et_pb_button_two:hover , .pagination a:hover {
        background: #2770EC !important;
        box-shadow: 0px 5px 35px rgba(39, 112, 236, 0.4) !important;
        border-radius: 10px;
        border: 2px solid transparent !important;
        color:#fff !important;
    }

    .et_pb_button.button-secondary-figma.active , .et_pb_button.button-secondary-figma.active:hover, .master-banner-double-button .et_pb_button_two.active, .master-banner-double-button .et_pb_button_two.active:hover{
        background: rgba(39, 112, 236, 0.2) !important;
        color: #2770EC !important;
        border: 2px solid #2770EC !important;
        box-shadow:none !important;
    }

    .et_pb_button.button-secondary-figma.disable , .et_pb_button.button-secondary-figma.disable:hover, .master-banner-double-button .et_pb_button_two.disable, .master-banner-double-button .et_pb_button_two.disable:hover {
        background: #BFCDE6 !important;
        color: #749FE9 !important;
        border: 2px solid transparent !important;
        box-shadow:none !important;
    }

    /*Figma Secondry button style end*/

    /*Figma Tertiary button style start*/
    .et_pb_button.button-tertiary-figma{
        background: #fff !important;
        color: #2770EC !important;
        border: 2px solid transparent !important;
		padding: 21px 45px !important;
    }

    a.et_pb_button.button-tertiary-figma:hover {
        background: #fff !important;
        box-shadow: 0px 10px 35px 10px rgba(0, 0, 0, 0.2) !important;
        border-radius: 10px;
        border: 2px solid transparent !important;
        color:#2770EC !important;
    }
    
a.et_pb_button.button-tertiary-figma:hover {
    color: #2770ec !important;
}
    .et_pb_button.button-tertiary-figma.active , .et_pb_button.button-tertiary-figma.active:hover{
        background: rgba(255, 255, 255, 0.2) !important;
        border: 2px solid #FFFFFF !important;
        box-shadow:none !important;
    }
    .et_pb_button.button-tertiary-figma.disable , .et_pb_button.button-tertiary-figma.disable:hover{
        background:  #528DF0 !important;
        color:#A8C6F7 !important;
        border: 2px solid transparent !important;
        box-shadow:none !important; 
    }


    /*Figma Tertiary button style end*/
            /* ------- Button - Styling End ----- */

            /*---------- [UI KIT style End] ----------*/

/*---------- About page start ------------*/
ul.custom-menu {
  list-style: none;
  padding: 0;
  margin:20px 0 0 20px;
}
ul.custom-menu li {
  margin: 3px 0;
}
ul.custom-menu a {
  color: #A119F9;
  font-weight: 700;
  font-size: 117%;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}
ul.custom-menu a::before {
  content: "→";
  margin-right: 10px;
  font-size: 24px;
  transition: transform 0.3s ease;
}
ul.custom-menu a:hover::before {
  transform: translateX(5px);
}
ul.custom-menu a:hover {
  color: #A119F9;
}

.et-pb-arrow-right:before {
  content: "\35"; /* ETModules right arrow code */
}

.gform_heading .gform_title{
  display: none!important;
}


/*---------- Brand Page --------------*/
.brand-link {
  color: #d000ff;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid #d000ff;
  padding-bottom: 2px;
  display: inline-block;
  margin-top: 10px;
  transition: all 0.3s ease;
}

.brand-link:hover {
  color: #a100d8;
  border-color: #a100d8;
  transform: translateX(5px);
}

/*---------- Contact page start ------------*/
/* Container reset */
.social-list { list-style: none; margin: 0; padding: 0; }

/* Each item */
ul.social-list { margin:0px !important; 
	padding:0px!important;}
.social-list li { margin-bottom:0px; list-style: none; }

/* Link wrapper - makes whole row clickable */
.social-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px;
  text-decoration: none;
  background: #f7f7f7;     /* pale box */
  border-radius: 4px;
  transition: transform .18s ease, box-shadow .18s ease;
}

/* Icon square */
.social-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2f4b56;     /* icon background */
  color: #fff;
  border-radius: 8px;      /* rounded square */
  font-size: 18px;
  box-shadow: none;
}

/* Label (text) */
.social-label {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0b2330;          /* dark navy text */
  font-size: 16px;
}

/* Hover */
.social-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(12,20,26,0.06);
}
.social-item:hover .social-icon {
  background: #203840;     /* slightly different on hover */
}

/* Responsive: stack icon & label if narrow */
@media (max-width: 480px) {
  .social-item { gap: 12px; padding: 14px; }
  .social-label { font-size: 14px; }
  .social-icon { width: 40px; height: 40px; min-width: 40px; font-size: 16px; }
}

.gform-body .gform_fields .ginput_container .large {
	background-color:#F2F3F4;
	border:none;
	border-radius:10px;
	padding:17px 15px 15px 17px;
}

v.gform-body .gform_fields .ginput_container .large {
	background-color:#F2F3F4;
	border:none;
	border-radius:10px;
	padding:17px 15px 15px 17px;
}

.gform_wrapper.gravity-theme .gfield textarea.medium{
	background-color:#F2F3F4;
	border:none;
	border-radius:10px;
	padding:17px 15px 15px 17px;
}

.gform-footer .et_pb_button .button-cta-figma .et_pb_bg_layout_light{
	background-color:#000000 !important;
}

/*---------- Solutions page start ------------*/
 .solutions-list {
    list-style: none !important;
    padding: 0;
    margin: 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.6;
  }

  .solutions-list li {
    position: relative;
    padding-left: 28px; /* space for the arrow */
    margin: 10px 0;
    color: #111;
  }

  /* purple arrow on the left */
  .solutions-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    color: #9b27ff; /* arrow color */
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
  }

  /* link style that matches the magenta/purple underline in the screenshot */
  .solutions-list a {
    color: #c12aff;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  /* muted descriptive text after each link (optional) */
  .solutions-list .muted {
    color: #444;
    margin-left: 8px;
    font-size: 0.95em;
  }

  /* small responsive tweak */
  @media (max-width: 480px) {
    .solutions-list { font-size: 16px; }
    .solutions-list li::before { font-size: 18px; }
  }

.service-levels {
  list-style: none !important; /* removes default bullets */
  padding: 0;
  margin: 0px 0;
  font-family: "Inter", "Segoe UI", Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #0a0a0a;
}

.service-levels li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px; /* space for custom bullet */
}

/* Custom magenta bullet */
.service-levels li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #d100ff; /* magenta/purple bullet */
  font-size: 26px;
  line-height: 1.4;
}

/* Bold heading (DONE FOR YOU, etc.) */
.service-levels strong {
  font-weight: 700;
  text-transform: uppercase;
}