/*
Theme Name:  United Way of Metro Chicago Impact Report Child Theme
Theme URI:    https://www.liveunitedchicagoimpactreport.org
Description:  Child Theme for United Way of Metro Chicago Impact Report
Author:       United Way of Metro Chicago - MarCom Team
Author URI:   https://www.liveunitedchicago.org
Template:     Divi
Version:      1.0.0
*/






/*
-----------------------------------------------------------------------------
* TABLE OF CONTENTS

1.) MENU ICONS & DIVIDERS (MENU CLASSES)
2.) FOOTERS
3.) DIVI EVENTS CALENDAR
4.) DIVI FILTERGRID
5.) DIVI OVERLAY
6.) SEARCH FIELD ON SEARCH PAGE
7.) CUSTOM TESTIMONIALS
8.) CUSTOM PERSON MODULES
9.) DASHBOARD WELCOME
10.) SOCIAL ICONS
11.) REMOVE BOTTOM FOOTER BAR
12.) VERTICAL ALIGN


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

/* Read More Underline Links */

.myhlink a {
    position:relative;

	  z-index: 1; /* Ensure text is above the underline */
  
  }
  
  /*.myhlink a::after {
    content: '';
    position:absolute;
    bottom: 5px;
    left: 0;
    width:0;
    height: 8px;
    background-color: #ffb238;
    transition: width .75s ease;
	  z-index: -100;  
  
  .myhlink a:hover::after {
    width:100%;
  }*/

.myhlink a:after, .myhlink2 a:after {
    content: '$';
	line-height: inherit;
    font-size: inherit !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
	    opacity: 0; 
	    transition: all 300ms ease 0ms;
}

.myhlink a:hover:after, .myhlink2 a:hover:after {
    margin-left: .3em;
    opacity: 1;
}

.myhlink2 a {
    position:relative;

	  z-index: 1; /* Ensure text is above the underline */
  
  }
  
  /*.myhlink2 a::after {
    content: '';
    position:absolute;
    bottom: 5px;
    left: 0;
    width:0;
    height: 8px;
    background-color: #ffb238;
    transition: width .75s ease;
	  z-index: -100; 
  }
  
  .myhlink2 a:hover::after {
    width:100%;
  }*/

@media screen and (max-width: 100000px) {


.h-underline2 {
    text-decoration: none; /* Remove the default underline */
    position: relative;

}

.h-underline2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px; /* Position the underline directly under the text */
    height: 15px; /* Adjust this value to change the thickness of the underline */
    background-color: #ffb351; /* Set the underline color */
    z-index: -1; /* Ensures the underline doesn't overlap the text */
}

	
	.h-underline3 {
    text-decoration: none; /* Remove the default underline */
    position: relative;

}

.h-underline3::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px; /* Position the underline directly under the text */
    height: 12px; /* Adjust this value to change the thickness of the underline */
    background-color: #ffb351; /* Set the underline color */
    z-index: -1; /* Ensures the underline doesn't overlap the text */
}
	
}



@media screen and (max-width: 980px) {


.h-underline2 {
    text-decoration: none; /* Remove the default underline */
    position: relative;

}

.h-underline2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px; /* Position the underline directly under the text */
    height: 10px; /* Adjust this value to change the thickness of the underline */
    background-color: #ffb351; /* Set the underline color */
    z-index: -1; /* Ensures the underline doesn't overlap the text */
}
	
	
		.h-underline3 {
    text-decoration: none; /* Remove the default underline */
    position: relative;

}

.h-underline3::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px; /* Position the underline directly under the text */
    height: 5px; /* Adjust this value to change the thickness of the underline */
    background-color: #ffb351; /* Set the underline color */
    z-index: -1; /* Ensures the underline doesn't overlap the text */
}
	
	
}

/********************************************************* Smart Slider Carousel 2024 ***********************************/


@media screen and (max-width: 10000px) {

.n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col], .n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-wrapper>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col] {

    height: 285px;
}
}



@media screen and (max-width: 980px) {

.n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col], .n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-wrapper>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col] {

    height: auto;
}
}
/********************************************************* MENU SIZE *********************************************************/
@media screen and (min-width: 1551px) {

	.dvmm_mad_menu_0_tb_header .dvmm_menu__menu .dvmm_menu li a:hover {
  text-decoration: underline;
    text-decoration-color: #ecb751; /* Set the color of the underline */
    text-decoration-thickness: 6px; /* Adjust the thickness if needed */
    text-underline-offset: 9px; /* Adjust this value to move the underline higher */
	
}
	

	
}

@media screen and (max-width: 1600px) {
	.dvmm_mad_menu_0_tb_header .dvmm_menu__menu .dvmm_menu li a:hover {
  text-decoration: underline;
    text-decoration-color: #ecb751; /* Set the color of the underline */
    text-decoration-thickness: 4px; /* Adjust the thickness if needed */
    text-underline-offset: 9px; /* Adjust this value to move the underline higher */
	
}
	

.dvmm_mad_menu_0_tb_header .dvmm_menu__menu .dvmm_menu li a {
font-size: 19px!important;
letter-spacing: 0px!important;
    
}
	

	
	
	
	.dvmm_mad_menu_0_tb_header .dvmm_button_one .dvmm_button_text {
font-size: 19px!important;
letter-spacing: 0.25px!important;
}
	
	
	.dvmm_mad_menu_0_tb_header .dvmm_menu_inner_container .dvmm_logo {
    max-width: 275px!important;
}
}




