/*
 Theme Name:   Money-making Clearbrand website template
 Theme URI:    https://myclearbrand.com
 Description:  Clearbrand Money-making website template
 Author:       Clearbrand
 Author URI:   https://myclearbrand.com
 Template:     Divi
 Version:      1.5
*/



/*****Add any custom CSS below this line*****/
/* Flip columns on mobile */
/* add the class "flip" to the row that you want the flip */
@media only screen and ( max-width: 980px ){
  .flip {
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: flex;
flex-direction: column-reverse !important;}
}
/************************/

/* Buttons side by side for header */
/* add the class "btn-inline" to the row that contain the buttons */
.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
padding-bottom: 20px;
margin: 0 10px;
}
.unlist ul li{
  margin-top:10px !important;
}

.et_pb_tab_1>a, .et_pb_tab_2>a, .et_pb_tab_3>a, .et_pb_tab_0>a {
    padding: 10px 15px !important;
}
/************************/


/* remove hamburguer menu on mobile and show extended menu */
/* add the class "cb-menu-extended" to the menu element */
@media (max-width: 980px){
    .cb-menu-extended>div>div>.et_pb_menu__menu{
        display:flex;
    }
    .cb-menu-extended>div>div>.et_mobile_nav_menu 		{
        display: none;
   }  
    #menu-footer-menu li{
        display: flex;
        justify-content: center;
    }
    
}
.cb-footer-menu .et_pb_menu__wrap{
	justify-content: left!important ;
}
/************************/


/* Center verticaly the content between 2 or more columns in a row */
/* add the class "flex-centered" to the menu element */
.flex-centered{
  display:flex;
align-items:center;
}
@media only screen and (max-width: 980px)  {
    .flex-centered{
      flex-direction:column;
    }
}

/*To keep the footer menu Open*/
@media (max-width: 980px){
  .cb-menu-extended-mobile>div>div>.et_pb_menu__menu{
      display:flex;
  }
  .cb-menu-extended-mobile>div>div>.et_mobile_nav_menu {
      display: none;
  }  
  #menu-footer-menu li{
      display: flex;
      justify-content: center;
  }
}
/**To keep the footer menu Open**/

/**To keep the footer v2 menu Open**/
#menu-footer-menu-1{
flex-direction:column;
}
@media (max-width: 980px){
  .cb-menu-extended-mobile>div>div>.et_pb_menu__menu{
      display:flex;
  }
.cb-menu-extended-v2>div>div>.et_pb_menu__menu{
      display:flex;
  }
  .cb-menu-extended-mobile>div>div>.et_mobile_nav_menu {
      display: none;
  }  
.cb-menu-extended-v2>div>div>.et_mobile_nav_menu {
      display: none;
  }  
  #menu-footer-menu-1 li{
      display: flex;
      justify-content: center;
  }

}
/**To keep the footer v2 menu Open**/

/**Blog**/
.et_pb_post {
  border-radius: 10px !important;
}
.et_pb_image_container img {
  border-radius: 10px 10px 0 0;
}

.cb-design article {
    background-color: transparent !important;
    -webkit-box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 41%) !important;
    box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 41%) !important;
}
/**Blog**/

/**Main CTA button size on mobile**/
.cta-btn-header{
  min-width:170px;
  text-align:center;
}
/******************Footer*******************/
/*Footer menu in column with the class cb-footer-menu*/
.cb-footer-menu .et-menu {
    display: flex;
    flex-direction: column !important;
}
/*Footer2 disclaimer links */
.cb-footer2-links{
  display:flex;
  justify-content: flex-end;
}

/* navigation mobile menu width */
ul#mobile_menu1 {
  min-width: 240px;
  margin-left: -140px;
}

li#accordion-section-freemius_upsell {
  display: none !important;
}
/* Responsive Styles Tablet Portrait And Below */
@media all and (max-width: 768px) {

}

/* Responsive Styles Smartphone Portrait */
@media all and (min-width: 480px) {

}

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {

}

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {

}

/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {

}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {

}

/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {

}

/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {

}