/*
    Theme Name: Gym Fitness
    Theme URI: 
    Author: Matthew
    Author URI: 
    Description: Gym website
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: CSS Grid, Flexbox ready, mobile first, gym theme
    Text Domain: gymprojectwebsite
*/

/* The above info is needed on all style.css */

html {
    margin-top:0px!important;
}

p, ul li, ol li, button, .button, nav ul li a, nav ul li, .wpcf7-submit {
    font-size: 16px;
        /*font-family: "Noto Sans", sans-serif!important; */
         font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}

h1 {
    font-size: 52px;
}

h2 {
    font-size:44px;
}

h3 {
    font-size:36px;
}

h4 {
    font-size:26px;
}

h5 {
    font-size:24px;
}

h6 {
    font-size:20px;
}

a {
    color:#191919;
}

a:hover {
    text-decoration: none;
    color:#d01919;
}


h1, h2, h3, h4, h5, h6 {
    margin-bottom:1rem;
     font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

* {
    margin:0px;
    padding:0px;
}

header {
    background-color:#191919;
    padding-top:15px;
    padding-bottom:15px;
    position: relative;
}

header .logo h3 a, .logo p {
    color:#fff;
}

.logo h3 a:hover {
    text-decoration: none;
}

.logo h3 {
    margin-bottom:0px;
}

.logo p {
    margin-bottom:0px;
}

.text-primary {
    color:#191919!important;
}

.header_menu {
    margin-top:22px;
}

.header_menu ul {
    margin-bottom:0px;
}

.menu li {
    margin-right:25px;
}

.menu li:last-child {
    margin-right:0px!important;
}

.menu li a {
    color:#fff;
}

.menu li a:hover {
    color:#ffce25;
}

.current_page_item a {
    font-weight: bold;
}

.sub-menu {
    display:none;
    z-index: 100;
    background-color:#191919;
    
}

.first_element {
    margin-left:0px!important;
}


#menu-item-316 .sub-menu li {
    padding:10px;
}

#menu-item-316:hover .sub-menu {
    display:block;
}

.nav_mobile_button {
    display: none;
    width: 35px;
  height: 35px;
  position: absolute;
  top: 35px;
  right: 15px;
}

.nav_mobile_button span {
    height: 4px;
    width:100%;
    margin-top:5px;
    background-color:#fff;
    display: block;
}



.container {
    max-width:1200px;
    margin:auto;
}


.clearfix {
    clear:both;
}

.logo {
    float:left;
}

.logo h1, .logo p {
    margin-bottom:0px;
}

#menu-item-316 {
    position: relative;
}

.sub-menu {
    position: absolute;
}

.sub-menu li {
    display: block!important;
    margin-left:0px;

}

.header_menu {
    float:right;
}


.menu ul li {
    display:inline-block;
}

@media screen and (max-width:1000px) {

    .header_menu {
        display: none;
       float:none;
       width:100%;
       text-align: center;
    }

    .logo {
        float:none;
    }

    .nav_mobile_button { 
        display: block;
    }

    .menu li {
        margin-right:0px;
    }


    .menu ul li {
        display: block;
        margin-top:15px;
    }


}


.pagination {
    display: block;
    margin-top:50px;
}

footer {
    background-color:#191919;
    padding-top:25px;
    padding-bottom:25px;
    margin-top:25px;
    color:#fff;
}

.footer_details {
    float:left;
    width:50%;
}

.footer_details p {
    margin-bottom:0px;
}

.footer_menu {
    float:right;
    width:50%;
}

.footer_menu nav {
    margin-top:10px;
}

.footer_social_media_links {
    margin-bottom:1rem;
}

.footer_social_media_links div {
    display: inline-block;
    padding:10px;
    border-radius: 50px;
    background-color:#d01919;
    width:50px;
     margin-left:15px;
}

.footer_social_media_links div:hover {
    cursor: pointer;
    background-color:#ffce25;
   
}

.footer_social_media_links div:first-child {
    margin-left:0px!important
}

.footer_social_media_links div img {
    width:100%;
}


@media screen and (max-width:700px) {
    .footer_details, .footer_menu {
        float:none;
        width:100%;
    }
}



.homepage_banner {
    height: 800px;
    width:100%;
    background-size:cover;
    background-repeat: no-repeat;
}

.homepage_banner .button {
    margin:auto;
    display:block;
    margin-top:25px;
    font-weight: 700;
}


.page_title {
    font-weight: bold;
    color:#fff;
}