@media screen and (max-width: 1315px) {

.dvmm_mad_menu_0_tb_header .dvmm_menu__menu .dvmm_menu li a {
font-size: 16px!important;
letter-spacing: 0px!important;
    
}
	
	.dvmm_mad_menu_0_tb_header .dvmm_button_one .dvmm_button_text {
font-size: 16px!important;
letter-spacing: 0.5px!important;
}
	
	
	.dvmm_mad_menu_0_tb_header .dvmm_menu_inner_container .dvmm_logo {
    max-width: 225px!important;
}
}



@media screen and (max-width: 1180px) {

.dvmm_mad_menu_0_tb_header .dvmm_menu__menu .dvmm_menu li a {
font-size: 13px!important;
letter-spacing: 0px!important;
    
}
	
	.dvmm_mad_menu_0_tb_header .dvmm_button_one .dvmm_button_text {
font-size: 13px!important;
letter-spacing: 0px!important;
}
	
	
	.dvmm_mad_menu_0_tb_header .dvmm_menu_inner_container .dvmm_logo {
    max-width: 160px!important;
}
}

.dvmm_mad_menu_0_tb_header .dvmm_button_one {
padding-right: 15px!important;
    padding-left: 10px!important;

}

/********************************************************* DOT NAV *********************************************************/
.chiddn_dotnav_enabled ul.et_pb_side_nav .side_nav_item a span {

    font-weight: 300;
	letter-spacing: .5px;
}


.chiddn_dotnav_enabled ul.et_pb_side_nav .side_nav_item a span {
    width: 225px!important;
	  letter-spacing: .5px!important;
}

.chiddn_dotnav_enabled ul.et_pb_side_nav .side_nav_item a.active span, .chiddn_dotnav_enabled ul.et_pb_side_nav .side_nav_item a:hover span {

    font-weight: 600;
}




/********************************************************* DIVI CAROUSEL *********************************************************/

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.dica_divi_carousel_0.dica_divi_carousel .swiper-pagination-bullet {
    margin-right: 3px!important;
    margin-left: 3px!important;
}



/********************************************************* DIVI Gallery Extended *********************************************************/

.el_masonry_gallery_title_caption_wrapper {
position: absolute;
top: 70%;
left: 50%;
z-index: 99;
width: 100%;
padding: 10px;
visibility: hidden;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 300ms ease;
}

.el_masonry_gallery_item:hover .el_masonry_gallery_title_caption_wrapper {
top: 50%;
visibility: visible;
opacity: 1;
}

.el_masonry_gallery_item .et_overlay:before {
	/***
display: none;***/
	margin-top:100px;
}

.el_masonry_gallery_0 .el_masonry_gallery_item_caption, .el_masonry_gallery_0_lightbox .el_masonry_gallery_item_caption {
 
    line-height: 24px!important;
}


/********************************************************* DIVI Overlay X Fix *********************************************************/

.overlay-close {
    color: #000000 !important;
    background-color: rgba(255,255,255,0.85) !important;
    font-size: 32px !important;
    padding: 5px !important;
    -moz-border-radius: 15% !important;
    -webkit-border-radius: 15% !important;
    -khtml-border-radius: 15% !important;
    border-radius: 15% !important;
}


/********************************************************* 1.) MENU ICONS & DIVIDERS (MENU CLASSES) *********************************************************/



@media screen and (max-width: 10000px) {
	
/* NO ICON / NO DIVIDER */
.menu-nodivider_default-noicon {
margin-right: -6px!important;
}

	
	
/* NO ICON / WITH DIVIDER */
.menu-divider_default-noicon {
border-left: 1px solid #ccc;
margin-right: -6px!important;
height: 30px; /* divider height */ 
}

	
/* WITH ICON / NO DIVIDER  */
.menu-nodivider_default:before {
margin-top: 11px; /* top margin */ 
margin-right: -8px; /* right margin */ 
color: #333!important; /* icon color */ 
font-size: 16px!important; /* icon size */ 
}

/* WITH ICON / WITH DIVIDER */
.menu-divider_default:before {
border-left: 1px solid #ccc;
padding-left: 12px;
margin-right: -8px!important;
margin-top: 6px;
height: 25px; /* divider height */ 
color: #333!important; /* icon color */ 
font-size: 16px!important; /* icon size */ 
line-height: 24px!important;
margin-left: -15px;

}

}



@media screen and (max-width: 980px) {
	
/* DISABLE ICONS AND DIVIDER CSS ON ALL MOBILE MENUS  */

.menu-nodivider_default:before {
display: none;
}
		
.menu-divider_default:before {
display: none;
}
	
.menu-nodivider_default-noicon {
display: none;
}
	
.menu-divider_default-noicon {
display: none;
}
		
}






/************************************************************** 2.) FOOTERS **************************************************************/




/*********************************
5-1.) EMAIL OPT-IN
**********************************/

