/*
Theme Name: motts
Theme URI: https://wordpress.org/themes/twentyten/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */
.clr {
  margin: 0px 0px;
  padding: 0px 0px;
  clear: both;
  display: block;
}

.coaches_thumb {
  margin: 0px 0px;
  padding: 0px 0px 20px;
}

.coaches_thumb img {
  margin: 0px 0px;
  padding: 0px 0px 0px;
  max-width: 100%;
  height: auto;
}

.custom_smbtn {
  margin: 0px 0px;
  padding: 5px 5px;
  display: inline-block;
}

.custom_smbtn a {
  margin: 0px 0px;
  padding: 10px 15px;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  background: #007679;
  box-shadow: none;
  cursor: pointer;
  border: 2px solid #007679;
}

.custom_smbtn a:hover {
  color: #007679;
  background: #fff;
  border: 2px solid #007679;
}

.table_display {
  margin: 0px 0px;
  padding: 0px 0px;
}

.table_display h4 {
  font-size: 30px !important;
  padding: 10px 0px 20px;
}

.table_display table {
  margin: 0px 0px;
  padding: 0px 0px;
  width: 100%;
  border: none;
  color: #7b8285;
  font-size: 16px;
  line-height: normal;
  border-collapse: collapse;
  font-weight: 400;
  text-align: center;
}

.table_display table th {
  margin: 0px 0px;
  padding: 10px 10px;
  font-size: 14px;
  color: #000000;
  border: 1px solid #000000;
  vertical-align: middle;
  font-weight: 400;
}

.table_display table td {
  margin: 0px 0px;
  padding: 10px 10px;
  font-size: 15px;
  color: #000000;
  border: 1px solid #000000;
  vertical-align: middle;
}

.table_display table .green {
  background: #92d050;
}

.table_display table .yellow {
  background: #ffff00;
}

.table_display table tr:nth-child(odd) {
  background: #FFF;
}

.table_display table tr:nth-child(even) {
  background: #FFF;
}

.another_pickup {
  display: none;
}

.another_pickup input {
  margin-bottom: 30px;
}

div a.custom_show {
  margin: 0px 0px 5px;
  padding: 0px;
  color: #1a343f;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}

.form_mnc .form-group label,
.form_mnc .form-group a.custom_show {
  height: 42px;
}

.redirect_logo {
  margin: 0px auto;
  padding: 20px 0px 10px;
  max-width: 180px;
}

.redirect_logo img {
  margin: 0px;
  padding: 0px;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.video_box {
  margin: 0px 0px;
  padding: 0px 0px 20px;
}

.video_box video {
  margin: 0px 0px;
  padding: 0px 0px 20px;
  width: 100%;
}

.key_means {
  margin: 0px 0px;
  padding: 40px 0px 20px;
}

.key_means h6 {
  margin: 0px 0px;
  padding: 1px 0px 0px;
  float: left;
  width: 55px;
  color: #1a343f;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 20px;
}

.guide_tick {
  margin: 0px 0px;
  padding: 0px 0px 0px 15px;
  float: left;
  width: 500px;
}

.guide_tick p {
  margin: 0px 0px;
  padding: 5px 0px 5px 0px !important;
  color: #1a343f;
  font-weight: 400;
  font-size: 15px !important;
  line-height: 20px !important;
}

.guide_tick p strong {
  padding: 0px 5px 0px 0px;
  color: #929202;
  font-weight: 600;
  font-size: 17px;
}

.guide_tick p .avl {
  color: #c1c107;
}

.guide_tick p .nta {
  color: #1a343f;
}

.guide_tick p img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.custom_team h5 {
  font-size: 20px;
  padding-bottom: 10px;
}

.custom_team ul li {
  font-size: 17px !important;
}

.custom_team ul li strong {
  display: block;
}

/*.custom14{ margin-top:-50px !important;}*/
@media only screen and (max-width: 479px) {
  .work-photo .wpcf7-form-control.wpcf7-file {
    width: 100%;
  }
}

ul.custom_servic_list {
  margin: 0px;
  padding: 0px 0 10px 20px;
  list-style-type: disc;
}

.page-id-16 .full,
.page-id-645 .full {
  background-position: center !important;
}

.menu_x li ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  background: #fff;
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
}

.menu_x li ul.sub-menu li {
  float: none;
  line-height: 30px;
}

/* Show submenu on hover */
.menu_x li:hover>ul.sub-menu {
  display: block;
}

@media (max-width: 768px) {
  .menu_x li ul.sub-menu {
    display: none;
    /* Hide by default */
    background-color: #007679;
    position: relative;
    box-shadow: none;
  }

  .menu_x ul li.menu-item-has-children>a::after {
    content: "▼";
    /* Add a dropdown arrow */
    float: right;
    font-size: 12px;
    margin-left: 10px;
  }

  .menu_x ul li.open>.sub-menu {
    display: block;
    /* Show when 'open' class is added */
  }
}

/* ==========================================================================
   Homepage Newsletter Popup Modal (MC4WP Form #1380)
   ========================================================================== */
.mc4wp-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.mc4wp-modal-overlay.mc4wp-modal-active {
  opacity: 1;
  visibility: visible;
}

.mc4wp-modal-card {
  position: relative;
  background: #ffffff;
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  padding: 35px 30px 30px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1);
  transform: scale(0.85) translateY(20px);
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
  text-align: center;
}

.mc4wp-modal-overlay.mc4wp-modal-active .mc4wp-modal-card {
  transform: scale(1) translateY(0);
}

.mc4wp-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
  height: 36px;
  border: none;
  background: #f1f5f9;
  color: #475569;
  font-size: 24px;
  line-height: 1;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  outline: none;
  z-index: 10;
}

.mc4wp-modal-close:hover {
  background: #007679;
  color: #ffffff;
  transform: rotate(90deg);
}

.mc4wp-modal-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 15px;
  background: rgba(0, 118, 121, 0.1);
  color: #007679;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.mc4wp-modal-title {
  font-size: 22px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px 0;
}

.mc4wp-modal-subtitle {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 20px 0;
  line-height: 1.5;
}

.mc4wp-modal-body form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mc4wp-modal-body input[type="email"],
.mc4wp-modal-body input[type="text"] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.mc4wp-modal-body input[type="email"]:focus,
.mc4wp-modal-body input[type="text"]:focus {
  border-color: #007679;
  box-shadow: 0 0 0 3px rgba(0, 118, 121, 0.15);
}

.mc4wp-modal-body input[type="submit"],
.mc4wp-modal-body button[type="submit"] {
  width: 100%;
  padding: 13px 20px;
  background: #007679;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
  box-sizing: border-box;
}

.mc4wp-modal-body input[type="submit"]:hover,
.mc4wp-modal-body button[type="submit"]:hover {
  background: #005a5c;
}

.mc4wp-modal-body input[type="submit"]:active,
.mc4wp-modal-body button[type="submit"]:active {
  transform: scale(0.98);
}