/*======================================
Theme Name: Advist Divi Child Theme
Theme URI: https://diviawesome.com/product/advist-divi-child-theme
Description: Advist lawyers attorneys Divi child theme is created for law firms, advisors, consulting, finance, corporate, and other legal related businesses.
Version: 1.0
Author: Divi Awesome
Author URI: https://diviawesome.com/
Template: Divi
License:  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


/*
 * 
 ********** Header 1 **********
 * 
 */

/*set the background color of the header*/
.pa-header {
	background: transparent;
	padding-top: 15px!important;
	padding-bottom: 0px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}


/*set the background color of the fixed header when scrolling*/
.pa-fixed-header {
	background-color: #141c2c!important;
	padding-top: 0px!important;
	padding-bottom: 10px!important;
	margin-top: -16px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}


/*
 * 
 ********** Header 2 **********
 * 
 */



/*set the background color of the header-2*/
.pa-header-2 {
	background: transparent;
	padding-top: 20px!important;
	padding-bottom: 10px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}


/*set the background color of the fixed header-2 when scrolling*/
.pa-fixed-header-2 {
	background-color: #141c2c!important;
	padding-top: 15px!important;
	padding-bottom: 10px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}  

/*show hamburger menu on desktop for specific menu module*/

@media (min-width: 980px) {
.pa-hamburger-menu .et_pb_menu__menu {
    display: none;
}
.pa-hamburger-menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center;
}
}

/**** Header 2 mobile **********  */


/* Make mobile menu fullwidth */
.header-two
.et_mobile_menu {
min-width: 70vw;
  margin-left: 10vw;
margin-top: 2.5vw;
}

/*
 * 
 ********** Header 3 **********
 * 
 */




/*set the background color of the header-3*/
.pa-header-3 {
	background: transparent;
	padding-top: 10px!important;
	padding-bottom: 5px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}


/*set the background color of the fixed header-3 when scrolling*/
.pa-fixed-header-3 {
	background-color: #141c2c!important;
	padding-top: 0px!important;
	padding-bottom: 10px!important;
	margin-top: -15px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}


/*
 * 
 ********** Header 4 **********
 * 
 */



/*set the background color of the header-4*/
.pa-header-4 {
	background: transparent;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}


/*set the background color of the fixed header-4 when scrolling*/
.pa-fixed-header-4 {
	background-color: #141c2c!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	-webkit-transition: background-color .50s ease-out;
	-moz-transition: background-color .50s ease-out;
	-o-transition: background-color .50s ease-out;
	transition: background-color .50s ease-out;
}

/**** Header 4 mobile **********  */

/* Make mobile menu fullwidth */
.header-four
.et_mobile_menu {
min-width: 60vw;
margin-left: -20vw;
margin-top: 2.5vw;
}




/*
 * 
 ********** menu **********
 * 
 */



/*add underline on divi menu*/

.et-menu a {
border-bottom: 3px solid transparent;
margin-bottom: 11px; 
padding: 10px 0px !important;
}
/*add underline on divi menu hover*/

.et-menu a:hover { 
margin-bottom: 11px; 
padding: 10px 0px !important;
color:white !important;    
border-bottom: 3px solid white;
}
/*add underline on divi menu current*/

.et-menu li.current-menu-item a { 
margin-bottom: 11px; 
padding: 10px 0px !important;
color:white !important;    
border-bottom: 3px solid white;
}
/*hide underline on divi sub-menu current*/

.et-menu ul.sub-menu a { 
margin-bottom: 0px; 
padding: 2px 0px !important;
color:white !important;    
border-bottom: 0px solid white;
}

/*
 * 
 **********Dropdown menu **********
 * 
 */

/*dropdown menu padding*/
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}





/* ##### DROPDOWN MENU STYLES ##### */

#top-menu .sub-menu {
   background-color: #fff;
	color: #FFFFFF!important;/* Background color dropdown */
   border-top: 3px solid #dcb161; /* Top border color dropdown */
}