.et_pb_column .et_pb_newsletter_description, .et_pb_column .et_pb_newsletter_form, .et_pb_column.et_pb_column_inner .et_pb_newsletter_description, .et_pb_column.et_pb_column_inner .et_pb_newsletter_form {
width: auto;
}

/* email opt-in footer - fixes spacing issue between fields in firefox */
.gecko .et_pb_newsletter .et_pb_newsletter_field {
margin-bottom: 0vw;
}
/* email opt-in footer - fixes spacing issue between fields in firefox */


/*********************************
5-1.) EMAIL OPT-IN
**********************************/






/*********************************
5-2.) NAV LIST
**********************************/
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

.nav-link {
display: block;
padding: 0.5rem 1rem;
}


.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}

.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
/*********************************
5-2.) NAV LIST
**********************************/






/*********************************
5-3.) BLOG LIST
**********************************/

/* custom design for blog feed in footer */
.et_pb_post {
margin-bottom: 0px;
}

.et_pb_post .entry-featured-image-url {
display: block;
position: relative;
margin-bottom: 25px;
}

/* this adds calendar icon */
.published::before {
font-family: "FontAwesome";
top:0;
left:-5px;
padding-right:5px;
content: "\f073";
}


/* pages nav in footer stylized */
.nav.flex-column:not(.list-style-icons) > li .nav-link:after {
font-family: "FontAwesome";
content: "\f101";
font-size: 14px;
position: absolute;
right: 15px;
top: 6px;
color: #333;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}



/***************** media query - max 100000 ****************/


@media (max-width:10000px) {
.et_pb_image_container img, .et_pb_post a img {
max-width: 30%;
vertical-align: bottom;
float: left;
padding-right: 10px;
padding-bottom: 5px;
}
}


/***************** media query - max 980 ****************/


@media (max-width:980px) {
.et_pb_image_container img, .et_pb_post a img {
max-width: 15%;
vertical-align: bottom;
float: left;
padding-right: 10px;
padding-bottom: 5px;
}
}


/*********************************
5-3.) BLOG LIST
**********************************/









/************************************************************** 3.) DIVI EVENTS CALENDAR  **************************************************************/

/* event calendar button color */ 
.fc-button-primary {
color: #fff;
background-color: #2c3e50!important;
border-color: #fff!important;
background-color: #0b2477!important;
}

/* event calendar day number text size */ 
.fc-day-number {
font-size: 16px!important;
}








/************************************************************** 4.) DIVI FILTERGRID  **************************************************************/
.mfp-title {
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 300!important;
padding-top: 10px;
}







/************************************************************** 5.) DIVI OVERLAY  **************************************************************/
.overlay-container .overlay-close {
right: 30px;
top: 30px;
}


.overlay {
overflow-x: hidden;
}








/************************************************************** 6.) SEARCH FIELD ON SEARCH PAGE  **************************************************************/

.et_pb_search .et_pb_searchform {
margin: 0px;	
}










/************************************************************** 7.) CUSTOM TESTIMONIALS **************************************************************/



/*********************************
VERTICAL SLIDER
**********************************/


/* set slider row overflow to hidden */
.dvcs_testimonial_slider_row_y_f {
overflow: hidden;
}
/* set the testimonials column width */
.dvcs_testimonials_col_y_f {
width: calc(100% - 70px) !important;
}
/* set the buttons(blurbs) column width */
.dvcs_buttons_col_y_f {
width: 70px !important;
}
/* position next and previous slider buttons */
.dvcs_buttons_col_y_f {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* non-visible testimonials */
.dvcs_testimonial_y_f {
position: absolute;
top: 0;
z-index: 0;
opacity: 0;
}
/* active(current) testimonial */
.dvcs_testimonial_y_f.dvcs_current_y_f {
position: relative;
z-index: 1;
opacity: 1;
}
/* quote icon */ 
.dvcs_testimonial_y_f:before {
z-index: 0;
top: 25px;
left: 230px;
font-size: 40px;
content: "\7b";
}
/* set width and height of slider buttons */
.dvcs_slider_button_y_f {
width: 50px;
height: 50px;
}
/* remove slider button(blurb) padding-left */
.et_pb_blurb_position_left.dvcs_slider_button_y_f .et_pb_blurb_container {
padding-left: 0;
}
/* adjust row and column widths on mobile */
@media all and (max-width: 980px){
.dvcs_testimonial_slider_row_y_f {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 95% !important;
}
.dvcs_testimonials_col_y_f {
width: 100% !important;
}

.dvcs_buttons_col_y_f {
width: 0px !important;
}
}
/* adjust quote icon positioning on phone */
@media all and (max-width: 767px){
.dvcs_testimonial_y_f:before {
top: 185px;
left: 35px;
}
}

/* Slide Animations */
/* apply IN-animation to next testimonial */
.dvcs_next_in_y_f {
opacity: 1;
-webkit-animation: fadeInTop 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInTop 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
/* apply OUT-animation to next testimonial */
.dvcs_next_out_y_f {
opacity: 0;
-webkit-animation: fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1); 
}
/* apply IN-animation to previous testimonial */
.dvcs_prev_in_y_f {
opacity: 1;
-webkit-animation: fadeInBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
/* apply OUT-animation to previous testimonial */
.dvcs_prev_out_y_f {
opacity: 0;
-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); 
}
/* END Slide Animations */

/* VB fixes */
.et_fb_preview_active .dvcs_testimonial_slider_row_y_f {
width: 95% !important;
}
html.et_fb_preview_active--responsive_preview .dvcs_testimonials_col_y_f {
width: 100%!important;
}
html.et_fb_preview_active--responsive_preview .et_pb_column.dvcs_buttons_col_y_f, 
html.et_fb_preview_active.et_fb_preview_active--responsive_preview--phone_preview .et_pb_section .et_pb_row .et_pb_column.dvcs_buttons_col_y_f {
width: 0px !important;
}
.et-fb .dvcs_testimonial_y_f {
z-index: 1;
opacity: 1;
}
.et_fb_preview_active--responsive_preview--phone_preview .dvcs_testimonial_y_f:before {
top: 185px;
left: 35px;
}
/* END VB fixes */

/*********************************
VERTICAL SLIDER
**********************************/









/*********************************
LIGHT SLIDER
**********************************/



/* apply text gradient to section heading */
.dvcs_testimonial_h2_f h2 {
background: -webkit-linear-gradient(350deg,#ff0000 15%,#ef3297 60%);
background: -o-linear-gradient(350deg,#ff0000 15%,#ef3297 60%);
background: linear-gradient(100deg,#ff0000 15%,#ef3297 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff0000;
}
/* set the author name color and font size */
.dvcs_testimonial_f .et_pb_testimonial_author {
color: #ff0000;
font-size: 18px;
}
/* set slider row overflow to hidden */
.dvcs_testimonial_slider_row_f {
overflow: hidden;
}
/* set the center column width */
.dvcs_slider_center_col_f {
width: calc(100% - 140px) !important;
}
/* set the left and right columns width */
.dvcs_left_button_column_f,
.dvcs_right_button_column_f {
width: 70px !important;
}
/* position left and right slider buttons */
.dvcs_left_button_column_f,
.dvcs_right_button_column_f {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dvcs_left_button_column_f {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 10;
}
.dvcs_right_button_column_f {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* non-visible testimonials */
.dvcs_testimonial_f {
position: absolute;
top: 0;
z-index: 0;
opacity: 0;
}
/* active(current) testimonial */
.dvcs_testimonial_f.dvcs_current_f {
position: relative;
z-index: 1;
opacity: 1;
}
/* quote icon */ 
.dvcs_testimonial_f:before {
z-index: 0;
top: 20px;
left: 160px;
font-size: 140px;
content: "\7b";
}
/* set width and height of slider buttons */
.dvcs_slider_button_f {
width: 50px;
height: 50px;
}
/* remove slider button(blurb) padding-left */
.et_pb_blurb_position_left.dvcs_slider_button_f .et_pb_blurb_container {
padding-left: 0;
}
/* adjust row and column widths on mobile */
@media all and (max-width: 980px){
.dvcs_testimonial_slider_row_f {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 95% !important;
}
.dvcs_slider_center_col_f {
width: calc(100% - 70px) !important;
}
.dvcs_left_button_column_f,
.dvcs_right_button_column_f {
width: 35px !important;
}
}
/* adjust quote icon positioning on phone */
@media all and (max-width: 767px){
.dvcs_testimonial_f:before {
top: 140px;
left: 10px;
}
}

/* Slide Animations */
/* apply IN-animation to next testimonial */
.dvcs_next_in_f {
opacity: 1;
-webkit-animation: fadeInRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
/* apply OUT-animation to next testimonial */
.dvcs_next_out_f {
opacity: 0;
-webkit-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); 
}
/* apply IN-animation to previous testimonial */
.dvcs_prev_in_f {
opacity: 1;
-webkit-animation: fadeInLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
/* apply OUT-animation to previous testimonial */
.dvcs_prev_out_f {
opacity: 0;
-webkit-animation: fadeOutLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); 
}
/* END Slide Animations */

/* VB fixes */
.et_fb_preview_active .dvcs_testimonial_slider_row_f {
width: 95% !important;
}
html.et_fb_preview_active--responsive_preview .et_pb_column.dvcs_left_button_column_f,
html.et_fb_preview_active--responsive_preview .et_pb_column.dvcs_right_button_column_f,
html.et_fb_preview_active.et_fb_preview_active--responsive_preview--phone_preview .et_pb_section .et_pb_row .et_pb_column.dvcs_left_button_column_f, 
html.et_fb_preview_active.et_fb_preview_active--responsive_preview--phone_preview .et_pb_section .et_pb_row .et_pb_column.dvcs_right_button_column_f {
width: 35px !important;
}
.et-fb .dvcs_testimonial_f {
z-index: 1;
opacity: 1;
}
.et-fb .dvcs_left_button_column_f {
z-index: 30;
}
.et_fb_preview_active--responsive_preview--phone_preview .dvcs_testimonial_f:before {
top: 140px;
left: 10px;
}

/* uncomment CSS below if you're using wireframe mode and Divi < v3.13 */

/* .et_fb_preview_active--wireframe_preview .dvcs_left_button_column_f,
.et_fb_preview_active--wireframe_preview .dvcs_right_button_column_f {
display: block;
}
html.et_fb_preview_active--responsive_preview .et_pb_row.dvcs_testimonial_slider_row_f.et_pb_equal_columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} */

/* END VB fixes */


/*********************************
LIGHT SLIDER
**********************************/












/************************************************************** 8.) CUSTOM PERSON MODULES **************************************************************/



/*********************************
PERSON MODULE 1
**********************************/

.et_pb_team_member.dvcs_person_module_effect_1 {
position: relative;
max-width: 320px;
overflow: hidden;
}
.dvcs_person_module_effect_1 .et_pb_team_member_image {
margin: 0;
}
@media (max-width: 980px) and (min-width: 768px) {
.dvcs_person_module_effect_1 .et_pb_team_member_image {
width: 320px;
}
}
.dvcs_person_module_effect_1 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.dvcs_person_module_effect_1:before {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
content: '';
background-color: #ffffff; /* change member description background color here */
opacity: 0;
z-index: 1;
-webkit-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.dvcs_person_module_effect_1 .et_pb_team_member_description  {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
padding: 24px;
z-index: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dvcs_person_module_effect_1 .et_pb_member_position {
background-color: #f3f3f3; /* change member position background color here */
padding: 3px 7px;
margin-bottom: 5px;
}
.dvcs_person_module_effect_1 .et_pb_team_member_description * {
max-width: 300px;
}
.dvcs_person_module_effect_1 .et_pb_member_social_links li:last-of-type {
margin-right: 0px;
}
.dvcs_person_module_effect_1:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.dvcs_person_module_effect_1:hover .et_pb_team_member_description {
opacity: 1;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}

/*********************************
PERSON MODULE 1
**********************************/








/*********************************
PERSON MODULE 2
**********************************/

.et_pb_team_member.dvcs_person_module_effect_2 {
position: relative;
max-width: 320px;
overflow: hidden;
}
.dvcs_person_module_effect_2 .et_pb_team_member_image {
margin: 0;
}
@media (max-width: 980px) and (min-width: 768px) {
.dvcs_person_module_effect_2 .et_pb_team_member_image {
width: 320px;
}
}
.dvcs_person_module_effect_2 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.dvcs_person_module_effect_2 .et_pb_team_member_image img {
opacity: 1;
vertical-align: top;
max-width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dvcs_person_module_effect_2 .et_pb_team_member_description {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
padding: 24px;
opacity: 0;
background-color: #202123; /* change member description background color here */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;

-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: scale(0.1) translateX(200%);
-ms-transform: scale(0.1) translateX(200%);
transform: scale(0.1) translateX(200%);
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.dvcs_person_module_effect_2 .et_pb_member_position {
background-color: #10a3e8; /* change member position background color here */
padding: 3px 7px;
margin-bottom: 5px;
}
.dvcs_person_module_effect_2 .et_pb_team_member_description * {
max-width: 300px;
}
.dvcs_person_module_effect_2 .et_pb_member_social_links li:last-of-type {
margin-right: 0px;
}
.dvcs_person_module_effect_2:hover .et_pb_team_member_image > img {
opacity: 0;
-webkit-transform: scale(0.1) translateX(-200%);
-ms-transform: scale(0.1) translateX(-200%);
transform: scale(0.1) translateX(-200%);
}
.dvcs_person_module_effect_2:hover .et_pb_team_member_description {
opacity: 1;
-webkit-transform: scale(1) translateX(0%);
-ms-transform: scale(1) translateX(0%);
transform: scale(1) translateX(0%);
}

/*********************************
PERSON MODULE 2
**********************************/







/*********************************
PERSON MODULE 3
**********************************/

.dvcs_person_module_row .et_pb_column:hover {
z-index: 10;
}
.et_pb_team_member.dvcs_person_module_effect_3 {
position: relative;
max-width: 320px; 
}
@media (max-width: 980px) and (min-width: 768px) {
.dvcs_person_module_effect_3 .et_pb_team_member_image {
width: 320px;
}
}
.et_pb_team_member.dvcs_person_module_effect_3 {
overflow: visible !important;
}
.dvcs_person_module_effect_3 .et_pb_team_member_image {
margin: 0;
/* min-height: 320px; */ /* image container height is set dynamically using jQuery */
}
.dvcs_person_module_effect_3 .et_pb_member_position {
font-weight: bold;
font-size: 16px !important;
}
.dvcs_person_module_effect_3 .et_pb_team_member_description ul.et_pb_member_social_links {
margin-top: 15px;
}
.dvcs_person_module_effect_3 .et_pb_member_social_links li {
margin-right: 2px;
}
.dvcs_person_module_effect_3 .et_pb_member_social_links li:last-of-type {
margin-right: 0px;
}
.dvcs_person_module_effect_3 a.et_pb_font_icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
width: 35px;
background-color: #005291;
}
.dvcs_person_module_effect_3 a.et_pb_font_icon:hover {
background-color: #539ecf;
}
.dvcs_person_module_effect_3 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.40s ease;
-o-transition: all 0.40s ease;
transition: all 0.40s ease;
}
.dvcs_person_module_effect_3 .et_pb_team_member_image img {
position: absolute;
right: 0%;
top: 50%;
opacity: 1;
width: 100%;
z-index: 1;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.dvcs_person_module_effect_3 .et_pb_team_member_description {
position: absolute;
width: 75%;
top: 50%;
left: 0;
padding: 20px 0 20px 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.dvcs_person_module_effect_3 .et_pb_team_member_description h4,
.dvcs_person_module_effect_3 .et_pb_team_member_description p,
.dvcs_person_module_effect_3 .et_pb_team_member_description ul {
margin: 0;
width: 100%;
opacity: 0;
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}
.dvcs_person_module_effect_3:hover .et_pb_team_member_description h4 {
-webkit-transition-delay: 0.20s;
-o-transition-delay: 0.20s;
transition-delay: 0.20s;
}
.dvcs_person_module_effect_3:hover .et_pb_team_member_description p {
-webkit-transition-delay: 0.30s;
-o-transition-delay: 0.30s;
transition-delay: 0.30s;
}
.dvcs_person_module_effect_3:hover .et_pb_team_member_description ul {
-webkit-transition-delay: 0.40s;
-o-transition-delay: 0.40s;
transition-delay: 0.40s;
}
.dvcs_person_module_effect_3:hover .et_pb_team_member_image img {
width: 36%;
right: -18%;
-webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}
.dvcs_person_module_effect_3:hover .et_pb_team_member_description h4,
.dvcs_person_module_effect_3:hover .et_pb_team_member_description p,
.dvcs_person_module_effect_3:hover .et_pb_team_member_description ul {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}


/*********************************
PERSON MODULE 3
**********************************/









/************************************************************** 9.) DASHBOARD WELCOME  **************************************************************/



@media screen and (max-width: 20000px) 
{
.dashboard-welcome-page-desktop {
display:block;
}

.dashboard-welcome-page-mobile {
display:none;
}

.dashboard-welcome-page-mobile-small {
display:none;
}
}


@media screen and (max-width: 1380px) 
{
.dashboard-welcome-page-desktop {
display:none;
}

.dashboard-welcome-page-mobile {
display:block;
}

.dashboard-welcome-page-mobile-small {
display:none;
}
}


@media screen and (max-width: 660px) 
{
.dashboard-welcome-page-desktop {
display:none;
}

.dashboard-welcome-page-mobile {
display:none;
}

.dashboard-welcome-page-mobile-small {
display:block;
}
}






























/************************************************************** 10.) SOCIAL ICONS **************************************************************/



/*********************************
10-1.) STLYE 1 - OUTLINE
**********************************/

@media screen and (max-width: 10000px) {
.dct_social_v1 li a.icon {
background-color: rgba(255, 255, 255, 0.1) !important;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
text-decoration: none;
}

.dct_social_v1 li a.icon:hover {
background-color: rgba(255, 255, 255, 1) !important;
}
.dct_social_v1 li a.icon:hover::before {
color: #41ab6b;
}

.dct_social_v1 li a.icon::before {
speak: none;
font-size: 20px;
line-height: 50px;
font-style: normal;
font-weight: normal;
font-variant: normal;
width: 50px;
height: 50px;
text-transform: none;
}

.dct_social_v1 li a.icon::after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.dct_social_v1 li a.icon:hover::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}



@media screen and (max-width: 980px) {

.dct_social_v1 li a.icon {
background-color: rgba(255, 255, 255, 0.1) !important;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 10px 10px;
width: 34px;
height: 35px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
text-decoration: none;
}

.dct_social_v1 li a.icon:hover {
background-color: rgba(255, 255, 255, 1) !important;
}

.dct_social_v1 li a.icon:hover::before {
color: #41ab6b;
}

.dct_social_v1 li a.icon::before {
speak: none;
font-size: 20px;
line-height: 35px;
font-style: normal;
font-weight: normal;
font-variant: normal;
width: 35px;
height: 50px;
text-transform: none;
}

.dct_social_v1 li a.icon::after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.dct_social_v1 li a.icon:hover::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}



/* === small === */

@media screen and (max-width: 10000px) {
.dct_social_v1-small li a.icon {
background-color: #cccccc!important;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 5px 5px;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
text-decoration: none;
}

.dct_social_v1-small li a.icon:hover {
background-color: #333333!important;
}

.dct_social_v1-small li a.icon:hover::before {
color: #ffffff;
}

.dct_social_v1-small li a.icon::before {
speak: none;
font-size: 18px;
line-height: 32px;
font-style: normal;
font-weight: normal;
font-variant: normal;
width: 32px;
height: 32px;
text-transform: none;
}

.dct_social_v1-small li a.icon::after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.dct_social_v1-small li a.icon:hover::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

ul.et_pb_social_media_follow_2  {
margin-left: -15px;

}
}

/*********************************
10-1.) STLYE 1 - OUTLINE
**********************************/













/*********************************
10-2.) STLYE 2 - INWARD LINE
**********************************/

@media screen and (max-width: 10000px)
{
.dct_social_v2 li a.icon {
display: inline-block;
background-color: #fff !important;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
box-shadow: 0 0 0 3px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}

.dct_social_v2 li a.icon:hover {
background-color: #789e52 !important;
}

.dct_social_v2 li a.icon::before {
width: 50px;
height: 50px;
speak: none;
font-size: 20px;
line-height: 50px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
color: #789e52;
}

.dct_social_v2 li a.icon::after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}

.dct_social_v2 li a.icon:hover::before {
color: #789e52;
}

.dct_social_v2 li a.icon:hover::after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
}


@media screen and (max-width: 980px) {
.dct_social_v2 li a.icon {
display: inline-block;
background-color: #fff !important;
font-size: 0px;
cursor: pointer;
margin: 10px 10px;
width: 34px;
height: 35px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
box-shadow: 0 0 0 3px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}

.dct_social_v2 li a.icon:hover {
background-color: #789e52 !important;
}

.dct_social_v2 li a.icon::before {
width: 35px;
height: 50px;
speak: none;
font-size: 20px;
line-height: 35px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
color: #789e52;
}

.dct_social_v2 li a.icon::after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}

.dct_social_v2 li a.icon:hover::before {
color: #789e52;
}

.dct_social_v2 li a.icon:hover::after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
}



/* ==== small ==== */

@media screen and (max-width: 10000px)
{
.dct_social_v2-small li a.icon {
display: inline-block;
background-color: #fff !important;
font-size: 0px;
cursor: pointer;
margin: 7px 7px;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
box-shadow: 0 0 0 3px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}

.dct_social_v2-small li a.icon:hover {
background-color: #789e52 !important;
}

.dct_social_v2-small li a.icon::before {
width: 32px;
height: 32px;
speak: none;
font-size: 18px;
line-height: 32px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
color: #789e52;
}

.dct_social_v2-small li a.icon::after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}

.dct_social_v2-small li a.icon:hover::before {
color: #789e52;
}

.dct_social_v2-small li a.icon:hover::after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
}

/*********************************
10-2.) STLYE 2 - INWARD LINE
**********************************/











/*********************************
10-3.) STLYE 3 - SONAR
**********************************/
@media screen and (max-width: 10000px) {
.dct_social_v3 li a.icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
background-color: rgba(255, 255, 255, 0.1) !important;
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
}

.dct_social_v3 li a.icon:before {
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
}

.dct_social_v3 li a.icon:hover {
background: rgba(255, 255, 255, 0.05);
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}

.dct_social_v3 li a.icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}

.dct_social_v3 li a.icon:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
}


@media screen and (max-width: 980px) {
.dct_social_v3 li a.icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 10px 10px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
background-color: rgba(255, 255, 255, 0.1) !important;
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
}

.dct_social_v3 li a.icon:before {
width: 35px;
height: 50px;
font-size: 20px;
line-height: 35px;
}

.dct_social_v3 li a.icon:hover {
background: rgba(255, 255, 255, 0.05);
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}

.dct_social_v3 li a.icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}

.dct_social_v3 li a.icon:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
}


@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
transform: scale(1.5);
opacity: 0;
}
}



/* === small === */
@media screen and (max-width: 10000px) {
.dct_social_v3-small li a.icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 5px 8px;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
background-color: rgba(255, 255, 255, 0.1) !important;
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
}

.dct_social_v3-small  li a.icon:before {
width: 32px;
height: 32px;
font-size: 18px;
line-height: 32px;
}

.dct_social_v3-small  li a.icon:hover {
background: rgba(255, 255, 255, 0.05);
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}

.dct_social_v3-small  li a.icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}

.dct_social_v3-small  li a.icon:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
}
/*********************************
10-3.) STLYE 3 - SONAR
**********************************/













