/* 
 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: 'Mont';
    src: url('./fonts/Mont-Black.eot');
    src: url('./fonts/Mont-Black.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Black.woff2') format('woff2'),
        url('./fonts/Mont-Black.woff') format('woff'),
        url('./fonts/Mont-Black.ttf') format('truetype'),
        url('./fonts/Mont-Black.svg#Mont-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Heavy.eot');
    src: url('./fonts/Mont-Heavy.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Heavy.woff2') format('woff2'),
        url('./fonts/Mont-Heavy.woff') format('woff'),
        url('./fonts/Mont-Heavy.ttf') format('truetype'),
        url('./fonts/Mont-Heavy.svg#Mont-Heavy') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-HeavyItalic.eot');
    src: url('./fonts/Mont-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-HeavyItalic.woff2') format('woff2'),
        url('./fonts/Mont-HeavyItalic.woff') format('woff'),
        url('./fonts/Mont-HeavyItalic.ttf') format('truetype'),
        url('./fonts/Mont-HeavyItalic.svg#Mont-HeavyItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Bold.eot');
    src: url('./fonts/Mont-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Bold.woff2') format('woff2'),
        url('./fonts/Mont-Bold.woff') format('woff'),
        url('./fonts/Mont-Bold.ttf') format('truetype'),
        url('./fonts/Mont-Bold.svg#Mont-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-BoldItalic.eot');
    src: url('./fonts/Mont-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-BoldItalic.woff2') format('woff2'),
        url('./fonts/Mont-BoldItalic.woff') format('woff'),
        url('./fonts/Mont-BoldItalic.ttf') format('truetype'),
        url('./fonts/Mont-BoldItalic.svg#Mont-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
}




@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Regular.eot');
    src: url('./fonts/Mont-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Regular.woff2') format('woff2'),
        url('./fonts/Mont-Regular.woff') format('woff'),
        url('./fonts/Mont-Regular.ttf') format('truetype'),
        url('./fonts/Mont-Regular.svg#Mont-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-RegularItalic.eot');
    src: url('./fonts/Mont-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-RegularItalic.woff2') format('woff2'),
        url('./fonts/Mont-RegularItalic.woff') format('woff'),
        url('./fonts/Mont-RegularItalic.ttf') format('truetype'),
        url('./fonts/Mont-RegularItalic.svg#Mont-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
}


                /* Typography Css Start */
  h1, h2.large {
        font-size: 250%;
    	font-family: 'Mont'!important;
        font-weight: 900 !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: 'Mont'!important;
        font-weight: 900 !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}}

    h3 {
        font-size: 147% !important;
    	font-family: 'Mont'!important;
        font-weight: 900 !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: 'Mont'!important;
        font-weight: 900 !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: 'Mont' !important;
    	font-weight: 700 !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: 'Mont'!important;
        font-weight: 700 !important; 
        font-size: 88% !important;
		 line-height:1.25em !important;
        letter-spacing: 1px;
    }
    @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: 'Mont'!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: 8px;
        padding-bottom: 8px;
    }
	
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 {
	display: inline-block;
	font-size: 20px!important;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%);
	background: #D71439;
    color: #fff !important;
	font-family: Mont!important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none!important;
	height: auto;
    min-width: 190px;
}

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: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
    box-shadow: 2px 2px 8px 0px rgb(39 112 236 / 40%) !important;
    background: #2770EC;
    color: #fff !important;
    font-family: Mont !important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    height: auto;
    border: none!important;
    min-width: 190px;
}


.button-secondary-figma,body div#et-main-area .et_pb_section .caseStudy .button-secondary-figma , .pagination a
{
	display: inline-block;
	font-size: 20px;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	box-shadow: 2px 2px 8px 0px rgb(39 112 236 / 40%) !important;
	background: rgba(39,112,236,.2)!important;
    color: #2770EC !important;
	font-family: Mont;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none;
	position: relative;
    min-width: 190px;
}


.button-tertiary-figma
{
	display: inline-block;
	font-size: 20px;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	background: #fff;
    color: #2770EC mportant;
	font-family: Mont;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: 2px;
	border-color: #2770EC;
    min-width: 190px;
}


.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:#E3C2C8 !important;
        color: #DF7C8F !important;
        box-shadow:none !important;
    }


/* .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] ----------*/


   #gform_submit_button_7,#gform_submit_button_7 {
                font-size: 216%;
                background-color: #2BA9E2;
                color: #fff;
                padding: 13px 0px;
                border: 0;
                font-weight: bold
            }

            #gform_submit_button_7:hover,#gform_submit_button_7:hover {
                background-color: #3bc32a
            }


/* Home CSS */



.footer-contact p a,
.footer-contact span,
.footer-contact span a{
	color: #FFFFFF !important;
	font-size: 16px !important;
	font-family: 'Montserrat' !important;
	
}

.footer-contact .footer-text2 span,
.footer-contact .footer-text1 p{
	font-weight: 600 !important;
}

.footer-contact .footer-text2 span a {
	font-weight: 400 !important;
}

@media (max-width: 480px) {
	.cta-btn-orange {
		line-height: 1.3 !important;
	}
}

#gform_submit_button_9, .red-button-custom, .et_pb_button_0  {
    color: #ffffff !important;
    background-color: #d71439 !important;
    border-radius: 10px;
}


/* Bullets for Training Page */
    ul.mybullet li {
        background: url('https://consumerretirement.org/wp-content/uploads/2021/07/blue-check-mark.png') left top no-repeat;
        padding-left: 35px;
        vertical-align: top;
        list-style: none;
		padding-top:0px;
		padding-bottom:8px;
		margin-top: 10px;
    }

	ul.mybulletred li {
        background: url('https://consumerretirement.org/wp-content/uploads/2023/01/icons8-done-30.png') left top no-repeat;
        padding-left: 35px;
        vertical-align: top;
        list-style: none;
		padding-top:0px;
		padding-bottom:8px;
		margin-top: 10px;
    }