#top-menu .sub-menu li a {
   font-size: 13px; /* Font size dropdown */
   width: 100%;
   color: #fff;
   border-bottom: 1px solid #768792; /* Border bottom menu item color */
}

.sub-menu li:hover {
   background-color: #dcb161; /* Hover color menu item */
}

.sub-menu .current_page_item {
   background-color: #dcb161; /* Current menu item color dropdown */
}

#top-menu .sub-menu li {
   padding-left: 0px!important;
   padding-right: 0px;
   width: 100%;
}

#top-menu li li a {
   padding-top: 10px;
   padding-bottom: 8px;
}

#top-menu .sub-menu {
   padding-top: 0;
   padding-bottom: 0px;
 padding-left: 0px!important;
	 padding-right: 0px;

}

.nav ul li a:hover {
   opacity: 1;
   background-color: rgba(0,0,0,0);
}





/*
 * 
 ********** mobile menu **********
 * 
 */


/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}


/*Make Divi Mobile Menu Scrollable*/
.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}




/*mobile menu location icon*/

.top-location > a:before {
    font-family: 'ETMODULES';
    content: '\e081';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #dcb161;
    font-size: 1em;
    transition: all .3s ease;
}
/*mobile menu mail icon*/

.top-tel > a:before {
    font-family: 'ETMODULES';
    content: '\e076';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #dcb161;
    font-size: 1em;
    transition: all .3s ease;
}



/*menu cta custom css*/

.menu_cta a {
    padding: 12px!important;
    border-radius: 0px;
	width: auto;
    text-align: center;
	background-color: #dcb161;
    color: white!important;
}

 
.menu_cta a:hover {
    background-color: #000000!important;
    color: white!important;
}


/*css to remove content 3 in menu text*/
.et-menu .menu-item-has-children>a:first-child:after {
    content: none!important;
}








/*
 * 
 ********** Footer 1 **********
 * 
 */

.meta-date
.rpwwt-post-date {
    color: #ffffff;
}




/*
 * 
 * 
 *  *******  Footer 3 *******
 * 
 * 
 * */

/*gallery lightbox customization css*/


button.mfp-close {
    color: #dcb161 !important;
    font-weight: bold !important;
    padding-top: 20px;
    padding-right: 20px !important;
}
.mfp-title {
    color: white!important;
    font-weight: bold;
    background: #dcb161!important;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -24px;
    margin-left: 3px;
    margin-right: 3px;
}
.mfp-counter {
    color: white!important;
    padding-right: 20px;
}
img.mfp-img {
    padding: 0;
    border-radius: 5px;
    border: 3px solid #dcb161!important;
}
.mfp-arrow:after {
    color: #dcb161;
    font-size: 60px !important;
  font-weight: bold !important;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: pointer;
}





/*
 * 
 ********** HOMEPAGE 2 **********
 * 
 */



/* Divi custom button */

.prosen_blurb_with_button a.dg_button {
	    transition: all 0.4s ease-in-out !important;
	display: block;
	bottom: 30px;
	top: 30px;
text-align: center;
    width: 130px;
    padding: 10px 15px;
    transition: 0.5;
    cursor: pointer;
    font-size: 13px;
    background-color: #dcb161;
    color: whitesmoke;
    border: none;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 700;
}


/*Divi custom button hover*/
.prosen_blurb_with_button:hover a.dg_button { 
	background-color: #141C2C;
	color: whitesmoke;
	bottom: 30px;
	top: 30px;
	width: 130px;
	padding: 10px 15px;
}

/* Making the Icon Bigger with CSS */

.prosen_pb_blurb_position_left .et_pb_main_blurb_image { 
	width: 50px !important; 
}
.prosen_pb_blurb_position_left .et-pb-icon { 
	font-size: 96px !important; 
}



/*
 * 
 ********** contact form button **********
 * 
 */


/* css to change send message position */
.et_contact_bottom_container{
display: flex;
align-items: center;
margin-top: 10px;
justify-content: flex-start;
width: 100% !important;
}

