/*
 Theme Name:   Rhythm Child Theme
 Theme URI:    https://xpansa.com/
 Description:  Rhythm Child Theme
 Author:       Alexander Pashuk
 Author URI:   https://xpansa.com
 Template:     rhythm
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, responsive-layout
 Text Domain:  rhythm
*/

/* Apple fonts */
body,
.font-alt,
table tbody td,
.logo,
a.logo:hover,
.testimonial,
span.wpcf7-not-valid-tip,
div.wpcf7-response-output,
.pagination,
.comment-list .comment table tbody td a,
.comment-item-data,
.comment-reply-title,
.widget-title,
.widgettitle,
.text .widget-title,
.widget.widget.widget_shopping_cart.woocommerce .product_list_widget li .remove:after,
table.pricing-list>thead>tr>th,
table.pricing-list tbody tr td,
.pricing-num sup,
.woocommerce table tbody td {
 font-family: -apple-system, BlinkMacSystemFont, 
    "Segoe UI", "Roboto", "Oxygen", 
    "Ubuntu", "Cantarell", "Fira Sans", 
    "Droid Sans", "Helvetica Neue", sans-serif !important;
}

/* Set play button to be gray (only for main page How does it work) */
.gray-play-button .big-icon {
  color: #000000;
  border-width: 1px;  
  border-color: #000000;
}

.gray-play-button .big-icon:hover {
  background: #ffffff;
  color: #adadad;
  border-color: #adadad;
}

/* contact form 7 and recaptcha styles */
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    border: none;
    color: white;
    box-shadow: none;
    padding-left: 0;
}
span.wpcf7-not-valid-tip {
    right: 0;
    left: initial;
}

/* Make dark buttons on the video banner on the main page */
.main-page-video-banner .btn {
  border: 2px solid #151515;
  color: #151515;
}

.main-page-video-banner .btn:hover {
  background: #ffffff;
  color: #adadad;
  border-color: #adadad;
}

/* Make visible both buttons on the main page banner */
@media (max-width: 767px) {
.main-page-video-banner .local-scroll a {
  display: block !important;
  margin-bottom: 15px;
}
}

/* Fixing slider for the main page */
.gray-play-button .home-text {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

/* Clear opacity for the small text on the banner */
.gray-play-button .hs-line-6 {
  opacity: 1;
}

/* Contact page contact details for mobile devices fix */
@media (max-width:991px) {
.contact-page-details .contact-item .ci-icon {
  display:none;
}
.contact-page-details .contact-item {
  text-align: center;
  padding-left: 0;
}
}