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

 Theme Name:   Divi Banks
 Theme URI:    https://www.divibanks.com
 Description:  Divi Banks is a Divi Child Theme built specifically for use on Divi Banks' official website. Divi Banks, a blog about Divi, and the creators of Divi Extensions, Layouts, and Child Themes, is run by a Divi Theme enthusiast, Patrick Lumumba.
 Author:       Divi Banks
 Author URI:   https://www.divibanks.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

a.button3{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
background-color:#0ECAD4;
text-align:center;
transition: all 0.2s;
border-radius: 10px;
}
a.button3:hover{
background-color:#0a937f;
}
@media all and (max-width:30em){
 a.button3{
display:block;
margin:0.2em auto;
}
}

.rv_button.closed:after {content:"33";}
.rv_button.opened:after{content:"32";}

/* “.four_to_two” make 4 col rows not collapse to one on mobile */

@media (max-width: 479px){
.et_pb_section .et_pb_row_4col.four_to_two>.et_pb_column.et_pb_column_1_4 {
width: 50%!important;
margin-right: 0 !important;
}
.et_pb_section .et_pb_row_4col.four_to_two>.et_pb_column.et_pb_column_1_4:nth-of-type(even) {
width: 50%!important;
margin-right: 0 !important;
}

}

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

.db-custom-menu-link a {
padding: 10px !important;
background: #0ECAD4;
color: #fff !important;
border: 2px solid #0ECAD4;
}
.db-custom-menu-link a:hover {
background: #000;
color: #fff !important;
opacity: 1 !important;
}

.et_blog_grid_equal_height article {
	overflow: hidden;
}

/* Read more blog button */

.more-link {
    background-color: #0ECAD4;
    display: inline-block !important;
    color: #fff;
    padding: 5px 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

.more-link:hover {
    background-color: #0a937f;
}

/* Pagination buttons */

.pagination .alignleft a,
.pagination .alignright a {
    background-color: #0ECAD4;
    display: inline-block !important;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
}

.pagination .alignleft a:hover,
.pagination .alignright a:hover {
    background-color: #0a937f;
}


/* Testimonials Ends*/


/* FAQ */

.fx-faq-accordion .et_pb_toggle {
	margin-bottom: 0 !important;
	padding: 0 0 24px 20px;
}

.fx-faq-accordion .et_pb_toggle .et_pb_toggle_content {
	padding-right: 30px;
}

.fx-faq-accordion .et_pb_toggle_title:before {
	content: '33';
	font-size: 18px;
	font-weight: bold;
}

.fx-faq-accordion .et_pb_toggle_open .et_pb_toggle_title:before {
	content: '32';
	display: block !important;
}

.fx-faq-accordion .et_pb_toggle_title:after {
	background-color: #666666;
	border-radius: 50%;
	content: '';
	height: 12px;
	left: -20px;
	position: absolute;
	top: calc(50% - 4px);
    width: 12px;    
}

.fx-faq-accordion-light .et_pb_toggle_title:after {
	background-color: #ffffff;  
}

.fx-faq-tabs {
    border: none;
}

.fx-faq-tabs ul.et_pb_tabs_controls {
	background: transparent;
    float: left;
	margin-right: 3%;
    width: 35%;
}

.fx-faq-tabs ul.et_pb_tabs_controls:after {
    content: none;
}

.fx-faq-tabs .et_pb_tabs_controls li {
	border-right: none;
	margin-bottom: 3px;
    width: 100%;
}

.fx-faq-tabs .et_pb_tabs_controls li a {
    padding: 24px;
}

.fx-faq-tabs .et_pb_tab {
    padding: 0;
}

.fx-faq-tabs .et_pb_tab_content {
    display: flex;
    flex-wrap: wrap;
}

/* FAQ Ends */

.cu-blog .et_pb_salvattore_content[data-columns]::before {
    content: '2 .column.size-1of2' !important;
}
@media only screen and ( min-width: 981px ) {
    .cu-blog .column.size-1of2 {
        width: 43%!important;
        margin-right: 7%;
    }
} a.button3{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
background-color:#0ECAD4;
text-align:center;
transition: all 0.2s;
border-radius: 10px;
}
a.button3:hover{
background-color:#0a937f;
}
@media all and (max-width:30em){
 a.button3{
display:block;
margin:0.2em auto;
}
}
.et-cart-info { display:none !important; }

/* ************************** */
/* ** CSS FOR DIVI BLURB 1 ** */
/* ************************** */

.blurb-1,
.blurb-1 h4,
.blurb-1 .et-pb-icon {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.blurb-1:hover {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.blurb-1:hover h4,
.blurb-1:hover .et-pb-icon {
}

a.button4{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
background-color:#0ECAD4;
text-align:center;
transition: all 0.2s;
border-radius: 10px;
}
a.button4:hover{
background-color:#0a937f;
}
@media all and (max-width:30em){
 a.button4{
display:block;
margin:0.2em auto;
}
}

/* Read more blog button */

.more-link {
    background-color: #0ECAD4;
    display: inline-block !important;
    color: #fff;
    padding: 5px 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

.more-link:hover {
    background-color: #0a937f;
}

/* Pagination buttons */

.pagination .alignleft a,
.pagination .alignright a {
    background-color: #0ECAD4;
    display: inline-block !important;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
}

.pagination .alignleft a:hover,
.pagination .alignright a:hover {
background-color: #0a937f;
}

header .et_builder_inner_content {

    z-index: 9999999;

  }

  .admin-bar header .et_builder_inner_content {

    z-index: 2;

  }

.friend-logo {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .6;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
}
 
.friend-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
    margin-top: -5px;
    box-shadow: 0px 18px 22px -15px rgba(0,0,0,0.3);
}