/*
Theme Name: Choi-Burns
Description: Custom Template for Choi & Burns, LLC
Template: Divi
*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
@import url(../Divi/style.css);

@font-face {
    font-family: 'proxima_novathin';
	font-display: swap;
    src: url('fonts/proximanova-thin-webfont.eot');
    src: url('fonts/proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-thin-webfont.woff2') format('woff2'),
         url('fonts/proximanova-thin-webfont.woff') format('woff'),
         url('fonts/proximanova-thin-webfont.ttf') format('truetype'),
         url('fonts/proximanova-thin-webfont.svg#proxima_novathin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novaregular';
	font-display: swap;
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novaitalic';
	font-display: swap;
    src: url('fonts/proximanova-regularit-webfont.eot');
    src: url('fonts/proximanova-regularit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regularit-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regularit-webfont.woff') format('woff'),
         url('fonts/proximanova-regularit-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regularit-webfont.svg#proxima_novaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novasemibold';
	font-display: swap;
    src: url('fonts/proximanova-semibold-webfont.eot');
    src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semibold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novasemibold_it';
	font-display: swap;
    src: url('fonts/proximanova-semiboldit-webfont.eot');
    src: url('fonts/proximanova-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semiboldit-webfont.woff2') format('woff2'),
         url('fonts/proximanova-semiboldit-webfont.woff') format('woff'),
         url('fonts/proximanova-semiboldit-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semiboldit-webfont.svg#proxima_novasemibold_it') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novabold';
	font-display: swap;
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novabold_italic';
	font-display: swap;
    src: url('fonts/proximanova-boldit-webfont.eot');
    src: url('fonts/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-boldit-webfont.woff2') format('woff2'),
         url('fonts/proximanova-boldit-webfont.woff') format('woff'),
         url('fonts/proximanova-boldit-webfont.ttf') format('truetype'),
         url('fonts/proximanova-boldit-webfont.svg#proxima_novabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { font-family: 'proxima_novaregular', Arial, sans-serif; font-weight: normal; font-size: 16px; color: #000 !important; line-height: 20px; }
p { line-height: 20px; }
h1, h2, h3, h4, h5, h6 { font-family: 'proxima_novabold', Arial, sans-serif; font-weight: normal; }
.bold { font-family: 'proxima_novabold', Arial, sans-serif; font-weight: normal; color: #000; }
.boldblue { font-family: 'proxima_novabold', Arial, sans-serif; font-weight: normal; color: #003258; }
.semibold { font-family: 'proxima_novasemibold', Arial, sans-serif; font-weight: normal; }
.italic { font-family: 'proxima_novaitalic', Arial, sans-serif; font-weight: normal; }
.bolditalic { font-family: 'proxima_novabold_italic', Arial, sans-serif; font-weight: normal; }
.capitalize { text-transform: uppercase; }
sup { vertical-align: bottom; font-size: 11px; }
h4 { color: #003258; font-size: 16px; }
.center { text-align: center; }
.space { height: 20px; }
.bigspace { height: 60px; }
div#hr { margin: 0; padding: 0; }
.hr { border-bottom: 1px solid #DDDDDD; }
.medhr { width: 800px; margin: auto; border-bottom: 1px solid #DDDDDD; }
.shorthr { width: 100px; margin: auto; text-align: center; border-bottom: 1px solid #DDD; }


body.et_cover_background { background-color: #838580; }
#page-container { padding: 0 !important; background-color: #FFF; }

#main-header { box-shadow: none; padding: 0; border-bottom: 10px solid #838580; height: 60px; }
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding-top: 20px !important; }
div#et-top-navigation { padding-left: 230px !important; }
.nav li li { padding: 0 !important; }
#top-menu li { font-family: 'proxima_novasemibold', Arial, sans-serif; font-weight: normal; }
#top-menu li > a { padding-bottom: 0 !important; }
#top-menu li > a:hover { color: #838580 !important; }
#top-menu a { color: #003258 !important; text-transform: uppercase; }
#top-menu ul.sub-menu { padding: 0 5px; top: 30px; left: -5px; width: 128px; }
#top-menu ul.sub-menu a { text-transform: capitalize; font-family: 'proxima_novaregular', Arial, sans-serif; font-size: 12px; line-height: 14px; padding: 5px 0; margin: 5px 7px; width: 102px; }
#top-menu ul.sub-menu a:hover { background-color: #EEE; }
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after { padding-bottom: 25px; padding-left: 40px; }
#top-menu.nav li ul { border-top: 10px solid #DDD; }
#top-menu .sub-menu li { border-bottom: 1px solid #DDD; }
#top-menu .sub-menu li:last-of-type { border-bottom: none; }
#menu-item-1674, #menu-item-1638, #menu-item-600, #menu-item-1545, #menu-item-1416, #menu-item-1548, #menu-item-591 { border-right: 2px solid #DDDDDD; padding-right: 16px !important; padding-top: 2px; }
#menu-item-1638, #menu-item-599, #menu-item-652, #menu-item-1545, #menu-item-1416, #menu-item-1548, #menu-item-591, #menu-item-590 { padding-left: 10px; }
#top-menu li.current-menu-item > a, .fullwidth-menu li.current-menu-item > a { color: #838580 !important; }

.et-fixed-header #top-menu > li > a { padding-bottom: 0px; }
.et-fixed-header #top-menu > li { margin-bottom: 15px; }
#main-header.et-fixed-header ul.sub-menu { top: 30px; }
#et_mobile_nav_menu .mobile_menu_bar:before, #et_mobile_nav_menu .et_overlay:before { color: #003258 !important; }
#mobile_menu.et_mobile_menu { border-top: 10px solid #003258; top: 65px; }
ul#mobile_menu { text-transform: uppercase; }
.et_mobile_menu li a { color: #838580; }
.et_mobile_menu li a:hover { color: #003258; }
.et_mobile_menu .menu-item-has-children>a { background-color: rgba(0,0,0,0); }

a { color: #003258 !important; font-family: 'proxima_novasemibold', Arial, sans-serif; }
#main-content a:hover { text-decoration: underline; font-weight: 700; }
.et_pb_row:nth-of-type(n+2) { padding-top: 10px; }

#main-footer { background-color: #FFF !important; }
#footer-bottom { background-color: #838580; padding: 5px 0 0; font-size: 12px; }
#footer-info { color: #FFF; padding-bottom: 7px; }
.footerpadright { padding-right: 5px; }
.footerpadboth { padding: 0 5px; }
.footerpadleft { padding-left: 5px; }
.linkedin > a { background-image: url("http://choiburns.com/wp-content/uploads/2015/10/In-White-21px-R.png"); }
.linkedin > a:hover { background-image: url("http://choiburns.com/wp-content/uploads/2015/10/In-2CRev-21px-R.png"); }
img.linkedinlogo { padding: 0 5px; position: relative; top: 5px; width: 40px; height: 21px; }
#footer-info a { font-weight: 700; color: #FFF !important; }
#footer-info a:hover { text-decoration: underline; }


/*------------------------------------------------*/
/*---------------------[HOME]---------------------*/
/*------------------------------------------------*/
div#hero-bg { height: 650px; padding: 35px 0; }