/*********************************
10-4.) STLYE 4 - ANIMATE HORIZONTAL
**********************************/

@media screen and (max-width: 10000px) {
.dct_social_v4 li a.icon {
display: inline-block;
background-color: #0b2477 !important;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v4 li a.icon:after {
display: none;
}

.dct_social_v4 li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #0956a3 !important;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v4 li a.icon:before {
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
}

.dct_social_v4 li a.icon:hover:before {
color: #0956a3;
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
}


@media screen and (max-width: 980px) {
.dct_social_v4 li a.icon {
display: inline-block;
background-color: #0b2477 !important;
font-size: 0px;
cursor: pointer;
margin: 10px 10px;
width: 35px!important;
height: 35px!important;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v4 li a.icon:after {
display: none;
}

.dct_social_v4 li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #0956a3 !important;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v4 li a.icon:before {
width: 35px;
height: 50px;
font-size: 15px;
line-height: 35px;
}

.dct_social_v4 li a.icon:hover:before {
color: #0956a3;
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
}

@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}






/* === small === */

@media screen and (max-width: 10000px) {
.dct_social_v4-small li a.icon {
display: inline-block;
background-color: #0b2477 !important;
font-size: 0px;
cursor: pointer;
margin: 5px 8px;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v4-small  li a.icon:after {
display: none;
}

.dct_social_v4-small  li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #0b2477;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v4-small  li a.icon:before {
width: 32px;
height: 32px;
font-size: 18px;
line-height: 32px;
}

.dct_social_v4-small  li a.icon:hover:before {
color: #0b2477;
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
}


/*********************************
10-4.) STLYE 4 - ANIMATE HORIZONTAL
**********************************/






/*********************************
10-5.) STLYE 5 - ANIMATE TOP
**********************************/

@media screen and (max-width: 10000px) {
.dct_social_v5 li a.icon {
display: inline-block;
background-color: #702fa8 !important;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v5 li a.icon:after {
display: none;
}

.dct_social_v5 li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #702fa8;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v5 li a.icon:before {
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
}

.dct_social_v5 li a.icon:hover:before {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
color: #702fa8;
}
}


