/*
 Theme Name:   ClearBrand Child Theme
 Theme URI:    https://clearbrand.com
 Description:  ClearBrand Child Theme
 Author:       Clearbrand
 Author URI:   https://clearbrand.com
 Template:     Divi
 Version:      1.0
*/

/* Add your custom styles below */

/* 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;
      }
      
  }
  /************************/
  
  
  /* 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;
      }
  }



/* 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) {

}