#hero-bg .medhr { width: auto; text-align: right; margin: 0; } 
#hero-bg .et_pb_row { top: 150px; padding: 20px 0; }
#hero-bg h1 { font-family: 'proxima_novathin', Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 42px; text-shadow: 1px 1px 2px rgba(72,87,110,0.9); }
#hero-bg h3 { font-family: 'proxima_novaregular', Arial, sans-serif; font-size: 28px; line-height: 30px; text-transform: none; text-shadow: 1px 1px 2px rgba(72,87,110,0.9); margin-top: 10px; }

#home-content { padding: 0; }
#home-content .et_pb_button_module_wrapper.et_pb_module.et_pb_button_alignment_right { padding: 15px 0; }

div#home-content-title-left, div#home-content-title-right { margin: 0; }
#home-content-title-left h1, #home-content-title-right h1 { color: #003258; text-transform: uppercase; font-size: 28px; padding: 30px 25px 10px; line-height: 16px; }
div#home-content-title-left:before { content: ""; border-top: 20px solid #003258; border-right: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #003258; position: absolute; top: 0; left: 0; }
div#home-content-title-right:before { content: ""; border-top: 20px solid #003258; border-right: 20px solid #003258; border-bottom: 20px solid transparent; border-left: 20px solid transparent; position: absolute; top: 0; right: 0; }
div#home-content-text { padding: 10px 25px; color: #003258; }
.learnmore { text-transform: uppercase; font-size: 14px; font-weight: 700; margin-top: 20px; text-align: right; }
.learnmore::after { font-family: 'ETmodules'; font-weight: 400; content: '\e046'; font-size: 15px; position: relative; top: 1px; margin-left: 5px; }