@media screen and (max-width: 980px) {
.dct_social_v5 li a.icon {
display: inline-block;
background-color: #702fa8 !important;
font-size: 0px;
cursor: pointer;
margin: 10px 10px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v5 li a.icon:after {
display: none;
}

.dct_social_v5 li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #702fa8;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v5 li a.icon:before {
width: 35px;
height: 50px;
font-size: 20px;
line-height: 35px;
}
.dct_social_v5 li a.icon:hover:before {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
color: #702fa8;
}
}

@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}



/* === small === */

@media screen and (max-width: 10000px) {
.dct_social_v5-small li a.icon {
display: inline-block;
background-color: #702fa8 !important;
font-size: 0px;
cursor: pointer;
margin: 5px 8px;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v5-small li a.icon:after {
display: none;
}

.dct_social_v5-small li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #702fa8;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v5-small li a.icon:before {
width: 32px;
height: 32px;
font-size: 18px;
line-height: 32px;
}

.dct_social_v5 li a.icon:hover:before {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
color: #702fa8;
}
}


/*********************************
10-5.) STLYE 5 - ANIMATE TOP
**********************************/









/*********************************
10-6.) STLYE 6 - ANIMATE BOTTOM
**********************************/

@media screen and (max-width: 10000px) {
.dct_social_v6 li a.icon {
display: inline-block;
background-color: #132f85 !important;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 0px #7ba2d7;
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v6 li a.icon:after {
display: none;
}

.dct_social_v6 li a.icon:hover {
background: #f3b536 !important;
color: #132f85;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.6);
}

.dct_social_v6 li a.icon:before {
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
}

.dct_social_v6 li a.icon:hover:before {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
color: #132f85;
}
}


@media screen and (max-width: 980px) {
.dct_social_v6 li a.icon {
display: inline-block;
background-color: #005291 !important;
font-size: 0px;
cursor: pointer;
margin: 10px 10px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v6 li a.icon:after {
display: none;
}

.dct_social_v6 li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #005291;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v6 li a.icon:before {
width: 35px;
height: 50px;
font-size: 20px;
line-height: 35px;
}

.dct_social_v6 li a.icon:hover:before {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
color: #005291;
}
}

@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}


