/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


/* importacion */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


:root {
   --mont: "Montserrat", sans-serif;
   --osw: "Oswald", sans-serif;
   --naranja: #F0823C;
}


.ffMont {
   font-family: "Montserrat", sans-serif;
}

.ffO {
   font-family: "Oswald", sans-serif;
}

.mtb0 {
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

.tal {
   text-align: left;
}

.mia {
   margin-inline: auto;
}

.fw600 {
   font-weight: 600 !important;
}

.osw70naranja {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 70px;
   line-height: 75px;
   color: var(--naranja);
}

.mont48blanco {
   font-family: var(--mont);
   font-weight: 600;
   font-size: 48px;
   letter-spacing: 0px;
   line-height: 52px;
   color: white;
}

.mont22blanco {
   font-family: var(--mont);
   font-weight: 600;
   font-size: 22px;
   letter-spacing: 0px;
   line-height: 26px;
   color: white;
}

.mont28blanco {
   font-family: var(--mont);
   font-weight: 600;
   font-size: 28px;
   letter-spacing: 0px;
   line-height: 32px;
   color: white;
}

.osw18naranja {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 18px;
   line-height: 26px;
   color: var(--naranja);
}

.osw48blanco {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 48px;
   line-height: 75px;
   color: white;
}

.osw32negro {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 32px;
   line-height: 75px;
   color: black;
}

.mont24negro {
   font-family: var(--mont);
   font-weight: 600;
   font-size: 24px;
   letter-spacing: 0px;
   line-height: 28px;
   color: black;
}

.osw32naranja {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 32px;
   line-height: normal;
   color: var(--naranja);
}

.mont18negro {
   font-family: var(--mont);
   font-weight: 400;
   font-size: 18px;
   letter-spacing: 0px;
   line-height: 22px;
   color: black;
}

.osw24negro {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 24px;
   line-height: normal;
   color: black;
}

.mont18naranja {
   font-family: var(--mont);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 18px;
   line-height: 22px;
   color: var(--naranja);
}

.mont14negro {
   font-family: var(--mont);
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 0px;
   line-height: 18px;
   color: black;
}

.osw42blanco {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 42px;
   line-height: 46px;
   color: white;
}

.mont18blanco {
   font-family: var(--mont);
   font-weight: 400;
   font-size: 18px;
   letter-spacing: 0px;
   line-height: 22px;
   color: white;
}

.mont24blanco {
   font-family: var(--mont);
   font-weight: 600;
   font-size: 24px;
   letter-spacing: 0px;
   line-height: 32px;
   color: white;
}

.osw27blanco {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 27px;
   line-height: 40px;
   color: white;
}

.osw32blanco {
   font-family: var(--osw);
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 32px;
   line-height: 48px;
   color: white;
}


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

   .osw18naranja {
      font-size: 16px;
      line-height: normal;
   }

   .osw48blanco {
      font-size: 43px;
      line-height: normal;
   }

   .osw32negro {
      font-size: 26px;
      line-height: normal;
   }

   .mont24negro {
      font-size: 21px;
      line-height: normal;
   }

}

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

   .osw70naranja {
      font-size: 50px;
      line-height: 60px;
   }

   .mont48blanco {
      font-size: 35px;
      line-height: 39px;
   }

   .mont48blanco br {
      display: none;
   }

   .mont22blanco {
      font-size: 18px;
      line-height: 23px;
   }

   .mont28blanco {
      font-size: 23px;
      line-height: 27px;
   }

   .osw48blanco {
      font-size: 31px;
   }

   .osw32negro {
      font-size: 22px;
   }

   .mont24negro {
      font-size: 18px;
   }

   .osw32naranja {
      font-size: 26px;
   }

   .mont18negro {
      font-size: 16px;
      line-height: 20px;
   }

   .osw24negro {
      font-size: 22px;
   }


   .mont18naranja {
      font-size: 16px;
      line-height: normal;
   }

   .mont14negro {
      font-size: 13px;
      line-height: normal;
   }

   .mont18negro {
      font-size: 15px;
   }

   .osw42blanco {
      font-size: 35px;
      line-height: 40px;
   }

   .mont18blanco {
      font-size: 16px;
      line-height: 20px;
   }

   .mont24blanco {
      font-size: 20px;
      line-height: 24px;
   }

   .osw27blanco {
      font-size: 18px;
   }

   .osw32blanco {
      font-size: 28px;
      line-height: normal;
   }

}