.et_pb_testimonial { padding: 30px; }
.et_pb_testimonial.et_pb_testimonial_no_image.et_pb_bg_layout_light.et_pb_text_align_left.clearfix { background-color: #B6BCC5 !important; padding: 25px 20px 20px; }
.et_pb_testimonial:before { background-color: #B6BCC5; color: #FFF; border: 2px solid #B6BCC5; font-size: 28px; }
.et_pb_testimonial_description { font-size: 15px; }
.et_pb_testimonial_description:before { content: ""; border-top: 20px solid rgba(255,255,255,0.5); border-right: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgba(255,255,255,0.5); position: absolute; top: -25px; left: -25px;}
.et_pb_testimonial_description:after { content: ""; border-top: 20px solid transparent; border-right: 20px solid #FFF; border-bottom: 20px solid #FFF; border-left: 20px solid transparent; position: absolute; bottom: -45px; right: -25px;}
.author_position { float: left; position: relative; top: 18px; margin-bottom: 20px; }
.et_pb_testimonial_author { font-family: 'proxima_novasemibold', Arial, sans-serif; font-weight: normal; border-top: 1px solid #DDD; padding-top: 8px; margin-top: 8px; line-height: 14px; }
p.et_pb_testimonial_meta { float: left; position: relative; }



/*------------------------------------------------*/
/*---------------------[PAGES]--------------------*/
/*------------------------------------------------*/

#pageheader { height: 390px; text-transform: uppercase; }
#page-title { padding: 0; }
#page-title .et_pb_row { padding-top: 10px; padding-bottom: 0; }
div#page-title-text { margin-bottom: 0; }
#page-title-text h1 { font-family: 'proxima_novathin', Arial, sans-serif; color: #003258; text-transform: uppercase; font-size: 24px; position: relative; padding-bottom: 4px; border-bottom: 1px solid #CBCBCB; }


#page-content { padding: 0 0 10px; }


#section-header { margin-bottom: 0; border-top: 10px solid #003258; }
#section-header h1 { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #838580; padding: 16px 0 6px; margin: 0 auto; border-bottom: 1px solid #CBCBCB; }
#section-title { margin: 0; }
#section-title h1 { font-size: 22px; }
#section-title h6 { padding-top: 10px; }
.sect-titleline span::before, .sect-titleline span::after { content: ""; border-bottom: 1px solid #DDD; position: absolute; width: 390px; height: 1px; top: 40%; }
.sect-titleline span::before { right: 60%; margin-right: 45px; }
.sect-titleline span::after { left: 60%; margin-left: 45px; }

#page-section-content .et_quote { margin-top: 20px; }



/*-------------------[INSIGHTS]-------------------*/
/*------------------------------------------------*/
div.insight-article-link > .et_pb_promo_description:before { content:""; border-top: 20px solid rgba(255,255,255,0.5); border-right: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgba(255,255,255,0.5); position: absolute; top: -40px; left: -60px; }
div.insight-article-link > .et_pb_promo_description:after { content:""; border-top: 20px solid transparent; border-right: 20px solid #FFF; border-bottom: 20px solid #FFF; border-left: 20px solid transparent; position: absolute; bottom: -71px; right: -60px; }

.insights h1 { font-size: 18px; }
span.author-title { font-size: 15px; }
.insights ul.bold > li, .insights ul.reg { position: relative; left: 20px; line-height: 20px; }
.insights ol.numbered > li { list-style-position: outside; padding-left: 5px; }
.insights ol.numbered { padding-left: 35px; line-height: 20px; }
.insights li:first-child { padding-top: 10px; }
.insights li { padding-bottom: 10px; }
.insights li:last-child { padding-bottom: 15px; }
.insights ol.numbered > li:first-child { padding-top: 26px; }
#footnote ul { padding-top: 20px; }
#footnote li { list-style-type: none; line-height: 20px; padding-bottom: 10px; font-size: 11px; }
ul.reference li:target, sup#sup1.reference a:target { background-color: #f8f8f8; }




/*-----------------[PHILANTHROPY]-----------------*/
/*------------------------------------------------*/
#philanthropy_blurbs { padding: 25px; border: 1px solid #003258; }
#philanthropy_blurbs .et_pb_main_blurb_image { margin-bottom: 20px; text-align: left; display: block; }



/*---------------------[TEAM]---------------------*/
/*------------------------------------------------*/
#team { margin-top: 10px; }
#team a { font-family: 'proxima_novaregular', Arial, sans-serif; }
#team p { border-bottom: 1px solid #DDD; margin-bottom: 6px; padding-bottom: 6px; }

#post-47 #testimonial { margin-top: 10px; }
.team_author_position { position: relative; top: 27px; }
#post-47 strong.et_pb_testimonial_author { position: relative; top: -15px; }

.bio_image { margin: 0 0 10px; }
#bio-info { padding-top: 15px; border-top: 10px solid #003258; }
#bio-info h3, #bio-info a { color: #000; }
#bio-info h3 { font-size: 17px; line-height: 20px; font-weight: 400; border-bottom: 1px solid #DDD; padding-bottom: 4px; margin-bottom: 8px; }
#bio-info h3.biolong { font-size: 16px; }
#bio-info p { color: #838580; font-size: 12px; line-height: 16px; }
#bio-info a:hover { text-decoration: underline; }
a.email { font-family: 'proxima_novaregular', Arial, sans-serif; font-size: 13px; color: #838580 !important; }

#julie a.email { color: #838580 !important; }
a.nobold { color: #00589C !important; font-family: 'proxima_novaregular', Arial, sans-serif; }


/*-------------------[CONTACT]--------------------*/
/*------------------------------------------------*/
img.contact-logo { padding-bottom: 8px; }
div#contact-info { padding-top: 5px; }
#contactform-title h4, #follow-text h4 { text-transform: uppercase; }
input#et_pb_contact_name_1, input#et_pb_contact_email_1, textarea#et_pb_contact_message_1, button.et_pb_contact_submit.et_pb_button.et_pb_custom_button_icon { text-transform: uppercase; } 
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact_submit { font-family:'proxima_novaregular', Arial, sans-serif; }
div#et_pb_contact_form_0 { color: #003258; }



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/
@media only screen and ( min-width: 1405px ) {

#team-content .et_pb_column_1_4 { border-right: 1px solid #DDDDDD; padding-right: 60px; }
#team-content .et_pb_column_3_4, #contact-content .et_pb_column_3_4 { width: 734px; }
}


@media only screen and (min-width: 1350px) {
.et_pb_row { padding: 25px 0; }
#home-content2 .et_pb_row { padding: 10px 25px; }
}


/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
.medhr { width: 800px; }
#contact-content .et_pb_column_3_4 .et_pb_map { width: 734px; }
#team-content .et_pb_column_1_4 { border-right: 1px solid #DDDDDD; padding-right: 60px; }
#team-content .et_pb_column_3_4, #contact-content .et_pb_column_3_4 { width: 734px; }
}

@media only screen and ( min-width: 1300px ) {
.insight-article-link a.et_pb_promo_button.et_pb_button.et_pb_custom_button_icon {
    text-align: right;
    left: 90%; }
}

@media only screen and ( min-width: 1100px ) {
#logo { top: 8px; position: absolute; min-height: 35px; }
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
#logo { top: 14px; position: absolute; min-height: 26px; }
.medhr { width: 800px; }
.et_pb_column_1_4 { width: 150px; margin-right: 50px; }
#team-content .et_pb_column_1_4 { border-right: 1px solid #DDDDDD; padding-right: 60px; }
#team-content .et_pb_column_3_4, #contact-content .et_pb_column_3_4 { width: 695px; }
}

@media only screen and ( min-width: 981px ) {
div#et-top-navigation { padding-left: 180px !important; }    
#hero-bg .et_pb_row { width: 40%; margin: 0 56%; }
div#hero-bg:before { content: ""; border-top: 500px solid rgba(72,87,110,0.5); border-right: 500px solid rgba(72,87,110,0.5); border-bottom: 500px solid transparent; border-left: 500px solid transparent; position: absolute; top: 61px; right: 0; }
#home-content .et_pb_column.et_pb_column_1_2.et_pb_column_2 { margin-right: 0; }
div#home-content-text.left-margin { margin-left: 25%; }
div#home-content-text.right-margin { margin-right: 25%; }
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
#logo { top: 15px; position: absolute; min-height: 22px; }
.et_header_style_left #logo { max-width: 100%; }
#menu-item-1674, #menu-item-1638, #menu-item-591, #menu-item-1545, #menu-item-1548, #menu-item-590 { border-right: none; }
.medhr { width: 700px; }
.et_pb_column { padding-bottom: 0; }
.et_pb_text_align_right { text-align: left; }
.et_fixed_nav #main-header { height: 75px; }
#hero-bg .et_pb_row.et_pb_row_0 { background-color: rgba(72,87,110,0.5); padding: 25px; }
#testimonials.et_pb_row:last-child .et_pb_column:last-child { margin-bottom: 30px; }

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
.medhr { width: 470px; }
#hero-banner-area { display: none; }
#home-content { padding: 30px 0 0; }
.et_pb_row { padding: 0; }
div#home-section-title { margin-bottom: 0; }
#home-section-content { border-left: none; }
#home-section-content ul { padding: 0 0 0 16px; }
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
.medhr { width: 300px; }
#hero-banner-area { display: none; }
#home-content { padding: 30px 0 0; }
.et_pb_row { padding: 0; }
div#home-section-title { margin-bottom: 0; }
#home-section-content { border-left: none; }
#home-section-content ul { padding: 0 0 0 16px; }
}