/* === small === */

@media screen and (max-width: 10000px) {
.dct_social_v6-small li a.icon {
display: inline-block;
background-color: #702fa8 !important;
font-size: 0px;
cursor: pointer;
margin: 5px 8px;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v6-small li a.icon:after {
display: none;
}

.dct_social_v6-small li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #702fa8;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v6-small li a.icon:before {
width: 32px;
height: 32px;
font-size: 18px;
line-height: 32px;
}

.dct_social_v6-small li a.icon:hover:before {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
color: #702fa8;
}
}
/*********************************
10-6.) STLYE 6 - ANIMATE BOTTOM
**********************************/









/*********************************
10-7.) STLYE 7 - THICK OUTLINE
**********************************/

@media screen and (max-width: 10000px) {
.dct_social_v7 li a.icon {
display: inline-block;
background-color: #702fa8 !important;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v7 li a.icon:after {
display: none;
}

.dct_social_v7 li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #702fa8;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}
.dct_social_v7 li a.icon:before {
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
}

.dct_social_v5c li a.icon:hover:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
color: #702fa8;
}
}

@media screen and (max-width: 980px) {
.dct_social_v7 li a.icon {
display: inline-block;
background-color: #702fa8 !important;
font-size: 0px;
cursor: pointer;
margin: 10px 10px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v7 li a.icon:after {
display: none;
}

.dct_social_v7 li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #702fa8;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.dct_social_v7 li a.icon:before {
width: 35px;
height: 50px;
font-size: 20px;
line-height: 35px;
}

.dct_social_v7 li a.icon:hover:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
color: #702fa8;
}
}

@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}







/* === small === */

@media screen and (max-width: 10000px) {
.dct_social_v7-small li a.icon {
display: inline-block;
background-color: #702fa8 !important;
font-size: 0px;
cursor: pointer;
margin: 5px 8px;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.dct_social_v7-small li a.icon:after {
display: none;
}

.dct_social_v7-small li a.icon:hover {
background: rgba(255, 255, 255, 1) !important;
color: #702fa8;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}
.dct_social_v7-small li a.icon:before {
width: 32px;
height: 32px;
font-size: 18px;
line-height: 32px;
}

.dct_social_v5c-small li a.icon:hover:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
color: #702fa8;
}
}
/*********************************
10-7.) STLYE 7 - THICK OUTLINE
**********************************/








/********************************************************* 6.) BACK TO TOP *********************************************************/

.chistb_scrolltop_enabled .et_pb_scroll_top.et-pb-icon .chistb_text_wrapper {
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
	    letter-spacing: .5px;
}








/************************************************************** 11.) REMOVE BOTTOM FOOTER BAR  **************************************************************/

#footer-bottom {
display:none;
}

#main-footer {
display: none;
}


/************************************************************** 12.) VERTICAL ALIGN **************************************************************/

.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}