/*
Theme Name:     MBC
Description:
Author:         Robey Lawrence
Author URI:			http://fivehats.com.au
Template:       Divi
*/

@import url("../Divi/style.css");

/*=============================\
Section
\=============================*/

  /* Navigation */

    img#logo{ width: 200px; height: 139px !important; max-height: 139px !important; padding: 10px; background: #ffffff; border-radius: 0px 0px 10px; }
    .et_boxed_layout #page-container .container{ width: 100%; margin: 0px; }
    .et_header_style_left .et-fixed-header #et-top-navigation,
    .et_header_style_left #et-top-navigation{ padding-top: 0px; padding-left: 200px !important; width: 100%; }
    #page-container{ margin-top: -3px !important; }
    span.logo_helper { display: none; }
    #main-header{ box-shadow: none; }

    @media screen and (max-width: 980px){
      #et-top-navigation{ height: 79px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
      #et_mobile_nav_menu{ height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-right: 30px; }
      #et_mobile_nav_menu .mobile_nav{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
      #et_mobile_nav_menu .mobile_menu_bar{ padding-bottom: 0px;}
      #mobile_menu{-webkit-transform: translatey(54px);-ms-transform: translatey(54px);transform: translatey(54px);padding: 20px 10px; background-color: rgba(255, 255, 255, 0.4); border-top: 0px;}
      #mobile_menu li{background-color: #ffffff ;}
      #mobile_menu li a{color: #F69731 ;}
      #mobile_menu li.menu-phone{ background: none ; }
      #mobile_menu li.menu-phone a{ background-color: #f69731 !important; color: #ffffff; outline: 0px solid #F69731; border-radius: 0px 0px 50px 0px; }
      #mobile_menu li.menu-phone a:hover{ background-color: #f69731 !important; outline: 5px solid #F69731; }
    	.menu-facebook{ display: none; }
    }

    @media screen and (min-width: 981px){
        #et-top-navigation #top-menu-nav{ width: 100%; }
        #et-top-navigation #top-menu-nav ul{ height: 100%; width: calc(100% + 1px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        #et-top-navigation #top-menu-nav ul li{ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 0px; }
        #et-top-navigation #top-menu-nav ul li a{ height: 100%; padding-bottom: 0px; padding: 32px 12px; text-align: center; }
        #et-top-navigation #top-menu-nav ul li a:hover{ background-color: #f69731; color: #ffffff !important; opacity: 1; }
        #et-top-navigation #top-menu-nav ul li.menu-phone a{ background-color: #f69731 !important; color: #ffffff; outline: 0px solid #F69731; }
        #et-top-navigation #top-menu-nav ul li.menu-phone a:hover{ background-color: #f69731 !important; outline: 5px solid #F69731; }
        #et-top-navigation #top-menu-nav ul li.menu-facebook{max-width: 50px !important;}
        #et-top-navigation #top-menu-nav ul li.menu-facebook a{ background-color: #3B5998 !important; color: #ffffff; outline: 0px solid #3B5998; padding: 30px 12px !important; }
        #et-top-navigation #top-menu-nav ul li.menu-facebook a:hover{ background-color: #3B5998 !important; outline: 5px solid #3B5998; }
        #et-top-navigation #top-menu-nav ul li.menu-facebook .fontawesome-text{ display: none; }
        #et-top-navigation #top-menu-nav ul li.menu-twitter a{ background-color: #0084b4 !important ;}
        #et-top-navigation #top-menu-nav ul li.menu-twitter a:hover{ background-color: #0084b4 !important;outline: 5px solid #0084b4;}
        #et-top-navigation #top-menu-nav ul li.menu-linkedin a{ background-color: #0077b5 !important ;}
        #et-top-navigation #top-menu-nav ul li.menu-linkedin a:hover{ background-color: #0077b5 !important;outline: 5px solid #0077b5;}
    }

    @media screen and (max-width: 479px){
      img#logo{ width: 200px; height: auto !important; max-height: 139px !important; padding: 10px; background: #ffffff; border-radius: 0px 0px 10px; }
    }

/*=============================\
Modules
\=============================*/

  /* Slider - Rounded Corner*/

    #homepage-banner .et_pb_module{ border-radius: 0px 0px 50px 0px; overflow: hidden; }

    #homepage-banner .et_pb_slide{ padding: 0px; }
    #homepage-banner .et_pb_slide .et_pb_container{ min-height: 500px !important; width: 100%; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
    #homepage-banner .et_pb_slide .et_pb_container .et_pb_slide_description{ margin: auto 0px; padding: 50% 5% 2% 0%; }
    #homepage-banner .et_pb_slide .et_pb_container .et_pb_slide_description h2{ background: rgba(255, 255, 255, 0.8); border-radius: 0px 0px 50px 0px; padding: 20px 20px 20px 10px; font-weight: 400; }

    @media screen and (max-width: 980px){
      .page #homepage-banner .et_pb_slide .et_pb_container{ min-height: 300px !important;}
    }
  /* Title Bars */

    .et_pb_fullwidth_header { padding: 30px 0; }
    .et_pb_fullwidth_header h1{ line-height: 2.6rem; }
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container{ width: 100%; padding: 0px 20px; }

    .divider-block .et_pb_module{ padding: 0px; }
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{ margin: 10px auto; }

  /* Video Section */

    #video-section{ border-radius: 0px 0px 50px 0px; }

  /* Contact Form 7 */

    .wpcf7 .wpcf7-form p input,
    .wpcf7 .wpcf7-form p textarea{ width: 80%; }
    .wpcf7 .wpcf7-form p input{ padding: 10px; }
    .wpcf7 .wpcf7-form p input:focus{ border-color: #2d3940; }
    .wpcf7 .wpcf7-form p input[type=submit]{ background: none; color: #666; border: none; border: 1px solid #bbb; font-size: 1rem; }
    .wpcf7 .wpcf7-form p input[type=submit]:hover{ cursor: pointer; border-color: #2d3940; }

/*=============================\
Typography
\=============================*/
  /* Headings */

    .et_pb_text h2{ color: #F69731; font-size: 2rem; }

    @media screen and (max-width: 980px){
      h1{font-size: 1.4rem; line-height: 1.6rem !important;}
      h2{font-size: 1.2rem !important;}
    }

  /* Lists */

    #services .et_pb_text{ width: 300px; margin: 0px auto; }
    #services .et_pb_text ul{ padding: 0px 0px 0px 20px ; list-style-type: none; }
    #services .et_pb_text ul li::before{ content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 20px; background-image: url("/wp-content/uploads/healthcareservicesIcon.png"); background-size: cover; }

    @media screen and (max-width: 400px){
      #services .et_pb_text{ width: auto; margin: 0px auto; }
      #services .et_pb_text ul{ padding: 0px !important; }
    }

  /* Buttons */

    .phone-button{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding: 0px 5px; border: none; }
    .phone-button:hover{ color: #ffffff; background-color: #F69731; cursor: pointer; }

    .contact-button{ display: block; color: #ffffff; background-color: #F69731; padding: 10px !important; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; outline: 0px solid #F69731; }
    .contact-button:hover{ outline: 5px solid #F69731; }

  /*FOOTER*/

  #footer-bottom{ max-width: 90%; margin: 0px auto; }
  #footer-bottom .container{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  #footer-copy{ -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; color: #ffffff; }
  #footer-info{ -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  #footer-info a{ font-style: italic; }
  #footer-info a:hover{ color: #ffffff; }
  #footer-info a:hover .red-hat{ color: #C52026; }