.page_featured_image {
    margin-top:20px;
}

.page_featured_image img {
    width:100%;
    height: auto;
}

iframe {
    width:100%;
    height: 350px;
    margin-bottom:1rem;
}

.page_content {
    padding-top:80px;
    padding-bottom:80px;
}

@media screen and (max-width:575px) {
    .page_content {
        padding-top:40px;
        padding-bottom:40px;
    }
}

.page_content a {
    font-weight: bold;
}

.dividing_line {
    width:25px;
    height: 5px;
    background-color:#d01919;
    margin-bottom:2rem;
    margin-top:2rem;
}

.homepage_icons {
    margin-top:80px;
}


.homepage_icon_container {
   width: 32.3%;
  display: inline-block;
  margin-left: 1%;
}

.homepage_icon {
    padding:15px;
    border:1px solid grey;
    border-radius: 15px;
    text-align: center;
    
}

.homepage_icon img {
    width:75px;
    padding:15px;
    background-color:#191919;
    border-radius: 50px;
      display: block;
  margin: auto;
  margin-top: -50px;
  margin-bottom: 25px;
}

@media screen and (max-width:830px) {
    .homepage_icon_container {
       width: auto;
        float: none;
        margin: auto;
        display: block;
        margin-top: 60px;
        max-width: 500px;
    }

    .first_element {
        margin:auto!important;
    }
}

/* blog post */

.blog_post {
    position: relative;
    margin-top:15px;
}

.blog_post_info {
    text-align: left;
}

.blog_post_info .post_title {
    color:#191919;
}

.blog_post p {
    color:#191919;
    margin-top:10px;
    font-weight: bold;
}

.blog_post a:hover p {
    color:#d01919;
}

.blog_post p a {
    color:#191919;
    
}

.blog_post img {
    width:100%;

}

@media screen and (max-width:575px) {
    .blog_post_info {
        margin-top:15px;
    }
}

/* section blocks */

.section_block {
    height:300px;
    background-size:cover;
    background-position: center;
    position: relative;
    
}

.section_block_big {
    height: 300px;
}

.container_block {
    margin-top:15px;
}

.section_block_details {
    position: absolute;
    bottom:0px;
    left:0px;
    padding:10px;
    color:white;
}

.section_block_details h5 {
    margin-bottom:0px;
    font-weight: bold;
}

.section_block_details h5, .section_block_details p {
    margin-bottom:0px;
    margin-top:0px;
}

.section_block_under_details {
    margin-top:25px;
    text-align: left;
}

.section_block_under_details p {
    margin-bottom:0px;
}

.instructor_picture img {
    width:100%;
    height: auto!important;

}

.red_text {
    color:red
}

.orange_text {
    color:orange;
}

.green_text {
    color:green;
}

.info_container {
    margin-top:50px;
}

@media screen and (max-width:575px) {
    .info_container {
        margin-top:0px;
    }
}

.homepage_banner {
    height: 799px;
    width:100%;
    background-size:cover;
    position: relative;
    
}

.homepage_banner_text {
    position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
   text-align: center;
  color:#fff;
  width:75%;
  padding-left:15px;
  padding-right:15px;
}

.homepage_banner_text h2 {
    font-size: 92px;
    text-transform: uppercase;
}

.homepage_banner_text p {
    margin-bottom:0px;
}

@media screen and (max-width:500px) {
    .homepage_banner_text h2 {
        font-size: 70px;
    }
}

@media screen and (max-width:400px) {
    .homepage_banner_text h2 {
        font-size: 58px;
    }
}

.gym_area {
    height: 400px;
    width:25%;
    float:left;
}

.clearfix {
    clear:both;
}

.text_area {
    padding-top:30px;
}

