/*
 Theme Name:   Hello Elementor DRX
 Description:  
 Author:       
 Author URI:   
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-drx
*/

/*Generel settings */


.orange { color: var(--e-global-color-accent);}
.grey-dark { color: var(--e-global-color-primary);}
.grey { color: var(--e-global-color-secondary);}
.white { color: var(--e-global-color-71508a5);}
.bg-orange { background-color: var(--e-global-color-accent);}
.bg-grey-dark { background-color: var(--e-global-color-primary);  color: var(--e-global-color-71508a5);}
.bg-grey { background-color: var(--e-global-color-secondary);}

body {
  margin: 0;
  font-family: azo-sans-web,sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.5;
  color: var(--e-global-color-primary);
  background-color: var(--e-global-color-71508a5); 
}

::-moz-selection {
    background: var(--e-global-color-accent);
    color: var(--e-global-color-71508a5);
}
::selection {
    background: var(--e-global-color-accent);
    color: var(--e-global-color-71508a5);
}

/* Hide classes */

@media only screen and (max-width: 767px) {
 .hide-mobile {display:none}
}

@media only screen and (max-width: 1024px) {
 .hide-tablet {display:none}
}

@media only screen and (min-width: 1025px) {
 .hide-desktop {display:none}
}


/* Header styles */

/* NOTE: elementor frontend.min.css overrides some settings without !important, this is considered as a bug*/

h1, h2, h3, h4, h1 .elementor-heading-title, h2 .elementor-heading-title, h3 .elementor-heading-title, h4 .elementor-heading-title {
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1.12 !important;
    letter-spacing: .02em;
    font-weight: 700;
}

h5, h6, h5 .elementor-heading-title, h6 .elementor-heading-title {
    line-height: 1.3 !important;
}

h1 {font-size: 3.6em;}
h2 {font-size: 3em;}
h3 {font-size: 2.6em;}
h4 {font-size: 2.2em;}

h5 {
    font-size: 1.5em;
    font-weight: 500;
}

h6 {
    font-size: 1.3em;
    font-weight: 400;
}


@media only screen and (max-width: 767px) {
 
    h1 {font-size: 2.6em;}
    h2 {font-size: 2.2em;}
    h3 {font-size: 1.5em;}
    h4 {font-size: 1.3em;}
    h5 {font-size: 1.2em;}
    h6 {font-size: 1em;}
    
}


/* Typo styles */

strong { 
    font-weight: 500; 
}

.light, .light * {
    font-weight: 300;
}

p, p.elementor-heading-title, div.elementor-heading-title, span.elementor-heading-title {
    line-height: 1.5 !important;
}
.subtle { opacity: .66}
.small { font-size: .9em}
.smaller { font-size: .8em}
.large { font-size: 1.2em}
.larger { font-size: 1.4em}

p > a { position: relative;}

p > a:not(.elementor-button):before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--e-global-color-accent);
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

p > a:not(.elementor-button):hover:before {
  visibility: visible;
  width: 100%;
}

p > a:not(.elementor-button):link, p > a:not(.elementor-button):visited {
  text-decoration: none;
  color: var(--e-global-color-accent);
  font-weight:500;

}

.bg-grey-dark p > a:link, p > a:visited {
  color: var(--e-global-color-71508a5);
  opacity: 0.7;
}

.bg-grey-dark p > a:before {
 background-color: var(--e-global-color-71508a5); 
}

/* Button styles */

.elementor-button {
    border-radius: 0;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 17px 50px 17px 50px;
    border: solid 3px;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-color: var(--e-global-color-accent);
    background-color: var(--e-global-color-accent);
}

.elementor-button:hover {
    background-color: inherit;
    color: var(--e-global-color-accent);
}

.btn-alt .elementor-button{
    background-color: inherit;
    color: var(--e-global-color-accent);
}
.btn-alt .elementor-button:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-71508a5);
}

.btn-sub .elementor-button{
    background-color: inherit;
    color: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary);

}
.btn-sub .elementor-button:hover {
    background-color: inherit;
    color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
}

.btn-dark .elementor-button{
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-71508a5);
    border-color: var(--e-global-color-accent);

}
.btn-dark .elementor-button:hover {
    background-color:var(--e-global-color-71508a5);
    color: var(--e-global-color-accent);
    border-color: var(--e-global-color-71508a5);
}

.btn-alt-dark .elementor-button{
    background-color: var(--e-global-color-71508a5);
    color: var(--e-global-color-accent);
    border-color: var(--e-global-color-71508a5);

}

.btn-alt-dark .elementor-button:hover {
    background-color:rgba(255, 255, 255, 0.2);
    color: var(--e-global-color-71508a5);
    border-color: var(--e-global-color-71508a5);
}

.btn-sub-dark .elementor-button{
    background-color:inherit;
    color: var(--e-global-color-71508a5);
    border-color: var(--e-global-color-71508a5);

}

.btn-sub-dark .elementor-button:hover {
    background-color:rgba(255, 255, 255, 0.2);
    color: var(--e-global-color-71508a5);
    border-color: var(--e-global-color-71508a5);
}

/* remove border from login button */
header .elementor-button-link {border: none}


/* Slant styles */

/*Slant left dark START */


.slant > .elementor-container > .elementor-row > .elementor-column:first-child {
    background: var(--e-global-color-primary);
    z-index: 3;
}

.slant > .elementor-container > .elementor-row > .elementor-column:last-child {
    background: var(--e-global-color-71508a5);
}