/*
 * 
 ********** Home 4 **********
 * 
 */


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

.person_module_2 .et_pb_team_member_image {
    max-width: 100%;
}

.person_module_2 .et_pb_team_member_description {
background: rgba(0,0,0,0);
    color: #fff;
    padding: 10px 10px 10px 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.person_module_2:hover .et_pb_team_member_description {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

.person_module_2 .et_pb_team_member_image {
	margin-bottom: 0px !important;
}
.person_module_2 {
	overflow: hidden !important;
}


/*
 * 
 ********** FAQ page **********
 * 
 */


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*
 * 
 ********** about us 2 **********
 * 
 */


/*blurb image size*/
.year_blurb_image .et_pb_image_wrap {
    max-width: 1000px!important;
    width: 14px!important;
}

/*send message position center*/
.contact_form
.et_contact_bottom_container{
display: flex;
align-items: center;
margin-top: 10px;
justify-content: center;
width: 100% !important;
}




/*
 * 
 ********** case studies **********
 * 
 */

/*portfolio image aspect ratio portrait 3:4*/

.pa-portfolio-image-3-4 .et_portfolio_image {
  padding-top: 133.33%;
  display: block;
}

.pa-portfolio-image-3-4 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*CSS to change Toggle and Accordion Icon position*/


/*CSS to change the Toggle and Accordion Icon*/
.faq h5.et_pb_toggle_title {
  padding: 19px 19px 19px 20px !important;}
.faq.et_pb_toggle_open h5.et_pb_toggle_title {
    background-color: #dcb161;
color: #fff!important;}
.faq .et_pb_toggle_content {
    padding: 20px;
    position: relative;
}


.faq .et_pb_toggle_title:before {
right: auto !important;
  left:0px!important;
  top: 3px;
font-size: 40px;
content: "\4c";
transition: all .3s ease-in-out;
position: relative;}

.faq.et_pb_toggle_open .et_pb_toggle_title:before {
   content: "\4b";
   transform: rotate(180deg);
color: #fff!important;}



 /* Change columns from 4-3 */
 
    @media (min-width: 981px){ 
        .gq-portfolio-section .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item  {width: 31.33% !important;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) {clear: inherit;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) {margin-right: 3%!important;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) {margin-right: 0%!important;}}
/* special hover effect for desktop only */
 
    @media (min-width: 981px){ 
    .gq-portfolio-section .et_portfolio_image {
        min-height: 200px;}
 
    .gq-portfolio-section .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;}
 
    .gq-portfolio-section .et_pb_portfolio_item img {
            webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);}
 
    .gq-portfolio-section .et_pb_portfolio_item h2 {
        background-color: white;
        color: #232e4e;
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        webkit-transition:.5s;}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover h2 {
            top: 78%;
            padding: 15px 0;}
 
    .gq-portfolio-section .et_overlay {z-index: 0;}
 
 
    .gq-portfolio-section .et_overlay:before {
        opacity:0!important;
            top: -10%!important;
            font-family: sans-serif!important;
            content: 'Read More'!important;
            font-size: 13px;
            padding: 10px 20px;
            background-color: rgba(0, 0, 0, 0.59);
             color: #fff;
           width:100%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-40%)}
 
    .gq-portfolio-section .et_overlay:hover:before {
        opacity:1!important;
            top: 6%!important;}
 
    }
 
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 20px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 73%!important;}}
 
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 20px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 72%!important;}}
 
        @media only screen and (max-width : 980px) {
            .gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 20px!important;}
            .gq-portfolio-section .et_overlay {display:none;}}






/*
 * 
 ********** blog **********
 * 
 */




/*style the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
    color: #000000;
    background: #232e4e;
    font-size: 1em !important;
    line-height: 1em;
    font-weight: bold !important;
    padding: 10px 16px !important;
    border-radius: 100px;
    transition: all .5s;
    border: none;
}
/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #dcb161 !important;
	border-radius: 100px;
}
/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #dcb161!important;
}
/*style the wp-pagenavi pages text*/

