/*
Theme Name: 22MW_MHPCS
Theme URI: 
Description: A child theme of GP
Author: 22MW
Author URI: https://mishamoro.name
Version: 1.0.22
Template: generatepress	
*/

@import url('https://fonts.googleapis.com/css?family=Quicksand:100,300,400,500,600,700|Zilla+Slab:300,500,600i,700&display=swap');

/*GENERIC*/

/*AJUSTES GENERAL + ELEMENTOR*/

body {
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
    color: #014F65;
    background: #fff;
    font-size: 1.2vw;
}
@media screen and (max-width: 1400px) {
    body{
       font-size: 1.5vw;
    }

}
html, body{
    overflow-x: hidden;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, .text, .text a,
.hotip-tooltip.ee-global{
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 0px;
}
h1, h1 a{
    font-weight: 300;
}
.hotip-tooltip.ee-global{
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 14px !important;
    z-index: 9999;
}
.zilla {
    font-family: 'Zilla Slab', serif; 
}

.dialog-type-lightbox {
    background-color: #3b4441;
}

/* GENERIC STYLE*/

    a, .hover05{
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        transition: all 500ms;
        
    }
    ul, ol {
        margin: 0 0 1em 1.1em;
    }
    .max700{
            width: 60vw !important;
    }
    .max500{
            width: 40vw !important;
    }
    .hover05:hover, .firstBlog .ee-post__button:hover{
        opacity:0.5;
}
/* FIN GENERIC STYLE*/

.color0{
    color:#003747;
}
.color1 {
    color:#1FC6B7;
}
.color2{
    color:#72B1D6;
}
.color3{
  color:#B58DC7;  
}
.color4{
    color:#8CA0D8;
}
.linkUnderline a {
  text-decoration: underline !important;
}
.linkUnderline a:hover {
  text-decoration: none !important;
}
.page-header-image {
  display: none;
}
#loftloader-wrapper{
    z-index: 998 !important;
}
header{
     z-index: 999 !important;
}
#tapa {
   /* background: #fff;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease-out;
    transition: all 900ms ease;
    transition-delay: .1s;
    pointer-events: none;
    */
}
.elementor-location-header{
  z-index: 100; 
}
#tapa._hover{
    opacity: 0;
    pointer-events: auto;
}
#page {
    margin-top: 110px;
}

/* HOME MENU DROPDOWN*/
.homeMenu .sub-arrow {
    display: none;
}
.homeMenu    .elementor-nav-menu--dropdown {
    background-color: #00374754 !important;
    font-size: 13px !important;
}

.homeMenu .mhpc_menu  .elementor-nav-menu--dropdown {
    background-color: #9ABEC9 !important;
}

.homeMenu .mhpc_menu .elementor-nav-menu--dropdown a:hover ,
.homeMenu  .mhpc_menu .elementor-nav-menu--dropdown a.elementor-item-active
 {
    background-color: #d4d4d4 !important;
}

.homeMenu .individual_menu  .elementor-nav-menu--dropdown {
    background-color: #CCF4F0 !important;
}
.homeMenu .individual_menu .elementor-item:after,
.homeMenu .individual_menu .elementor-nav-menu--dropdown a:hover,
.homeMenu  .individual_menu .elementor-nav-menu--dropdown a.elementor-item-active
 {
    background-color: #1FC6B7 !important;
}

.homeMenu .practitioners_menu  .elementor-nav-menu--dropdown {
    background-color: #B4DAF0 !important;
}
.homeMenu .practitioners_menu .elementor-item:after,
.homeMenu .practitioners_menu .elementor-nav-menu--dropdown a:hover,
.homeMenu  .practitioners_menu .elementor-nav-menu--dropdown a.elementor-item-active
 {
    background-color: #72B1D6 !important;
}