.slant > .elementor-container > .elementor-row > .elementor-column:first-child::before {
    content:"";
    display: block;
    position: absolute;
    height: 100%;
    width: 90px;
    top: 0;
    right: -42px;
    transform: skew(-6deg);
    background: var(--e-global-color-primary);
}
.slant > .elementor-container > .elementor-row > .elementor-column:last-child::before {
    content:"";
    height: 100%;
    width: 90px;
    display: block;
    position: absolute;
    top: 0;
    background: white;
    opacity: 1;
    z-index: 1;    
    left: -48px;
    transform: skew(-6deg)
}

.slant > .elementor-container > .elementor-row > .elementor-column:first-child > .elementor-element-populated {
    z-index:3;
    color: var(--e-global-color-71508a5);
}

.slant > .elementor-container > .elementor-row > .elementor-column:last-child > .elementor-element-populated {
    color: var(--e-global-color-primary);
}


/*Slant left dark END*/

/*Slant right dark START */

.slant-right > .elementor-container > .elementor-row > .elementor-column:first-child {
    background: var(--e-global-color-71508a5);
    z-index: 1;
    
}

.slant-right > .elementor-container > .elementor-row > .elementor-column:last-child {
    background: var(--e-global-color-primary);
    z-index: 2;
    
}

.slant-right > .elementor-container > .elementor-row > .elementor-column:first-child > .elementor-element-populated {
    color: var(--e-global-color-primary);
}

.slant-right > .elementor-container > .elementor-row > .elementor-column:last-child > .elementor-element-populated {
    z-index:3;
    color: var(--e-global-color-71508a5);
}

.slant-right > .elementor-container > .elementor-row > .elementor-column:first-child::before {
    content:"";
    display: block;
    position: absolute;
    height: 100%;
    width: 90px;
    top: 0;
    z-index: 1;
    right: -42px;
    transform: skew(-6deg);
     background: white;
}
.slant-right > .elementor-container > .elementor-row > .elementor-column:last-child::before {
    content:"";
    height: 100%;
    width: 90px;
    display: block;
    position: absolute;
    top: 0;
    background: var(--e-global-color-primary);
    opacity: 1;
    z-index: 2;    
    left: -48px;
    transform: skew(-6deg)
}

/*Slant right dark END*/

/* hide slants on tablets and mobile */
@media only screen and (max-width: 1024px) {
 .slant, .slant-right {display:none}
}

/* EXTRA CLASSES FOR CERTAIN PAGES/POST TYPES */

/* EXPERT POST TYPE START */
.expert-name span:last-child {
    font-weight: 400;
}
/* EXPERT POST TYPE END */

/* HEADER CLASSES */

.contra_menu .elementor-button {
    border:0px;
}

/* HEADER CLASSES END */


/* Footer Styles START 
#site-footer .elementor-container {
  height: 50vh;
  width: 100%;
  display: flex;
  background-color: #000;
  position: fixed;
  bottom: 0;
  z-index: -1;
}

 Footer Styles END */


/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * azo-sans-uber:
 *   - http://typekit.com/eulas/000000000000000000014a2e
 * azo-sans-web:
 *   - http://typekit.com/eulas/000000000000000000013f4e
 *   - http://typekit.com/eulas/000000000000000000013f4f
 *   - http://typekit.com/eulas/000000000000000000013f4b
 *   - http://typekit.com/eulas/00000000000000003b9afbb9
 *   - http://typekit.com/eulas/00000000000000003b9afbb8
 *   - http://typekit.com/eulas/00000000000000003b9afbbb
 *   - http://typekit.com/eulas/00000000000000003b9afbba
 *   - http://typekit.com/eulas/000000000000000000013f8f
 *
 * © 2009-2022 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-04-21 11:37:39 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=vrs7avv&ht=tk&f=18438.18439.18440.18441.18442.18443.18444.18445.22797&a=34554082&app=typekit&e=css");

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/9aa4fe/000000000000000000013f4e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/9aa4fe/000000000000000000013f4e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/9aa4fe/000000000000000000013f4e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/90ca1f/000000000000000000013f4f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/90ca1f/000000000000000000013f4f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/90ca1f/000000000000000000013f4f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/b714ca/000000000000000000013f4b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/b714ca/000000000000000000013f4b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/b714ca/000000000000000000013f4b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/7a7e75/00000000000000003b9afbb9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/7a7e75/00000000000000003b9afbb9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/7a7e75/00000000000000003b9afbb9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/9fae0d/00000000000000003b9afbb8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/9fae0d/00000000000000003b9afbb8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/9fae0d/00000000000000003b9afbb8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/37ee84/00000000000000003b9afbbb/27/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/37ee84/00000000000000003b9afbbb/27/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/37ee84/00000000000000003b9afbbb/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/b13a3f/00000000000000003b9afbba/27/l?subset_id=2&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/b13a3f/00000000000000003b9afbba/27/d?subset_id=2&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/b13a3f/00000000000000003b9afbba/27/a?subset_id=2&fvd=i5&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"azo-sans-uber";
src:url("https://use.typekit.net/af/657ff9/000000000000000000014a2e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/657ff9/000000000000000000014a2e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/657ff9/000000000000000000014a2e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.tk-azo-sans-web { font-family: "azo-sans-web",sans-serif; }
.tk-azo-sans-uber { font-family: "azo-sans-uber",sans-serif; }



/*complianz cookie banner spacings and mobile width fix*/

#cmplz-cookiebanner-container .cmplz-divider {
		display: none
}

@media only screen and (max-width: 768px) {
#cmplz-cookiebanner-container .cmplz-cookiebanner {
	width: 100%;
	max-width: 100vw;
  bottom: 0;
  left: 0;
}

	#cmplz-cookiebanner-container .cmplz-header, 	#cmplz-cookiebanner-container .cmplz-title {
		display: block;
		width: 100%;
		text-align: center;
}
}