.wp-pagenavi .pages {
	display: none;
}
/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}

/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

/*set the image width*/

.fullwidth-blog
.entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}

/*set the details width*/
.fullwidth-blog
.entry-title,
.post-meta,
.post-content {
width: 70%;
float: left;
padding-left: 30px;
}
}

/*remove negative margins from blog featured image*/

.et_pb_image_container {
	margin: 0px;
}
/*add spacing around the individual blog posts*/

.et_pb_blog_grid .et_pb_post {
	padding: 0px;
}


/*
 * 
 **********blog Sidebar **********
 * 
 */

/*------------- RECENT POSTS]--------------*/


	
#rpwwt-recent-posts-widget-with-thumbnails-3 img {
    max-width: 75px;
    width: 100%;
    height: auto;
}
.rpwwt-widget ul li img {
    display: inline;
    float: left;
    margin: .3em .75em .75em 0;
}
.rpwwt-post-title {
    color: #dcb161 !important;
}
.rpwwt-post-date {
    color: #141c2c;
}
/*-------------[Category]--------------*/

li.cat-item a {
    width: 88%;
    display: inline-grid;
}
li.cat-item.cat-item {
    color: #000;
    background-color: whitesmoke;
    padding: 5px 10px;
}

/* All body Font weight 400px  */
p {
    font-weight: 400;
}




/* Sidebar search bar */

.option-1 .widget_search #searchsubmit {background-color: #000040;}
        .option-1 .widget_search input#searchsubmit {color: #fff;}
        .option-1 .widget_search input#s {border: 1px solid #000040;}
/*style the Divi blog link text as a button*/


.et_pb_post a.more-link {
  color: #ffffff;
	padding: .7em 1.3em;
	margin-top: 20px;
	text-transform: capitalize;
	display: inline-block;
}
/*style the Divi blog link text as a button on hover*/

.et_pb_post a.more-link:hover {
	color: #dcb161;
}




/*add padding, color, margin on tag which show in sidebar*/


.tagcloud a {
    font-size: 14px!important;
    padding: 1em 2em;
	color: white!important;
    background: #dcb161!important;
    display: inline-block;
    margin-bottom: 8px;
	margin-left: 4px;
	margin-right: 4px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}




h4.widgettitle {
    padding: 10px;
    color: white;
    background: #232e4e;
    border-radius: 3px;
    margin-bottom: 20px;
}

/*-------------[Category]--------------*/

li.cat-item a {
    width: 88%;
    display: inline-grid;
}
li.cat-item.cat-item {
    color: #000;
    background-color: whitesmoke;
    padding: 5px 10px;
}

/* All body Font weight 400px  */
p {
    font-weight: 400;
}



/*
 * 
 ********** Back to top button **********
 * 
 */


.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 15px;
    border-radius: 50px;
    background: #dcb161;
    padding: 10px;
}
.et_pb_scroll_top:before {
    color: #fff;
}




/* Home Page 1 */

/* Making the Icon Bigger with CSS */
.hello_blurb_image .et_pb_image_wrap {
    max-width: 1000px!important;
    width: 50px!important;
}
/*
 * 
 * 
 *  *******  PERSON MODULE 2 *******
 * 
 * 
 * */

.person_module_2 .et_pb_team_member_image {
    max-width: 100%;
}

.person_module_2 .et_pb_team_member_description {
background: rgba(21,29,44,0.53);
    color: #fff;
    padding: 47px 47px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.person_module_2:hover .et_pb_team_member_description {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

.person_module_2 .et_pb_team_member_image {
	margin-bottom: 0px !important;
}
.person_module_2 {
	overflow: hidden !important;
}

/*
 * 
 * 
 *  *******  all website gallery light box *******
 * 
 * 
 * */


.disable-lightbox a {
pointer-events: none;
}
 
.disable-lightbox .et_overlay {
display: none !important;
}