.homeMenu .corporate_menu  .elementor-nav-menu--dropdown {
    background-color: #D5C5DC !important;
}
.homeMenu .corporate_menu .elementor-item:after,
.homeMenu .corporate_menu .elementor-nav-menu--dropdown a:hover,
.homeMenu  .corporate_menu .elementor-nav-menu--dropdown a.elementor-item-active
 {
    background-color: #B58DC7 !important;
}

.homeMenu .blog_menu  .elementor-nav-menu--dropdown {
    background-color: #CBD4ED !important;
}
.homeMenu .blog_menu .elementor-item:after,
.homeMenu .blog_menu .elementor-nav-menu--dropdown a:hover,
.homeMenu  .blog_menu .elementor-nav-menu--dropdown a.elementor-item-active
 {
    background-color: #8CA0D8 !important;
}
.homeMenu .elementor-nav-menu a {
    text-align: center;
    color: #014F65 !important;
}
.homeMenu .elementor-nav-menu ul.sub-menu li a {
    padding: 10px 20px 10px 0px !important;
    text-align: left;
}

/* FIN HOME MENU DROPDOWN*/

.stickyHeader{
    opacity: 0;
    top: -550px !important;
    -webkit-transition: all 900ms !important;
    -moz-transition: all 900ms !important;
    transition: all 900ms !important;
}
.stickyHeader.homeView{
    opacity: 1;
    top: 0px !important;
}
.headerRight {
    position: fixed !important;
    transform: rotate(270deg);
    right: -50px;
    top: 50%;
    z-index: 9988;
    display: inline-table;
    opacity: 0;
    -webkit-transition: all 500ms !important;
    -moz-transition: all 500ms !important;
    transition: all 500ms !important;
      
    animation: colorchange 50s infinite; /* animation-name followed by duration in seconds*/ /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 50s infinite; /* Chrome and Safari */
}

    @keyframes colorchange
    {
      0%   {background: #004F5F;}
      25%  {background: #CBC0D0;}
      50%  {background: #1FC6B7;}
      75%  {background: #90BCDC;}
      100% {background: #004F5F;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #004F5F;}
      25%  {background: #CBC0D0;}
      50%  {background: #1FC6B7;}
      75%  {background: #90BCDC;}
      100% {background: #004F5F;}
    }



.headerRight h2 a{
    color: #fff !important;
}

.headerRight h2 a:hover{
    color: #003747 !important;
}

.headerRight .elementor-column {
    width: auto !important;
    padding: 0 10px;
}
.headerRight .lastColumn{
    display: none;
}
.single-post .headerRight .lastColumn{
    display: block;
}
/* FULL MENU */

.fullMenu .menuLink a{
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
    color: #003747 !important;
    letter-spacing: 3px !important;
    font-style: italic;
    font-size: 1.3vw !important;
    padding: 10px 0 !important;
}
.fullMenu .menuLink a:hover{
    opacity: .5;
}
.fullMenu .menuTitle{
    padding-top: 10em;
}
.menuPopUp ul {
    list-style: none;
    margin: 0 !important;
}
.menuPopUp .mhpc_menu a:first-child{
    display: none;
}
.menuPopUp .mhpc_menu .sub-menu a:first-child {
    display: block;
}
.menuPopUp li.menu-item-has-children{
    padding-top: 20px;
}
.menuPopUp li.menu-item-has-children a {
    font-size: 2vw !important;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: 'Quicksand', sans-serif;
}
.menuPopUp .sub-menu li a{
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
    color: #003747 !important;
    letter-spacing: 3px !important;
    font-style: italic;
    font-size: 16px !important;
    text-transform: capitalize;
    padding-left: 30px;
}

@media screen and (max-width: 1400px) {
    .fullMenu .menuTitle{
        padding-top: 5em;
    }

}
@media screen and (min-width: 1600px) {
    .homeSlider .elementor-container {
        /*min-height: 900px !important;*/
    }

}

#homeStickyPost article img, .homeStickyPost article img{
    opacity: .6;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}
#homeStickyPost article:hover img,
.homeStickyPost article:hover img{
    opacity: 1;

}
.fullMenu .menuTitle a {
    font-size: 2.5vw !important;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.fullMenu .menuTitle.individual a, 
.page-id-81 section h2 a:hover,
.parent-pageid-81  section h2 a:hover
 {
    color: #1fc6b7 !important;
}
.page-id-81  .headerRight ,
.parent-pageid-81  .headerRight {
    background-color: #20c6b8e8 !important;
}

.page-id-91  .headerRight ,
.parent-pageid-91  .headerRight {
    background-color: #72b1d6a6 !important;
}

.fullMenu .menuTitle.practitioners a,
.page-id-91 section h2 a:hover,
.parent-pageid-91  section h2 a:hover  {
    color: #72B1D6 !important;
}
.fullMenu .menuTitle.corporate a  {
    color: #B58DC7 !important;
}
.fullMenu .menuTitle.blog a,
.single section h2 a:hover  {
    color: #8CA0D8 !important;
}
.single  .headerRight, 
.archive  .headerRight,
.page-id-113  .headerRight {
    background-color: #8ca0d8d6 !important;
}
.fullMenu .menuTitle a:hover{
    color: #003747 !important;
}

.fullMenu.footer {
    position: fixed;
    bottom: 0;
    opacity: .5;
}
.closeMenu {
    width: 30px !important;
}
.logoFullMenu{
    position: fixed !important;
    right: 50px;
    bottom: 21px;
    width: 100px !important;
}
/* FIN FULL MENU */
/* HOME */
.homePageContentZone .elementor-column-wrap.elementor-element-populated{
    background-size: 100% 100% !important;
    background-position-x: 0px !important;
}

.link a{
    color: #014F65;
}
.link a:hover{
    color: #1FC6B7;
}
.homePageContentZone.individual a:hover{
    color: #1FC6B7;
}
.homePageContentZone.practitioners a:hover{
    color: #72B1D6;
}
.homePageContentZone.corporate a:hover{
    color: #B58DC7;
}
.homePageContentZone.blog a:hover{
    color: #8CA0D8;
}
.homePageContentZone.blog .text a {
    padding: 10px 40px 10px 40px;
    display: inline-block;
    border-bottom: 2px solid #8CA0D8;
}
.memberImg{
    filter: grayscale(100%);
    opacity: .7;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}
.memberImg:hover{
    filter: grayscale(0%);
    opacity: 1;
}
.mapButton a{
    height: 500px;
}
footer .hours {
    width: 210px !important;
}
footer .espacio {
    width: 20px !important;
}
footer .dir  {
    width: 185px !important;
}
footer .logo  {
    width: 200px !important;
}
footer .first  {
    width: auto !important;
}
.footerKrug{
    display: none;
}
.home .footerKrug{
    display: block;
}
.footerForm .elementor-button-text, .botonGo .elementor-button-text {
     font-family: 'Zilla Slab', serif;
    font-weight: 500;
    background: url('images/flecharight.png') no-repeat right center;
    padding: 10px 40px 10px 20px;
}
.footerForm button:hover{
    opacity: .5;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
        
}
/* BLOG CAT */
.menuCat h5, .menuTag h5 {
    font-size: 3vw;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-right: 50px;
    text-align: right;
    font-family: 'Quicksand', sans-serif;
}
.menuCat ul {
    list-style-type: none;
    text-align: right;
}
.menuCat a {
    font-family: 'Zilla Slab', serif;
    padding: 0 40px 10px;
    border-bottom: 2px solid #8CA0D8;
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    color: #003747;
}

.menuCat a:hover, .menuTag a:hover, .firstBlog a:hover h2{
    color:  #8CA0D8 !important;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}
.menuCat li{
    padding: 10px 0;
}
.menuTag .tagcloud {
    text-align: -webkit-right;
}
.menuTag a{
    text-align: right;
    display: none;
    width: max-content;
    font-family: 'Zilla Slab', serif;
    padding: 10px 40px 10px;
    border-bottom: 2px solid #8CA0D8;
    font-size: 17px !important;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    color: #003747;
}
.menuTag a:nth-child(-n+10),.menuTag.viewAllTags a{
    display: block;
}

/*BLOG*/
.firstBlog .ee-post__excerpt{
    max-width: 500px
}
.firstBlog .ee-post__button{
     font-family: 'Zilla Slab', serif;
    font-weight: 500;
    background: url('images/flechablog.png') no-repeat right center;
    padding: 20px 17px;  
}
.firstBlog .ee-post__header h2{
    background: url('images/lineBlog.png') no-repeat left top;
    padding-top: 20px;
}
.firstBlog.mhpc .ee-post__header h2 {
    background: url(images/lineBlog_blue.png) no-repeat left top;
}

.firstBlog.individual .ee-media__thumbnail img,
.firstBlog .ee-media__thumbnail img{
    border-radius: 100% !important;
    width: 22vw;
    height: 22vw;
}
.firstBlog.practitioners .ee-post__header h2 {
    background: none;
    border-top: 2px solid #72b1d6;
    min-height: 10vw;
}
.firstBlog.practitioners a:hover h2 {
    color: #72b1d6 !important;
}
.firstBlog.individual .ee-post__header h2 {
    background: none;
    border-top: 2px solid #1fc6b7;
    min-height: 10vw;
}
.firstBlog.individual a:hover h2 {
    color: #1fc6b7!important;
}
.firstBlog.individual  .ee-swiper__pagination--horizontal.ee-swiper__pagination {
    display: none;
}
.infinite-scroll-last {
    display: block;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #708cd8;
}
/*SINGLE*/
.singleCat .elementor-shortcode {
    text-align: center;
    padding: 40px 0;
}
.singleCat .elementor-shortcode a{
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 1vw;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 2px;
    color:  #8CA0D8 ;
}
.singleCat .elementor-shortcode a:hover{
    color: #003747;
}
.singleContent a{
    color: #8CA0D8 !important;
}

.singleContent a:hover{
    color: #014F65 !important;
}
.singleContent blockquote {
    border-left: 2px solid #8CA0D8;
}
.singleContent h3, .site-content .elementor-text-editor h3 {

    font-family: 'Zilla Slab', serif; 
    padding: 25px 0;
    font-size: 2vw;
    font-style: italic;
}

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

    body {
        font-size: 2.5vw;
    }
    #page {
        margin-top: 0px;
    }
    .home .stickyHeader{
        opacity: 1;
        top: 0px !important;
    }
    .fullMenu .menuLink a{
        font-size: 2vw !important;
    }
    .fullMenu .menuTitle a {
        font-size: 3vw !important;
    }
    .fullMenu h3, .fullMenu h2{
        text-align: center !important;
    }
    .fullMenu.footer {
        position: inherit;
        padding-top: 30px;
    }
    .fullMenu.footer h3{
        text-align: inherit; !important;
    }
    .logoFullMenu {
        right: 20px;
    }
    .homePageContentZone .elementor-column-wrap.elementor-element-populated{
        background:none !important;
    }
    .menuCat h5, .menuCat ul,  .menuTag h5 {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .menuCat h5,  .menuTag h5{
        font-size: 6vw;
    }
    .menuCat a, .menuTag a {
     font-size: 2vw !important;
    }
    .menuTag a{
        text-align: center;
    }
    .menuTag .tagcloud {
        text-align: -webkit-center;
    }
    .catBlogZone .elementor-column-wrap{
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        min-height: 575px;
    }
    .catBlogZone .elementor-widget-wrap{
        padding: 50px;
    }
    .singleCat .elementor-shortcode a {
        padding: 0 5px;
        font-size: 1.4vw;
    }
    .singleContent h3, .site-content .elementor-text-editor h3 {
        font-size: 4vw;
    }
    .firstBlog.individual .ee-media__thumbnail img {
        border-radius: 100%!important;
        width: 33vw;
        height: 33vw;
    }
    .firstBlog.individual .ee-post__header h2 {
        font-size: 3vw !IMPORTANT;
        min-height: 104px !important;
    }
    .max700{
            min-width: 600px !important;
    }
    .max500{
            min-width: 500px !important;
    }

                
}

@media screen and (max-width: 766px) {
    body {
        font-size: 4.5vw;
    }
    .closeMenu {
        width: 22px !important;
    }
    .fullMenu .menuLink a {
        font-size: 3.3vw !important;
        letter-spacing: 2px !important;
    }
    .fullMenu .menuTitle {
        padding-top: 2em;
    }
    .fullMenu .menuTitle a {
        font-size: 6vw!important;
        font-weight: 500;
        letter-spacing: 1px;
    }
    footer .hours, footer .espacio  {
        width: 100% !important;
    }
    footer .espacio  {
        height: 10px !important;
    }
    footer .dir, footer .logo   {
        width: 50% !important;
    }
    .mapButton a{
        height: 300px;
    }
    .headerRight .elementor-column {
        width: 33% !important;
        padding: 0 10px;
    }
    .single .headerRight .elementor-column {
        width: 25% !important;
        padding: 0px;
    }
    .headerRight {
        transform: rotate(0deg);
        right: inherit;
        top: inherit;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #014f65ed !important;
    }
    .headerRight h2{
        letter-spacing: 1px !important;
    }
    .firstBlog .ee-post__header h2 {
        background: none;
        padding-left: 20px;
    }
    .firstBlog .ee-post__header {
        background: url(images/lineBlog.png) no-repeat left top;
    }
    .firstBlog.mhpc .ee-post__header h2 {
        background: url(images/lineBlog_blue.png) no-repeat left top;
    }


    .menuCat h5, .menuTag h5{
        font-size: 10vw;
    }
    .menuCat li {
        padding: 5px 0;
    }
    .menuCat a ,  .menuTag a{
        font-size: 4vw !important;
        padding: 5px 10px;
    }
    .catBlogZone .elementor-column-wrap{
        min-height: 375px;
    }
    .singleCat .elementor-shortcode {
        text-align: center;
        padding: 10px 0;
    }
    .singleCat .elementor-shortcode a {
        padding: 05px;
        font-size: 3vw;
        display: block;
    }
    .singleContent h3, .site-content .elementor-text-editor h3 {
        font-size: 8vw;
        line-height: 29px;
    }
    .homePageContentZone.blog .text a {
        font-size: 4vw;
    }
    .firstBlog.individual .ee-post__header h2 {
        font-size: 6.5vw!important;
        min-height: 114px!important;
        text-align: center;
    }
    .firstBlog.individual .ee-media__thumbnail img {
        width: 60vw;
        height: 60vw;
        margin: 0 auto;
    }
    .max700{
            min-width: 100% !important;
    }
    .max500{
            min-width: 100%  !important;
    }

}
@media screen and (max-width: 766px) {
    body {
        font-size: 5.5vw;
    }
    .menuPopUp li.menu-item-has-children a {
        font-size: 6vw !important;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-family: 'Quicksand', sans-serif;
        text-align: center !important;
    }
    .menuPopUp .sub-menu li a{
        font-family: 'Zilla Slab', serif;
        font-weight: 500;
        color: #003747 !important;
        letter-spacing: 3px !important;
        font-style: italic;
        font-size: 16px !important;
        text-transform: capitalize;
        padding-left: 0px !important;
        text-align: left !important;
    }
}

::-moz-selection { background: #014F65 !important; color: #1FC6B7 !important; }
::selection { background: #014F65 !important; color: #1FC6B7 !important;}

/* width */
::-webkit-scrollbar { width: 10px;}

/* Track */
::-webkit-scrollbar-track { background: #fff;  }
 
/* Handle */
::-webkit-scrollbar-thumb { background: #003747;    border: 4px solid #fff;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #003747;     border: 1px solid #fff; }