ol, ul {
    list-style: revert;
  }

  .section_title {
      font-weight: bold!important;
  }

  .button_container {
      display:block;
  }

  .center_button {
    margin:auto;
  }

  .button, .wpcf7-submit {
      padding:10px 20px;
      background-color:#d01919;
      width:fit-content;
      border:2px solid #d01919;
      color:#fff;
      text-transform: uppercase;
      

  }

  .button a, .wpcf7-submit {
    
      color:white!important;
      width:100%;
      font-weight: bold;
  }

  .button:hover, .wpcf7-submit:hover {
    background-color:#ffce25!important;
    border-color:#ffce25!important;
    color:#191919;
  }

  .button:hover a, .wpcf7-submit:hover {
      background-color:#ffce25!important;
      color:#191919!important;
      text-decoration: none;
      cursor: pointer;
  }

  .booking_button {
    margin-bottom: 1rem;
  }

  .booking_button:hover {
    cursor: pointer;
  }



  .list_group {
    margin-bottom: 1rem;
  }

  .page_info_title {
    margin-bottom:1rem;
  }

  .post_image {
      width:100%;
      height:250px;
      background-size:cover;
      background-position: center;
  }

  .sidebar_class {
      list-style-type: none;
  }

  .section_block_under_details .button_container {
      margin-top:15px;
      margin-bottom:0px;
  }

  .text_area ul, .text_area ol {
      margin-bottom:0px;
  }

  .showing {
    display: block!important;
  }


  .section_info {
      margin-top:10px!important;
  }

  .placeholder_button {
    padding:10px 20px;
    background-color:#191919;
    color:white;
    width:fit-content;
    margin-bottom: 1rem;
    font-weight: bold;
  }

  .placeholder_button:hover {
    padding:10px 20px;
    background-color:white;
    color:#191919;
    cursor: pointer;
  }

  .class_instuctor p {
      margin-top:10px;
  }

  .class_instuctor a {
      color:#191919;
  }


  .author_heading {
      margin-top:15px;
  }


  .wp-block-list {
    list-style-position: inside;
  }


  .smaller_image img {
    width:100%;
  }



  .sidebar_class_image img {
    width:100%;
    height: auto;
  }


  .wp-block-image img {
    width:100%!important;
  }

  .classes_list_homepage {
    background-color:#e8edf6;
    padding-top:50px;
    padding-bottom:50px;
  }

  .classes_list_homepage .button {
    margin-top:50px;
  }

  .blog_section {
    padding-top:50px;
    padding-bottom:50px;
  }

  .sidebar_container {
    margin-top:15px;
  }

  .sidebar_container li {
    list-style-type: none;
  }

  .sidebar_class_content p {
    font-weight: initial;
  }

  .sidebar_class_content a {
    color:#191919;
  }

  .sidebar_class_content a:hover h5 {
    color:#d01919;
  }

   .sidebar_class_content a:hover p {
    color:blue!important;
   }

  .sidebar_class_content h5 {
    font-size:20px!important;
  }


  .info_text {
    margin-top:0px;
  }


.nav-links {
    margin-top:25px;
    text-align: left;
}

.next, .prev {
    display: none;
}

.page-numbers {
    padding:5px 10px;
    color:#191919;
    border:1px solid #191919;
    margin-right:5px;
}

.current, .page-numbers:hover {
    background-color:#d01919;
    border-color:#d01919;
    color:#fff;
    text-decoration: none;
    font-weight: bold;

}



.wp-post-image, .wp-block-gallery, .wp-block-group {
    margin-bottom:1rem!important;
}


.wp-block-column img {
    width:150px!important;
    display:block!important;
}

.instuctor_info p {
    margin-top:5px;
}


.widget_recent_entries a {
    font-weight: initial!important;
}

.widget_recent_entries a:hover {
    color:#d01919;
}

.widget_recent_entries ul {
    margin-left:15px;
}

.widget_recent_entries ul li {
    list-style-type: initial!important;
    list-style-position: inside;
}

.widget_recent_entries h3, .widget_gym_classes h3 {
    font-size: 26px!important;
}




/* gym class types */


.gym_class_types {
    width:100%;
    background-color:red;
}


/* page banner */


.page_banner {
    height: 300px;
    background-image:url('img/page_banner.png');
    background-size:cover;
    background-position: center;
    width:100%;
    position: relative;
}

.page_banner h1 {
    position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.categories {
    position: absolute;
    top:15px;
    left:30px;
    z-index: 2;
}

.category {
    padding:5px 10px;
    color:#fff;
    background-color:#ff8c33;
    display:inline-block;
    margin-left:10px;
    font-style: italic;
}

.category:hover {
    cursor: pointer;
    background-color:#ffce25;
    color:#191919;
}


.category p {
    margin-bottom:0px;
      font-style: italic;
}

.category:first-child {
    margin-left:0px!important;
}


.widget_gym_classes {
    margin-top:25px;
}


.wpcf7-form-control {
    border:2px solid #d01919;
    padding:10px;
    margin-top:15px;
    width:100%;
}

.wpcf7-form label {
    font-weight: bold;
    width:100%;
}

.wpcf7-submit {
    width:150px;
    display:block;
    margin:auto;
}