/*
Theme Name: The Mews Practice Medical
Theme URI: https://dentalsem.co.uk
Template: Divi
Author: Dental SEM
*/
/*LAST MENU*/
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
  #main-header {
    top: 58px !important; } }
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  #main-header {
    top: 58px !important; } }
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  #page-container {
    padding-top: 140px !important; } }
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  #page-container {
    padding-top: 140px !important; } }
h1, h2, h3, h4, P {
  font-display: swap; }

.last-menu .sub-menu {
  right: 0; }

/*edit the Divi mega menu*/
.menu-item-object-treatmentcategory .sub-menu {
  padding-bottom: 100px; }
  .menu-item-object-treatmentcategory .sub-menu li a {
    font-size: 12px !important;
    font-weight: 300 !important; }

/*edit the Divi mega menu submenu first row*/
#top-menu li.mega-menu > ul li.current-menu-item {
  background: rgba(0, 0, 0, 0.03) !important; }
  #top-menu li.mega-menu > ul li.current-menu-item a {
    color: #b6912f !important; }

#top-menu li.mega-menu > ul li:last-of-type {
  margin-bottom: 30px !important; }

*, *:after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.flex-center-1 {
  display: flex;
  justify-content: center;
  align-items: center; }

.flex-center-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.flex-left-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left; }

.flex-right-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: right; }

/*----------  YouTube  ----------*/
.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #fff; }

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent; }

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 101%;
  width: 101%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all; }

.youtube-player img:hover {
  -webkit-filter: brightness(75%); }

.youtube-player .play {
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  color: #fff;
  margin-top: -3rem;
  margin-left: -3rem;
  font-size: 6rem;
  line-height: 6rem; }

.youtube-player .play:before {
  font-family: "ETmodules";
  content: "\49"; }

@media (max-width: 980px) {
  .footer-menu .et_pb_menu__menu {
    display: block !important; }
  .footer-menu .et_mobile_nav_menu {
    display: none !important; } }
@media only screen and (max-width: 980px) {
  .two-columns .et_pb_column {
    width: 50% !important; }

  .three-columns .et_pb_column {
    width: 33.33% !important; }

  .four-columns .et_pb_column {
    width: 25% !important; } }
/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d"; }

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
  width: 100%; }

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  padding: 14px 20px !important;
  border-color: transparent;
  background: white;
  color: black; }

body .gform_wrapper select {
  -webkit-appearance: none;
  display: inline-block;
  height: 51px;
  font-size: 14px;
  color: #999;
  background: #fff;
  border: none;
  border-radius: 9px !important;
  padding: 6px 20px; }

.gform_button, .gform_next_button, .gform_previous_button {
  background: #587a80;
  border-radius: 40px;
  padding: 14px 20px !important;
  border: none;
  color: white;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-transform: 0.3s;
  -moz-transform: 0.3s;
  -ms-transform: 0.3s;
  -o-transform: 0.3s;
  transform: 0.3s; }
  .gform_button:hover, .gform_next_button:hover, .gform_previous_button:hover {
    background: black;
    color: white; }

#dfg-menu .dp-dfg-container {
  grid-gap: 0px !important; }
#dfg-menu .dp-dfg-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 2em; }
#dfg-menu h2.entry-title {
  text-transform: uppercase;
  font-weight: 500 !important;
  font-size: 14px;
  color: #FFFFFF !important;
  border-width: 0px !important;
  text-transform: uppercase !important;
  background-color: #B6912F;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  border-radius: 30px; }

/* Smartphones in portrait mode (0-479px) */
@media only screen and (max-width: 479px) {
  #dfg-menu .dp-dfg-container {
    grid-gap: 0px !important; }
  #dfg-menu .dp-dfg-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); } }
.et_mobile_menu li a {
  border-bottom: none !important;
  font-size: 17px;
  font-weight: 300 !important; }

.et_mobile_menu li a {
  text-align: center !important; }

.et_mobile_menu li li {
  padding-left: 0px !important; }

#main-header .et_mobile_menu li ul {
  padding-left: 0 !important; }

/*# sourceMappingURL=style.css.map */