/*

	Theme Name: Omnito

	Theme URI: http://html5blank.com

	Description: HTML5 Blank WordPress Theme

	Version: 1.4.3

	Author: Todd Motto (@toddmotto)

	Author URI: http://toddmotto.com

	Tags: Blank, HTML5, CSS3

	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



:root {

  --color-marine-500: #00AAFF;
  --color-marine-600: #0087D4;
  --color-marine-700: #006AAB;

  --color-purple-500: #7A5AFF;

  --color-white: #FFFFFF;
  --color-light: #FCFDFF;
  --color-dakr: #C1C4D0;
  --color-light-divider: #E7E9F0;
  --color-dark-divider: #3E4A74;
  --color-bg: #F8F8F8;

  --color-blue-950: #061437;
  --color-blue-900: #242E8B;
  --color-blue-800: #232FB0;
  --color-blue-700: #232ED1;
  --color-blue-50: #ECF4FF;

  --color-gradient: background: linear-gradient(90deg, #7A5AFF 0%, #536EFF 50%, #4DDB98 100%);

  --color-green-400: #4DDB98;
  --color-green-300: #88EDBD;
  --color-green-200: #BCF6D9;
  --color-green-50: #F0FDF6;
  --color-green-500: #25C279;

  --color-yellow-50: #FFF8EB;
  --color-yellow-400: #F8A32D;

  --color-red-50: #FFEBEB;
  --color-red-500: #DE2D36;

}

*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}
html{font-size:62.5%}
body{font:400 16px/1.5 "Poppins", sans-serif; color:var(--color-blue-950);}
p {margin: 0;}
p:last-child {margin: 0;}
.clear:before,.clear:after{content:' ';display:table}
.clear:after{clear:both}
.clear{*zoom:1}
img{max-width:100%;vertical-align:bottom}
a{color:#444;text-decoration:none;transition: all 0.25s ease;}
a:hover{color:#444}
a:focus{outline:0}
a:hover,a:active{outline:0}
input:focus{outline:0;border:1px solid #04A4CC}
.wrapper{max-width:1280px;width:95%;margin:0 auto;position:relative}
::selection{background:#04A4CC;color:#FFF;text-shadow:none}
::-webkit-selection{background:#04A4CC;color:#FFF;text-shadow:none}
::-moz-selection{background:#04A4CC;color:#FFF;text-shadow:none}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption .wp-caption-text,.gallery-caption{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

@media print {
  *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
  a,a:visited{text-decoration:underline}
  a[href]:after{content:" (" attr(href) ")"}
  abbr[title]:after{content:" (" attr(title) ")"}
  .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
  pre,blockquote{border:1px solid #999;page-break-inside:avoid}
  thead{display:table-header-group}
  tr,img{page-break-inside:avoid}
  img{max-width:100%!important}
  @page{margin:.5cm}
  p,h2,h3{orphans:3;widows:3}
  h2,h3{page-break-after:avoid}
}

h1, .h1 {
  font-size: 56px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -1.12px;
  text-transform: capitalize;
  margin: 0;
}
h2, .h2 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.96px;
  margin: 0;
}
h3, .h3 {
  font-size: 40px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.8px;
  margin: 0;
}
h4, .h4 {
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.64px;
  margin: 0;
}
h5, .h5 {
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.48px;
  margin: 0;
}
h6, .h6 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.4px;
  margin: 0;
}
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
  color: #7D8AA8;
}

.btn {
  background: var(--color-blue-700);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-white) !important;
  letter-spacing: -0.5px;
  font-weight: 500;
  height: 48px;
  border-radius: 32px;
  padding: 0 29px 0 25px;
  text-decoration: none !important;
  position: relative;
  isolation: isolate;
  z-index: 0;
  overflow: visible;
}
.btn-wrap {
  display: inline-block;
  padding: 6px 8px;
  background: var(--color-light);
  border: 1px solid var(--color-light-divider);
  border-radius: 6px;
}
.btn:hover {
  background: var(--color-blue-900);
}
.btn.btn-white {
  background: var(--color-white);
  color: var(--color-blue-950) !important;
  border: 1px solid var(--color-light-divider);
}
.btn.btn-white:hover {
  background: rgba(243, 243, 243, 1);
}
.btn.btn-marine {
  background: var(--color-marine-500);
}
.btn.btn-marine:hover {
  background: var(--color-marine-600);
}
.btn.btn-marine:focus {
  background: var(--color-marine-700);
}
.btn2 {
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: -0.28px;
}
.btn-link-arrow {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none !important;
}
.btn-link-arrow svg path {
  transition: all 0.25s ease;
}
.btn-link-arrow_:hover svg {
  transform: translateX(5px);
}

.btn-link-arrow.green {
  color: var(--color-green-400);
}
.btn-link-arrow.green:hover {
  color: var(--color-green-200);
}
.btn-link-arrow.green:hover svg path {
  fill: var(--color-green-200);
} 

.btn-link-arrow.blue {
  color: var(--color-blue-700);
}
.btn-link-arrow.blue:hover {
  color: var(--color-blue-900); 
}
.btn-link-arrow.blue:hover svg path {
  fill: var(--color-blue-900);
}

.small-text {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.28px; 
}
.caption {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.24px;   
}
.tag-white {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(122, 90, 255, 0.5);
  padding: 7px 16px;
  border-radius: 32px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.2px;
  box-shadow: 0px 1px 1.5px 0px rgba(19, 41, 181, 0.07), 0px 4px 2.9px 0px rgba(19, 41, 181, 0.07), 0px 2px 28.3px 0px rgba(0, 12, 86, 0.05);
  background: var(--color-white);
  color: var(--color-blue-950);
}
.tag-blue {
  position: relative;
  padding: 7px 16px;
  border-radius: 32px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-white);
  background: #262B64;

  border: 1px solid transparent;

  background-image:
    linear-gradient(#262B64, #262B64),
    conic-gradient(
      from 180deg at 50% 50%,
      #68F5B4,
      #7A5AFF,
      #232ED1,
      #68F5B4
    );

  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.tag-pink {
  position: relative;
  padding: 7px 16px;
  border-radius: 32px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-white);
  border: 1px solid transparent;
  background-image: 
    conic-gradient(
      from 180deg at 50% 50%,
      #4519FF 0deg,
      #EA6EE8 143.65deg,
      #FBFFFF 266.54deg,
      #4519FF 360deg
  );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0px 4px 1.8px 0px rgba(0, 0, 0, 0.07),
              0px 5px 6.8px 0px rgba(0, 0, 0, 0.07),
              0px 3px 13.4px 0px rgba(0, 0, 0, 0.25),
              0px -2px 4px 0px rgba(0, 0, 0, 0.25) inset,
              0px 1px 1.5px 0px rgba(19, 41, 181, 0.07);

}
.tag-pink::before {
  content: "";
  position: absolute;
  inset: 1px;
  background: linear-gradient(180deg, #7A5AFF 0%, #D093FF 100%), linear-gradient(0deg, #7A5AFF, #7A5AFF);
  border-radius: 32px;
}
.tag-text {
  position: relative;
  z-index: 1;
}
.tag-green {
  background: var(--color-green-500);
  color: var(--color-white);
  padding: 6px 12px;
  border-radius: 23px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  box-shadow: 0px 1px 1.5px 0px rgba(19, 41, 181, 0.07), 0px 4px 2.9px 0px rgba(19, 41, 181, 0.07), 0px 2px 28.3px 0px rgba(0, 12, 86, 0.05);
}

.content-blocks  > section {
  overflow-x: hidden;
}