/*======================================
Theme Name: Kursy FMF
Theme URI: https://grafique.pl
Description: Skórka dla firmy Szkolenia Ultrasonograficzne E&M Litwińskie
Version: 1.0
Author: Dariusz Urbański
Author URI: https://grafique.pl
Template: Divi
======================================*/

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
	content: "\61"; /* Replace it with the Elegant icon unicode  */
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}


body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body .wc-forward, body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body button.button, body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body .wc-backward {
  display: none;
}


.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    height: 4em;
}

.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 30px;
    letter-spacing: 0px;
    font-size: 16px;
    font-family: 'Figtree', Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase !important;
    background-color: #0096e5 !important;
}

/*** REMOVE ICONS FROM WOOCOMMERCE BUTTONS ON HOVER ***/
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}

/*** ADJUST WOOCOMMERCE BUTTON PADDING ***/
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding: .3em 1em !important; /* this is Divi default button padding */
}

.smart-loader-six .spinner-cube-1 {
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background-color: #0084ff;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spinner-six 1.7s infinite ease-in-out;
    -moz-animation: spinner-six 1.7s infinite ease-in-out;
    animation: spinner-six 1.7s infinite ease-in-out;
}

.smart-loader-six .spinner-cube-2 {
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background-color: #0084ff;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spinner-six 1.7s infinite ease-in-out;
    -moz-animation: spinner-six 1.7s infinite ease-in-out;
    animation: spinner-six 1.7s infinite ease-in-out;
}

.smart-loader-six .spinner-cube-2 {
    -webkit-animation-delay: -1.0s;
    -moz-animation-delay: -1.0s;
    animation-delay: -1.0s;
}


.top-icon {
  font-size: 12px;
  color: #FFF;
  margin-left: 7px;
  margin-right: 7px;
  vertical-align: sub;
}
.material-icons {
  font-family: 'Material Icons';
  font-size: 20px !important;
	  vertical-align: sub;
}